@charset "utf-8";

body,ul, ol, li{
	margin: 0;
	padding: 0; 
}

/*index*/
@charset "utf-8";

.Bannerslider { 
	position: relative; 
	width: 100%; 
	margin: 0 auto; 
	overflow: hidden; 
}

.Bannerslider ul { 
	position: relative; 
	width: 1000%; 
	overflow: hidden; 
}

.Bannerslider ul li { 
	width: 10%; 
	float: left; 
	display: block; 
	background: center top no-repeat; 
	height: 500px; 
}

.Bannerslider ul li img { 
	display: block; 
	visibility: hidden; 
	display: none; 
}

.Bannerslider ul li a { 
	display: block; 
	width: 100%; 
	height: 100%; 
}

.Bannerslider ol { 
	text-align: center;
	width: 50px; 
	position: absolute; 
	bottom: 10px; 
	left: 50%; 
	margin-left: -25px; 
	z-index: 22; 
}

.Bannerslider ol li {
 	width: 16px; 
 	height: 16px; 
 	background: url(../images/dot.png) 0 -16px;
 	cursor: pointer;
 	display: inline-block;
 	*display:inline;
 	*zoom:1;
}

.Bannerslider ol li.on { 
	width: 16px; 
	height: 16px; 
	background: url(../images/dot.png) 0 0px; 
}

.Bannerslider .ScrollLeft { 
	display: none; 
	width: 60px; 
	height: 90px; 
	position: absolute; 
	top: 50%; 
	left: 0; 
	opacity: 0.8; 
	background: url(../images/ad_ctr.png) 0 0; 
	cursor: pointer; 
	z-index: 1; 
	margin-top: -45px; 
}

.Bannerslider .ScrollRight { 
	display: none; 
	width: 60px; 
	height: 90px;
	position: absolute; 
	top: 50%; 
	right: 0; 
	opacity: 0.8; 
	background: url(../images/ad_ctr.png) 0 -90px; 
	cursor: pointer; 
	z-index: 1; 
	margin-top: -45px; 
}

.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { 
	opacity: 1;
	 }

.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { 
	display: block; 
}