/* 产品详情 */
     .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;
     }

     .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 {
         width: 60%;
         padding-left: 150px;
         display: flex;
         flex-direction: column;
         grid-gap: 20px;
     }

     .CpText h1 {
         color: #303030;
         font-family: Arial;
         font-size: 16px;
         line-height: 1.5;
     }

     .CpText h2 {
         color: #9C7962;
         font-family: Arial;
         font-size: 28px;
         font-weight: 700;
         line-height: 1.5;
     }

     .CpText h3 {
         color: #585858;
         font-family: Arial;
         font-size: 28px;
         font-weight: 400;
         line-height: 1.5;
     }

     .CpText h4 {
         color: #7D7D7D;
         font-family: Arial;
         font-size: 16px;
         font-weight: 400;
         line-height: 1.5;
     }

     .CpText h4 b {
         color: #303030;
     }

     .colorImg {
         display: flex;
         flex-wrap: wrap;
         grid-gap: 10px;
     }

     .colorImg img {
         width: 80px;
     }

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

     .CpText span b {
         display: block;
         width: 100%;
         color: #7D7D7D;
         font-family: Arial;
         font-size: 16px;
         font-weight: 400;
         line-height: 1.5;
     }

     .CpText span p {
         border: 1px solid #989898;
         width: 70px;
         height: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: #7D7D7D;
         font-family: Arial;
         font-size: 16px;
     }

     .CpText .desc {
         display: flex;
         flex-wrap: wrap;
     }

     .CpText .desc p {
         width: 50%;
         color: #929292;
         font-family: Arial;
         font-size: 16px;
         line-height: 1.5;
     }

     .CpText .desc p:last-child {
         padding-left: 60px;
         border-left: 1px solid #D9D9D9;
     }

     .CpText .NyMore {
         border: 1px solid #9C7962;
         width: 200px;
         height: 60px;
         display: flex;
         align-items: center;
         justify-content: center;
         grid-gap: 10px;
         color: #9C7962;
         font-weight: bold;
     }

     @media (max-width: 1600px) {
         .CpText {
             padding-left: 90px;
         }
     }

     @media (max-width:1000px) {
         .cpjj {
             flex-wrap: wrap;
         }

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

         .CpImg2 {
             width: 15vw;
         }

         .CpImg {
             width: 100%;
         }

         .CpText {
             padding: 0;
             width: 100%;
             padding-top: 30px;
             grid-gap: 10px;
         }
     }


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

         .CpImg2 {
             width: 20vw;
         }

         .CpText .desc p {
             width: 100%;
             padding: 15px 0 !important;
             border: 0px !important;
         }
     }



     /* 详情 */
     .NyCpXq {
         margin-top: 90px;
     }


     .ListBox {
         width: 100%;
         height: 90px;
         background: var(--color2);
         display: flex;
         align-items: center;
     }

     .ListBox h1 {
         text-align: center;
         width: 100%;
         color: #1A1A1A;
         font-family: Arial;
         font-size: 24px;
     }

     .ListBox h1.on {
         color: var(--color);
         font-weight: bold;
     }

     .contentBox .content {
         display: none;
     }

     .contentBox .content.on {
         display: block;
     }


     @media (max-width: 720px) {
         .NyCpXq {
             margin-top: 30px;
         }

         .ListBox {
             height: 60px;
         }

         .ListBox h1 {
             font-size: 18px;
         }
     }