.banner{
width: 100%;
/*height: 560px;*/
/*background: black;*/
/*子绝父相*/
position: relative;
/*超出部分全部隐藏，解决横向滚动条*/
overflow: hidden;
}
.banner ul{
position: absolute;
}
.banner ul li{
/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
width: 100%;
height: 560px;
float: left;
background:  no-repeat center center;
}
/*.banner ul li:nth-child(1){*/
/*background: url('./1.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(2){*/
/*background: url('./2.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(3){*/
/*background: url('./3.jpg') no-repeat center center;*/
/*}*/
.banner ol{
width: 60px;
height: 20px;
background: rgba(0,0,0,0.5);
position: absolute;
left:50%;
/*margin-left: -40px;*/
bottom: 30px;
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(255,255,255,1);
}
.banner i{
width: 58px;
height: 120px;
position: absolute;
top: 50%;
margin-top: -60px;
cursor: pointer;
border-radius: 5px;
display: none;
}
.banner .left{
left: 60px;
background: url('/Plugins/slide/img/left_right.png') no-repeat 0 0px;
}
.banner .right {
right: 60px;
background: url('/Plugins/slide/img/left_right.png') no-repeat 0px -120px;
}
/*.banner .left:hover , .banner .right:hover{
background-color: rgba(0, 0, 0, 0.31);
}*/
.banner .left, .banner .right {
    background-color: rgba(0, 0, 0, 0.31);
}