/* 首页样式 */
/* 轮播图 */
.new-banner {
  overflow: hidden;
  /* height: 675px; */
  height: 729px;
  /* height: 0; */
  width: 100%;
}
.new-banner>.swiper-container {
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: 20px;
}

.new-banner>.swiper-container,
.new-banner>.swiper-container .swiper-slide,
.new-banner>.swiper-container .pic {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.new-banner>.swiper-container .swiper-pagination {
  bottom: 40px;
  font-size: 0;
}

.new-banner>.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  background: none;
  border: 2px solid #fff;
  width: 25px;
  height: 25px;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: 0 5px;
  opacity: .5;
  margin: 0 14px;
}

.new-banner>.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  
}

.new-banner>.swiper-container .pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 1080px) {
  .new-banner {
    height: 37.96vw;
    margin-top: 1.6rem;
  }
  .new-banner>.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {   
    opacity: 1;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #ffffff99;
    border: none;
    margin: 0 0.2rem;    
    border-radius: 0.1rem;
  }
  .new-banner>.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 0.4rem;
    height: 0.2rem;
    border-radius: 0.1rem;
    background-color: white;
  }
  .new-banner>.swiper-container .swiper-pagination{
    bottom: 0.4rem;
  }
}