.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: 550px;
  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;
  position: absolute;
  margin:0 auto;
  left:0;
  right:0;

  width:200px;
  /*margin-left: -40px;*/
  bottom: 30px;
  padding: 0 10px;
}
.banner ol li{
  width: 46px;
  height: 10px;
  float: left;
  margin: 5px 5px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #1b5fb1;
}
.banner ol .current{
  background: #1b5fb1;
}
.banner i{
  width: 58px;
  height: 120px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  cursor: pointer;
  border-radius: 5px;
  display: none;
}
.banner .left:hover , .banner .right:hover{
  background-color: rgba(0, 0, 0, 0.31);
}