/* Section3 */
   .section3 {
       padding-left: 0;
       padding-right: 0;
   }

   .title3 {
       position: absolute;
       z-index: 4;
       top: 240px;
       left: var(--container);
       display: flex;
       flex-direction: column;
       grid-gap: 10px;
   }

   .title3 h1 {
       color: #FFF;
       font-size: 44px;
       font-weight: 700;
       letter-spacing: 42px;
       line-height: 1.5;
   }

   .title3 h2 {
       width: 400px;
       color: #FFF;
       font-size: 30px;
       line-height: 1.5;
       letter-spacing: 42px;
       border-top: 1px solid #fff;
   }

   .title3 h3 {
       color: #FFF;
       font-size: 20px;
       font-weight: 400;
   }

   .list3 {
       position: absolute;
       z-index: 3;
       left: 0;
       bottom: 0;
       width: 100%;
       display: flex;
   }

   .list3 h1 {
       position: relative;
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       grid-gap: 15px;
       padding: 10px 10px;
       color: #FFF;
       font-size: 28px;
       line-height: 150%;
   }

   .list3 h1.on {
       color: #000;
   }

   .list3 h1::after {
       content: "";
       position: absolute;
       width: calc(100% + 10px);
       height: 100%;
       top: 0;
       left: 0;
       background: rgba(255, 255, 255, 0.2);
   }

   .list3 h1.on img {
       filter: invert(1);
   }

   .Box3 {
       display: block;
       position: relative;
       width: 100%;
       height: 100%;
       z-index: 2;
   }

   .item3 {
       width: 100%;
       height: 100%;
       opacity: 0;
       transition:0.5s;
       position: absolute;
   }

   .item3.on {
       opacity: 1;
   }

   .desc3 {
       position: absolute;
       z-index: 3;
       top: 450px;
       left: var(--container);
       display: flex;
       flex-direction: column;
       grid-gap: 60px;
   }

   .desc3 p {
       color: #FFF;
       font-size: 17px;
       line-height: 2;
   }

   .desc3 a {
       color: #FFF;
       font-size: 24px;
       font-weight: 700;
       line-height: 150%;
       display: flex;
       align-items: center;
       grid-gap: 15px;
   }

   .desc3 a img {
       width: 26px;
       filter: invert(1);
   }
.desc3 a .more-icon {
    fill: currentColor;
    flex-shrink: 0;
}

   .item3 img {
       position: relative;
       z-index: 1;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   @media (max-width: 1600px) {
       .title3 {
           top: 120px;
       }

       .desc3 {
           top: 320px;
       }
   }

   @media (max-width: 1440px) {
       .desc3 {
           grid-gap: 30px;
       }

       .list3 h1 {
           padding: 15px 10px;
           font-size: 24px;
       }
   }

   @media (max-width: 1200px) {
       .title3 h1 {
           font-size: 32px;
           letter-spacing: 20px;
       }

       .title3 h2 {
           width: 270px;
           font-size: 24px;
           letter-spacing: 24px;
       }

       .list3 h1 {
           padding: 20px;
           font-size: 18px;
           grid-gap: 5px;
       }

       .list3 h1 img {
           width: 25px;
       }
   }

   @media (max-width: 750px) {
       .list3 {
           bottom: 60px;
       }

       /* 手机端：背景产品图靠右显示，避免右侧产品被裁切 */
       .item3 img {
           object-position: right center;
       }

       .list3 h1 {
           padding: 10px;
       }

       .list3 h1 img {
           display: none;
       }

       .desc3 {
           top: 240px;
           grid-gap: 15px;
       }

       .desc3 p {
           font-size: 14px;
       }

       .desc3 a {
           font-size: 14px;
       }
   }

   @media (max-width: 600px) {
       .list3 {
           flex-wrap: wrap;
           height: 90px;
       }

       .list3 h1 {
           width: 33.33%;
           padding: 0;
       }

       .list3 h1::after {
           width: calc(100% + 4px);
           height: calc(100% + 4px);
       }
   }

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