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


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

     /* 标题 */
     .indexTitle {
         display: flex;
         flex-direction: column;
     }

     .indexTitle h1 {
         font-size: 30px;
         line-height: 1.5;
         color: var(--color);
     }

     .indexTitle h2 {
         font-size: 40px;
         line-height: 1.5;
         font-weight: bold;
         color: #161615;
     }

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

         .indexTitle h2 {
             font-size: 30px;
         }
     }

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

         .indexTitle h2 {
             font-size: 24px;
         }
     }

 

     /* 了解更多 */
     .IndexMore,
     a.IndexMore {
         color: #000;
         font-family: MiSans;
         font-size: 18px;
         display: flex;
         align-items: center;
         grid-gap: 15px;
     }

     .IndexMore span,
     a.IndexMore span {
         width: 60px;
         height: 60px;
         border-radius: 50%;
         background: var(--color);
         display: flex;
         align-items: center;
         justify-content: center;
     }

     @media (max-width: 900px) {

         .IndexMore,
         a.IndexMore {
             font-size: 16px;
             grid-gap: 5px;
         }
     }

     @media (max-width: 600px) {

         .IndexMore span,
         a.IndexMore span {
             width: 45px;
             height: 45px;
         }
     }