/* 产品图文简介 */
     .section1 {
         position: relative;
         padding: 0 var(--container);
         padding-top: 100px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         flex-wrap: wrap;
     }

     .section1::after {
         content: "";
         display: block;
         width: 100%;
         height: 100%;
         background: linear-gradient(180deg, #003E98 0%, rgba(0, 62, 152, 0.20) 100%);
         position: absolute;
         z-index: 2;
         left: 0;
         top: 0;
     }

     .section1 .text1 {
         position: relative;
         z-index: 3;
         width: 300px;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }

     .section1 .text1 h1 {
         color: #FFF;
         text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);
         font-family: MiSans2;
         font-size: 40px;
     }

     .section1 .text1 .mbx {
         margin-top: 15px;
     }

     .section1 .text1 .desc1 {
         margin: 30px 0;
         color: #FFF;
         font-size: 16px;
     }

     .ProductPhoto {
         position: relative;
         z-index: 3;
         width: calc(100% - 400px);
         height: 35vw;
     }

     .Swiper1 {
         width: 100%;
         height: 100%;
     }

     .Slide1 {
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .Slide1 img {
         width: 100%;
         -webkit-box-reflect: below 5px linear-gradient(transparent 40%, rgba(0, 0, 0, 0.4));
         box-reflect: below 5px linear-gradient(transparent 40%, rgba(0, 0, 0, 0.4));
     }

     .messages0 {
         position: relative;
         margin-bottom: 30px;
         width: 100%;
         z-index: 3;
         display: flex;
         justify-content: space-between;
     }

     .messages0 input {
         height: 56px;
         background: #fff;
         padding-left: 10px;
         outline: none;
     }

     .messages0 .NyMore,
     .messages0 .input1,
     .messages0 .input2,
     .messages0 .input3 {
         width: 17%;
     }

     .messages0 .captchaImage {
         width: 10%;
         height: 56px;
         background: #fff;
     }

     .messages0 .NyMore {
         background: var(--color);
     }

     @media (max-width: 1440px) {

         .messages0 .input1,
         .messages0 .input2,
         .messages0 .input3 {
             width: calc((100% - 400px) / 4);
         }

         .messages0 .captchaImage {
             width: 120px;
         }

         .messages0 .NyMore {
             width: 230px;
         }
     }

     @media (max-width:1200px) {
         .section1 .text1 h1 {
             font-size: 34px;
         }

         .section1 .text1 .mbx {
             margin-top: 15px;
         }

         .ProductPhoto {
             width: calc(100% - 330px);
             height: 45vw;
         }
     }

     @media (max-width: 900px) {
         .section1 {
             flex-wrap: wrap;
         }

         .section1 .text1 {
             width: 100%;
         }

         .ProductPhoto {
             width: 100%;
             height: 50vw;
         }

         .messages0 {
             flex-wrap: wrap;
             grid-gap: 20px;
         }

         .messages0 input {
             height: 45px;
         }

         .messages0 .input1,
         .messages0 .input2 {
             width: calc(50% - 10px);
         }

         .messages0 .input3 {
             width: calc(50% - 10px - 120px);
         }

         .messages0 .captchaImage {
             width: 100px;
             height: 45px;
         }

         .messages0 .NyMore {
             width: 100%;
         }
     }

     @media (max-width: 600px) {
         .section1 .text1 h1 {
             font-size: 24px;
         }

         .section1 .text1 .mbx {
             margin-top: 15px;
         }
     }

     @media (max-width: 450px) {
         .messages0 {
             flex-wrap: wrap;
             grid-gap: 10px 5px;
         }

         .messages0 input {
             height: 35px;
         }

         .messages0 .input1,
         .messages0 .input2 {
             width: calc(50% - 2.5px);
         }

         .messages0 .input3 {
             width: calc(50% - 10px - 70px);
         }

         .messages0 .captchaImage {
             width: 70px;
             height: 35px;
         }
     }


     /* 详情 */
     .section20 {
         margin-bottom: 150px;
     }

     .List20 {
         padding: 0 var(--container);
         border-bottom: 2px solid rgba(0, 0, 0, 0.10);
         display: flex;
         justify-content: space-evenly;
     }

     .List20 h1 {
         display: flex;
         align-items: center;
         justify-content: center;
         height: 90px;
         color: #000;
         text-align: center;
         font-family: MiSans2;
         font-size: 18px;
         border-bottom: 2px solid #fff0;
         width: 100%;
         max-width: 340px;
     }

     .List20 h1.on {
         border-bottom: 2px solid var(--color);
     }

     .Box20 {
         margin-top: 60px;
         padding: 0 var(--container);
         overflow: hidden;
     }

     .content20 {
         width: 100%;
         padding: 30px;
         background: #F4F4F4;
         display: none;
     }

     .content20.on {
         display: block;
     }

     @media (max-width: 1200px) {
         .section20 {
             margin-bottom: 90px;
         }
     }

     @media (max-width: 900px) {
         .section20 {
             margin-bottom: 60px;
         }
     }

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

         .List20 {
             grid-gap: 15px;
         }

         .List20 h1 {
             width: auto;
             font-size: 14px;
         }

         .content20 {
             padding: 10px;
         }
     }

     .biaoge {
         margin-top: 75px;
         width: 100%;
     }

     figure.table table {
         width: 100% !important
     }


     /*  section2  */
     .section2 {
         background: #F4F4F4;
         padding: 120px var(--container);
         padding-top: 0px;
         overflow: hidden;
     }

     .list2 {
         display: flex;
         justify-content: space-between;
         position: relative;
     }

     .list2::after {
         content: '';
         position: absolute;
         left: -30%;
         bottom: 0;
         width: 150%;
         height: 1px;
         background: rgba(0, 0, 0, 0.10);
     }

     .list2 h1 {
         color: #000;
         text-align: center;
         font-size: 20px;
         padding: 45px 30px;
         cursor: pointer;
         border-bottom: 3px solid #fff0;
     }

     .list2 h1.on {
         color: var(--color);
         font-family: MiSans2;
         border-bottom: 3px solid var(--color);
     }

     .Box2 {
         background: #F4F4F4;
         padding: 45px;
     }

     .item2 {
         width: 100%;
         display: none;
     }

     .item2.on {
         display: block;
     }

     .item2 img {
         width: 100%;
     }

     .item2 .text2 {
         margin-top: 30px;
         color: #000;
         font-size: 16px;
         line-height: 1.5;
     }

     @media (max-width: 1440px) {
         .list2 h1 {
             padding: 30px;
             font-size: 16px;
         }

         .Box2 {
             margin-top: 30px;
             background: #F4F4F4;
             padding: 30px;
         }
     }

     @media (max-width: 1200px) {
         .section2 {
             padding: 90px var(--container);
             padding-top: 0;
         }

         .Box2 {
             background: #F4F4F4;
             padding: 30px;
         }

         .list2 {
             grid-gap: 15px;
         }

         .list2 h1 {
             font-size: 14px;
         }
     }

     @media (max-width: 600px) {
         .section2 {
             padding: 60px var(--container);
             padding-top: 0;
         }

         .list2 {
             justify-content: space-evenly;
             flex-wrap: wrap;
             grid-gap: 15px;
             padding: 30px 0;
         }

         .list2 h1 {
             padding: 0px;
             border-bottom: 0px !important;
         }

         .Box2 {
             padding: 0;
         }

         .item2 .text2 {
             margin: 0;
             font-size: 14px;
             padding: 20px;
         }
     }