@media (max-width: 767px) {
	body{min-width: 100%}
	.center{ width: 100%; }

	/*网站首页*/
	#top{ position: relative; overflow: auto;height: 66px;  }
	#top .header{ width: 100%; margin: 0 auto;}
	.header img.logo{display: none;}

	#top .head{margin: 5px auto;width: 100%;height: 48px;}

	#top .head .logo{height: 0px;margin-top: 10px;color: #fff}



	#top .head .logo img{margin-top: 0px}

	#top .header img.tellogo{display: block; float: left; width: 70%; margin-top: 0;margin-left:13px;}
	#top .header .tel{float: left; width: 30%; margin-left: 5%; margin-top: 5px; display: none;}
		#top .header .tel span:nth-child(1){ font-size: 8px; }
		#top .header .tel span:nth-child(2){ font-size: 6px; color: red; }

	#top .navToggle{ display: block; position:absolute; right:20px; width:30px; top:55%; margin-top:-13px;}
		#top .navToggle span{ display:block; width: 100%; height:3px; background-color:#000; margin-bottom:3px;}

		#top .nav .closeBtns{ display: block; text-align:right; padding-top:20px; padding-right:18px;}
		#top .nav .closeBtns a{ display:inline-block; width:26px; height:26px; background:url(../images/c22.png) no-repeat center;}
	
	#top .nav{  height: auto; display:none; background:rgba(0,0,0,.9); position:fixed; left:0; right:0; top:0; bottom:0;  z-index:10000; overflow-y:auto;}
		#top .nav ul{ width: 100%;}
		 .nav  li{ float: none; width: 100%; text-align: center; padding-left:0px; padding-right:18px; height: 2.5rem; line-height: 2.5rem;  border-bottom:1px solid #646666;}
		 .nav  li a{ display:inline-block; color:#fff; height: auto; margin: 0;}
		 .nav  li a.navA{ font-size:1rem; position:relative;}

		 .nav li.cur a,#top ul li a:hover{  color: #fff; border-radius: 10px; }
		.nav{width: 100%}
	/*幻灯片样式*/
	.slideBox {width: 100%; max-width: 100%; min-width: 100%; height:auto; margin:0 auto; position: relative; z-index: 1;}

	.lesscontent{margin-top: 0px;width: 100%}

	.slideBox .bd img{width: 100%;height: 100%;min-width: 100%}
	.tel{display: none;}

	/*.leftpeo{display: none;}*/

	#about{width: 100%;}

	#aboutColumn{width: 100%}
	.aboutleft{width: 100%}

	.aboutright{width:100%}

	.slideTxtBox .hd{display: none;}

	.advIndex{width: 100%}

	.advcontent{width: 50%}

	.advcontent ul{width: 56%;padding-left:0px;}

	#service{width: 100%}

	.leftserIndex{width: 100%}

	.servfont{top:20px;left: 26px}

	.rightSerIndex{width: 100%}

	.serverslideTxtBox .hd ul{float: none;position: relative;left:0px;}

	.serverslideTxtBox .hd ul li{margin-right:0px;width:33%;padding: 0px}

	.serverslideTxtBox .bd li{font-size: 12px;float: left;width: 50%;overflow: hidden;}

	.picMarquee-left .bd ul li{width:40%}
	.picMarquee-left .bd ul li .pic{width:100%}
	.picMarquee-left .bd ul li .pic img{width:100%}

	.picMarquee-left .bd{padding: 0px}

	.picMarquee-left .hd .prev{margin-top: 30px}

	.picMarquee-left .hd .next{margin-top: 30px}

	#case{width: 100%}

	.caseLeft{width: 50%;margin-right:0px;}

	.case4img{display: none;}

	.caseone{height:145px;}

	.caseonefont{top:0px;color: #fff;text-align: left;left:5px;margin-top: 17px;margin-left: 8px}

	.caseonrmore{color: #fff}

	.caseRight{width: 50%}

	.caseIndex{height: 100%}

	.caseone img{height: 145px;}

	.caseonefont3{top:12px;left:8px;font-size: 18px;}
	.caseonefont3 p{margin-right: 0px}
	.caseonefont3 p:nth-child(2){height:51px;overflow: hidden;}

	.casewu{display: block;}

	.casewu{margin-top: -140px;width: 100%}
	.casewu img{height:145px;}

	.morecase{margin-left:-55px;margin-top:86px;}

	#news{display: none}

	.footcontent{width: 100%}

	.footlogo{display: none;}

	.footcontent ul{display: none;}

	#productColumn{width:95%}

	.aboutClassification ul li{width:24%}

	.aboutDetails{width:100%;margin: 0 auto;padding-top:50px;}


	.productlistLeft li:nth-child(1){display: none;}

	.productlistLeft{width:100%}
	.productlistLeft li{width:47%;float: left;margin-left:1%;margin-right: 2%;margin-bottom: 5%}


	.productlistright{width: 100%}
	.productlistright ul li{width:48%;}

	.newContentRight{width: 100%}

	#content{width:93%}

	.tg_pages{margin-top: 20px}
	.caseRightColumn{width: 100%}
	.caseClassList{margin:0 auto;width: 94%;margin-top: 20px;}
	.caseClassList ul li{width:49%;margin-right: 2%;height: 130px}

	.caseClassList ul li:nth-child(2){
		    margin-right: 0px;
	}

	.caseClassList ul li:nth-child(3){
		    margin-right: 2%;
	}
	.caseClassList ul li:nth-child(4){
		    margin-right: 0px;
	}

	.caseClassList ul li:nth-child(6){
		    margin-right: 0px;
	}

	.caseClassList ul li:nth-child(8){
		    margin-right: 0px;
	}

	.caseClassList ul li:nth-child(9){
		  display: none;
	}

	.messageInfo{width: 100%}

	.layui-input-block{max-width:100%}

	.contentInfoLeft{width: 100%;margin:0 auto;margin-left: 10%;margin-top: 20px}

	.contentInfoRight{width: 100%}
	#dituContents{width: 100%;margin-left:0px}

	.newsdate{display: none;}

	/*手机端底部留言*/
	#onMessage{
		display: block;
		width: 100%;
		margin:0 auto;
		text-align: center;
		margin-top:25px;
		background-color:#f5f6f8;
		overflow: hidden;
		padding-bottom: 30px;
	}

	.messageIndex{width: 90%;margin: 0 auto;}

	.messren{display: none;}

	.messname{width:85%;padding-bottom:20px;height: 30px; text-align: center;margin: 0 auto;clear: both;}

	.messren{float: left;font-size: 15px;font-weight: bold;}

	.messinput{float: right;height: 27px;margin-top: 1px;width:73%}

	.areamess{height:92px;width: 75%}

	.frombutton{width: 97px;height: 37px;margin-top: 20px;line-height: 37px}	

	.contentleft{width:100%;}

	.contentright{width:100%;}

	.footcontent{width: 90%}
	#contantInfo{display: block;overflow: hidden;width: 85%;padding-top: 20px;margin: 0 auto;text-align: left;}

	.telfoot{display: block;float: left;text-align: left;width: 60%}

	.mawei{width: 40%;margin-right: 0px}

	#ahMessageFloat{display: none;}

	form{margin-left: -20%}
	.weizhi{display: none;}

	.layui-form-label{padding: 9px 0px;}
}