/* 顶部白色区域 */
 .top-section {
     max-width: 1510px;
     width: 85%;
     margin: auto;


     text-align: center;
     padding: calc(18px + 4rem) 0;
     overflow: hidden;
 }

 .top-section h1 {
     font-family: D_DIN_PRO_Heavy;
     font-weight: 900;
     font-size: calc(8px + 2rem);
     color: #222222;
     line-height: calc(16px + 3rem);
     text-align: center;

 }

 .top-section p {

     font-family: D_DIN_PRO_Regular;
     font-weight: 400;
     font-size: calc(10px + 0.5rem);
     color: #666666;
     line-height: calc(10px + 1.5rem);
     letter-spacing: 1px;
     text-align: center;
     margin-top: calc(2px + 0.5rem);
 }


 /* 底部深色区域 */
 .bottom-section {
     background-color: #222222;
     color: #ffffff;
     padding: calc(20px + 2rem) calc(10px + 0.5rem);
     overflow: hidden;
 }

 .bottom-container {
     max-width: 1640px;
     width: 85%;
     margin: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;

 }

 .bottom-text {
     width: 40.7317%;
 }

 .bottom-text h2 {
     font-family: D_DIN_PRO_Heavy;
     font-weight: 900;
     font-size: calc(8px + 2rem);
     color: #E20100;
     line-height: calc(10px + 3rem);
     text-align: left;
 }

 .bottom-text p {
     font-family: D_DIN_PRO_Regular;
     font-weight: 400;
     font-size: calc(6px + 0.5rem);
     color: #FFFFFF;
     line-height: calc(14px + 1rem);
     text-align: left;
     text-transform: capitalize;
     margin-top: calc(3px + 1rem);
 }

 .bottom-image {
     width: 48.7805%;
     height: calc(132px + 20rem);
 }

 .bottom-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;

 }

 .manu_list_box {
     width: 100%;
     padding: calc(7px + 5rem) 0;
     overflow: hidden;
 }

 .manu_list {
     max-width: 1368px;
     width: 85%;
     margin: auto;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     row-gap: calc(15px + 3rem);
 }

 .manu_list_item {
     width: 44.2982%;
 }

 .manu_list_item .p1 {
     font-family: D_DIN_PRO_Medium;
     font-weight: 500;
     font-size: calc(10px + 0.5rem);
     color: #E20100;
     line-height: calc(10px + 1.5rem);
 }

 .manu_list_item .p2 {
     font-family: D_DIN_PRO_Regular;
     font-weight: 400;
     font-size: calc(10px + 0.5rem);
     color: #666666;
     line-height: calc(4px + 1.5rem);
     letter-spacing: 1px;
     text-align: left;
     margin-top: calc(2px + 1rem);
     text-transform: capitalize;
 }

 .manu_pic_list {
     width: 100%;
     padding-bottom: calc(9px + 3rem);
 }

 .manu_swiper {
     width: 100%;
     
 }

 .manu_pic_box {
     width: 100%;
     height: calc(36px + 20rem);
 }

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

 @media (max-width: 1100px) {
     .top-section h1 {
         font-size: calc(16px + 1rem);
     }

     .top-section p {
         font-size: calc(10px + 1rem);
         line-height: 1.5;
         text-align: left;
     }

     .bottom-container {
         flex-direction: column;
         justify-content: flex-start;
         gap: calc(10px + 3rem);
     }

     .bottom-text {
         width: 100%;
     }

     .bottom-text h2 {
         font-size: calc(14px + 1rem);
     }

     .bottom-section {

         padding: 60px 0px;
     }

     .bottom-text p {
         font-size: calc(10px + 1rem);
         line-height: 1.5;
     }

     .bottom-image {
         width: 100%;
     }

     .manu_list_item {
         width: 100%;
     }

     .manu_list_item .p1 {
         font-size: calc(14px + 1rem);
     }

     .manu_list_item .p2 {
         font-size: calc(10px + 1rem);
         line-height: 1.5;
     }

     .manu_pic_box {
         height: calc(36px + 12rem);
     }
 }