.outdiv .banner{
    min-width:320px;
	max-width:640px;
	height:6.04rem;
	margin:0 auto;
    width: 100%;

	
	position: relative;
	
	overflow: hidden;
}


.banner ul{
	position: absolute;
	height: 6.04rem;
}

.banner ul li{
	float: left;
	background:  no-repeat center center;

	
	
	width: 12.8rem;
	
	height: 100%;
}


.banner ol{
	
	height: 0.6rem;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left:50%;
	
	bottom: 0.26rem;
	padding: 0 0.2rem;
	border-radius: 0.2rem;
}

.banner ol li{
	width: 0.3rem;
	height: 0.3rem;
	float: left;
	margin: 0.15rem 0.20rem;
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	cursor: pointer;
}

.banner ol .current{
	background: rgba(255,255,255,1);
}

.banner i{
	width: 1.2rem;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	margin-top: -1.2rem;
	cursor: pointer;
	border-radius: 0.1rem;
	display: none;
}

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

.banner .right{
	right: 0.1rem;
	background: url('../../images/left_right.png') no-repeat -0.14rem -2.4rem;
}

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