/*  清除浮动元素！  */
.clear_float_both{
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
	width:0.1rem;
}


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

	/*子绝对定位 父相对定位*/
	position: relative;
	/*超出部分全部隐藏，解决横向滚动条*/
	overflow: hidden;
}


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

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

	/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
	/*width: 100%;*/
	width: 12.8rem;
	/*height: 560px;*/
	height: 100%;
	overflow:hidden;
}


.banner ol{
	/*width: 60px;*/
	/*height: 0.6rem;*/
	/*background: rgba(0,0,0,0.5);*/
	position: absolute;
    right:0;
	bottom: 0.1rem;
	/*left:50%;
	margin-left: -40px;*/
	padding: 0 0.1rem;
	border-radius: 0.2rem;
}

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

.banner ol .current{
	/*background: rgba(255,255,255,1);*/
	background: #ffff00;
}

.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);
}