   .NyBigBox {
     padding-bottom: 0;
   }

   /* box1 */
   body {
     background: #fff;
   }

   .box1 {
     padding: 75px 0;
     display: flex;
     flex-wrap: wrap;
   }

   .box1 .img1 {
     width: 50%;
   }

   .text1 {
     width: 50%;
     background: #F3F3F3;
     padding: 45px 75px;
     display: flex;
     flex-direction: column;
     justify-content: center;
   }

   .text1 .top {
     display: block;
     position: relative;
   }

   .text1 .top h1 {
     font-size: 24px;
     line-height: 1;
     text-transform: uppercase;
     color: #686868;
   }

   .text1 .top h2 {
     margin-top: 10px;
     font-weight: 700;
     font-size: 40px;
     line-height: 1;
     color: #000000;
   }

   .text1 span.span {
     display: block;
     margin: 30px 0;
     width: 100%;
     height: 1px;
     background: repeating-linear-gradient(to right, #A5A5A5, #A5A5A5 10px, transparent 10px, transparent 15px);
   }

   .text1 .desc {
     font-size: 16px;
     line-height: 2.5;
     color: #111111;
   }

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

     .text1 .top h1 {
       font-size: 20px;
     }

     .text1 .top h2 {
       font-size: 32px;
     }

     .text1 span.span {
       margin: 20px 0;
     }

     .text1 .desc {
       line-height: 2;
     }
   }


   @media (max-width: 1200px) {
     .box1 {
       padding: 60px 0;
       display: flex;
       flex-wrap: wrap;
       flex-direction: column-reverse;
     }

     .text1 {
       width: 100%;
     }

     .box1 .img1 {
       width: 100%;
     }
   }

   @media (max-width:720px) {
     .text1 .top h2 {
       font-size: 24px;
     }
   }

   @media (max-width:460px) {
     .box1 {
       padding: 30px 0;
     }

     .text1 {
       padding: 30px 20px;
     }

     .text1 .top h2 {
       font-size: 20px;
     }

     .text1 .top h1 {
       font-size: 16px;
     }
   }




   /* 表单留言 */
   .message {
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240604012358_yLy5tEa7.png) no-repeat center;
     background-size: cover;
     padding: 90px var(--container);
   }

   .message h1 {
     margin-bottom: 60px;
     font-weight: 500;
     font-size: 35px;
     line-height: 1;
     color: #FFFFFF;
     display: flex;
     align-items: center;
   }

   .message h1 img {
     margin-left: 20px;
   }

   form {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
   }

   form input,
   form textarea {
     background: #414141;
     outline: none;
   }

   form input::-webkit-input-placeholder,
   form textarea::-webkit-input-placeholder {
     color: #ccc;
   }

   form input[type="text"],
   form textarea[type="text"] {
     color: #fff;
   }

   input.input1 {
     width: 48%;
     /* border-bottom: 1px solid #ccc; */
     margin-bottom: 20px;
     height: 50px;
     padding: 0 15px;
   }

   textarea.input {
     width: 100%;
     /* border-bottom: 1px solid #ccc; */
     margin-bottom: 20px !important;
     height: 100px;
     padding: 10px 15px;

   }

   input.input {
     width: 200px;
     /* border-bottom: 1px solid #ccc; */
     margin: 0;
     height: 50px;
     padding: 0 15px;
   }

   .input4 {
     width: 130px;
     height: 35px;
     background: var(--color);
     color: #fff;
     margin-top: 15px;
   }

   .codeBox a {
     background: #fff;
   }

   @media (max-width:720px) {
     .message {
       padding: 60px var(--container);
     }

     .message h1 {
       margin-bottom: 30px;
       font-size: 24px;
     }

     .message h1 img {
       width: 25px;
     }
   }

   @media (max-width: 992px) {}

   @media (max-width: 720px) {
     form input {
       height: 35px !important;
       font-size: 14px !important;
     }

     .codeBox a {
       height: 35px;
       background: #fff;
     }

     .codeBox a img {
       object-fit: contain;
       height: 100%;
     }

     input.input {
       width: 150px;
     }

     .input4 {
       margin-top: 0;
     }

   }

   @media (max-width: 460px) {
     .codeBox {
       width: 100%;
     }

     .codeBox input {
       width: calc(100% - 130px);
     }

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

   }

   /* box3   */
   .box3 {
     background: url(/assets/images/box4.png) no-repeat var(--container) 90px;
     background-size: contain;
     padding-top: 75px;
     position: relative;
   }

   .box3 .nyTitle {
     margin: 0 var(--container);
   }

   .box3Item {
     padding-top: 60px;
     position: relative;
     display: flex;
   }

   .box3Item .title {
     width: 40%;
     padding-left: var(--container);
     font-weight: 700;
     font-size: 40px;
     line-height: 1.5;
     color: #000000;
   }

   .box3Item .title span {
     margin-top: 20px;
     display: block;
     width: 256px;
     height: 1px;
     background: repeating-linear-gradient(to right, #A5A5A5, #A5A5A5 10px, transparent 10px, transparent 15px);
   }

   .box3Item .rt {
     width: 60%;
     padding-right: var(--container);
     background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/224/20240604014234_jxuR6RMt.png) no-repeat center;
     background-size: cover;
     padding-bottom: 250px;
     padding-top: 60px;
     padding-left: 90px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
   }

   .box3Item .rt h4 {
     width: 100%;
     font-size: 24px;
     line-height: 1;
     color: #FFFFFF;
     margin-bottom: 45px;
   }

   .box3Item .rt p {
     width: 45%;
     padding: 15px 0;
     border-bottom: 1px solid #fff;
     font-size: 16px;
     line-height: 1.5;
     color: #FFFFFF;
   }

   .box3Item .rt p:last-child {
     width: 100%;
   }

   @media (max-width: 1700px) {
     .box3Item .title {
       width: 30%;
     }

     .box3Item .rt {
       width: 70%;
     }
   }

   @media (max-width: 1460px) {
     .box3Item .rt p {
       width: auto;
       padding-right: 30px;
     }

     .box3Item .rt p:last-child {
       width: 100%;
     }

     .box3Item .title {
       font-size: 32px;
     }
   }

   @media (max-width: 1200px) {
     .box3 {
       background: url(/assets/images/box4.png) no-repeat right top;
       background-size: contain;
     }

     .box3Item {
       display: flex;
       flex-wrap: wrap;
     }

     .box3Item .title {
       width: 100%;
       padding: 0 var(--container);
       padding-bottom: 45px;
     }

     .box3Item .rt {
       width: 100%;
       padding: 60px var(--container);
     }
   }

   @media (max-width: 720px) {
     .box3 {
       padding-top: 60px;
     }

     .box3Item {
       padding-top: 30px;
     }

     .box3Item .title {
       font-size: 24px;
     }

     .box3Item .rt h4 {
       margin-bottom: 20px;
     }
   }