.banner.swiper-container {
    height: 100%;
}

.banner.swiper-container .swiper-slide {
    background: center center;
    background-size: cover;
}

.content {
    height: 100%;
}

html,
body {
    height: 100%;
}


/*  */

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    opacity: 1;
    background: none;
    border: 2px solid #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 50px;
}

.swiper-button-prev, .swiper-button-next{
  background: none;
  color: #fff;
  width: auto;
  height: 1em;
  left: 3%;
}
.swiper-button-next{
  left: auto;
  right: 3%;
}

.icon, [class*=" icon-"], [class^=icon-]{
  font-size: inherit;
}