@charset "gb2312";

body,form{margin:0;}
img{border:0px none; vertical-align:middle;}

#cer_list{width:100%; max-width:1200px;}
#cer_list li{width:23%; margin-left:1%;margin-right:1%;  float:left;overflow:hidden; position:relative; margin-bottom:15px;}

#cer_list li:nth-child(4n+1){ clear:both}

#cer_list li.clear{float:none; width:100%; clear:both; height:50px; font-size:0; padding:0; margin:0;}
#cer_list li a{display:block; border:1px solid #E6E6E6; width:99%; }


#cer_list li a .img{width:100%;height:auto; min-height:220px;}
#cer_list li a .img img{width:92%; padding:4%;height:auto; margin-bottom:42px;}
#cer_list li a .tit{width:92%;  height:42px; position:absolute; left:4%; bottom:0px; text-align:center;	background:#EEE; z-index:2;}
#cer_list li a .tit .txt{
	display:block; font-size:13px; width:100%; height:40px; line-height:40px; padding-bottom:2px;
	display:box; display:-webkit-box; display:-moz-box;
	-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;
	position:absolute; left:0; top:0; z-index:2;
	transition:all ease 0.35s;
}
#cer_list li a .tit .block{position:absolute; left:50%; top:50%; z-index:1; background:#EC0000; width:0; height:0; transition:all ease 0.35s;}
#cer_list li a:hover .block,#cer_list li a:active .block{width:100%; height:100%; left:0; top:0;}
#cer_list li a:hover .txt,#cer_list li a:active .txt{color:#FFF;}
#cer_list li a .zoom{position:absolute; width:100%; height:0; background:rgba(0,0,0,0.4); left:1px; bottom:1px; text-align:center; transition:all ease 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; text-align:center}
#cer_list li a:hover .zoom,#cer_list li a:active .zoom{bottom:1px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}



@media(max-width:768px){ 
#cer_list li a .img{width:100%;height:auto; min-height:200px;}
#cer_list li a .img img{height:200px;}
}
@media(max-width:640px){ 
#cer_list li a .img{width:100%;height:auto; min-height:170px;}
#cer_list li a .img img{height:170px;}
}
@media(max-width:420px){ 
#cer_list li a .img{width:100%;height:auto; min-height:140px;}
#cer_list li a .img img{height:140px;}
}