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

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

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

     /* 标题 */
     .indexTitle {
         display: flex;
         flex-direction: column;
         align-items: center;
         grid-gap: 10px;
     }

     .indexTitle h1 {
         font-weight: 700;
         font-size: 42px;
         line-height: 1.5;
         color: #161616;
         text-align: center;
     }

     .indexTitle h2 {
         color: #6B6B6B;
         text-align: center;
         font-size: 16px;
     }


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

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

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


     /* 查看更多 */
     .IndexMore {
         width: 225px;
         height: 58px;
         background: url(/assets/images/more.png) no-repeat center;
         background-size: contain;
         display: flex;
         align-items: center;
         color: #FFF !important;
         font-size: 16px;
         padding-left: 40px;
     }

     @media (max-width: 1200px) {
         .IndexMore {
             width: 175px;
             height: 45px;
         }
     }

     @media (max-width: 720px) {
         .IndexMore {
             width: 120px;
             height: 30px;
             font-size: 14px;
             padding-left: 20px;
         }
     }