*{  margin: 0;padding:0  }
html,body{  width: 100%;background: #f5f6fa;color:#333;}
@media (min-width: 768px) {
    html{  font-size: 20px; }
    .pub-head{height: 3.5rem;padding: 0.75rem 0;
        width: 80%;
        max-width: 1157px;
        margin: 0 auto;
    }
    .pub-head img{width: 357px;height: 80px;
    }
    .w1157{
        width: 57.85rem;
        margin: 0 auto;
    }
   .ban-und{font-size: 12px;}
    .lineWeP{width: 80%;max-width: 1200px;text-align: right;margin: 0 auto -0.3rem;}
    .lineWeP>img{margin-right: 0.65rem}
    .pub-head2{display: none;}
    .P-nav{float: right;margin-top: 1rem;}
    .p-btn{display: none;}
    .nav-li{  display: inline;margin: 0 0.4rem;}
    .nav-li>a:hover{  border-bottom: 0.1rem solid #0078e6;color: #0078e6;} 
    .footer{ width:100%;height:280px;background:url(../img/public/footer.jpg);background-position: center;text-align:center;}
    #footer-main{ width:1157px;height:200px;margin:0 auto;text-align:center;padding:0px;}
    #footer-nav{font-size:15px;height: 80px;overflow: hidden;padding-top: 5px;}
    #footer-nav-list li a{text-decoration:none;color:#CCCCCC;display:block;height:40px;line-height:40px;width:150px;}
    #footer-nav-list li{display:inline-block;list-style:none;text-align:center;}
    #footer-nav-list li:first-child{margin-left:-35px;}
    #footer-nav-list li a:hover{text-decoration:none;background-color:#0476D9;color:#ffffff;}
    #footer-copy{font-size:12px;text-align:center;height: 120px;}
    .footer-lineus{float:left;height:120px;width:578px;}
    .footer-lineus-img{ float:left; padding:10px;}
    .footer-lineus-p{color:#CCCCCC;text-align:left; line-height: 25px;padding-right:10px; margin-top:5px;}
    .copyright{float:left;height:120px;width:579px;}
    .copyright-img{float:left; padding:10px;}
    .copyright-p{color:#CCCCCC;text-align:left; line-height: 25px;padding-right:10px;margin-top: 3px;}
    .footer-bottom{display: inline-block;width: 99px;height: 38px;margin: 0 auto;margin-left: 8px;margin-right: 8px;margin-top: 18px; }
    .footer-bottom00{background: url(../img/public/footer0.png) no-repeat 0px 0px;}
    .footer-bottom00:hover{background: url(../img/public/footer1.png) no-repeat 0px 0px;}
    .footer-bottom47{background: url(../img/public/footer0.png) no-repeat 0px -47px;}
    .footer-bottom47:hover{background: url(../img/public/footer1.png) no-repeat 0px -47px;}
    .footer-bottom95{background: url(../img/public/footer0.png) no-repeat 0px -95px;}
    .footer-bottom95:hover{background: url(../img/public/footer1.png) no-repeat 0px -95px;}
    .footer-bottom144{background: url(../img/public/footer0.png) no-repeat 0px -144px; width:40px;}
    .footer-bottom144:hover{background: url(../img/public/footer1.png) no-repeat 0px -144px; width:40px;}
    .footer-bottom192{background: url(../img/public/footer0.png) no-repeat 0px -192px;}
    .footer-bottom192:hover{background: url(../img/public/footer1.png) no-repeat 0px -192px;}
    .footer-bottom239{background: url(../img/public/footer0.png) no-repeat 0px -239px;}
    .footer-bottom239:hover{background: url(../img/public/footer1.png) no-repeat 0px -239px;}
    .m-copyright{display: none;}
    }
@media (max-width: 768px) {
    html{font-size: 16px;}
    .lineWeP{text-align: center;}
    .pub-head{width: 95%;margin: 0 auto;position: relative;overflow: hidden;height: 3em;}
    .P-logo>img{/*margin-top: 0.5rem;*/height:200%;}
    .P-logo{height: 50%;}
    .P-nav{display: none;}
    .pub-head2{width: 100%;height: 15.2rem;position: absolute;overflow: hidden;}
    .P-nav2{position: absolute;width: 30%;text-align: center;background: rgba(211,211,211,0.7);right: -35%;z-index: 99;box-shadow: 0.2rem 0.3rem 1rem 0 #ddd;padding:0.05rem;border-radius: 0.15rem;}
    .nav-li{line-height: 2rem;background: #fff;width: 100%;}
    .nav-li:active{background: rgb(220,220,220);}
    .p-btn{display: block;width: 2.5rem;height: 2.5rem;float: right;margin: 0.25rem;}
    .p-btn>img{width: 100%;}
   .footer{ padding-bottom: 0.5rem;width:100%;/*height:6rem;*/background:url(../img/public/footer.jpg);background-position: center;}
    #footer-main{margin:0 auto;padding:0px;}
    #footer-nav{display: none;}
    #footer-copy{font-size:0.8rem;}
    .footer-lineus{height:8rem;padding-top: 10px;display: none;}
    .footer-lineus-img{ float:left; padding:10px;padding-top: 0;}
    .footer-lineus-p{color:#CCCCCC;text-align:left; line-height: 1.2rem; }
    .copyright{height:8rem;padding-top: 10px;display: none;}
    .copyright-img{float:left; padding:10px;padding-top: 0}
    .copyright-p{color:#CCCCCC;text-align:left; line-height:1.2rem;}
    .phone>img{width: 1.2rem;height: 1.2rem;vertical-align: middle}

    .m-copyright{padding-top: 10px;text-align: center;}
    .m-copyright-img{float:left; padding:10px;padding-top: 0}
    .m-copyright-p{color:#CCCCCC;text-align: center;line-height:1.2rem;}
    
}

.color3{color:#333;}
.bs01{box-shadow: 0.1rem 0.15rem 0.5rem 0 #ddd}
.bs02{box-shadow: 0 0 0.5rem 0 #f5f6fa inset}
a{text-decoration: none;cursor: pointer}
.ln{list-style: none;}
.point{cursor: pointer;}
.posR{position: relative;}
.posA{position: absolute;}
/*宽高*/
.w1140{  width: 57rem;  }
.w1170{width: 58.5rem;}
.w980{width: 49rem;}
.w850{width: 42.5rem;}
.w900{width: 45rem;}
.w100{width: 5rem;}
.wP100{width: 100%;}
.wP90{width: 90%;}
.wP80{width: 80%;}
.wP25{width: 25%;}
.wP20{width: 20%;}
.wP16{width: calc(100%/6)}
.h20{height: 1rem;}
.h40{height: 2rem;}
.h70{height: 3.5rem;}
.h100{height: 5rem;}
.h380{height: 19rem;}
.mg-0-auto{ margin: 0 auto;  }
.mgL-auto{margin-left: auto;}
.mgR-auto{margin-right: auto;}
.mgB25{margin-bottom: 1.25rem;}
.mgT20{margin-top: 1rem;}
.padT10{padding-top: 0.5rem;}
.padT20{padding-top: 1rem;}
.padLR15{padding-left: 0.75rem;padding-right: 0.75rem;}
.padTB15{padding-top: 0.75rem;padding-bottom: 0.75rem;}
.padL15{padding-left: 0.75rem;}
.padL0{padding-left: 0;}
.padT20{padding-top: 1rem;}
.linH20{line-height: 1rem;}
.ul-nav{font-size: 0.85rem;}
.nav-li{  list-style: none;zoom: 1;  }
.navA{color:#333;font-weight: 500;padding: 0.25rem;}
.navCla{border-bottom: 0.1rem solid #0078e6; color: #0078e6;}
.navBor-b{
    border-bottom: 0.25rem solid #0078e6;
    color:#0078e6
}
.inl-b{  display: inline-block;  }
.db{display: block}
.overH{  overflow: hidden;  }
.bg-wt{background: #FFFFFF}
.bd-box{  box-sizing: border-box;  }

.hrefB{color:#fff;}
.bgRed{background: red;}
.text-c{  text-align: center; }
.text-r{text-align: right;}
.brP50{border-radius: 50%;}
.font_rn{font-family: "微软雅黑", "Microsoft Yahei", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.font_song{font-family: "宋体";}
.font_hei{font-family: 黑体;}
/*字体大小*/
.font_s18{font-size: 0.9rem;}
.font_s17{font-size: 0.85rem;}
.font_s16{font-size: 0.8rem;}
.font_s14{font-size: 0.7rem;}
.font_s12{font-size: 0.6rem;}
.font_s20{font-size: 1rem;}
.font_s22{font-size: 1.1rem;}
.font_s24{font-size: 1.2rem;}
.font_w500{font-weight: 500;}
.font_w100{font-weight: 100;}
.texInd0{text-indent: 0!important;}
/*浮动块*/
.fl-L{  float: left;  }
.fl-R{  float: right;  }
.clear{  clear: both;  }
/*位置*/
.l0{left: 0;}
.r0{right: 0;}
.t0{top:0;}
.b0{bottom: 0;}
/***************swiper******************/
.swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide img{width: 100%;vertical-align: middle;}