@charset "UTF-8";

@media (max-width:768px){
    
.container {width: 100%; max-width: 100%;}

.ptb3{padding-top:2.5rem;padding-bottom:2.5rem;}
.ptb4{padding-top:2.5rem;padding-bottom:2.5rem;}
.mbt3 {margin-top: 2rem;}
.pbt3 {
    padding-top: 1em;
}

/* wap menu */
.headbox{width: 100vw; height: 13vw}
.headwap{width: 100vw; height: 13vw; position: fixed; left: 0; top: 0; z-index: 500; background-color: #fff; box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);}
.logo { height: 13vw; line-height: 13vw; width: 100%; z-index: 1; position: fixed;}
.logo img{height: 10vw; margin-left:12px;}
.nav-button{float: right; margin-right: 4.5vw; width: 6vw; margin-top: 5vw; position: relative; z-index: 1000;}
.nav-button::before, .nav-button::after, .nav-button span{width: 6vw; height: 2px; border-radius: 1px; background-color: #666; display: block; content: ""; margin-bottom: 1vw;}

.wapnav{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; right: 0; top: 0; z-index: 600; transform: translateX(100vw); opacity: 0; transition: all 0.5s;}
.wapnav.show{transform: translateX(0vw); opacity: 1;}
.wapnav .nav-t{height: 13vw; line-height: 13vw; padding: 0 5vw; font-size: 4vw; color: #fff; width: 80vw; margin-left: 20vw; box-sizing: border-box;
background-image: linear-gradient(-90deg, #81e3f1 , #4294A0 100%);
}
.wapnav .nav-t i{float: right; font-size: 5vw; padding-top: 15px; padding-right: 2.5vw;}
.wapnav ul{width: 80vw; height: calc(100vh - 13vw); overflow-x: hidden; overflow-y: auto; display: block; background-color: #fff; margin-left: 20vw;}
.wapnav ul li{line-height: 12vw; padding: 0 8vw; border-bottom: 1px solid #efefef; font-size: 4vw;}
.wapnav ul li i{float: right; font-size: 4vw; height: 10vw; transition: all 0.5s; font-family:  "element-icons"; font-style: normal;}
.wapnav ul li i.show{transform: rotate(-180deg);}
.wapnav ul li a{display: inline-block; height: 12vw; line-height: 12vw;}
.wapnav ul li .drop-nav{width: 80vw; background-color: #efefef; margin-left: -5vw; padding: 0 5vw 0 0; box-sizing: border-box; overflow: hidden; height: 0vw; transition: all 0.5s;}
.wapnav ul li .drop-nav a{display: block; overflow: hidden; padding-left: 6vw; font-size: 3.6vw; height: 10vw; line-height: 10vw; border-bottom: 1px solid #ddd; padding-right: 5vw;}
.wapnav ul li .drop-nav a i{float: right;}

.regbtn {position:relative; top:26px; left:30px;}
.regbtn a {display:inline-block; line-height:36px; padding:0 24px; border-radius:18px; background-image: linear-gradient(-45deg, #005545 , rgb(0, 176, 240) 100%); color:#fff;}
.regbtn a:hover {background-color: #005545; }


/* footer */
.footbox .fnav, .footbox .fcon p {display:none;}
.footbox {display:block;}
.footbox .fcon {width:100%;}


/* common */
.comtit .e {font-size: 28px; color: #c9c8c9;}
.comtit .c {font-size: 22px; color: #333;}


/* index */
.ibanner .mySwiper img {max-width:100%;}
.ibanner .swiper-button-next, .ibanner .swiper-button-prev {display: none;}

.iprobox {flex-wrap: wrap;}
.iprobox .swiper-button-next, .iprobox .swiper-button-prev {background-color:#f0f0f0; width:50px; height:50px; border-radius:50%;}
.iprobox .swiper-button-prev {right: 64px;}
.iprobox .item .tex h3 {font-size: 18px;}


.iabinfo, .inewbox .first, .inewbox .two {width:100%;}
.iabinfo .ibtn, .inewbox .first .ibtn {text-align:center;}
.iabinfo .c {font-size:14px; line-height:24px;}

.iabnumbox {position:relative; left:0;}
.iabnum ul li span {font-size:22px;}


.newbox .newthumb {display:none;}
.newbox .newitem {width:100%;}

.newitem li .time {width:20%;}
.newitem li .text {width:80%;}
.newitem li .text p {height:32px; overflow:hidden;}



/* page */
.s_banner {height:230px;}
.su_btn h2 {font-size: 2.8rem; }
.su_nav a {line-height:38px;}

.caleft, .caright {width:100%;}
.ca_box {padding-top:3rem;}
.caleft p {padding-right:0; text-align:justify;}

/* news */
.newslist li {padding-left:0; padding-right:0;}
.newslist li p {height:40px; overflow:hidden; line-height: 22px;}
.newslist .pic {width:100%; height:180px; margin-right:0; margin-bottom:15px;}
.newslist .con span {display:none;}
.newslist .pic img {width: 100%;}

.pShow .newleft, .pShow .newright {width: 100%; float: none; padding-left: 0; padding-right: 0;}


/* prolist */
.prolist {margin-left: -8px; margin-right:-8px;}
.prolist .col-xs-6 {padding-left: 7px; padding-right: 7px;}
.pro_box .pl, .pro_box .pr {width: 100%; float: none;}
.prolist .item {margin-bottom: 15px;}
.prolist .item .tex h3 {font-size: 16px;}
.prolist .item .img {overflow: hidden; height: 130px;}

.ct h2 {font-size: 24px;}

.proc_box {display: block;}
.proc_box .stright, .proc_box .stleft {width: 100%; float: none;}
.proc_box .stleft h1 {font-size: 24px;}
.proc_box .stleft .ibtn {text-align: center;}

.prodetail .t span {width: auto;}

.wapcate h3 {margin-top: 0; margin-bottom: 20px;}


/* message */
.formbox .fm {width: 100%; margin-top: 0;}
.formbox .frtext {padding-top: 0;}
.formbox form p button {width: 35%;}

/* contact */
.conleft, .conright {width: 100%;}
.conright {padding-top: 1.5rem;}


/* wfixed */
.footer {margin-bottom: 50px;}
.wfixed {position: fixed; left: 0; right:0; bottom: 0; z-index: 1000; height: 50px; background: #4294A0;}
.wfixed ul {display: flex; line-height: 50px; justify-content: space-around;}
.wfixed ul li {border-left: 1px solid #2aadc0; width: 20%; text-align: center;}
.wfixed ul li:first-child {border-left: none;}
.wfixed ul li a {color: #fff;}




}