#banner-content {
  width: 630px;
  height: 360px;
  position: relative;
  font-size: 0px;        /*清除img图片间的回车符产生的间隔*/
  overflow: hidden;
}
#banner-content #bannerImg{
  width: 100%;
  height:100%;
  position: relative;
  top: 0px;
  left: 0px;
  white-space: nowrap;    /*使这个图片能一行显示*/
  transition:all 1s linear;
}
#banner-content #bannerImg .img{
  width: 100%;
  height:100%;
}
#banner-content #bannerButton{
  font-size: 16px;
  color: white;
  position: relative;
  bottom: 30px;
  text-align: center;
}
#banner-content #bannerButton .Button{
  border-radius: 9px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: black;
  width: 12px;
  height: 12px;
} 
#banner-content #bannerButton .Button.active{
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
#banner-content #bannerButton .Button.active::after{
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
  content: '';
  background-color: #fff;
  border-radius: 9px;
  z-index: 1;
}
#banner-content #bannerButtonAside .div1{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -32px;
  cursor: pointer;
}

#banner-content #bannerButtonAside .div2{
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -32px;
  cursor: pointer;
}