/************************************** WAP **********************************************/
@media (max-width:768px){

.container {width: 100%; max-width: 100%;}
.tytitle {font-size: 22px;}

.imenu {display: none;}

.regbtn {position:relative; left:30px;}


/* 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:5px;}
.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, rgb(0, 176, 240) , #003787 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;}


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


/* common */
.pbt4 {padding-top: 2em;}
.ptb3 {padding-top:2em;padding-bottom:2em}
.ptb5 {padding-top:3em;padding-bottom:3em}
.ptb4 {padding-top:2em;padding-bottom:2em}
.ptb6 {padding-top: 3rem;padding-bottom: 3rem;}

.iheader {display:none;}
.ibanner img {max-width:100%;}


.s_banner {height:220px;}
.s_banner img {max-width:100%;}



/* index */
.ibtn a {padding-left:40px;}

.advul {flex-wrap: wrap; margin-bottom:15px;}
.advul li {width:50%;}


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


/*.advbox {display:none!important;}*/

.advwap { margin-bottom: 0; display:block;}
.advwap .ph {width: 100%; padding: 20px 15px 30px; text-align:center; cursor: pointer; /*background-color: rgba(255,255,255,0.8);*/}
.advwap .t {font-size: 28px; color: #0092E5;}
.advwap .line {width: 3px; height: 25px; background-color: #0092E5; margin:12px auto 20px;}
.advwap h4 {font-weight: bold;}
.advwap p {margin:30px 2.5rem; font-size: 13px; line-height: 22px; height: 110px; display: flex; align-items: center;}
.advwap a {}
.advwap a img {height: 65px; transition: all 0.4s;}
.advwap a .g1 {display: inline;}
.advwap a .g2 {display: none;}
.advwap .ph.act .g1 {display: none;}
.advwap .ph.act .g2 {display: inline;}
.advwap .ph.act {
    /*background-color: #0092E5; */
    background-image: linear-gradient(-45deg, #247EF1 , rgb(57, 188, 255) 100%);
}
.advwap .ph.act .line {background-color: #fff;}
.advwap .ph.act h2, .advwap .ph.act p, .advwap .ph.act .t, .advwap .ph.act h4 {color: #fff;}
.advwap p {height:60px;}

.iprobox {flex-wrap: wrap;}
.iprobox .item:nth-child(2) {margin:15px auto;}

.comdev li div {font-size: 22px;}

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


.advul p {margin:15px 0; height: 90px;}


.sbei {background:#fff url(../img/csbg.jpg) no-repeat center -728px;}
.sbei .st {padding-top:0rem;}
.sbei_con {padding-top:15px; padding-bottom:0rem;}

.sbdes {width:100%;}
.sbdes:nth-child(odd) {padding-right:0;}


/* page */
.sux_nav li a {line-height:40px; font-size:14px; padding:0 10px;}
.su_fix .container {padding-left:0; padding-right:0;}

.st_box {padding-top:1rem;}

.newtabs {margin-bottom:0;}
.newtabs .tab {line-height:38px; font-size:14px;}

.pdts, .gallery {padding-top:2rem;}
.pdts .item {width:48%; margin-bottom:1rem;}
.pdts .item:nth-child(2n) {margin-right:0;}
.pdts .item:nth-child(4n) {margin-right:2%;}
.pdts .item .des .num3 {display:none;}

.section .st h2 {font-size: 26px;}

.st_imgmore {}
.st_imgmore p {line-height:26px; font-size:16px;}

.gallery li {/*width:calc(50% - 30px);*/ width:50%; padding:0 10px; margin-right:0; margin-bottom:0;}
.gallery li h2 {font-size:15px;}
.gallery li .nr span {display:none;}
.gallery li .nr {}

.team {flex-wrap: wrap;}
.team .thumb {width:100%; height:260px; overflow:hidden;}
.team .tminfo {width:100%;}


.new-page .new-listing{width:100%;margin-right:0}
.new-page .new-listing a .imgs,.oem .imgs{text-align:center}

.newscon .newleft , .newscon .newright, .conbox .conl, .conbox .conr, .stleft, .stright, .sbei_con .left, .sbei_con .right {width:100%; float:none;}
.newscon .newright {padding-bottom:1px;}
.nl-foot .nextpage {text-align:left; margin-top:15px;}
.conbox .conr {padding-top:2rem;}


.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%;}



/* 业务介绍 */
.prolist li {margin-bottom:2.5rem;}
.prolist .ttxt {width:52%;}
.prolist .ttxt h2 {font-size: 16px; margin-bottom:5px;}
.prolist .ttxt p {padding-top:1rem;}
.prolist .ttxt p a {padding-top:5px; padding-bottom:5px;}



.su-page {padding:15px 0 15px;}