.NyBigBox {
   background: #FAFAFA;
   padding-bottom: 0;
 }

 /* box1 */
 .box1 {
   padding-top: 80px;
   padding-bottom: 100px;
   display: flex;
   grid-gap: 45px;
   position: relative;
   z-index: 2;
 }

 .box1::after {
   content: '';
   display: block;
   position: absolute;
   z-index: -1;
   top: 0;
   right: calc(var(--container) * -1);
   width: 80%;
   height: 100%;
   background: url(https://ss-res-us.oss-us-west-1.aliyuncs.com/site_res/200/20240628103257_fV5opH9l.png) right top no-repeat;
   background-size: contain;
 }

 .item1 {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   background: #fff;
   padding: 60px 15px;
   border-bottom: 4px solid var(--color);
 }

 .item1 img {
   width: 50px;
   height: 50px;
   object-fit: contain;
 }

 .item1 h1 {
   font-family: 'Inter';
   font-weight: bold;
   font-size: 22px;
   line-height: 1.5;
   text-align: center;
   color: #171717;
   margin: 30px 0 15px;
 }

 .item1 p {
   font-size: 16px;
   line-height: 1.5;
   text-align: center;
   color: #4F4F4F;
 }


 @media (max-width: 1200px) {
   .item1 {
     padding: 45px 15px;
   }

   .box1 {
     padding-top: 60px;
     padding-bottom: 60px;
   }

   .item1 h1 {
     margin: 20px 0 10px;
   }
 }

 @media (max-width: 900px) {
   .box1 {
     padding-top: 45px;
     padding-bottom: 45px;
     grid-gap: 20px;
   }

   .item1 h1 {
     font-size: 18px;
   }

   .item1 img {
     width: 40px;
     height: 40px;
   }
 }

 @media (max-width: 720px) {
   .box1 {
     flex-wrap: wrap;
   }

   .box1::after {
     display: none;
   }

   .item1 {
     width: 100%;
   }

 }

 /* 地图 */


 body {
   min-width: auto !important;
   min-height: auto !important;
 }

 .map,
 .map,
 .raw-html-embed {
   width: 100%;
   height: 450px;
   overflow: hidden;
   position: relative;
   z-index: 1;
   background: #333333;
 }

 .map .my-map {
   width: 1920px;
   height: 960px;
   position: relative;
   left: 50%;
   top: 50%;
   margin-left: -960px;
   margin-top: -480px;
 }

 @media (max-width: 992px) {
   .map {
     height: 300px;
   }
 }

 .box2 {
   margin-top: 80px;
   position: relative;
   display: flex;
   flex-wrap: wrap;
 }

 .img2 {
   width: 37%;
 }

 .img2 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 @media (max-width: 1200px) {
   .box2 {
     margin-top: 60px;
   }
 }

 @media (max-width: 900px) {
   .box2 {
     margin-top: 45px;
   }

   .img2 {
     display: none;
   }
 }

 @media (max-width: 640px) {
   .box2 {
     margin-top: 20px;
   }
 }

 /* 表单留言 */
 form {
   padding-top: 75px;
   padding-bottom: 45px;
   padding-left: 50px;
   padding-right: var(--container);
   background: #252525;
   width: 63%;
   display: flex;
   flex-wrap: wrap;
   grid-gap: 25px;
 }

 form label {
   width: 100%;
   display: flex;
   align-items: start;
 }

 form label h1 {
   width: 230px;
   line-height: 50px;
   font-family: 'Inter';
   font-weight: 500;
   font-size: 18px;
   text-transform: capitalize;
   color: #969696;
 }

 form .input1 {
   width: calc(100% - 230px);
   height: 50px;
 }

 form .input2 {
   width: calc(100% - 230px);
   height: 200px;
 }

 .codeBox {
   width: calc(100% - 230px);
   height: 50px;
   display: flex;
 }

 .codeBox img {
   background: #fff;
   margin-left: 10px;
 }

 .input1,
 .input2,
 .input3 {
   background: #fff;
   outline: none;
   padding: 15px;
 }

 .input4 {
   position: relative;
   left: calc(230px - 80px + (100% - 230px) / 2);
   display: flex;
   justify-content: center;
   align-items: center;
   width: 160px;
   height: 40px;
   background: var(--color);
   border-radius: 10px;
   font-size: 20px;
   line-height: 1;
   color: #FFFFFF;
 }

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

 @media (max-width: 1200px) {
   form {
     padding: 45px 30px;
     grid-gap: 20px;
   }

   form label h1 {
     width: 200px;
     line-height: 40px;
     font-size: 16px;
   }

   form .input1 {
     width: calc(100% - 200px);
     height: 40px;
   }

   form .input2 {
     width: calc(100% - 200px);
     height: 100px;
   }

   .codeBox {
     height: 40px;
   }

   .input3 {
     width: 140px;
   }

   .input4 {
     position: unset;
     margin: 0 auto;
     width: 120px;
     height: 30px;
     border-radius: 4px;
     font-size: 16px;
   }
 }

 @media (max-width: 900px) {
   form {
     width: 100%;
     padding: 45px var(--container);
   }
 }


 @media (max-width: 640px) {
   form {
     grid-gap: 0px;
   }

   form label {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: start;
   }

   form label h1 {
     width: 100%;
   }

   form .input1 {
     width: 100%;
     height: 40px;
   }

   form .input2 {
     width: 100%;
     height: 100px;
   }

   .codeBox {
     width: 100%;
   }

   .input4 {
     margin-top: 20px;
   }
 }