@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%;vertical-align: middle;border: 0;}
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);}


/* 全局 */
.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;}
.clear{clear:both;display:block;width: 0;height: 0;}
.clearfix::after{content:'';display:block;clear:both;}


/* 字号 */
[f14]{font-size: 14px;}
[f16]{font-size: 16px;}
[f18]{font-size: 18px;}
[f20]{font-size: 20px;}
[f22]{font-size: 22px;}
[f24]{font-size: 24px;}
[f26]{font-size: 26px;}
[f28]{font-size: 28px;}
[f30]{font-size: 30px;}
[f32]{font-size: 32px;}
[f34]{font-size: 34px;}
[f36]{font-size: 36px;}
[f40]{font-size: 40px;}
@media screen and (max-width:768px) {
[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;}
}

/* 字体 */
@font-face {
font-family:"Din";
src:url('../fonts/din-bold.otf'),url('../fonts/din-bold.otf');
}

@media screen and (max-width:768px) {
.container{width:94%; margin:0 auto;}
/* 导航start */
.sj_bt{position: absolute;width: 36px;height: 36px;right: 6px;top: 6px;z-index: 999999;}
.sj_bt span{position: absolute;height: 2px;width: 25px;background: #888888;top: 7px;left: 5px;border-radius:10px;transition: all 0.3s ease-in-out;}
.sj_bt span:nth-child(2){top: 16px;}
.sj_bt span:nth-child(3){top: 26px;}
.sj_bt.on{position: fixed;}
.sj_bt.on span{background: #fff;}
.sj_bt.on span:nth-child(1){transform: rotate(45deg);top: 16px;left: 10px;}
.sj_bt.on span:nth-child(2){display: none;}
.sj_bt.on span:nth-child(3){transform: rotate(-45deg);top: 16px;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: 50%;height: 100%; display: none;transition: all 0.3s ease-in-out;position: fixed;left: 0;top: 0;padding: 0 4%;padding-top: 20px;background:#075395;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 .part{width: 100%;}
.top .other{display: none;}
.navbar,.head .slogan,.head .tel{display: none;}
.swiper-bn{height: 300px;}
.swiper-bn .inner{letter-spacing: 1px;font-size: 14px;}
.swiper-bn .t1 h3{font-size: 18px;line-height: 2;margin-bottom: 4px;}
.Hot .wrap{flex-flow: column-reverse;}
.Hot .key{width: 100%;margin-top: 15px;}
.Hot a{margin: 1% 2%;font-size: 13px;}
.search{width: 100%;}
.hm-tit span{font-size: 30px;margin-bottom: 0;}
.step1{padding: 40px 0;}
.step1 .hd ul{padding: 5px 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.step1 .hd li{line-height: 40px;margin: 1% 3%;}
.step1 .hd .b-t{display: none;}
.step1 .bd{margin-top: 20px;}
.step1 .bd li{width: 49%;margin-right: 0;}
.step1 .bd li:nth-child(2n){float: right;}
.step1 .bd li .pic{height: 26vw;}
.step2{padding: 50px 0;background: #fff;}
.step2 .cont .b_g{display:none;}
.step2 .cont{padding: 0;margin: 0;margin-top: 40px;flex-flow: column;}
.step2 .cont li{margin-bottom: 10px;align-items: flex-start;}
.step2 .cont .m-r li{flex-flow: nowrap;text-align: left;}
.hl-tel{width: 80%;}
.step3{padding: 40px 0;}
.step3 .prev-case,.step3 .next-case{display: none;}
.step4{padding-bottom: 0;}
.step4 .cont{margin: 30px 0;}
.step4 .cont .arrow{display: none;}
.step4 .cont li{font-size: 14px;margin: 3% 2%;}
.step4 .cont .i{zoom: 0.8;}
.step5{background: none;padding: 0;}
.step5 .wrap{width: 100%;padding: 40px 0;}
.step5 .cont .pic{float: none;width: 100%;}
.step5 .cont .text{float: none;width: 100%;font-size: 13px;}
.step5 .cont .text h3{font-size: 16px;}
.step6{padding: 40px 0;}
.step6 .wrap{flex-flow: column;}
.step6 .slide-xw{width: 100%;}
.step6 .bd{padding: 15px 15px;}
.step6 .bd .rec .text p,.news .rec .text p,.step6 .bd .rec .more,.news .rec .more{display: none;}
.step6 .hd li{line-height: 45px;width:50%;}
.step6 .bd .box{margin-top: 15px;}
.step6 .bd .box li{font-size: 12px;}
.step6 .prob{width: 100%;padding-bottom: 0;margin-top: 20px;}
.step6 .prob .box{padding:0 15px;}
.step6 .prob .box li:last-of-type{border-bottom: 0;}
.links .wrap{flex-flow: column;align-items: flex-start;}
.links .hm-tit span{font-size: 34px;margin-bottom: -28px;}
.links .key{font-size: 12px;flex-wrap: wrap;justify-content: flex-start;}
.links .key>a{margin: 1% 2%;}
.foot .f-dh{font-size: 12px;justify-content: center;padding-bottom: 10px;}
.foot .f-dh>a{margin: 1% 2%;}
.foot .f-logo{display:none;}
.foot .info{width: 65%;font-size: 12px;line-height: 2;}
.foot .info h3{font-size: 15px;margin-bottom: 0;}
.foot .code{width: 30%;}
.copyright{font-size: 12px;text-align: center;}
.crumb{text-align: left;font-size: 13px;}
.main{padding-bottom: 40px;}
.main .m-l{float: none;width: 100%;margin-top: 20px;}
.main .m-r{float: none;width: 100%;}
.column{display: none;}
.about h3{font-size: 16px;}
.case li{width: 49%;margin-right: 0;}
.case li:nth-child(2n){float: right;}
.case li .pic{height: 39vw;}
.message .form{padding: 20px 15px;}
.message .item{flex-flow: column;margin-bottom: 0;}
.message .item input{width: 100%;margin-bottom: 15px;}
.message .btn{margin: 15px auto;}





}