@charset "utf-8";
.banner{
	width: 100%; 
	overflow: hidden;
	border-top: 3px solid #000;	
	}

.box_swipe {
	overflow: hidden;
	position: relative;
	visibility: visible;
}
	/*ul li*/
	.box_swipe ul {
		overflow: hidden;
		position: relative;
		width: 640px; 
		transition: 500ms; 
		-webkit-transition: 500ms; 
		-webkit-transform: translate3d(-320px, 0, 0);
	}
		.box_swipe ul> li {
			float: left;
			width: 100%;
			position: relative;
			display: table-cell; 
			vertical-align: top;
		}
		.box_swipe ul> li a {
			color: #FFF;
			text-decoration: none;
		}
			.box_swipe ul> li a img{
				display: block;
				width: 100%;
			}
	/*ol li*/
	.box_swipe>ol {
		width: 56px;
		height: 10px;
		position: absolute; bottom: 2%; left: 50%; margin-left: -28px;
		z-index: 1;
	}
		.box_swipe>ol>li {
			display: block;
			float: left;
			margin: 0 2px;
			border-radius: 100%;
			width: 10px;
			height: 10px;
			background-color: #fff;
		}
		.box_swipe>ol>li.on {
			background-color: #37a905;
		}