.section2 {
       position: relative;
   }

   .Box2 {
       position: relative;
       z-index: 1;
   }

   .item2 {
       display: none;
       position: relative;
       overflow: hidden;
   }

   .item2.cur {
       display: block;
   }

   .item2 .img {
       position: relative;
       z-index: 1;
       width: 75%;
       height: 100%;
       left: 25%;
       top: 0;
   }

   .item2 .text {
       position: absolute;
       z-index: 2;
       left: 0;
       top: 0;
       height: 100%;
       width: 50%;
       padding-left: 140px;
       padding-bottom: 75px;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .item2 .text::after {
       content: "";
       display: block;
       position: absolute;
       z-index: -1;
       left: 0%;
       top: 0;
       width: 100%;
       height: 100%;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/218/20240424101242_Fa26HKwr.png) no-repeat center;
       background-size: cover;
       background-position: right;
   }

   .item2 .text h2 {
       font-size: 22px;
       line-height: 1.5;
       color: #787878;
       margin: 45px 0 90px;
       width: 70%;
   }


   .Box2List {
       position: absolute;
       width: 100%;
       z-index: 2;
       left: 0;
       bottom: 75px;
       padding: 0 75px;
       display: flex;
   }

   .list2 {
       width: 100%;
       margin: 0 3px;
       height: 100px;
       font-weight: 700;
       font-size: 24px;
       line-height: 100px;
       text-align: center;
       color: #696969;
       background: #fff;
       border-radius: 6px;
    padding: 0 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
   }

   .list2.cur {
       color: #fff;
       background: var(--jb);
   }

   @media (max-width: 1600px) {
       .item2 .text h2 {
           font-size: 18px;
       }
   }

   @media (max-width: 1440px) {
       .item2 .text {
           padding-left: 75px;
       }

       .item2 .text h2 {
           margin: 30px 0 60px;
       }

       .Box2List {
           bottom: 45px;
       }

       .list2 {
           font-size: 20px;
           height: 60px;
           line-height: 60px;
       }
   }

   @media (max-width: 1200px) {
       .item2 .text h2 {
           font-size: 16px;
           margin: 30px 0 45px;
       }
   }

   @media (max-width: 992px) {
       .item2 .text {
           position: unset;
           width: 100%;
           background: #dee4ec;
           padding: 45px 75px;
       }

       .item2 .text::after {
           display: none;
       }

       .item2 .text h2 {
           width: auto;
       }

       .list2 {
           font-size: 18px;
       }

       .item2 .img {
           position: relative;
           z-index: 1;
           width: 100%;
           height: 100%;
           left: 0;
           top: 0;
       }
   }

   @media (max-width: 720px) {
       .section2 {
           position: relative;
           display: flex;
           flex-direction: column-reverse;
       }

       .item2 .text {
           padding: 45px 30px;
       }

       .Box2List {
           position: unset;
           width: 100%;
           padding: 30px 0;
           display: flex;
           flex-wrap: wrap;
           justify-content: center;
       }

       .list2 {
           background: #dee4ec;
           width: calc(33.333% - 10px);
           margin: 5px;
           font-weight: 100;
           font-size: 16px;
           height: 45px;
           line-height: 45px;
       }
   }

   @media (max-width: 460px) {
       .item2 .text {
           padding: 30px 15px;
       }
   }