﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
body{
	background:#bdbac5 url(../images/metro_bg.jpg) repeat-y;
	/* background-size: cover; */
	background-size: 100%;
	overflow-x: hidden;
	/* overflow-y: hidden; */
	min-height: 100%;
	height: auto;
}
/**新鼠标样式**/
html {
	cursor: url('/skin/images/huaji.png'), auto;
}
a:hover {
	cursor: url('/skin/images/yinxian.png'), auto;
}

.logo{text-align:center;}
.logo img{max-width:100%;}
.clear{ clear:both;}
#box {
	
}
#metro_box {
	width:968px;
	margin: 0 auto;
}
#metro_box ul li {
	width:240px;
	height:120px;
	overflow:hidden;
	float:left;
	border:1px solid rgba(0,0,0,0);
	opacity:0.9;
	filter:alpha(opacity=90);
	position:relative;
	behavior: url('/skin/ie-css3.htc'); /* 通知IE浏览器调用脚本作用于此 */
}
#metro_box ul li span { display:none;}
#metro_box ul li a span { color:#fff; font-family:"微软雅黑"; font-size:12px; text-decoration:none;}
#metro_box ul li:hover span { text-align:center; background:#000; height:20px; line-height:20px;opacity:0.4;filter:alpha(opacity=40); display:block; position:absolute; bottom:0; left:0; width:100%;}
#metro_box ul li a img {width:240px; height:120px; overflow:hidden;}
#metro_box ul li:hover {opacity:1;filter:alpha(opacity=100); border:1px dashed #fcfcfc;}
#logo_001{background:#da562f;}
#logo_002{background:#00a6d0;}
#logo_003{background:#6db91b;}
#logo_004{background:#bc1c48;}
#logo_005{background:#5434af;}
#logo_006{background:#2a82ec;}
#logo_007{background:#00a21b;}
#logo_008{background:#8ea300;}
#logo_009{background:#6db91b;}
#logo_010{background:#d44a26;}
#logo_011{background:#B1002E;}
#logo_012{background:#623dc0;}
#logo_013{background:#019317;}
#logo_014{background:#00c47d;}
#logo_015{background:#33a700;}
#logo_016{background:#00a6d0;}

.footer{
	
}

@media only screen and (min-width: 968px){
	#metro_box {width:968px;}
}
@media only screen and (min-width: 726px) and (max-width: 968px){
	#metro_box {width:726px;}
}
@media only screen and (min-width: 484px) and (max-width: 726px){
	#metro_box {width:484px;}
}
@media only screen and (max-width: 484px){
	#metro_box {width:242px;}
}