.home-swiper-container{
  width: 100%;
  height: 100%;
  overflow-x:hidden;
}  
  /*包裹自定义分页器的div的位置等CSS样式*/ 
  .home-swiper-container .swiper-pagination-custom { 
    bottom: 40px; 
  } 
  /*自定义分页器的样式，这个你自己想要什么样子自己写*/ 
  .home-swiper-container .swiper-pagination-customs { 
    display: inline-block;
    width: 40px;
    height: 4px;
    background: #000000;
    background-color: rgba(0,0,0,.12);
    margin:0 5px;
  } 
  /*自定义分页器激活时的样式表现*/ 
  .home-swiper-container .swiper-pagination-customs-active { 
    display: inline-block;
    width: 40px;
    height: 4px;
    position: relative;
  } 
  .home-swiper-container .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-image:url('../../images/home/lunbo/left.png');
    left: 230px;
  }
  .home-swiper-container .swiper-button-next {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-image:url('../../images/home/lunbo/right.png');
    right: 230px;
  }
  .home-swiper-container .swiper-pagination-customs-active span {
    position: absolute;
     top: 0;
     left: 0;
    animation: scBlOolu 5.5s linear forwards;
    height: 4px;
    display: inline-block;
     background: #FFFFFF;
     opacity: 1;
     
}
  @keyframes scBlOolu {
    0% {
        width: 0
    }

    to {
        width: 40px
    }
}