@media (max-width: 1119px) {

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

      .fc-primary {
          color: #191d48;
      }

      .swiper-slide {
          background: white;

      }

      .swiper-product img {
          width: 100% !important;
          height: auto;
          aspect-ratio: 281 / 200;
      }

      .scene-box {
          background: url("../img/bg-1.png") no-repeat center;
          background-size: auto 100%;
          color: white;
      }

      .card:first-child {
          background: #f6f9ff url("../img/pic-1.png") no-repeat center 70%;
          background-size: 70%;
      }

      .card:nth-child(2) {
          background: #f6f9ff url("../img/pic-2.png") no-repeat center 70%;
          background-size: 60%;
      }

      .card:last-child {
          background: #f6f9ff url("../img/pic-3.png") no-repeat center 70%;
          background-size: 70%;
      }

      .bg-gradient {
          background-image: linear-gradient(to right, #B7CDFF70, #B7FFE550);
      }

      .list-style {
          position: relative;
          font-weight: 900;
          padding: 0 1rem;
      }

      .text {
          color: #757791;
          font-size: 14px;
          font-weight: 200;
          padding: 0 1rem;
      }

      .list-style::before {
          content: "";
          position: absolute;
          left: -0.5em;
          top: 0.4rem;
          width: 1em;
          height: 1em;
          background: url("../img/icon-success.png") no-repeat center;
          background-size: 100%;
      }

      .bg-img-1 {
          background: url("../img/pic-4.png") no-repeat center bottom / 90%,
              linear-gradient(to right, #B7CDFF70, #B7FFE550);
      }

      .bg-img-2 {
          background: url("../img/pic-5.png") no-repeat center bottom / 80%,
              linear-gradient(to right, #B7CDFF70, #B7FFE550);
      }

      .bg-img-3 {
          background: url("../img/pic-6.png") no-repeat center bottom / 90%,
              linear-gradient(to right, #B7CDFF70, #B7FFE550);
      }

      /* 自定义动画 */
      @keyframes fadeIn {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @keyframes slideInRight {
          from {
              transform: translateX(100%);
          }

          to {
              transform: translateX(0);
          }
      }

      .animate-fade-in {
          animation: fadeIn 0.3s ease-out forwards;
      }

      .animate-slide-in-right {
          animation: slideInRight 0.3s ease-out forwards;
      }

      .grid-lines {
          width: 100%;
          height: 100%;
          background:
              linear-gradient(90deg, transparent 49%, rgba(120, 120, 120, 0.2) 50%, transparent 51%),
              linear-gradient(transparent 49%, rgba(120, 120, 120, 0.2) 50%, transparent 51%);
          background-size: 50px 50px;
          animation: perspectiveMove 5s linear infinite;
      }

      @keyframes gridMove {
          0% {
              background-position: 0 0;
          }

          100% {
              background-position: 50px 50px;
          }
      }

      .video-container-content {
        width: 80%;
          position: absolute;
          font-size: 24px;
          color: #fff;
          bottom: 50%;
          left: 10%;
          font-weight: 500;
      }
  }