.section2 {
       background: #F7F8F7;
       position: relative;
       padding: 140px 0 75px;
       overflow: hidden;
   }

   .box2 {
       margin-top: 100px;
       position: relative;
       display: flex;
       flex-wrap: wrap;

   }


   /* 分类列表 */

   .Box2List {
       width: 300px;
   }

   .Box2List .item {
       position: relative;
       z-index: 1;
       height: 80px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .Box2List .item.cur::after {
       content: "";
       display: block;
       position: absolute;
       z-index: -1;
       top: 0;
       right: 0;
       height: 100%;
       width: 200%;
       background: linear-gradient(90deg, #62B036 0%, #73D9A3 100%);
       border-radius: 0px 4px 4px 0px;
   }

   .Box2List .item h1 {
       font-size: 22px;
       line-height: 1;
       text-align: center;
       color: #4A4A4A;
   }

   .Box2List .item.cur h1 {
       color: #fff;
   }

   .Box2List .item img {

       opacity: 0;
       position: absolute;
       right: 20px;
   }

   .Box2List .item.cur img {
       opacity: 1;
       filter: brightness(10);
   }

   .Box2Icon {
       width: calc(100% - 300px);
       padding-left: 120px;
   }

   .Box2Icon .item {
       display: none;
       grid-template-columns: repeat(3, 1fr);
       grid-gap: 25px;
   }

   .Box2Icon .item.cur {
       display: grid;
   }

   .Box2Icon .icon {
       background: #fff;
       position: relative;
   }
  .Box2Icon .icon::after {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s;
    background: linear-gradient(90deg, #48C800 0%, #90F1DA 100%);
}
  .Box2Icon .icon:hover::after {
    width: 100%;
}


   .Box2Icon .icon .imgHover {
       width: 100%;
       overflow: hidden;
   }

   .Box2Icon .icon .imgHover img {
       width: 100%;
       transition: 0.5s;
   }

   .Box2Icon .icon:hover .imgHover img {
       transform: scale(1.08);
   }

   .Box2Icon .text {
       border-top: 1px solid #D6D6D6;
       height: 75px;
       padding: 0 30px;
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .Box2Icon .text h1 {
       font-size: 22px;
       line-height: 1.5;
       color: #000000;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }
  .Box2Icon .icon:hover .text h1{
       color: var(--color);
   }
   .Box2Icon .text img {
       width: 10px;
       margin-left: 10px;
   }

   @media (max-width: 1440px) {
       .Box2Icon {
           width: calc(100% - 300px);
           padding-left: 60px;
       }

       .Box2Icon .item {
           grid-gap: 20px;
       }

       .section2 {
           padding: 90px 0;
       }
   }

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

       .box2 {
           margin-top: 45px;
       }

       .Box2Icon .text {
           height: 50px;
           padding: 0 20px;
       }

       .Box2Icon .text h1 {
           font-size: 18px;
       }

       .Box2List .item {
           height: 60px;
           justify-content: space-between;
       }

       .Box2List .item h1 {
           font-size: 18px;
       }

       .Box2List {
           width: 210px;
       }

       .Box2List .item img {
           width: 10px;
           right: 15px;
       }

       .Box2Icon {
           width: calc(100% - 210px);
           padding-left: 30px;
       }
   }

   @media (max-width: 800px) {
       .Box2Icon .item {
           grid-template-columns: repeat(2, 1fr);
       }
   }

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

       .box2 {
           margin-top: 30px;
       }

       .Box2List {
           width: 100%;
       }

       .Box2Icon {
           width: 100%;
           padding: 0;
       }

       .Box2List .item.cur::after {
           width: 100%;
       }

       .Box2List .item {
           padding: 0 15px;
           margin-bottom: 10px;
           height: 45px;

       }

       .Box2List .item h1 {
           font-size: 16px;
       }

       .Box2Icon .text h1 {
           font-size: 16px;
       }
   }