@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:20px;top:10px;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,.list_banner .list_nav p,.list_banner h2,.list_banner h5{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{height:60px;}
.head .logo{width: 240px;}

.head .tel{display: none;}

.head .search{display: none;}

.head .top{ background:none}
.head .top img{ width:80%;}
 .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;}













}



