@charset "utf-8";

/* CSS Document */

.banner {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.banner ul {
	position: absolute;
}

.banner ul li {
	width: 100%;
	height: 500px;
	float: left;
	background: no-repeat center center;
	background-size: 100% 100%;
}

.banner ol {
	height: 18px;
	background: rgba(0, 0, 0, 0.66);
	position: absolute;
	left: 50%;
	bottom: 30px;
	padding: 0 10px;
	border-radius: 10px;
}

.banner ol li {
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px 4px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	cursor: pointer;
}

.banner ol .current {
	background: rgba(216, 68, 30, 1);
}

.banner i {
	width: 25px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	cursor: pointer;
	border-radius: 5px;
	display: none;
}

.banner .left {
	left: 25px;
	background: url('../images/left_right.png') no-repeat 0 0px;
}

.banner .right {
	right: 25px;
	background: url('../images/left_right.png') no-repeat 0px -60px;
}

.banner .left:hover,
.banner .right:hover {
	background-color: rgba(0, 0, 0, 0.31);
}