@charset "utf-8";

#banner_type_s {position:relative;}
#banner_type_s:after {display:block;visibility:hidden;clear:both;content:""}

dl.banner_s {width:100%;max-width:1210px;margin:0 auto;text-align:center;}
dl.banner_s:after {display:block;visibility:hidden;clear:both;content:""}
dl.banner_s dd {display:block;float:left;position:relative;width:120px;margin:0 1px 0 0;padding:0;font-size:0;line-height:0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
dl.banner_s dd img {width: 120px;height: 40px;}

dl.banner_s dd a.view {display:block;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;padding:17% 0 0 0;color:#fff;font-size:12px;text-align:center;text-decoration:none;background:#000;
	filter:alpha(opacity=0); /* ie  */
	-moz-opacity:0; /* old mozilla browser like netscape  */
	-khtml-opacity:0; /* for really really old safari */  
	opacity: 0; /* css standard, currently it works in most modern browsers like firefox,  */ 

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
dl.banner_s dd a.view:hover {
filter:alpha(opacity=70); /* ie  */
-moz-opacity:0.7; /* old mozilla browser like netscape  */
-khtml-opacity:0.7; /* for really really old safari */  
opacity: 0.7; /* css standard, currently it works in most modern browsers like firefox,  */ 
}

.clb {clear:both}


@media screen and (max-width:768px) {
dl.banner_s {width:auto;margin:0 5px}
dl.banner_s dd {width:24.5%;margin:0 0.5% 1px 0;}
}

@media screen and (max-width:480px) {
dl.banner_s dd {width:33%;margin:0 0.3% 1px 0}
}