.NyBigBox {
      padding-left: var(--container);
      padding-right: var(--container);
  }

  /* 切换按钮 */
  .pagination1 {
      display: flex;
      justify-content: center;
      grid-gap: 10px;
  }

  .pagination1 span {
      background: #fff;
      padding: 10px 20px;
      border-radius: 0px;
      width: auto;
      height: auto;
      opacity: 1;
      margin: 0;
  }

  .pagination1 span.swiper-pagination-bullet-active {
      background: var(--color);
      box-shadow: 0 0 6px 0px rgb(0 0 0 / 40%);
  }

  .pagination1 span.swiper-pagination-bullet-active::after {
      color: #fff;
  }

  .pagination1 span::after {
      content: "";
      color: #4A5565;
      font-family: "Alibaba PuHuiTi 3.0";
      font-size: 16px;
  }

  .pagination1 span:nth-child(1)::after {
      content: "2003-2007";
  }

  .pagination1 span:nth-child(2)::after {
      content: "2008-2012";
  }

  .pagination1 span:nth-child(3)::after {
      content: "2012-2016";
  }

  .pagination1 span:nth-child(4)::after {
      content: "2017-2021";
  }

  .pagination1 span:nth-child(5)::after {
      content: "2022-2025";
  }

  .pagination1 span:nth-child(6)::after {
      content: "2028-2032";
  }

  .Box1 {
      width: 100%;
      height: 800px;
      position: relative;
  }


  .bj1 {
      position: absolute;
      z-index: 1;
      left: calc(-1 * var(--container));
      bottom: 0;
      width: calc(100% + var(--container) * 2);
      height: 600px;
      object-fit: cover;
  }

  .swiper1 {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%;
      overflow: visible;
  }

  .swiper1 .swiper-wrapper {
      display: flex;
      align-items: flex-start;
  }

  .Slide1 {
      height: 400px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      grid-gap: 10px;
      opacity: 0;
      transition: 0.5s;
      padding-left: 20px;
      padding-right: 60px;
  }

  .Slide1 span {
      position: absolute;
      left: 0;
      top: 15px;
      width: 1px;
      height: 100%;
      background: #C4C4C4;
  }

  .Slide1 span::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--color);
      position: absolute;
      top: 0;
      transform: translateX(-50%);
  }

  .Slide1 span::after {
      content: "";
      display: block;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #fff;
      border: 6px solid var(--color);
      position: absolute;
      bottom: 0;
      transform: translateX(-50%);
  }

  .Slide1 h1 {
      padding: 5px 10px;
      background: var(--color);
      color: #FFF;
      font-size: 24px;
      font-weight: 700;
  }


  .Slide1 h2 {
      color: #676767;
      font-size: 16px;
      line-height: 1.5;
  }


  .Slide1_Index1 {
      opacity: 1;
      left: 0%;
      top: 44%;
      height: 240px;
  }

  .Slide1_Index2 {
      opacity: 1;
      top: 34%;
      height: 390px;
  }

  .Slide1_Index3 {
      opacity: 1;
      top: 22%;
      height: 290px;
  }

  .Slide1_Index4 {
      opacity: 1;
      top: 10%;
      height: 420px;
  }

  .Slide1_Index5 {
      opacity: 1;
      top: 0%;
      height: 350px;
  }

  @media (max-width: 1660px) {
      .Box1 {
          height: 45vw;
      }

      .bj1 {
          height: auto;
      }

      .swiper1 .swiper-wrapper {
          display: flex;
          align-items: flex-end;
      }

      .Slide1_Index1 {
          top: -22%;
          height: 15vw;
      }

      .Slide1_Index2 {
          top: -18%;
          height: 21vw;
      }

      .Slide1_Index3 {
          top: -38%;
          height: 17vw;
      }

      .Slide1_Index4 {
          top: -36%;
          height: 22vw;
      }

      .Slide1_Index5 {
          top: -51%;
          height: 22vw;
      }
  }

  @media (max-width: 1440px) {
      .Slide1 {
          padding-right: 30px;
      }

      .Slide1 h2 {
          font-size: 14px;
      }
  }

  @media (max-width: 1200px) {
      .Box1 {
          height: 60vw;
      }

      .Slide1 {
          padding-left: 15px;
          padding-right: 20px;
      }

      .Slide1 h1 {
          font-size: 16px;
      }

      .Slide1_Index1 {
          top: -19%;
          height: 26vw;
      }

      .Slide1_Index2 {
          top: -13%;
          height: 35vw;
      }

      .Slide1_Index3 {
          top: -29%;
          height: 30vw;
      }

      .Slide1_Index4 {
          top: -28%;
          height: 37vw;
      }

      .Slide1_Index5 {
          top: -38%;
          height: 37vw;
      }
  }

  @media (max-width: 900px) {
      .Box1 {
          height: 50vw;
      }

      .Slide1_Index1 {
          top: -22%;
          height: 26vw;
      }

      .Slide1_Index2 {
          top: -31%;
          height: 30vw;
      }

      .Slide1_Index3 {
          top: -34%;
          height: 33vw;
      }

      .Slide1_Index4 {
          top: auto;
          height: auto;
          opacity: 0;
      }

      .Slide1_Index5 {
          top: auto;
          height: auto;
          opacity: 0;
      }


  }

  @media (max-width: 600px) {
      .Box1 {
          height: auto;
      }

      .bj1 {
          height: 4px;
          object-fit: unset;
          background: var(--color);
      }

      .Slide1 {
          top: -6px;
          height: 150px;
      }

      .Slide1_Index3 {
          opacity: 0;
      }
  }

  @media (max-width: 420px) {
      .Slide1_Index2 {
          opacity: 0;
      }
  }