@charset "utf-8";

/* wy-mod-banner */

.wy-mod-banner {
	width: 100%;
	float: left;
	height: 489px;
	min-width: 1122px;
	position: relative;
	overflow: hidden;
}

.wy-mod-banner .banners {
	width: 1920px;
	height: 489px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

.wy-mod-banner .banner {
	width: 1920px;
	height: 489px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

.wy-mod-banner .focus {
	width: 1122px;
	margin: 0px auto;
	padding-top: 395px;
	text-align: center;
}

.wy-mod-banner .focus a {
	text-decoration: none;
	z-index: 3;
	width: 12px;
	height: 12px;
	position: relative;
	display: inline-block;
	*display: inline;
	overflow: hidden;
	zoom: 1;
	margin: 0 3px;
}

.wy-mod-banner .focus a .bg-b {
	background: #fff;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	behavior: url(PIE.htc);
}

.wy-mod-banner .focus a .inner {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9;
	opacity: 0;
	display: none\0;
	*display: none;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	behavior: url(PIE.htc);
}
.wy-mod-banner .focus a.on{ width: 42px !important;}
.wy-mod-banner .focus a.on .inner {
	width: 42px !important;
	height: 12px;
	background: #0062b2;
	cursor: pointer;
	display: block;
	border: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	opacity: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(PIE.htc);
}

.wy-mod-banner .focus .hover .inner {
	display: block;
}