@charset "utf-8";
/*设置页面字体rem为单位*/

html {
    font-size: 62.5%;

}

@media only screen and (min-width: 320px) {
    html {
        font-size: 53.3%;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 62.5% ;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 69% ;
    }
}
@media only screen and (min-width: 600px) {
    html {
        font-size: 100% ;
    }
}
@media only screen and (min-width: 800px) {
    html {
        font-size: 133.3% ;
    }
}
*{outline:none;box-sizing:border-box;}
body, h1, h2, h3, p, dl, ul, ol, form {margin: 0;padding: 0;}
dd {margin-left: 0;}
:focus{outline:0;}
ol,ul{list-style-type:none;}
.clear-both{clear:both;height:0;overflow:hidden}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic; display:inline-block;}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}

html,body,.container{ width:100%; padding:0;}
body{background: #d80746;font-family: "Microsoft YaHei" , "微软雅黑"}

.fhc-detial-box{overflow: hidden}
.kv{position: relative}
.img-all-width img{width: 100%;}
.btn-return-zhc{    width: 20%;display: block;position: absolute;top: 3%;left: 2%;}
.yhq-box{width: 96%;margin: 2% auto}
.sp-list-box{margin: 0 auto;width: 96%;}
.yhq-box li,.sp-list-box li{width: 32%;float: left;}
.sp-list-box li{padding: 0 0 2% 0}
.yhq-box li a,.sp-list-box a{display: block}
.jianju{margin: 0 2%}
.yhq-box li img,.sp-list-box img{width: 100%}

/*轮播*/
.roll-prom{height: 7.7%;width: 82%;position: relative;margin: 0 auto;}
.roll-prom .swiper-slide{width:100%;min-height:143px;float: left;padding:0 0 0 0.01%;}
.roll-prom .left-btn{    position: absolute;left: -8%;top: 47%;width: 6%;}
.roll-prom .right-btn{   position: absolute;right: -8%;top: 47%;width: 6%;}

.roll-prom .swiper-slide li{width:32%;height:90%;float:left;text-align:center;}
.roll-prom .swiper-slide li a{display: block}

.roll-prom .swiper-slide li img{width:100%;}
.roll-prom .swiper-slide li p{font-size:12px; color: #0171c8;}

.tab-box{padding: 0 !important;}
.tab-box ul{    float: left;    text-align: center;width: 1.0% !important;font-size: 1.5rem;background: #ae0733;margin: 0 0 0 0.1%!important;}
.tab-box li a{display: block;color: #FFFFFF;padding: 0.8rem 0;}
.nav .active{background: #3b4771}
.box-fixed{position: fixed;top: 0;background: #ae0733;width: 100%}

.itemListSlider{overflow:hidden;width:100%;height:100%;}
.swiper-wrapper{height:100%;padding:3% 0 0 0;}

.btn-tc{    width: 81%;margin: 3% auto 5% auto;text-align: right;}
.btn-tc a{font-size: 1.6rem;color: #FFFFFF;text-decoration: underline;}

.mob-list-box,.compter-list-box,.dq-list-box{margin: 0 auto;width: 96%}
.mob-list-box li,.compter-list-box li,.dq-list-box li{width: 49%;float: left;margin: 0 0 2% 0}
.mob-list-box .fr,.compter-list-box .fr,.dq-list-box .fr{float: right}
.mob-list-box li a,.compter-list-box .fr,.dq-list-box .fr{display: block}
.mob-list-box img,.compter-list-box img,.dq-list-box img{width: 100%}
.pd-3{padding: 3rem 0}