/* 框架 */
     section {
         position: relative;
         z-index: 1;
         overflow: hidden;
         width: 100%;
         height: 100%;
         padding: 90px var(--container) 0;
     }

     @media (max-width: 1200px) {
         section {
             padding: 60px var(--container);
             height: auto;
         }
     }

     @media (max-width: 720px) {
         section {
             padding: 30px var(--container);
         }
     }

     /* 标题 */
     .indexTitle {
         color: #323232;
         font-size: 42px;
         font-weight: 700;
         line-height: 1;
     }

     @media (max-width: 1600px) {
         .indexTitle {
             font-size: 36px;
         }
     }

     @media (max-width: 1440px) {
         .indexTitle {
             font-size: 32px;
         }
     }

     @media (max-width: 1200px) {
         .indexTitle h1 {
             font-size: 28px;
         }
     }

     @media (max-width: 720px) {
         .indexTitle h1 {
             font-size: 24px;
         }
     }

     /* 查看更多 */
     .indexMore {
         width: 240px;
         height: 60px;
         border-radius: 33px;
         border: 1px solid #FFF;
         color: #FFF !important;
         font-size: 16px;
         font-weight: 700;
         display: flex;
         align-items: center;
         justify-content: center;
         grid-gap: 30px;
     }

     @media (max-width: 1200px) {
         .indexMore {
             width: 180px;
             height: 45px;
             font-size: 14px;
         }
     }

     @media (max-width: 720px) {
         .indexMore {
             grid-gap: 15px;
             width: 120px;
             height: 30px;
             font-size: 14px;
         }
     }

     /* 翻屏swiper */
     .IndexSwiper {
         width: 100%;
         height: 100vh;
         overflow: hidden;
     }

     .IndexBox {
         width: 100%;
         height: 100%;
         overflow: hidden;
         position: relative;
     }

     .footerSlide {
         height: auto;
         overflow: visible;
         position: relative;
         z-index: 2;
     }

     /* .htmlSlide {
           top: 200px;
           transform: scale(0.8) !important;
           transition: 1s;
           z-index: 1;
       }
    
       .htmlSlide.swiper-slide-active {
           top: 0;
           transform: scale(1) !important;
           z-index: 2;
       } */

     @media (max-width: 1200px) {
         .IndexSwiper {
             display: block;
             height: auto;
         }

         .IndexSwiper>.swiper-wrapper {
             display: block;
         }
     }