@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;}
.lf{float: left;}
.rt{float: right;}
.flex{display: flex;}
em,i,label{font-style: normal;display: inline-block;}
ol, ul, li{list-style: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
a{blr:expression(this.onFocus=this.blur());color:inherit;}
.clear{clear:both;display:block;width: 0;height: 0;visibility:hidden;}
.clearfix::after{content:'';display:block;clear:both;}
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;}
::-webkit-input-placeholder{color: #808080;}
:-moz-placeholder{color: #808080;}
::-moz-placeholder{color: #808080;}
:-ms-input-placeholder{color: #808080;}
.swiper-button-prev:after,.swiper-button-next: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);}

/* 属性 */
[block]{display:block;}
[inline]{display:inline-block;}
[t-r]{text-align: right;}
[t-c]{text-align: center;}
[relative]{position: relative;}


/* 字号 */
[fs14]{font-size: 14px;}
[fs16]{font-size: 16px;}
[fs18]{font-size: 18px;}
[fs20]{font-size: 20px;}
[fs22]{font-size: 22px;}
[fs24]{font-size: 24px;}
[fs26]{font-size: 26px;}
[fs28]{font-size: 28px;}
[fs30]{font-size: 30px;}
[fs36]{font-size: 36px;}
[fs40]{font-size: 40px;}

@media screen and (max-width:1400px) {
.container{width:94%; margin:0 auto;}


}
@media screen and (max-width:768px) {
[fs14]{font-size: 12px;}
[fs16]{font-size: 13px;}
[fs18]{font-size: 14px;}
[fs20],[fs22],[fs24]{font-size: 16px;}
[fs26],[fs28],[fs30]{font-size: 18px;}
[fs36],[fs40]{font-size: 20px;}
/* 导航start */
.sj_bt{position: absolute;width: 36px;height: 36px;right: 8px;top: 8px;z-index: 999999;}
.sj_bt span{position: absolute;height: 2px;width: 25px;background: #333333;top: 7px;left: 5px;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:rgba(0,0,0,0.85);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: 15px;}
.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{padding: 3% 0;}
.head .nav{display: none;}
.head .logo{margin: 0;width: 150px;}
.head .sou{margin-top: 5px;margin-right: 50px;}
.navigation{display: none;}
.swiper-1{height: 50vh;margin-top: 50px;}
.swiper-1 .inner{text-align: center;}
.swiper-1 .inner h3{font-size: 20px;}
.swiper-1 .inner .more{margin: 40px auto;line-height: 50px;}
.step1 .pic{float: none;width: 100%;}
.step1 .text{float: none;width: 100%;}
.step1 .text .box{margin-top: 20px;}
.step1 .text .b-t{text-align: center;line-height: 2;}
.step1 .text .more{margin: 40px auto 20px;float: none;}
.step2 .wrap{flex-flow: column;}
.step2 .text{width: 100%;height: auto;padding: 40px 3%;}
.step2 .text .more{margin: 40px auto 0;line-height: 50px;}
.step2 .pic{width: 100%;padding: 10%;}
.step3{padding: 40px 0 20px;}
.step3 .m1{margin-top: 30px;}
.step3 .m1 .text{float: none;width: 100%;margin-top: 20px;}
.step3 .m1 .text h3{margin-bottom: 20px;}
.step3 .m1 .text .more{margin: 30px auto;line-height: 48px;display: none;}
.step3 .m1 .pic{float: none;width: 100%;}
.step3 .m2{flex-flow: column;margin-top: 20px;}
.step3 .m2 .row{width: 100%;margin-bottom: 20px;}
.step3 .m2 .text hr{display:none;}
.step3 .m2 .text h3{font-size: 14px;margin: 0;}
.step3 .m2 .text p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.step4{padding: 40px 0;}
.step4 .wrap{flex-flow: column;margin-top: 30px;}
.step4 .row{width: 100%;padding: 10px 10px;background: #fff;margin-bottom: 15px;}
.step4 .row .pic{float: none;width: 100%;}
.step4 .row .text{float:none;width: 100%;margin-top: 15px;}
.step4 .more{margin-top: 20px;}
.foot{padding: 30px 0;}
.foot .wrap{padding: 0;}
.foot .d-h{float: none;width: 100%;display: none;}
.foot .l-x{float:none;width: 100%;border: 0;padding-left: 0;}
.foot .l-x .tel{line-height: 2.2;}
.foot .l-x .box{line-height: 2.5;}
.foot .l-x .box p:last-of-type{text-align: center;margin-top: 30px;line-height: 1;}
.foot .code{text-align: center;}
.copyright{text-align: center;font-size: 12px;}
.copyright .box{flex-flow: column;}
.pcTopSearch{top: 52px;padding: 20px 0;}
.pcSearch{width: 70%;}
.pcSearch input[type="text"]{font-size: 14px;}
.ban{margin-top: 52px;}
.ab-bt h3{margin: 0 auto;}
.ab1{padding: 40px 0;}
.ab1 .pic{float: none;width: 100%;}
.ab1 .text{float: none;width: 100%;}
.ab1 .text .box h3{text-align: center;}
.ab1 .text .item{margin-top: 40px;}
.ab1 .text .item li{width: 25%;}
.ab1 .text .item li span{font-size: 20px;}
.ab1 .text .item li span:after{display: none;}
.ab-3{padding-top: 40px;}
.gallery-top .swiper-slide{padding: 0;}
.gallery-top .text{float: none;width: 100%;}
.gallery-top .pic{float: none;width: 100%;}
.gallery-top .info:before{height: 30px;width: 3px;}
.gallery-thumbs{padding: 50px 0;background-position-y: 54px;}
.ab2{padding: 40px 0;}
.ab2 .slide{margin-bottom: 0;}
.ab2 .slide .pic{float: none;width: 100%;}
.ab2 .slide .text{float: none;width: 100%;padding: 20px 0;}
.ab2 .hd{margin-top: 10px;}
.ab2 .hd li{margin: 0;width: 33.33%;padding-left: 0;padding-bottom: 0;}
.ab2 .hd li span{display: none;}
.ab2 .hd li.on i{margin: 0 10px;}
.column{margin-top: 40px;}
.column .wrap{flex-flow: column;}
.case-bt{width: 100%;text-align: center;}
.case-bt h3:after{margin: 12px auto;height: 3px;}
.column .dh{width: 100%;margin-top: 20px;display: none;}
.swiper-case .navi{position: static;justify-content: center;margin-top: 40px;}
.case .m2{margin-top: 0;}
.case .m2 .row{width: 49%;margin-bottom: 20px;}
.product{padding: 40px 0;}
.pro-column{margin-top: 30px;}
.pro-column li{width: 45%;margin: 2% 1%;}
.product .wrap{margin-top: 30px;}
.product .row{width: 48.5%;margin-bottom: 20px;}
.news{padding: 40px 0;}
.news_xia .dange .sj h5{font-size: 20px;}
.news_xia .dange .sj h6{font-size: 12px;margin-top: 5px;}
.news_xia .dange{padding: 15px;margin-bottom: 15px;}
.news_xia .dange .tp{flex: 0 0 100%;max-width: 100%;order: -1;}
.news_xia .dange .sj{flex: 0 0 18%;}
.news_xia .dange .ms{flex: 0 0 75%;padding-bottom: 0;font-size: 14px;line-height: 1.8;}
.news_xia .dange .jiantou{display: none;}
.cs1{padding-top: 40px;}
.cs1 .cs1t{flex-flow: column;align-items: flex-start;}
.cs1 .gy_dbt{font-size: 30px;}
.cs1tr{margin-top: 30px;width: 100%;}
.ditu .container .youshang{zoom: 0.7;}
.liuyan{padding: 50px 0;}
.liuyan .container .biaodan_ly{flex: 0 0 100%;max-width: 100%;}
.liuyan .container .biaodan_ly .dan_yg_bd{flex: 0 0 100%;max-width: 100%;}

}