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

     .CpImg {
         width: 35%;
         position: relative;
     }

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

     .CpImg1 {
         width: 100%;
         border-radius: 20px;
         border: 1px solid #F3F4F6;
         display: flex;
         align-items: center;
         border-radius: 4px;
         border: 1px solid #E5E7EB;
         background: linear-gradient(135deg, #F4F6F9 0%, #FFF4E8 100%);
     }

     .CpImg1 .prev1,
     .CpImg1 .next1 {
         width: 36px;
         height: 36px;
         border-radius: 50%;
         background: rgba(31, 41, 55, 0.60);
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0;
         top: auto;
         bottom: auto;
         opacity: 1;
         pointer-events: unset;
     }

     .CpImg1 .prev1:hover,
     .CpImg1 .next1:hover {
         background: var(--color);
     }

     .CpImg1 .prev1 {
         left: 0;
     }

     .CpImg1 .next1 {
         right: 0;
     }

     .CpImg1 .next1.swiper-button-next:after,
     .CpImg1 .prev1.swiper-button-prev:after {
         color: #fff;
         font-size: 16px;
     }


     .CpImg1 img {
        /* padding: 90px; */
     }

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

     .CpImg2 .swiper-slide {
         border-radius: 4px;
         border: 1px solid #E5E7EB;
         background: linear-gradient(135deg, #F4F6F9 0%, #FFF4E8 100%);
         overflow: hidden;
     }

     .CpImg2 img {
         padding: 15px;
     }

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

     .CpText {
         width: 65%;
         padding-left: 120px;
         display: flex;
         flex-direction: column;
         grid-gap: 20px;
     }

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

     .CpText h3 p {
         border-radius: 4px;
         background: #FEC494;
         padding: 6px 8px;
         color: #935B28;
         font-size: 14px;
         font-weight: 600;
         line-height: 1;
     }

     .CpText h1 {
         font-size: 30px;
         font-weight: bold;
         color: #1F2A37;
     }

     .CpText h2 {
         max-width: 800px;
         font-size: 16px;
         color: #4B5563;
         line-height: 1.5;
     }

     .CpText ul {
         max-width: 560px;
         padding: 20px;
         border-radius: 4px;
         border: 1px solid #E5E7EB;
         background: #F9FAFB;
         display: flex;
         flex-wrap: wrap;
         grid-gap: 16px;
     }

     .CpText ul li {
         width: calc(50% - 8px);
     }

     .CpText ul li h4 {
         color: #4B5563;
         font-size: 14px;
         line-height: 1.5;
     }

     .CpText ul li p {
         color: #1F2A37;
         font-size: 14px;
         font-weight: 600;
         line-height: 1.5;
     }

     .CpText .More1 {
         display: flex;
         flex-wrap: wrap;
         grid-gap: 20px;
     }

     .CpText .More1 a {
         padding: 14px 28px;
         border-radius: 4px;
         background: var(--color);
         color: #FFF;
         font-size: 20px;
     }

     .CpText .More1 a:last-child {
         color: #000;
         background: #fff;
         border: 1px solid #E5E7EB;
     }


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

     @media (max-width:1200px) {
         .CpImg1 img {
             /* padding: 5vw 60px; */
         }

         .CpText {
             grid-gap: 15px;
         }

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

         .CpText h2 {
             font-size: 14px;
         }

         .CpText ul {
             padding: 16px;
             grid-gap: 8px;
         }

         .CpText .More1 a {
             padding: 8px 16px;
             font-size: 16px;
         }
     }

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

         .CpImg {
             width: 100%;
         }

         .CpText {
             width: 100%;
             padding-top: 30px;
             padding-left: 0px;
         }
     }



     /* 详情 */
     .NyTitle {
         color: #1F2A37;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.5;
         margin-bottom: 30px;
     }

     .NySection2 {
         background: #F9FAFB;
     }

     section .content {
         width: 100%;
     }


     /* NySection2 */
     .content2 {
         width: 100%;
         max-width: 1200px;
     }

     .content2 .raw-html-embed {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         grid-gap: 24px;
     }

     .content2 .raw-html-embed li {
         border-radius: 4px;
         border: 1px solid #E5E7EB;
         background: #FFF;
         padding: 24px;
     }

     .content2 .raw-html-embed li h1 {
         width: 44px;
         height: 44px;
         display: flex;
         justify-content: center;
         align-items: center;
         border-radius: 8px;
         background: rgba(240, 127, 22, 0.10);
         color: var(--color);
         font-size: 18px;
         font-weight: 900;
     }

     .content2 .raw-html-embed li h2 {
         color: #1F2A37;
         font-size: 18px;
         font-weight: 700;
         margin-top: 16px;
         margin-bottom: 8px;
     }

     .content2 .raw-html-embed li h3 {
         color: #4B5563;
         font-size: 14px;
         font-weight: 400;
     }

     @media (max-width: 900px) {
         .content2 .raw-html-embed {
             grid-template-columns: repeat(2, 1fr);
         }
     }

     @media (max-width: 600px) {
         .content2 .raw-html-embed li {
             padding: 12px;
         }
     }

     @media (max-width: 460px) {
         .content2 .raw-html-embed {
             grid-template-columns: repeat(1, 1fr);
         }
     }

     /* NySection4 */
     .Box4 {
         position: relative;
         width: 100%;
         z-index: 2;
     }

     .Slide4 {
         border-radius: 4px;
         border: 1px solid #E5E7EB;
         transition: 0.5s;
     }

     .Slide4:hover {
         border: 1px solid var(--color);
     }

     .img4 {
         width: 100%;
         background: linear-gradient(280deg, #FDFAFA 20%, #eae9e9ab 80%);
     }

     .img4 img {
         width: 100%;
     }

     .text4 {
         padding: 30px;
         display: flex;
         flex-direction: column;
         grid-gap: 15px;
     }

     .text4 h1 {
         color: #1F2937;
         font-size: 20px;
         font-weight: 600;
         transition: 0.5s;
     }

     .Slide4:hover .text4 h1 {
         color: var(--color);
     }

     .text4 h2 p {
         color: rgba(31, 41, 55, 0.60);
         font-size: 16px;
         font-weight: 600;
         line-height: 1.5;
     }

     .text4 h3 {
         display: flex;
         grid-gap: 10px;
     }

     .text4 h3 p {
         border-radius: 4px;
         background: #FEC494;
         padding: 6px 8px;
         color: #935B28;
         font-size: 14px;
         font-weight: 600;
         line-height: 1;
     }

     .More4 {
         width: 155px;
         height: 42px;
         border-radius: 4px;
         border: 1px solid rgba(31, 41, 55, 0.19);
         margin: 0 auto;
         margin-top: 10px;
         display: flex;
         align-items: center;
         justify-content: center;
         grid-gap: 10px;
         border-radius: 4px;
         transition: 0.5s;
     }

     .Slide4:hover .More4 {
         color: #fff;
         border: 1px solid var(--color);
         background: var(--color);
     }

     .More4 img {
         width: 14px;
         filter: invert(1);
         transition: 0.5s;
     }

     .Slide4:hover .More4 img {
         filter: invert(0);
     }

     .prev4,
     .next4 {
         width: 40px;
         height: 40px;
         border-radius: 50%;
         background: #fff;
         box-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);
         display: flex;
         align-items: center;
         justify-content: center;
         transition: 0.5s;
         position: absolute;
         z-index: 2;
         top: 50%;
         transform: translateY(-50%);
     }

     .prev4 {
         left: -20px;
     }

     .prev4 img {
         transform: rotate(180deg);
     }

     .next4 {
         right: -20px;
     }

     @media (max-width: 1440px) {

         .text4 {
             padding: 20px;
         }
     }

     @media (max-width: 1200px) {


         .text4 h1 {
             font-size: 16px;
         }

         .text4 h2 p {
             font-size: 14px;
         }
     }

     @media (max-width: 900px) {

         .text4 h3 {
             flex-wrap: wrap;
         }
     }

     @media (max-width: 600px) {
         .More4 {
             width: 140px;
             height: 40px;
         }
     }