.home-slider {width: 100%;}
.home-slider .swiper-slide {background: #fff;}
.home-slider .swiper-slide .text-bg {position: absolute;top:0px;width: 100%;height: 100%;background:#00000036;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.home-slider .swiper-pagination-bullet-active {opacity: 1;background: #e3a002!important;}
.home-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left: 0px!important;width: 100%!important;}
.home-slider .swiper-pagination-bullet {display: inline-block;background: #ffffff5c;opacity: 1;margin:2px!important;}
.home-slider .swiper-button-next, .swiper-button-prev {position: absolute;z-index: 10;cursor: pointer;color: #fff;text-align: center;}


@media (max-width:576px){ 

.home-slider .swiper-slide .text-bg .text1 {width: 100%!important;font-size: 25px;color:#333;font-weight: 700;line-height: 1.2;}
.home-slider .swiper-slide .text-bg .text2 {font-size: 14px;color:#333;font-weight: 300;line-height: 1.4;}

.home-slider .swiper-pagination-bullet {width: 14px;height: 14px;}
.home-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
.home-slider .swiper-button-next, .swiper-button-prev {top: 50%;width: 50px;height: 50px;line-height: 50px;margin-top: -22px;font-size: 35px;}

}

@media (min-width:576px) and (max-width:767px){ 

.home-slider .swiper-slide .text-bg .text1 {font-size: 25px;color:#333;font-weight: 700;line-height: 1.2;}
.home-slider .swiper-slide .text-bg .text2 {font-size: 18px;color:#333;font-weight: 300;line-height: 1.4;}

.home-slider .swiper-pagination-bullet {width: 14px;height: 14px;}
.home-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
.home-slider .swiper-button-next, .swiper-button-prev {top: 50%;width: 50px;height: 50px;line-height: 50px;margin-top: -22px;font-size: 35px;}

}

@media (min-width:768px) and (max-width:991px){ 

.home-slider .swiper-slide .text-bg .text1 {font-size: 40px;color:#333;font-weight: 700;line-height: 1.2;}
.home-slider .swiper-slide .text-bg .text2 {font-size: 18px;color:#333;font-weight: 300;line-height: 1.4;}

.home-slider .swiper-pagination-bullet {width: 14px;height: 14px;}
.home-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
.home-slider .swiper-button-next, .swiper-button-prev {top: 50%;width: 50px;height: 50px;line-height: 50px;margin-top: -22px;font-size: 35px;}

}

@media (min-width:992px) and (max-width:1199px){ 

.home-slider .swiper-slide .text-bg .text1 {font-size: 30px;color:#333;font-weight: 700;line-height: 1.2;}
.home-slider .swiper-slide .text-bg .text2 {font-size: 17px;color:#333;font-weight: 300;line-height: 1.4;}

.home-slider .swiper-pagination-bullet {width: 14px;height: 14px;}
.home-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
.home-slider .swiper-button-next, .swiper-button-prev {top: 50%;width: 50px;height: 50px;line-height: 50px;margin-top: -22px;font-size: 35px;}

}

@media (min-width:1200px){ 

.home-slider .swiper-slide .text-bg .text1 {font-size: 40px;color:#333;font-weight: 700;line-height: 1.2;}
.home-slider .swiper-slide .text-bg .text2 {font-size: 18px;color:#333;font-weight: 300;line-height: 1.4;}

.home-slider .swiper-pagination-bullet {width: 14px;height: 14px;}
.home-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
.home-slider .swiper-button-next, .swiper-button-prev {top: 50%;width: 50px;height: 50px;line-height: 50px;margin-top: -22px;font-size: 35px;}

}
.sliderbg .icon {position: absolute;bottom: 10px;width: 100%;height: auto;text-align: center;z-index: 999;}
.sliderbg .icon .iconnn{display: inline-block;color: #fff;font-size:40px;cursor: pointer;-webkit-animation:bounce 2s infinite normal ease-out;animation:bounce 2s infinite normal ease-out;}

@media(max-width: 1024px){
  .sliderbg .icon{display: none;}
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}