@charset "utf-8";
/* CSS Document*/
*{margin: 0;padding: 0;outline: none;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
img{max-width: 100%;max-height: 100%;vertical-align: middle;border: 0;}
i,em,label{font-style: normal;display: inline-block;}
ol, ul, li{list-style: none;}
a{color:inherit;
transition:all .5s;
-webkit-transition:all .5s;}
a:link{text-decoration: none !important;}
a:visited{text-decoration: none !important;}
a:hover{text-decoration: none !important; color: #5bbfe6;}
a:active{text-decoration: none !important;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: inherit;}
input[type=text], input[type=button], input[type=submit]{-webkit-appearance: none;/*去除iPhone input默认样式}*/}
input,select,button,textarea{font-family: normal;resize: none;border:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
::-webkit-input-placeholder{color: #acacac;}
:-moz-placeholder{color: #acacac;}
::-moz-placeholder{color: #acacac;}
:-ms-input-placeholder{color: #acacac;}
.swiper-button-next:after,.swiper-button-prev:after{display: none;}


/* class="zoom" */
.zoom{overflow:hidden;}
.zoom img{-webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;-ms-transition: all ease-out .5s;}
.zoom:hover img{-webkit-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-ms-transform: scale(1.05);}

@font-face {
font-family:"Source";
src:url('../fonts/SourceHanSansSC-Regular.otf'),url('../fonts/SourceHanSansSC-Regular.otf');
}
@font-face {
font-family:"Archive";
src:url('../fonts/Archive.otf'),url('../fonts/Archive.otf');
}


/* 全局 */
.lf{float: left;}
.rt{float: right;}
.flex{display: flex;}
.block{display:block;}
.white{color: #fff !important;}
.t-r{text-align: right;}
.t-c{text-align: center;}
.bold{font-weight: bold;}
.relative{position: relative;}
.absolute{position: absolute;}
.flex-wrap{flex-wrap: wrap;justify-content: space-between;}
.align-center{align-items:center;}
.flex-start{justify-content: flex-start;}
.clear{clear:both;display:block;width: 0;height: 0;}
.clearfix::after{content:'';display:block;clear:both;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

/* 字号 */
[f14]{font-size: 14px;}
[f16]{font-size: 14px;}
[f18]{font-size: 16px;}
[f20]{font-size: 18px;}
[f22]{font-size: 20px;}
[f24]{font-size: 18px;}
[f26]{font-size: 20px;}
[f28]{font-size: 22px;}
[f30]{font-size: 24px;}
[f32]{font-size: 26px;}
[f34]{font-size: 27px;}
[f36]{font-size: 30px;}
[f40]{font-size: 34px;}
[f46]{font-size: 40px;}
@media only screen and (max-width:992px) {
  .right{
    width: 66px;
  }
  .rta a{
    height: 67px;
  }
  .rta a span{
    font-size: 12px;
    margin-top: 5px;
  }
  .rthide_ewm{
      
    width: 161px;

  }
}
@media screen and (max-width:768px) {
.right{ display:none}
.step3 .big .img{ height:auto} 
.step1 .text p.w_z{ font-size:12px}
.step4 li:nth-child(11){ display:none;}
.step4 li:nth-child(10){ display:none;}
.title.bold{ font-size:14px}
[f14]{font-size: 12px;}
[f16]{font-size: 13px;}
[f18],[f20]{font-size: 14px;}
[f22],[f24],[f26]{font-size: 15px;}
[f28],[f30]{font-size: 16px;}
[f32],[f34],[f36],[f40]{font-size: 20px;}
[f46]{font-size: 22px;}
.mt30,.mt35,.mt40{margin-top: 20px;}
.mt50,.mt60{margin-top: 30px;}
.mt70,.mt80{margin-top: 40px;}
}

@media screen and (max-width:1640px) {
.container,.w1300{width:90%;}
.step2 .pic{zoom: 0.9;}
.step3 .list .text p{display: none;}
.foot .f-logo{border: none;}
.foot .f-lx{width: 25%;}
.news .row .text .more{margin-top: 30px;}
.p-list .row{width: 30%;margin-right: 2%;margin-bottom: 2%;}
}
@media screen and (max-width:1400px) {
[f20]{font-size: 16px;}
.head{padding: 0 2vw;}
.navbar li{font-size: 17px;margin: 0 1.5vw;}
.p-zs .p-t h3{font-size: 40px;}
.step3 .big .img{height:auto;}
.p-list .t_p{background: none;}
.head .logo{width: 200px;}
.fuwu .px_xm ul{margin:0 -30px;}
.fuwu .px_xm ul li{width:calc(25% - 60px); margin:50px 30px 0;}
.foot .f-logo{width: auto;}
.foot .f-dh dl{font-size: 14px;}
.foot .info{font-size: 14px;}
.foot .f-lx .code p{font-size: 14px;}
.head .tel{font-size: 18px;}

}

@media screen and (max-width:1280px) {
[f20]{font-size: 15px;}
}
@media screen and (max-width:768px) {
/* 导航start */
.sj_bt{position: absolute;width: 36px;height: 36px;right: 10px;top: 11px;z-index: 999999;}
.sj_bt span{position: absolute;height: 3px;width: 25px;background: #191a1b;top: 7px;left: 5px;border-radius:10px;transition: all 0.3s ease-in-out;}
.sj_bt span:nth-child(2){top: 17px;}
.sj_bt span:nth-child(3){top: 28px;}
.sj_bt.on{position: fixed;}
.sj_bt.on span{background: #fff;}
.sj_bt.on span:nth-child(1){transform: rotate(45deg);top: 17px;left: 10px;}
.sj_bt.on span:nth-child(2){display: none;}
.sj_bt.on span:nth-child(3){transform: rotate(-45deg);top: 17px;left: 10px;}
.wpnvbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;background: rgba(0,0,0,.7);transition: .25s;display:none;}
.head_wap{width: 55%;height: 100%; display: none;transition: all 0.3s ease-in-out;position: fixed;left: 0;top: 0;padding: 0 4%;padding-top: 20px;background: #135377;z-index: 9999;overflow-y: auto;}
.wapnava{padding: 0 0 15px 0;}
.wapnava span{width: 100%;}
.wapnava a.wapprda{display: block;height: 50px;line-height: 48px;padding: 0 10px;color: #fff;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 16px;}
.wapprda, .wapprda1{position: relative;}
.wpheadhide{display: none;}
.wpheadhide p{padding-left: 10px;}
.wpheadhide p a{font-size: 12px;}
.wapprda i, .wapprda1 i{display: block;position: absolute;right: 15px;top: 0;height: 44px;line-height: 44px;}
.wapprda i img, .wapprda1 i img{height: 10px;}
.wpheadhide a{font-size: 13px; padding-left: 30px;display: block;height: 48px;line-height: 46px;padding: 0 25px;color: #fff;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
/* end */
.head{position: static;padding: 12px 3%;}
.head .logo{width: 150px;-webkit-filter: none !important;filter: none !important;}
.navbar,.head .oth{display: none;}
.swiper-bn{height: 50vh;}
.banner .inner{font-size: 14px;}
.banner .inner .t1{font-size: 20px;}
.roll .row h3{font-size: 22px;line-height: 1.6;}
.p-zs{margin-top: -40px;padding-top: 80px;}
.p-zs .wrap{flex-flow: column;}
.p-zs .centre{width: 100%;padding: 30px 0;}
.p-zs .intro .more{display: none;}
.step1{padding: 40px 0;}
.step1 .img{width: 100%;height: 250px;margin-bottom: 2%;}
.step1 .img:nth-child(2){width: 100%;}
.step1 .text{padding: 30px 15px;}
.step1 .item:nth-child(2){margin: 0;flex-flow: column-reverse;}
.step2{padding: 50px 0;}
.step2 .pic{display: none;}
.step2 .text{width: 100%;}
.step3{padding: 40px 0;}
.step3 .tab-t{flex-flow: column;}
.step3 .hd{margin-left: 0;margin-top: 20px;}
.step3 .tab-t .more{display: none;}
.step3 .big{width: 100%;}
.step3 .big .text{height: auto;padding: 15px 15px;}
.step3 .big .text h3{font-size: 13px;}
.step3 .list{width: 100%;margin-top: 20px;}
.step3 .list li{padding: 15px 0;}
.step4{padding: 40px 0;}
.step4 .box{width: 100%;height: 150px;}
.step4 .box h3{font-size: 40px;}
.step4 li{width: 33.33%;height: 100px;}
.foot{padding: 30px 0;}
.foot .f-logo{width: 100%;display: none;}
.foot .f-dh{width: 100%;font-size: 13px;}
.foot .f-dh h3{font-size: 15px;}
.foot .code{justify-content: center;}
.foot .code li{margin: 0 2%;}
.foot .f-lx{width: 100%;margin-top: 40px;}
.foot .info{margin-top: 30px;font-size: 13px;}
.copyright{font-size: 12px;}
.copyright .wrap{flex-flow: column;}
.ban{text-align: center;height: 25vh;}
.ab-1{background: #fff;}
.ab-2{padding: 60px 0;}
.ab-2 li h3{font-size: 22px;line-height: 1.6;}
.ab-3{padding: 40px 0;}
.ab4-conbox{border-bottom:1px solid #c9c9c9;}
.ab4-conbox .ab4-con{width: 100%;height: 350px;border-right:1px solid #c9c9c9;border-bottom: 0;overflow: hidden;}
.ab4-conbox .ab4-con span{color: #333;visibility: inherit;}
.ab4-conbox .ab4-con .icon{margin: 40px auto;}
.ab4-conbox .ab4-con .line{bottom: 40px;}
.partner{padding: 40px 0;}
.partner li{width: 32%;}
.ct-info{padding: 40px 0;}
.ct-info .row{width: 100%;margin-bottom: 2%;padding: 40px 3% 20px;height: auto;}
.ct-info .row:after{position: static;margin: 20px auto;transform: none;}
.ct-info .x_mt{margin-top:20px;}
.ct-info .x_mt ul li{width:20%; margin-top:15px;}
.ct-info .x_mt a{width:60px; height:60px; border-radius:30px;}
.ct-info .x_mt p{font-size:14px; line-height:26px;}
.ct-info .x_mt .e_w{width:100px; padding:0; margin-left:-50px;}
.ct-fenbu{padding:40px 0;}
.ct-fenbu .fb_dt{width:100%;}
.ct-fenbu .fb_xx{width:100%;}
.ct-fenbu .fb_xx .x_x{margin-top:25px;}
.ct-fenbu .fb_xx .x_x ul li{padding:5px 0 5px 70px; margin-top:15px; font-size:14px; line-height:26px;}
.ct-fenbu .fb_xx .x_x span{width:60px; line-height:36px;}
.message{padding:40px 0;}
.message .img{display: none;}
.message .form{width: 100%;padding: 30px 15px;}
.message .row{margin: 0;}
.message .row li{width: 100%;margin-bottom: 3%;}
.message .row input, .message .row textarea{height: 50px;font-size: 13px;}
.message .btn, .message .reset{height: 50px;margin-top: 20px;}
.down .centre li{width: 100%;padding: 20px 0;}
.ban .wrap{justify-content: center;}
.ban .img{display: none;}
.p-zs .left{width: 100%;}
.p-menu{display: none;}
.p-list{padding: 40px 0;}
.p-list .centre{width: 100%;}
.p-list .row{width: 100%; margin-bottom:30px;}
.p-list .row .img{bottom: 0;}
.news .row{padding: 20px 0;font-size: 13px;}
.news .row .img{width: 100%;height: 100%;}
.news .row .text{width: 100%;}
.gao{display: none;}
.prodet-con1 .prodet-con1l .product-sw-bar{width: 100%;}
.prodet-con1 .prodet-con1l .product-sw-bar .swiper-slide{width: 32%; height:108px;display: flex;align-items:center;margin-right: 2%;zoom: 0.8;}
.prodet-con1 .prodet-con1l .product-sw-container{width: 100%;}
.prodet-con1 .gallery-top{border:1px solid #eee; margin-bottom:10px;}
.prodet-con1l-con1 .swiper-wrapper{flex-direction: row;}
.prodet-con1 .prodet-con1l{width: 100%;flex-flow: column-reverse;}
.prodet-con1 .prodet-con1r{width: 100%;padding: 0;border: none;}
.prodet-con1 .prodet-con1r .prodet-con1r-t{width: 100%;max-width: 100%;}
.prodet-con1 .prodet-con1r .prodet-con1r-t h6{font-size: 18px;}
.prodet-con1 .prodet-con1r .prodet-con1r-t span{font-size: 13px;}
.prodet-con2 .prodet-con2-t{height: auto;margin-top: 30px;}
.prodet-con2 .prodet-con2-t .prodet-con2-tcon a{margin: 0 5px;font-size: 16px;}
.prodet-con21-t h6{font-size: 18px;padding: 30px 0;}
.prodet-con21 .prodet-con21-con{padding: 30px 15px;}
.prodet-con21 .prodet-con21-con p{font-size: 12px;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide{width: 100%;}
.prodet-con23 .textBox{padding: 20px 0;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a .texts{font-size: 13px;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a h6{font-size: 16px;}
.prod-downbox .down .down-con a{font-size: 14px;}
.prod-downbox .down .down-con h6{font-size: 13px;}
.prodet-con23{padding: 0;}
.fuwu{padding:40px 0 60px;}
.fuwu .fw_bt{font-size:30px; line-height:40px;}
.fuwu .fw_wz{max-width:100%; font-size:16px; line-height:32px; margin:30px auto 0;}
.fuwu .fw_xm ul{margin:0 -10px;}
.fuwu .fw_xm ul li{width:calc(33.333333333333% - 20px); margin:30px 10px 0;}
.fuwu .fw_xm .w_z{font-size:18px; line-height:28px; margin-top:10px;}
.fuwu .px_xm{margin-bottom:50px;}
.fuwu .px_xm ul{margin:0 -20px;}
.fuwu .px_xm ul li{width:calc(50% - 40px); margin:35px 20px 0;}
.fuwu .px_xm .t_b{width:100px;}
.fuwu .px_xm .w_z h3{font-size:20px; line-height:30px;}
.fuwu .px_nr ul li{margin-top:35px;}
.fuwu .px_nr .w_z{padding:25px; font-size:15px; line-height:28px;}
.fuwu .px_nr .w_z h3{font-size:20px; line-height:30px; margin-bottom:10px;}
.p-list .t_p{height: auto;}



}
@media screen and (max-width:640px) {
.fuwu .fw_bt{font-size:22px; line-height:32px;}
.fuwu .fw_wz{font-size:14px; line-height:26px;}
.fuwu .fw_xm ul{margin:0;}
.fuwu .fw_xm ul li{width:80%; margin:30px 10% 0;}
.fuwu .fw_xm .w_z{font-size:15px;}
.fuwu .px_xm ul{margin:0 -15px;}
.fuwu .px_xm ul li{width:calc(50% - 30px); margin:30px 15px 0;}
.fuwu .px_xm .t_b{width:90px;}
.fuwu .px_xm .w_z{font-size:14px; line-height:26px; margin-top:15px;}
.fuwu .px_xm .w_z h3{font-size:20px; line-height:28px;}
.fuwu .px_nr ul li{margin-top:30px;}
.fuwu .px_nr .t_p{width:100%;}
.fuwu .px_nr .w_z{width:100%; padding:25px 20px; font-size:14px; line-height:26px;}
.fuwu .px_nr .w_z h3{font-size:20px; line-height:28px;}
}