.banner{
  width: 987px;
  height: 400px;
  overflow: hidden;
  position: relative;
  margin:auto;
}
.banner a{
  text-decoration: none;
}
.banner .pic-list{
  width: 20000px;
  height: 360px;
  position: absolute;
  z-index: 1;
}
.banner .pic-list img{
  width: 987px;
  float: left;
}
#buttons{
  position: absolute;
  z-index: 2;
  height: 10px;
  bottom: 10px;
  left: 780px;
 
}
#buttons span{
  cursor: pointer;
  float: left;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #333;
  margin-right: 5px;
}
#buttons .on{
  background: #FFC108;
}
.arrow{
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  top: 180px;
  background-color:#BEDAFF;
  color: #fff;
  display: none;
  /*border-radius:90px;*/
}
.banner:hover .arrow{display: block;text-decoration-line:none;}
 
#prev{
  left: 10px;
}
#next{
  right:10px;
}