.clear { clear:both;}
.pro_ys li img {
	width: 100%;
}
#technology {
	padding: 10px;
	width: 100%;
	clear: both;
}
#technology .tab li {
	float: left;
	width: 10%;
	height: 40px;
	margin-bottom: 20px;
}
#technology .img {
	float: left;
	max-width: 100%;
	padding-top: 20px;
}
#technology .img img {
	width: 100%;
}
#technology h4 {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #666666;
	color: #000;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-weight: bold
}
#technology .tab li a {
	display: block;
	margin: 0 10px 10px 0;
	padding: 10px 10px;
	border: 1px solid #ccc;
	color: #fff;
	background:#ccc;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold
}
#technology .tab li a:hover {
    display: block;
	border: 1px solid #000;
	text-decoration: none;
	color: #fff;
	background: #000;
}
#technology .tab li a.current {
	border: 1px solid #000;
	text-decoration: none;
	color: #fff;
	background:#000;
}

.products a.products_ys{ display:block; background:#000 url(../images/prodcuts_ys_yw.png) no-repeat 0 0; height:30px}
/*.products a:hover.products_ys{background:url(../images/prodcuts_ys_zw.png) no-repeat 0 0;}*/
.pro_ys ul li {float:left; width:18.4%;text-align:center; margin:10px 0px; margin-right:2%;}
.pro_ys ul li:nth-child(5n){margin-right:0%;}
@media  (max-width:750px) {
#technology .tab li {	float: left;	width: 23.5%;	height: 40px;	margin-bottom: 20px;	margin-right: 2%;}
#technology .tab li:nth-child(4n){margin-right:0%;}
.pro_ys ul li {float:left; width:49%;text-align:center; margin:10px 0px; margin-right:2%;}
.pro_ys ul li:nth-child(2n){margin-right:0%;}
.pro_ys ul li:nth-child(4n){margin-right:0%;}
.pro_ys ul li:nth-child(5){margin-right:2%;}
.pro_ys ul li:nth-child(15){margin-right:2%;}
}