.swiper {
      width: 100%;
      height: 100%;
      margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

 .banner_pc  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100vh;
      object-fit: cover;
    }

 .swiper {
      margin-left: auto;
      margin-right: auto;
    }
.banner_pc,.banner_pc_i{
  position: relative;
}
.banner_pc_v{
  height: 100vh;
}
.banner_pc_v video{
      width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}
.postion{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.postion_t{
  font-size: 68px;
  text-align: left;
  color:#fff;
  
}
.postion_p{
    font-size: 18px;
    color: #fff;
    margin-top: 0.17rem;
    letter-spacing: 2px;
    text-align: left;
}
.xswiper-button-next{   
  position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    right: 3%;
}
.xswiper-button-next i{
  font-size: 50px;
  color:#fff;
  transition: 0.4s;
}

.xswiper-button-prev{   
  position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    left: 3%;
}
.xswiper-button-prev i{
  font-size: 50px;
  color:#fff;
  transition: 0.4s;
}
.xswiper-button-prev:hover i{
  color:#00ad1d;
  transition: 0.4s;
}
.xswiper-button-next:hover i{
  color:#00ad1d;
  transition: 0.4s;
}
.banner_wap .swiper {
      width: 100%;
      height: 100%;
      margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
.banner_wap .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      justify-content: center;
      align-items: center;
    }

 .banner_wap  .swiper-slide img {
      display: block;
      width: 100%;
      height: 50vh;
      object-fit: cover;
    }

.banner_wap .swiper {
      margin-left: auto;
      margin-right: auto;
    }
.banner_wap{
  display: none;
}
@media screen and (max-width: 1024px) {
    .banner_pc_v{
  height: 50vh;
}
.postion_t{
  font-size: 30px;
}

.xswiper-button-next i{
  font-size: 30px;
}
.xswiper-button-prev i{
  font-size: 30px;
}

}
@media screen and (max-width: 998px) {
  
.banner_wap{
  display: block;
}
.banner_pc{
  display: none;
}
}
@media screen and (max-width: 768px) {
  .banner_wap .xswiper-button-prev{
         top: 85% !important;
        right: 13%;
        left: inherit;
}
.banner_wap .xswiper-button-next{
  top:85%!important;
}
}
.wb{
  position: relative;
}
.wb .xswiper-button-next{
    top: -90px;
}
.wb  .xswiper-button-prev{
      top: -90px;
    right: 130px;
    left: auto;

}
.wb i{
  color:#000
}
 
 .swiper4{
  width:100%;
 }
 .swiper4 .swiper-slide{
  background: none;
 }
 .swiper4 img{
 background-color: #edf1f5 !important;
    max-width: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 20px;
 }
  .swiper5{
  width:100%;
 }
 .swiper5 .swiper-slide{
  background: none;
 }
 .swiper5 img{
 background-color: #edf1f5 !important;
    max-width: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 20px;
 }