@media only screen and (max-width:768px) {
	.wap{display:inline-block;}
	.pc{display: none;}
	.nav li {margin:0 10px}
	.front {background-size:cover}
	.front video {display:none}
	.wrapper,.box2{width:100%;}
	
	.front .text h1.t1{font-size:28px;}
	.front .text h2.t2{font-size:14px;}
	.front .text {padding:0 4%;}
	
	.banner{height: 100vh;}
	.logo{padding:3px 0 0 4%;}
	.logo img{max-width: 150px;}
	.banner{height: 100vh;}
	.header.home-wapheader,body.ohidden .header.home-wapheader{background: #fff;height: 60px;padding:0;}
	
	.nav span.btn {border-bottom:2px solid #000}
	.nav span.btn:before,.nav span.btn:after {background:#000}
	.nav ul {background:transparent}
	.nav.active ul {background:rgba(0,0,0,.4)}
	.nav.active span.btn {border-bottom:transparent}
	
	.nav {margin-top:15px;font-size:14px}
	.nav ul {left:0;background:#fff;padding:10px 0;top:80px;transition:all .25s linear;width:100%;position:fixed;opacity:0;visibility:hidden;z-index:-1;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:box}
	.nav.active ul {top:60px;opacity:1;z-index:4;visibility:visible}
	.nav li {display:block;margin:0;width:100%;padding:4%;border-bottom:1px solid #eee;}
	.nav span.btn {display:block;background:0 0;position:absolute;top:5px;margin-top:0;right:15px;display:block;width:24px;height:2px;padding:10px 0 8px;border-bottom:2px solid #333;transition:all .25s linear}
	.nav span.btn:before {content:'';display:block;width:100%;height:2px;position:absolute;top:0;left:0;background:#333;transition:all .25s linear}
	.nav span.btn:after {content:'';display:block;width:100%;height:2px;position:absolute;bottom:8px;left:0;background:#333;transition:all .25s linear}
	.nav.active span.btn {border-bottom:2px solid transparent}
	.nav.active span.btn:before {transform:rotate(45deg);top:10px}
	.nav.active span.btn:after {transform:rotate(-45deg);bottom:8px}
	
	.keyscroll{background-size: 100% auto;width:100px;height: 100px;margin-left:-50px;}
	.keyscroll::after{height: 100px;}
	.sui-nav .logo{width:100%;text-align: center;}
	.wapbanner{width:100%;height: 100vh;position: relative;overflow: hidden;}
	.wapbanner img{position: absolute;top:0;left:0;right:0;bottom:0;}
	
	.img{width:100%;}
	.news-box{padding:4%;}
	.list1 ul{margin:0;}
	.list1 li{width:100%;padding:3% 0 0 0;margin:0;}
	.list1 li .pic{height: auto;}
	.h710,.h810{height: auto;}
	.home-logo{margin-top:8%;}
	.home-logo img{max-width: 170px;}
	.logobot{padding:4%;font-size:14px;}
	.home-w{padding:4%;}
	.home-num li{width:33.333%;margin:0;height: auto;float:left;}
	.home-num li p.num{font-size:40px;}
	.home-num{margin-top:0;padding:5% 0;}
	.home-num li .cent{padding:0;}
	.home-picbg .t1{font-size:26px;}
	.home-picbg .t2{font-size:14px;padding:5%;}
	.home-lingyu{margin:0;}
	.home-lingyu ul{margin:0;}
	.home-lingyu li{width:29%;margin:2%;height: 210px;}
	.home-lingyu li .ico{height: 110px;}
	.home-lingyu li .ico1,.home-lingyu li .ico2,.home-lingyu li .ico3{background-size: 43px auto;}
	.home-lingyu li .con .t1{font-size:15px;}
	.home-lingyu li .con .t2{}
	.footer{padding:4%;}
	.footer .rcon,.footer .leftcon{width:100%;}
	.footer .rcon a,.footer .rcon span{display: none;}
	.footer .rcon p{text-align: center;padding:4%;}
	.subbanner{margin-top:50px;}
	
	
	.menu_list{width:100%;padding:0 4%;}
	.menu_list.left-menu{padding:0 0 30px 0;width:100%;float:left;}
	.left-menu .menu_head{padding:2px 0;display: inline-block;background: #EAE8E8;width:100%;border-bottom:1px solid #FCFCFC;}
	.left-menu .menu_head.current{}
	.left-menu .menu_head i.ico{width:4px;height: 21px;background: #A3A2A2;display: inline-block;vertical-align: middle;margin:0 15px;}
	.left-menu .menu_head::after{content: "";width:20px;height: 15px;position: absolute;right:1rem;top:50%;margin-top:-7px;background: url(../images/ico10.png) center no-repeat;}
	.menu_head{
		border-top: solid 1px rgba(255,255,255,0.3);
		font-size: 16px;	
		cursor: pointer;	
		color: #676767;
		font-weight: normal;
		position: relative;
		line-height: 40px;
		margin:0;


	}
	.menu_head a{font-size:16px;color: #676767;font-weight: normal;border:none;}
	.menu_list .current{}
	.menu_body{
		line-height: 38px;


	}
	.menu_body a{width:100%;margin:0;display:block;height:38px;line-height:38px;padding:0;padding-left:4%;color:#fff;text-decoration:none;}
	.menu_body a:hover{text-decoration:none;}
	.menu_head.nobg{background: none;}
	.menu_list.left-menu{padding:0;}
	.left-menu .menu_head{padding:0 0;}
	.left-menu .menu_body{padding:0;}
	.left-menu .menu_body a{display: block;background: #EAE8E8;height: 45px;line-height: 45px;margin-top:1px;padding-left:20px;color:#333;}
	
	.about-box{padding:4%;margin:0;}
	.about-box .con,.about-box .pic{width:100%;padding:0;}
	.about-box .con .title{font-size:20px;}
	.about-box .pic img{max-width: 100%;}
	.about-box .pic{padding:3% 0;}
	.about-bg .con p{padding:0 4%;font-size:14px;}
	.bg-g{padding:3%;background: none;}
	.bg-g .box2{}
	.content{padding:4%;margin:0;}
	.lishi{padding:3%;margin:0;}
	.lishi li{border-bottom:1px solid #eee;padding-bottom:10px;}
	.lishi li .pic{width:25%;}
	.lishi li .con{width:75%;border:none;height: auto;padding:0 4%;}
	.lishi li .con a{font-size:20px;}
	.lishi li .con .des{padding-top:2%;font-size:14px;}
	.lishi li .con a span{font-size:15px;}
	
	.news-list2 ul{padding:3%;}
	.news-list2 li{width:100%;}
	.news-list2 li .leftcon{width:70%;padding:0 4%;float:right;}
	.news-list2 li .pic{width:30%;float:left;}
	.news-list2 li .leftcon p.time,.news-list2 li .leftcon .more{display: none;}
	.news-list2 li .leftcon a{margin:0;font-size:14px;}
	.news-list2 li .leftcon p.des{padding:4% 0 0 0;line-height: 18px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
	.pages a,.pages span{padding:4px 10px;font-size:13px;margin:0 3px;}
	.toparea{text-align: left;padding:4%;}
	.show-box{padding:4%;}
	.show-box h1.title{font-size:20px;}
	.show-line{margin:20px 0;}
	.news-list{padding:0 4%;margin:0;}
	.news-list li{padding:4% 0;}
	.news-list li a,.news-list li:hover a{background: none;padding:0;}
	.news-list li p{padding-left:0;}
	.news-list li .ico{display: none;}
	.down-list{padding:0 4%;margin:0;}
	.down-list li .down{right:0;}
	.down-list li a{padding-right:0;font-size:12px;width:100%;}
	.down-list li{padding-right:120px;}
}
@media only screen and (max-width:650px) {
	.main-page {min-width:inherit}
	.header {padding:12px 0}
	.front {background-size:cover}
	.front video {display:none}

	
	

	.front-pages {padding-top:60px;min-width:inherit}

	.front-page {height:auto}

}