/*banner*/
.banner{
	height: 163px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner ul{
    position: absolute;
}
.banner ul li{
    /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
    width: 100%;
    height: 163px;
    float: left;
    background:  no-repeat center center;
    background-size:375px 163px;
}
.banner ol{
    /*width: 60px;*/
    height: 20px;
    background: rgba(0,0,0,0);
    position: absolute;
    left:50%;
    /*margin-left: -40px;*/
    bottom: 8px;
    padding: 0 10px;
    border-radius: 10px;
}
.banner ol li{
    width: 10px;
    height: 10px;
    float: left;
    margin: 5px 5px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    cursor: pointer;
}
.banner ol .current{
    background: rgba(250,195,51,1);
}
.banner i{
    width: 30px;
    height: 60px;
    position: absolute;
    top: 52%;
    margin-top: -60px;
    cursor: pointer;
    border-radius: 5px;
    display: none;
}
.banner .left{
    left: 60px;
    background: url('../images/icon/left_right.png') no-repeat 0 0px;
    background-size: 30px 120px;
}
.banner .right{
    right: 60px;
    background: url('../images/icon/left_right.png') no-repeat 0px -60px;
    background-size: 30px 120px;
}
.banner .left:hover , .banner .right:hover{
    background-color: rgba(0, 0, 0, 0.31);
}


@media (max-width:768px ) {
	.banner{
		height: 334px;
	}
	.banner ul li{
		height: 334px;
		background-size:768px 334px;
	}
}
@media (max-width:601px ){
	.banner{
		height: 261px;
	}
	.banner ul li{
		height: 261px;
		background-size:600px 261px;
	}
}
@media (max-width:415px ){
	.banner{
		height: 179px;
	}
	.banner ul li{
		height: 179px;
		background-size:415px 179px;
	}
	
	.banner i{
		top:56%;
	}
	.banner .left{
		left: 26px;
	}
	.banner .right{
		right: 26px;
	}
}
@media (max-width:376px ){
	.banner{
		height: 163px;
	}
	.banner ul li{
		height: 163px;
		background-size:375px 163px;
	}
}
@media (max-width:361px ){
	.banner{
		height: 156px;
	}
	.banner ul li{
		height: 156px;
		background-size:360px 156px;
	}
}
@media (max-width:320px ){
	.banner{
		height: 139px;
	}
	.banner ul li{
		height: 139px;
		background-size:320px 139px;
	}
	.banner i{
		top:56%;
	}	
}