.banner{}
.banner .slick-slide img{
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: top;}


.banner .slick-dots {
bottom: 20px;}

.banner .slick-dots ul {}

.banner .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
  background: none;
  background: none;
  background: #fff;}

.banner .slick-dots li.slick-active {
  background: #7a060c !important;}

.banner .slick-dots button {
  display: none;}


.banner .slick-prev {
  width: 50px;
  height: 50px;
  background: url(images/bal.png) no-repeat center center rgba(255, 255, 255, .5);
  background-size: 26px 26px;
  left: 0;
  z-index: 9;
  opacity: 0.1;}

.banner .slick-next {
  width: 50px;
  height: 50px;
  background: url(images/bar.png) no-repeat center center rgba(255, 255, 255, .5);
  background-size: 26px 26px;
  right: 0;
  z-index: 9;
  opacity: 0.1;}
.banner:hover .slick-prev {  opacity: 1;}
.banner:hover  .slick-next {  opacity: 1;}