@media screen and (max-width : 767px){

.orderlist{ width:96%;box-sizing:border-box; margin-left:2%; margin-right:2%;}
.searchorder{ display:none}
.flash{
	width:100%;
	position: relative;
	margin: auto;
	clear: both;
}
.flash form{
	background-color:#1b74d8;background-color:rgba(10,118,216,0.9);
	height: auto;
	width: 100%;
	position: relative;
	z-index: 9999;
	left: auto;
	top:auto; float:left; margin-top:2px; padding-bottom:10px;padding-top:10px;
}
.flash form .boxs{ text-align:center; width:90%; margin:auto; padding-top:0px;}
.flash form .boxs>div{ float:left; width:100%;}
.flash form .boxs .h3 span{
	border-radius:5px 5px 0 0;
	background-color: #0c9ad6;
	display:block;
	width:60%;
	margin:auto;
	color: #FFFFFF; line-height:32px; font-size:14px;
}
.flash form .boxs textarea { width:100%; height:50px;}
.flash form .boxs button{ background: transparent;
	background-image: url(btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 102px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.flash form .boxs .item1{
	padding-top: 10px;
}
.flash form .boxs .item2{
	font-size: 12px;
	color: #FFFFFF;
}

.copyright{ text-align:center}
#top1 .fr{ float:left}
#top1{ display:none}
#top #logo{ width:100%; float:left; }

/*#top #tel{display:none}*/
#top #tel{	line-height:1.2;
	
	width:100%; float:left; clear:both; text-align:center;}
#top #tel div{text-align:center;}
#top #tel{ float:left; width:100%;}
#top #tel form input{ width:80%;margin-left:-2px;}
#top #tel form button{ width:20%; margin-left:-2px;}
#top #tel form{ width:80%; margin:auto; float:none; clear:both}
#header{ height:auto}
#beizhu{ width:60%; min-width:200px;}

.box{ width:100%; max-width:767px;}
#nav{ display:none}
#navs{ display:block;}
#navs ul ul{ display:none}

#top{ margin:auto; padding:0px;}
#top #logo img{ max-width:100%;}
/*#top #logo { width:100%;}
*/body{
	background-image: none;
}
#navs{
	background-color: #1184e1;
}
#navs ul li{
	width:25%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; margin-bottom:-1px; 
}
.device{ margin:auto}
.swiper-wrapper img{ width:100%;}
#left{ display:none}
#main,#main1,#main2{
	background-image: none;
}
.bgs{ padding-top:1px;}
#postion{
	background-image: url(po.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #ddd; width:98%; margin-left:1%;
}
#postion b{
	background-image: url(ii.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#postion .postion{ display:none}
#right{ width:100%;}
#cms,#cms1{ width:98%; margin:0px; padding:0px; margin-left:1%;}

#cms .list,.list{
	float: left;
	width: 46%;
padding-bottom:10px; text-align: center; margin-left:2%; margin-right:2%;
}

#cms .list .img{overflow:hidden; width:100%; float:left; text-align:center;}
#cms .li .time{ display:none}
#cms .li .ntitle{ width:100%; }
#cms .li{ width:98%; margin-left:1%;}

#foot .copyright{ background-image:none; padding:0px;}
.link,.lx{ width:100%; border:none}

.link .econtent{ margin-left:0px; clear:both;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:10px;} 
	.lx .img{ width:95%; clear:both; float:none; margin:auto;}
	.link,.news,.lx{ width:98%; margin:auto; clear:both; float:none;}

#foot .footnav{ display:none}
#foot .fl,#foot .fr{ clear:both; float:none}

.gonggao .econtent{ float:left; width:auto; overflow:hidden}
.gonggao .fr{ display:none}
#top #tel{ display:none}.case .econtent{ padding-top:10px;}
#cms .prosk{ width:100%;}
#cms .prosk .list .img,#cms  .list .img,.pro .econtent  .list .img,#cms .prosk .pcontent .list .img{box-sizing:border-box; width:100%;}
#cms .prosk .pcontent .list{ width:32%;clear:none; margin-left:0px; margin-right:0px;}
#cms .prosk  .list{ overflow:visible;}

#cms .prosk .pcontent .list:nth-child(2n){ float:left; margin-left:2%;clear:none}
#cms .prosk .pcontent .list:nth-child(3n){ float:right; clear:none}
#cms .prosk .pcontent .list:nth-child(3n+1){ clear:both}
#cms .prosk .pcontent .list:nth-child(3n+2){float:left; margin-left:2%;}
blockquote blockquote{ margin:auto}
#cms1 img[align="right"],#cms img[align="right"]{ clear:both; float:left; width:100%;}
.bgs div,img,#cms div,#cms1 div{ max-width:100%;}

.fuwu .picli{ width:100%; margin-left:0px; margin-right:0px; float:left;}
.fuwu .picli .img img{ width:100%;}
.news .left{ display:none}
.news .econtent .right{ margin-left:0px;}
.news .econtent .right .li{ height:auto;}
.wenda .fl,.wenda .fr{ width:100%;}
.wenda .fl .etitle div,.wenda .fr .etitle div{ background-color:#fff;}
.wenda .fl .econtent,.wenda .fr form{ width:100%; margin-top:70px; clear:both;}
.youshi .econtent .picli,.fuwu .econtent .picli{ width:100%; margin:auto; margin-bottom:15px;}
.youshi .econtent,.news .econtent,.fuwu .econtent,.about .box,.wenda .fl .econtent,.wenda .fr form{ width:96%; margin-left:2%; margin-right:2%;box-sizing:border-box;}
.youshi .econtent .picli .dp{ height:auto;}
.news .econtent .li .ntitle{ line-height:1.2;}
.about .econtent{ width:100%;box-sizing:border-box; padding-left:5%; padding-right:5%; padding-top:10px; padding-bottom:10px;}
.about .econtent .content{line-height:1.5;}
.about{ height:auto; padding-top:120px;}
.wenda .fl .img{ clear:both; padding-top:50px;}
.wenda .fl .etitle div{ background-color:#fff;}
.wenda .fl .econtent{ margin-top:0px; padding-top:0px; }

.wenda .etitle{
	text-align: center;
	line-height: 1.5;

	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;height: 10px;
	border-bottom-style: solid;	/*font-weight: bold;*/
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC; margin:auto;
}
.wenda .etitle>div{ background-color:#FFFFFF; margin:auto; width:200px;}
.wenda .econtent{ padding-top:70px; float:left; width:100%;}
.wenda .etitle b{
	display:block;
	font-size: 24px;
	font-weight: lighter; 
}
.wenda .fr form { margin-top:80px;}
.wenda .etitle span{
	display:block;
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
}
}