@charset "utf-8";

@media (max-width:768px){
	
.container {width: 100%; max-width: 100%;}
.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}

/* 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; left:10px;}
.logo img{height: 10vw;}
.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(-45deg, #e5222a 0%, #c60101 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;}



.ibanner img {max-width:100%;}
.yycase {padding-left:15px; padding-right:15px;}

/* footer */
.footer {margin-bottom: 50px;}
.footer .footnav, .pagenav {display: none;}


/* footkehu */
.fixkehu {overflow: hidden; position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%; background: rgb(209, 35, 35);}
.fixkehu .fixmain {display: flex; text-align: center !important;}
.fixkehu .fixmain > div {flex:1;}

.fixkehu .fixmain .item {color: #ffffff; padding: 5px 0;  display: inline-block;}
.fixkehu .fixmain .item i {font-size: 16px; display: block; margin-bottom: 3px;}
.fixkehu .fixmain .item span {}


/* common page */
.pb_nav, .p_banner img {display:none;}
.conbox .conl, .conbox .conr, .lrdes .ldl, .lrdes .ldr {width:100%; float:none;}
.conbox, .conbox .conr {padding-top: 15px;}


.p_banner  {height:220px;}
.pb_btn h2 {font-size:24px;}
.pb_fix .container {padding-right:0; padding-left:0;}

.pb_wapnav {padding:0 15px;}
.pb_wapnav .swiper-slide a {color:#a5a5a5; padding:12px 0; display:inline-block;}
.pb_wapnav .swiper-slide .active {color:#fff;}
.pb_wapnav .swiper-button-next {right:3px;}
.pb_wapnav .swiper-button-prev {left:3px;}
.pb_wapnav .swiper-button-next:after, .pb_wapnav .swiper-button-prev:after {font-size:18px;}


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

.caselist {width: 100%;}
.caselist .item {width:100%;}
.caselist .item a {margin-bottom:0;}
.caselist .item .atimg {height: 220px; }


.lrdes .ldr {padding: 15px 0;}
.lrdes .ldr h1 {font-size: 26px;}





}