html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      /* background: #eee; */
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      /* color: #000; */
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* background: #fff; */
      display: flex;
      justify-content: center;
      align-items: center;
    }

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

    .xz{
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .xz > div{
        width: 26.5%;
        height: 10.25641vw;
        font-family: PingFang SC;
        font-size: 3.589744vw;
        font-style: normal;
        font-weight: 500;
        line-height: 10.25641vw;
        color: #fff;
        background-image: url(../img/2.png);
        background-size: 26.666667vw 10.25641vw;
        text-align: center;
    }
    .jc{
        font-size: 2.820513vw;
        color: var(--primary-500,#249cfc);
        text-align: center;
        margin-top: 10px;
    }

    .ts{
        font-size: 2.820513vw;
        color: #79849e;
        text-align: center;
        margin-top: 10px;
    }