@charset "utf-8";

.main {
  width: 100%;
}
.main .main-box{
width: 1180px;
  margin: 0 auto;
}

.main .main-box .f1-left{
width:260px;
float:left;margin-top:20px;
background:#fff;
}

.main .main-box .f1-left .f1-left-title{
width: 260px;height:40px;line-height:40px;
float:left;background:#E21F4E;
}
.main .main-box .f1-left .f1-left-title h3{
margin-left:20px;color:#fff;
}
.main .main-box .f1-left .f1-left-menu{
width: 240px;height:395px;line-height:40px;
float:left;margin:10px 10px 0px 10px;
}

.main .main-box .f1-left .f1-left-menu li{
line-height:30px;width:33%;float:left;margin:0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.main .main-box .f1-left .f1-left-menu li a{
font-size:14px;
}
.main .main-box .f1-left .f1-left-menu .mcat{
width: 240px;height:25px;line-height:25px;float:left;font-size:14px;font-weight:700;margin:8px 0px 5px 0px;
}

.main .main-box .f1-left .f1-left-menu .mitem{
width: 240px;height:auto;line-height:25px;float:left;
}
.main .main-box .f1-left .f1-left-menu .mitem a{
margin-right:10px;
}

.main .main-box .f1-right{
width:900px;
float:right;margin-top:20px;background:#fff;
}

.main .main-box .f1-right .top-item{
width: 900px;height:445px;
float:left;
}
.main .main-box .f1-right .top-item li{
width: 198px;height:190px;margin:20px 0px 0px 20px;
float:left;border: #DCDCDC 1px solid;
}
.main .main-box .f1-right .top-item li .item-img{
width: 178px;height:120px;margin:10px 0px 0px 11px;
float:left;
}
.main .main-box .f1-right .top-item li .item-txt{
width: 178px;height:40px;margin:10px 0px 0px 11px;text-align:center;
float:left;line-height:20px;
}
.main .main-box .f1-right .top-item li .item-txt a.xg{
color:#7f7f7f;
}

.main .main-box .f2-left{
width:260px;
float:left;margin-top:20px;
background:#fff;
}

.main .main-box .f2-left .f2-left-title{
width: 260px;height:40px;background:#f0f0f0;
float:left;border-bottom:#fafafa 1px solid;
}
.main .main-box .f2-left .f2-left-title h3{
margin:0px 0px 0px 20px;float:left;width:auto;font-weight:700;line-height:40px;
}
.main .main-box .f2-left .f2-left-menu{
width: 260px;height:auto;margin-bottom:20px;
float:left;
}
.main .main-box .f2-left .f2-left-menu li{
margin:10px 0px 0px 10px;float:left;width: 240px;
}
.main .main-box .f2-left .f2-left-menu li .cn{
float:left;width: 260px;height:30px;line-height:30px;margin:0px 0px 0px 10px;width: 230px;
}
.main .main-box .f2-left .f2-left-menu li .cn a{
font-size:14px;
}
.main .main-box .f2-left .f2-left-menu li .cs{
float:left;width: 260px;height:26px;line-height:20px;margin:0px 0px 0px 10px;width: 230px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #7f7f7f;
}
.main .main-box .f2-left .f2-left-menu li .cs a{
color: #7f7f7f;margin-right:6px;
}


.main .main-box .f2-right{
width:900px;
float:right;margin-top:20px;background:#fff;
}


.main .main-box .f2-right .f2-right-title{
width: 900px;height:40px;line-height:40px;
float:left;border-bottom:#fafafa 1px solid;
}
.main .main-box .f2-right .f2-right-title h3{
margin-left:20px;font-weight: 700;
}
.main .main-box .f2-right .f2-right-con{
width: 880px;height:auto;
float:left;margin-left:10px;
}

.main .main-box .f2-right .f2-right-con .cat-dh{
width: 430px;height:166px;margin:20px 5px 0px 5px;
float:left;
}

.main .main-box .f2-right .f2-right-con .cat-dh span{
width: 410px;height:30px;line-height:30px;margin:0px 0px 0px 10px;
float:left;font-weight: 700;font-size: 14px;
}

.main .main-box .f2-right .f2-right-con .cat-dh span a{
font-size:14px;font-weight:700;
}

.main .main-box .f2-right .f2-right-con .cat-dh ul{
width: 410px;height:auto;margin:10px 0px 0px 10px;
float:left;
}

.main .main-box .f2-right .f2-right-con .cat-dh ul li{
width:33%;line-height:30px;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.main .main-box .f2-right .f2-right-con .cat-dh ul li a{
font-size:14px;
}
@media screen and (max-width:767px){
}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}

