.cer_mainBg{
	width: 100%;
	float: left;
	min-width: 1200px; 
	background: url(../images/abs_bg_3_r.jpg) right top no-repeat, url(../images/abs_bg_3_l.jpg) left bottom no-repeat;
}
.cer_main .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}
.cer_main{
	width: 1200px;
	margin: 0 auto;
}
.cer_main .ctn{
	width: 100%;
	float: left;
}
.cer_main table{
	margin: 0 auto 30px auto;
	width: 80%;
	border-top: 1px solid #94b52d;
	border-left: 1px dashed #ccc;
}
.cer_main tr.tit{
	background: #6d9000;
	color: #FFFFFF;
}
.cer_main tr.bg{
	background: rgba(227,235,202,0.8)
}
.cer_main tr{
	background: rgba(255,255,255,0.6);
}
.cer_main td{
	text-align: center;
	padding: 8px 10px;
	border-bottom: 1px solid #94b52d;
	border-right: 1px dashed #ccc;
}
.cer_main .left{
	width: 310px;
	float: left;
}
.cer_main .right{
	width: 890px;
	float: left;
}
.cer_main .right li{
	width: 25%;
	float: left;
	text-align: center;
	margin: 5px 0;
}
.cer_main .right li img{
	width: 80%;
	height: auto;
	border: 1px solid #ccc;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.cer_mainBg{
	min-width: 1000px;
}
.cer_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.cer_main table{
	width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.cer_mainBg{
	min-width: 320px;
}
.cer_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.cer_main table{
	width: 100%;
}
.cer_main .right{
	width: 100%;
}
.cer_main .right li{
	width: 100%;
}
}