.section4 {
      position: relative;
      padding: 110px 0 30px;
  }

  .section4 .sectionTitle {
      text-align: center;
      color: #fff;
  }

  .section4 .bj {
      display: block;
      width: 1570px;
      margin: 0 auto;
      margin-top: -90px;
  }

  .Box4 {
      position: relative;
      padding: 0 var(--container);
      margin-top: 75px;
  }

  .swiper4 {
      padding: 75px 0;
      width: 85%;
      overflow: hidden;
  }

  .item4 {
      position: relative;
      z-index: 1;
      transition: 0.5s;
  }

  .item4.swiper-slide-prev,
  .item4.swiper-slide-next {
      transform: scale(1.15);
      position: relative;
      z-index: 2;
  }

  .item4.swiper-slide-active {
      transform: scale(1.3);
      position: relative;
      z-index: 3;
  }


  .item4 img {
      width: 100%;
  }

  .Box4 .next4 {
      width: 70px;
      height: 70px;
      background: url(/assets/images/icon2.png) no-repeat 100% 100%;
      background-size: contain;
      margin: 0;
      right: 2vw;
      transform: rotateY(180deg);
  }

  .Box4 .prev4 {
      width: 70px;
      height: 70px;
      background: url(/assets/images/icon2.png) no-repeat 100% 100%;
      background-size: contain;
      margin: 0;
      left: 2vw;
  }

  .Box4 .swiper-button-next:after,
  .Box4 .swiper-button-prev:after {
      display: none;
  }

  @media (max-width: 1600px) {
      .section4 .bj {
          width: 100%;
          padding: 0 75px;
      }

      .Box4 {
          margin-top: 75px;
      }
  }

  @media (max-width: 1440px) {
      .section4 {
          position: relative;
          padding: 90px 0 45px;
      }

      .section4 .bj {
          margin-top: -80px;
          padding: 0 45px;
      }

      .Box4 {
          margin-top: 30px;
      }

      .Box4 .next4,
      .Box4 .prev4 {
          width: 50px;
          height: 50px;
      }
  }

  @media (max-width: 1200px) {
      .section4 {
          position: relative;
          padding: 60px 0 45px;
      }

      .Box4 {
          margin-top: 0px;
      }

      .section4 .bj {
          padding: 0 30px;
      }
  }

  @media (max-width: 720px) {
      .section4 {
          padding: 45px 0 30px;
      }

      .Box4 .next4,
      .Box4 .prev4 {
          width: 30px;
          height: 30px;
      }

      .item4.swiper-slide-prev,
      .item4.swiper-slide-next {
          transform: scale(1);
          position: relative;
          z-index: 2;
      }

      .item4.swiper-slide-active {
          transform: scale(1.2);
          position: relative;
          z-index: 3;
      }

      .swiper4 {
          padding: 30px 0;
          width: calc(100% - 90px);
      }

      .section4 .bj {
          padding: 0;
          margin-top: -30px;
      }

      .item4.swiper-slide-prev,
      .item4.swiper-slide-next {
          filter: blur(2px);
      }
  }