.NyBigBox {
         background: #E3E4E8;
     }


     @media (max-width: 1200px) {
         .NyBigBox {
             margin-top: 60px;
         }
     }

     /* 产品详情 */
     .cpjj {
         position: relative;
         z-index: 2;
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .CpImg {
         position: relative;
         width: 40%;
         display: flex;
         justify-content: space-between;
     }

     .CpImg img {
         width: 100%;
         background: #F0F3FA;
     }

     .CpImg1 {
         position: relative;
         z-index: 1;
         width: 100%;
         margin-left: calc(7vw + 20px);
     }

     .CpImg1 img {
         width: 100%;
     }

     .CpImg2 {
         position: absolute;
         z-index: 2;
         left: 0;
         top: 0;
         width: 7vw;
         height: 100%;
     }

     .CpImg2::after {
         content: "";
         display: block;
         position: absolute;
         z-index: 2;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 20%;
         background: linear-gradient(180deg, #ffffff00 0%, #FFF 100%);
     }

     .CpImg2 .swiper-slide {
         width: 100%;
         height: 26%;
     }

     .CpImg2 .swiper-slide img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     .CpText {
         position: relative;
         width: 60%;
         padding-left: 120px;
     }

     .CpText h1 {
         font-weight: 700;
         font-size: 42px;
         line-height: 1.5;
         color: #0A0A0A;
         margin-bottom: 15px;
     }

     .CpText span {
         display: flex;
         flex-wrap: wrap;
         grid-gap: 15px 30px;
     }

     .CpText span li {
         font-size: 16px;
         line-height: 1.5;
         color: #383838;
     }

     .CpText .content {
         margin: 30px 0;
         font-size: 16px;
         line-height: 1.5;
         color: #6E6E6E;
     }

     .CpText .More {
         display: flex;
         flex-wrap: wrap;
         grid-gap: 30px;
     }

     .CpText .More a {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 210px;
         height: 56px;
         border-radius: 50px;
         font-size: 16px;
         text-align: center;
         background: var(--color);
         color: #fff;
     }

     .CpText .More a:first-child {
         color: #2C2C2C;
         background: #fff0;
         border: 1px solid #2C2C2C;
     }


     @media (max-width:1440px) {
         .CpImg {
             width: 500px;
         }

         .CpText {
             width: calc(100% - 530px);
             padding: 0;
         }
     }

     @media (max-width:1200px) {
         .CpImg {
             width: 50%;
         }

         .CpText {
             width: calc(50% - 30px);
         }

         .CpText h1 {
             font-size: 24px;
         }

         .CpText span {
             grid-gap: 0px 15px;
         }

         .CpText span li {
             font-size: 14px;
         }

         .CpText .content {
             margin: 15px 0;
             font-size: 14px;
         }

         .CpText .More a {
             width: 150px;
             height: 45px;
             font-size: 14px;
         }
     }

     @media (max-width:900px) {
         .cpjj {
             flex-wrap: wrap;
             grid-gap: 30px;
         }

         .CpText,
         .CpImg {
             width: 100%;
         }

         .CpImg1 {
             margin-left: calc(15vw + 20px);
         }

         .CpImg2 {
             width: 15vw;
         }
     }


     @media (max-width:480px) {
         .CpImg1 {
             margin-left: calc(20vw + 10px);
         }

         .CpImg2 {
             width: 20vw;
         }

         .CpText .More {
             grid-gap: 15px;
         }

         .CpText .More a {
             width: 120px;
         }
     }