/* 产品详情 */
     .Box1 {
         position: relative;
         z-index: 2;
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         grid-gap: 30px;
     }

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

     .CpImg1 {
         width: 100%;
     }

     .CpImg2 {
         width: 100%;
         margin-top: 10px;
         padding-top: 10px;
         border-top: 3px solid #000;
         width: 100%;
         height: auto;
     }

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

     .CpImg2 img {
         border: 1px solid #E6E7E8;
     }

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

     .Text1 {
         width: calc(100% - 700px);
         display: flex;
         flex-direction: column;
         justify-content: center;
     }

     .Text1 .title {
         color: #000;
         font-family: Montserrat;
         font-size: 50px;
         padding-bottom: 30px;
         border-bottom: 1px solid #8A8F99;
     }

     .Text1 h2 {
         padding: 30px 0;
         font-size: 16px;
         line-height: 1.5;
         color: #000000;
     }

     .Text1 .anniu {
         display: flex;
         grid-gap: 10px;
     }

     .Text1 .anniu .More {
         padding: 20px;
         border: 1px solid #E6E7E8;
         display: flex;
         grid-gap: 15px;
         align-items: center;
         color: #707070;
         font-size: 14px;
         line-height: 1;
     }

     .Text1 .anniu .More:hover {
         background: linear-gradient(90deg, #FCF48E 0%, #8E3A0A 100%);
         color: #fff;
     }

     .Text1 .anniu .More img {
         width: 20px;
         height: 20px;
         object-fit: contain;
     }

     .Text1 .anniu .More:hover img {
         filter: invert(1);
     }

     .Text1 .anniu .More:last-child {
         font-size: 20px;
     }

     @media (max-width: 1440px) {
         .Img1 {
             width: 400px;
         }

         .Text1 {
             width: calc(100% - 430px);
         }

         .Text1 .title {
             font-size: 48px;
         }
     }

     @media (max-width:1200px) {
         .Text1 .title {
             font-size: 38px;
         }

         .Text1 .anniu {
             grid-gap: 15px;
         }

         .Text1 .anniu .More {
             padding: 15px;
             grid-gap: 5px;
         }

         .Text1 .anniu .More:last-child {
             font-size: 16px;
         }
     }

     @media (max-width: 900px) {
         .Img1 {
             width: 100%;
             max-width: 400px;
         }

         .Text1 {
             width: 100%;
         }

         .Text1 .title {
             font-size: 28px;
             padding-bottom: 15px;
         }

         .Text1 h2 {
             padding: 15px 0;
         }
     }

     @media (max-width: 600px) {
         .Text1 .anniu .More {
             padding: 15px 10px;
             grid-gap: 5px;
         }

         .Text1 .anniu .More img {
             width: 16px;
             height: 16px;
         }

         .Text1 .anniu .More:last-child {
             font-size: 14px;
         }
     }


     /* 详情 */
     .CpXqList {
         margin-top: 45px;
         margin-bottom: 45px;
         background: rgba(235, 235, 237, 0.50);
         display: flex;
     }

     .CpXqList h1 {
         display: inline-block;
         padding: 20px 60px;
         color: #000;
         text-align: center;
         font-family: Montserrat;
         font-size: 20px;
     }

     .CpXqList h1.on {
         color: #fff;
         background: #000;
     }

     .contentBox {
         width: 100%;
     }

     .content {
         width: 100%;
         min-height: 200px;
         display: none;
     }

     .content.on {
         display: block;
     }



     @media (max-width: 1200px) {
         .CpXqList {
             margin-top: 30px;
             margin-bottom: 30px;
         }

         .CpXqList h1 {
             padding: 20px 30px;
             font-size: 16px;
         }
     }

     @media (max-width: 600px) {
         .CpXqList h1 {
             padding: 15px;
             font-size: 16px;
         }
     }

     /* Box2 */
     .Box2 {
         width: 100%;
     }

     .title2 {
         margin-top: 60px;
         margin-bottom: 45px;
         background: rgba(235, 235, 237, 0.50);
     }

     .title2 h1 {
         display: inline-block;
         padding: 15px 20px;
         color: #fff;
         background: #000;
         font-family: Montserrat;
         font-size: 20px;
     }

     .Box2 form {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         grid-gap: 30px 20px;
     }

     .Box2 .input1 {
         width: calc(50% - 10px);
         height: 50px;
         border: 1px solid #E6E7E8;
         background: #FFF;
         outline: none;
         padding-left: 15px;
     }

     .Box2 .input2 {
         width: 100%;
         height: 200px;
         border: 1px solid #E6E7E8;
         background: #FFF;
         padding: 15px;
     }

     .Box2 .captcha {
         width: calc(50% - 10px);
         position: relative;
         height: 50px;
         display: flex;
         grid-gap: 20px;
     }

     .Box2 .captcha input {
         width: calc(100% - 180px);
         height: 100%;
         padding-left: 15px;
         border: 1px solid #E6E7E8;
         background: #FFF;
         outline: none;
     }

     .Box2 .captcha img {
         background: #FFF;
         width: 160px;
         height: 100%;
     }

     .Box2 .input4 {
         width: 15%;
         min-width: 180px;
         height: 50px;
         background: linear-gradient(90deg, #FCF48E 0%, #8E3A0A 100%);
         border-radius: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         grid-gap: 15px;
         color: #FFF;
         font-family: "Playfair Display";
         text-align: center;
         font-size: 20px;
     }

     @media (max-width: 900px) {
         .Box2 .captcha {
             width: 60%;
         }

     }

     @media (max-width: 600px) {
         .Box2 .captcha {
             width: 100%;
         }

         .Box2 .input1 {
             width: 100%;
         }

     }