.section2 {
       position: relative;
       padding: 150px 0 140px;
       overflow: hidden;
       background-size: cover !important;
   }

   .section2 .top {
       width: 100%;
       position: relative;
       display: flex;
       justify-content: space-between;
   }

   .section2 .top h1 {
       color: #fff;
       position: relative;
       z-index: 1;
   }

   .section2 .top h1::after {
       content: "";
       display: block;
       position: absolute;
       z-index: -1;
       top: -60px;
       left: calc(var(--container) / 2 * -1);
       width: 400px;
       height: 580px;
       background: var(--color);
       border-radius: 20px;
   }

   .section2 .top a {
       font-size: 18px;
       line-height: 1;
       color: #6A6A6A;
       display: flex;
       align-items: center;
   }

   .section2 .top a img {
       width: 40px;
       margin-left: 30px;
       filter: invert(1) opacity(0.5);
   }

   .Box2 {
       margin-top: 40px;
       position: relative;
   }

   .Box2 .item {
       position: relative;
       padding: 20px;
       background: #fff;
       border-radius: 20px;
       margin-bottom: 90px;
       transition: 0.5s;
   }

   .Box2 .item:hover {
       margin-bottom: 0;
   }

   .Box2 .item .img {
       background: #F6F5F7;
       border-radius: 20px;
   }

   .Box2 .item .text {
       padding-top: 30px;
   }

   .Box2 .item .text h1 {
       font-family: PuHuiTi400;
       font-size: 24px;
       line-height: 1;
       color: #383838;
       margin-bottom: 20px;
   }

   .Box2 .item .text h2 {
       font-weight: 400;
       font-size: 16px;
       line-height: 2;
       color: #646464;
   }

   .Box2 .item .text span {
       margin-top: 0px;
       width: 100%;
       height: 0;
       transition: 0.5s;
       overflow: hidden;
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: flex-end;
   }

   .Box2 .item .text span img {
       margin-left: 30px;
       height: 100%;
       transition: 0.5s;
   }

   .Box2 .item:hover .text span {
       height: 48px;
       margin-top: 30px;
   }

   @media (max-width: 1600px) {
       .section2 .top h1::after {
           width: 300px;
           height: 480px;
       }
   }

   @media (max-width: 1440px) {}

   @media (max-width: 1200px) {
       .section2 {
           padding: 90px 0;
       }

       .section2 .top h1::after {
           top: -30px;
       }
   }

   @media (max-width: 720px) {
       .section2 .top h1::after {
           top: -30px;
           left: -30px;
       }

       .Box2 {
           margin-top: 20px;
       }

       .section2 {
           padding-bottom: 0;
       }
   }

   @media (max-width: 460px) {
       .section2 .top h1::after {
           width: 170px;
           height: 380px;
       }

       .Box2 {
           margin: 15px 30px;
       }
   }