.banner {
	width: 100%;
}
.slideBox {
	margin: auto; width: 100%; height: 500px; overflow: hidden; position: relative;
}
.slideBox .hd {
	left: 0px; width: 100%; bottom: 20px; position: absolute; z-index: 1;
}
.slideBox .hd ul {
	width: 100%; text-align: center; -ms-zoom: 1;
}
.slideBox .hd ul li {
	background: rgb(255, 255, 255); padding: 0px 9px; border-radius: 50%; text-align: center; margin-right: 10px; margin-left: 10px; display: inline; cursor: pointer;
}
.slideBox .hd ul li.on {
	background: rgb(0, 101, 205); color: rgb(255, 255, 255);
}
.slideBox .bd {
	height: 100%; position: relative; z-index: 0;
}
.slideBox .bd li {
	vertical-align: middle; -ms-zoom: 1;
}
.slideBox .bd img {
	margin: auto; width: 100%; height: 500px; display: block;
}
.slideBox .prev {
	background: url("slider-arrow.png") no-repeat -110px 5px; left: 3%; top: 50%; width: 32px; height: 32px; margin-top: -25px; display: block; position: absolute; opacity: 0.5;
}
.slideBox .next {
	background: url("slider-arrow.png") no-repeat -110px 5px; left: 3%; top: 50%; width: 32px; height: 32px; margin-top: -25px; display: block; position: absolute; opacity: 0.5;
}
.slideBox .next {
	background-position: 8px 5px; left: auto; right: 3%;
}
.slideBox .prev:hover {
	opacity: 1;
}
.slideBox .next:hover {
	opacity: 1;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
.xc_banner {
	height: 320px; overflow: hidden; position: relative;
}
.xc_banner .ban_img {
	left: 50%; top: 0px; width: 1920px; height: 420px; margin-left: -960px; position: absolute; max-width: none;
}