/*移动端*/
@media screen and (max-width : 767px){
#cms *,#cms1 *{ max-width:100%;}
.procms{
	float:left;
	width:98%;
	margin-right: 1%;
	margin-left: 1%; clear:both;
}

.procms .img{
	border:none;
	height:auto;
	width: 100%px; text-align:center; padding-bottom:10px; padding-top:10px;
}
.procms .right{ margin-left:0px; float:left; width:100%;}

.procms .right div.h1{
	font-weight: bold;
	font-size: 16px; line-height:1.3;
}
.procms .right div.h2{
	font-weight: bold;
}
.procms .right div.h2 a{
	display:block;
	border: 1px solid #ddd;
	border-radius:3px;
	padding: 10px;
}
.procms .right div.item{
	color: #1769b5; display:none;

}

.protitle{
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 35px;
}


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

/*#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:60%;}

#navs{
	background-color: #1184e1;
}
#navs ul li{
	width:25%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.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:auth; padding:0px;}

#cms .list,.list,#pro .right .econtent .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;}

.pro,.about,.about .econtent,.pro1,.news,.link,.lianxi,.job{ width:100%; border:none}


	.lianxi,.job .img{ width:95%; clear:both; float:none; margin:auto;}
	.link,.news,.lianxi,.job{ width:98%; margin:auto; clear:both; float:none;}
.about .econtent{ width:98%;}


#foot .fl,#foot .fr{ clear:both; float:none}
.case .econtent .img{ max-width:95%; overflow:hidden; margin:0px; height:auto;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
.case .econtent { width:98%; margin:auto}
.case .econtent .list{width:48%; overflow:hidden; margin:0px;}
.case .econtent .list:nth-child(2n){ float:right}
.case .econtent .list:nth-child(2n+1){ clear:both}
.news .econtent .li{ width:100%;}
.news .econtent .li .date{ display:none}
.news .econtent .li .ntitle{ width:100%}

.news .econtent{ margin:auto; padding-top:5px;}
.news { background-image:none; height:auto; padding-bottom:0px; clear:both}

.news .econtent .li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

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

.about .img img,.lianxi .img img{ width:98%;}
.etitle{ margin-top:10px;}

#pro .left{ display:none}
#pro .right .sort{
	display:block;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}
#pro .right .sort a{ display:inline-block;}
#pro{ border:none; width:100%;}
#pro .right{ border:none; margin:auto}
#pro .right .etitle span{ display:none}
#pro .right .sort a{
	margin-right: 5px;
	margin-left: 5px;
	background-color: #f5f5f5;
	white-space: nowrap;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}
#pro .right .sort a:hover,#pro .right .sort a.hover{
	color: #FFFFFF;
	background-color: #0099CC;
}
.about,.job,.lianxi,#pro,#pro .right,.wenti{
	min-height:0px;	
}
.wenti .econtent{ text-align:center;}
.wenti .econtent .li>div>div{  max-height:6em; overflow:hidden; float:left; width:88%; text-align:left}
/*.wenti .econtent .li{ float:none; clear:both; display:inline-block; width:auto; margin:auto;}*/
}