.khh{
	padding: 80px 0;
	background-color: #eee;
}
.kul{
	margin: 0 -1%;
	padding-top: 60px;
}
.kul li{
	float: left;
	width:12.2857%;
	margin: 0 1% 30px;
	box-sizing: border-box;
	padding:0px 3%;
	line-height: 130px;
	height: 130px;
	background-color: #fff;
	text-align: center;
}
.kul li:hover{
	box-shadow: 2px 2px 10px #ddd;
}
.kul li img{
	vertical-align: middle;
	width: 100%;
}
.kul li:nth-child(even){
	background-color: rgba(255,255,255,0.6);
}
@media (max-width:1200px){
	.kul li{
		line-height: 100px;
    	height: 100px;
	}
}
@media (max-width:1000px){
	.kul li{
		width: 18%;
	}
	.kul li{
		line-height: 130px;
    	height: 130px;
	}
}
@media (max-width:768px){
	.kul li{
		width: 23%;
	}
	.khh{
		padding: 60px 0;
	}
	.kul{
		padding-top: 30px;
	}
	.xt h4{
		font-size: 25px;
	}
	.xt span{
		font-size: 14px;
	}
}
@media (max-width:640px){
	.kul li{
		width: 31.33333%;
		margin-bottom: 15px;
	}
}
@media (max-width:414px){
	.kul li{
		width: 48%;
		padding: 0 6%;
	}
}