@charset "utf-8";
/* CSS Document*/
html, body, div, span, iframe, map, font,input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{padding: 0;margin: 0;border: 0;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
img{max-width: 100%;vertical-align: middle;border: 0;}
.lf{float: left;}
.rt{float: right;}
ol, ul, li{list-style: none;}
a:focus{outline: none;}
a.hidefocus{outline: none}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
em,i{font-style: normal;display: inline-block;}
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: normal;}
input[type=text], input[type=button], input[type=submit]{-webkit-appearance: none;/*去除iPhone input默认样式}*/}
input,select,button,textarea{outline: none;font-family: normal;resize: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #666;font-family: unset;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #666;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #666;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #666;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}

/* class="zoom" */
.zoom{ -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{ -webkit-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-ms-transform: scale(1.05); }


@media screen and (max-width:768px) {
.container{width:94%; margin:0 auto;}
/* 导航start */
.sj_bt{position: absolute;width: 36px;height: 36px;right: 10px;top: 14px;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: 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:#333333;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 .logo{width: 240px;}
.head .tel{display: none;}
.head .search{display: none;}
.head .nav{display: none;}
.pc_ban .w1{font-size: 20px;line-height: 1.8;margin: 0;}
.pc_ban .w2,.pc_ban .w2 h3{font-size: 16px;}
.pc_ban .w2 h3:after{display: none;}
.pc_ban .swiper-button-prev,.pc_ban .swiper-button-next{display: none;}
.page-ban{bottom: 10px !important;}
.step1 .m1{float: none;width: 100%;height: auto;}
.step1 .m1 .box1{font-size: 13px;}
.step1 .m1 .box1 h3{font-size: 20px;text-align: center;}
.step1 .m1 .box2 li{font-size: 12px;}
.step1 .m1 .box2 li span{font-size: 20px;}
.step1 .m1 .box2 li>div{width: 100%;}
.step1 .m1 .more{margin: 40px auto;zoom: 0.9;}
.step1 .m2{float: none;width: 100%;height: auto;}
.step1 .m2 .row{width: 50%;font-size: 16px;}
.step2{padding: 30px 0 0;}
.lm-bt h3{font-size: 20px;}
.step2 .pic{float: none;width: 100%;}
.step2 .text{float:none;width: 100%;font-size: 14px;}
.step2 .text h3{font-size: 18px;margin-bottom: 0;}
.step2 .text .more{zoom: 0.9;}
.step3{margin-top: 0;padding: 100px 0 40px;}
.step3 .swiper-slide{margin: 30px 0;}
.step3 .prev{left: 0;}
.step3 .next{right: 0;}
.step3 .prev img,.step3 .next img{filter: drop-shadow(2px 4px 6px black);}
.step3 .more{zoom: 0.9;}
.step3 .text{font-size: 13px;}
.step3 .text h3{font-size: 14px;}
.step4{display: none;}
.step4 .pic{display: none;}
.xw-lm li{zoom: 0.8;}
.step5{padding: 30px 0;}
.step5 .con{margin-top: 30px;}
.step5 .m1{float: none;width: 100%;margin-bottom: 10px;}
.step5 .m1 .text{height: auto;font-size: 13px;}
.step5 .m1 .text h3{font-size: 15px;}
.step5 .m2{float: none;width: 100%;}
.step5 .m2 .row{margin-bottom: 10px;}
.step5 .m2 .date{width: 20%;padding: 0 10px;margin-top: 0;font-size: 14px;}
.step5 .m2 .text{width: 80%;padding: 0 20px;}
.step5 .m2 .text h3{font-size: 16px;}
.step5 .m2 .text p{display: none;}
.link{padding: 20px 0;}
.link .t-p{display: none;}
.link label{display:block;}
.link a{font-size: 12px;}
.foot .con{padding: 30px 0;}
.foot .lx{float: none;width: 100%;margin-top: 0;font-size: 14px;}
.foot .lx h3{font-size: 18px;margin-bottom: 15px;}
.foot .f-dh{float: none;width: 100%;display: none;}
.foot .code{float: none;width: 100%;font-size: 12px;margin-top: 40px;}
.copyright{font-size: 12px;text-align: center;padding: 15px 0;}
.copyright a{float: none;display: block;}
.ban{height: 50vw;}
.ban h3{font-size: 20px;}
.ab-lm{display: none;}
.ab1{margin-top: 0;background: none;padding: 30px 0;}
.ab1 .text{float: none;width: 100%;font-size: 14px;}
.ab1 .text h3{font-size: 18px;}
.ab1 .text h2{display: none;}
.image{display: none;}
.ab2{padding: 0;}
.ab2 .pic{float: none;width: 100%;}
.ab2 .text{float: none;width: 100%;padding: 30px 30px;font-size: 13px;}
.ab2 .text .slide{width: 100%;}
.ab2 .text h3{font-size: 15px;}
.ab2 .page{margin-top: 30px;}
.ab3{padding: 30px 0;}
.ab3 .tit, .ab4 .tit{font-size: 14px;}
.ab3 .tit h3, .ab4 .tit h3{font-size: 20px;}
.ab3 .prev{left: 1%;zoom: 0.8;}
.ab3 .next{right: 1%;zoom: 0.8;}
.swiper-ry .swiper-slide p{font-size: 14px;}
.ab4{padding: 30px 0;}
.ab4 .con{margin-top: 30px;}
.ab4 .pic{float: none;width: 100%;}
.ab4 .text{float: none;width: 100%;margin: 30px 0;font-size: 14px;}
.ab4 .text label{display: block;width: 100%;}
.position{margin-top: 0;}
.position span{display: none;}
.position .form{float: none;width: 100%;}
.cp-lm li{zoom: 0.8;margin: 0 1%;}
.cp-lm{margin: 30px 0;}
.pro{padding-bottom: 50px;}
.pro li{width: 49%;margin-right: 0;font-size: 13px;}
.pro li:nth-child(2n){float: right;}
.pro li h3{font-size: 14px;}
.cy{padding: 30px 0;}
.cy .row{margin-bottom: 10px;}
.cy .row .pic{float: none;width: 100%;}
.cy .row .text{float: none;width: 100%;padding: 20px 30px;background: url(../images/bk.png) no-repeat right 30px top 30px;}
.cy .row .text .order{font-size: 40px;}
.cy .row .text .box{font-size: 13px;margin-top: 15px;}
.cy .row .text .box h3{font-size: 16px;}
.cy .row .text .more{margin-top: 30px;zoom: 0.9;}
.lx1{padding-top: 30px;}
.lx1 .text{float:none;width: 100%;font-size: 14px;}
.lx1 .text h3{font-size: 16px;}
.lx1 .text .code{display: none;}
.lx1 .pic{float: none;width: 100%;}
.map{height: 300px;margin-top: 30px;}
.ly{margin-top: 30px;padding: 30px 0;}
.ly .bt{font-size: 20px;}
.message{width: 100%;margin-top: 10px;}
.message .item dl{width: 100%;}
.zp1{padding: 30px 0;}
.zp1 .bt{font-size: 14px;}
.zp1 .bt h3{font-size: 20px;}
.zp1 .bt br{display: none;}
.zp1 .con{margin-top: 30px;}
.zp1 .row{font-size: 12px;}
.zp1 .row .ico{zoom: 0.7;}
.zp2{padding: 30px 0;}
.zp2 .row{float: none;width: 100%;margin-right: 0;}
.zp2 .row .box{font-size: 13px;}
.zp2 .row .w1 h3{font-size: 16px;}
.zp2 .row:nth-child(2n){float: none;}
.zp2 .row .w1 .more{top: 0;}
.news-lm{display: block;margin-top: 30px;line-height: 50px;}
.news-lm .con{border: 1px solid #068043;}
.news{margin-top: 0;padding-bottom: 50px;}
.news .m1{padding-top: 30px;}
.news .m1 .pic{float: none;width: 100%;}
.news .m1 .text{float: none;width: 100%;padding: 20px 20px;font-size: 13px;}
.news .m1 .text h3{font-size: 16px;}
.news .m1 .text .more{margin-top: 30px;}
.news .m2{margin-top: 30px;}
.news .m2 li{width: 49%;margin-right: 0;font-size: 12px;}
.news .m2 li:nth-child(2n){float: right;}
.news .m2 .text{padding: 20px 15px;}
.news .m2 .text span{display: none;}
.news .m2 .text h3{font-size: 14px;margin-top: 0;}






}

