@charset "utf-8";
/* CSS Document */

.cer-ban{


}
#cer-ban{
	height:auto;
	height:244px;
	max-width:1200px;
	margin: 0 auto;
	background-image: url(../images/ban-cer.jpg);
	background-repeat: no-repeat;

}

.cer-con{

}
#cer-con{
	height:auto;
	max-width:1200px;
	margin: 0 auto;


}
#cer-con h1{
	background-image: url(../images/titicon.png);
	background-repeat: no-repeat;
	font-size: 22px;
	font-weight: normal;
	line-height:45px;
	padding:8px 0 0 36px;
	background-position:8px 0px;
}
#cer-con h3{
	font-size: 24px;
	font-weight: normal;
	color: #2ba99e;
	line-height:20PX;
	padding:50PX 0 10px 0;
	margin:0PX;
}
.cer-w{
	padding:15px 0}
.cer-box{
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cer-box li{
	float:left;
	width:263px;
	height:250px;
	padding:0 20px;
	margin:10px;
	background-image: url(../images/cerbox.png);
	background-repeat: no-repeat;
	list-style:none;
	text-align:center;
	font-size: 24px;
	color: #FFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
}
	
.cer-icon{
	padding:40px 0 25px 0;
	}
.swiper-wrapper p{
	text-align:center;}
.swiper-container{
	background-image: url(../images/cerphobg.png);
	background-repeat: no-repeat;
	background-position: bottom;

}
@media screen and (min-width: 768px) and (max-width: 1024px) {

.cer-box{
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 95%;
	padding: 0 2.5%;
}
.cer-box li{
	width: 23%;
	padding: 0;
	margin: 20px 1%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
}	
@media screen and (min-width: 320px) and (max-width: 768px) {
#cer-con h3{
	padding: 20PX 0 10px 0;
	line-height: 30px;
}
.cer-w{
	padding: 0 5% !important;
}
}