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

     .CpImg {
         width: 640px;
         position: relative;
     }

     .CpImg img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }

     .CpImg1 {
         width: 100%;
     }

     .CpImg2 {
         width: 100%;
         margin-top: 25px;
     }

     .CpImg2 .swiper-slide {
         border: 1px solid rgba(152, 152, 152, 0.12);
     }

     .CpImg2 .swiper-slide.swiper-slide-thumb-active {
         border: 1px solid var(--color);
     }


     .CpText {
         position: relative;
         width: calc(100% - 700px);
         display: flex;
         flex-direction: column;
         grid-gap: 45px;
     }

     .CpText h1 {
         color: #000;
         font-size: 40px;
         font-weight: 700;
     }

     .CpText .text {
         padding: 45px 0;
         border-top: 1px solid #8A8F99;
         border-bottom: 1px solid #8A8F99;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         grid-gap: 45px;
     }

     .CpText .text .content {
         color: #333;
         font-size: 16px;
         line-height: 2;
     }

     .CpText .text .desc {
         display: flex;
         flex-direction: column;
         grid-gap: 10px;
         position: relative;
     }

     .CpText .text .desc p {
         color: #716F6F;
         font-size: 16px;
     }

     .CpText .text .desc a {
         position: absolute;
         bottom: 0;
         left: calc(100% + 120px);
         width: 90px;
         height: 34px;
         background: var(--color);
         display: flex;
         align-items: center;
         justify-content: center;
         color: #fff;
         text-align: center;
         font-size: 14px;
     }

     .Post {
         display: flex;
         flex-direction: column;
         grid-gap: 15px;
         border-top: 0px solid #e6e6e6;
         padding: 0;
     }

     .More2 {
         position: absolute;
         bottom: 0;
         right: 0;
         width: 90px;
         height: 34px;
         background: var(--color);
         display: flex;
         align-items: center;
         justify-content: center;
         color: #fff;
         text-align: center;
         font-size: 14px;
     }


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

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

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

         .CpText {
             width: calc(100% - 430px);
             grid-gap: 30px;
         }

         .CpText .text {
             padding: 30px 0;
             grid-gap: 30px;
         }

         .CpText .text .desc a {
             left: calc(100% + 30px);
         }

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

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

         .CpImg {
             width: 100%;
         }

         .CpText {
             width: 100%;
         }

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

         .More2 {
             position: unset;
         }
     }

     @media (max-width: 600px) {
         .CpText .text .desc a {
             position: unset;
         }
     }