.content{
	background: #f7f7f7;
}
.content .pro_cat .info{
	background: #0c9fec url('../img/bg-product.png') no-repeat 255px 168px;
	height: 344px;
	padding: 0;
	color: #fff;
	padding-left: 53px;
	padding-top: 88px;
}
.content .pro_cat .info a{
	color: #fff;
}	
.content .pro_cat .info .name{
	font-size: 29px;
	font-weight: bold;
	padding-bottom: 15px;
}
.content .pro_cat .info .purpose{
	font-size: 18px;
}
.content .pro_cat .cat2{
	background: #95bf10 url('../img/bg_product.png') no-repeat 255px 168px;
}
.content .pro_cat .img{
	padding: 0;
}
.content .pro_list{
	background: #fff;
	padding-top: 48px;
	padding-bottom: 60px;
}
.content .pro_list .pro{
	text-align: center;
}	
.content .pro_list .pro a{
	display: block;
	color: #000;
	padding-bottom: 45px;
	text-decoration: none;
	width: 80%;
	margin: 0 auto;
}
.content .pro_list .pro img{
	border: 2px solid #a5db01;
	border-radius: 50%;
	margin-bottom: 15px;
}	
.content .pro_list .pro:hover  a{
	color: #0a8fd5;
}
.content .pro_list .pro:hover  img{
	border: 2px solid #0a8fd5;
}	

@media (max-width: 768px){

	.content .pro_cat .info{
		background: #0c9fec url('../img/bg-product.png') no-repeat 255px 50px;
		height: auto;
		padding-left: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.content .pro_list{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.content .pro_list .pro a{
		padding-bottom: 15px;
	}
	.content .pro_list .pro img{
		margin-bottom: 5px;
	}
}