/* 重置默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
    color: #333;
    min-height: 100vh;
    /* background-image: url('images/all background.png'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* 导航栏样式优化 */
header {
    background-color: #fff; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

nav {
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-start; /* 从左开始排列 */
    align-items: center;
}

/* 汉堡菜单按钮 - 默认隐藏 */
.hamburger {
    display: none;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #357ae8;
    transition: color 0.3s;
}

.hamburger:hover {
    color: #6ea8fe;
}

.logo {
    display: flex;
    align-items: center;   /* 垂直居中 */
    height: 70px;          /* 合理高度 */
    margin-right: auto;
    padding: 0;
}

.logo img {
    height: 48px;          /* 保证图片有高度 */
    width: auto;
    display: block;
    margin-left: 0;        /* 靠左 */
    max-width: 355px;      /* 防止过大 */
}

.nav-links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1.5rem;
}

.nav-links li {
    margin: 0;
}

.nav-links a {
    display: block; /*块级元素独占一行*/
    padding: 0.5rem 2rem;
    border-radius: 1.1rem; /*边框圆角*/
    font-size: 1.2rem;
    font-weight: normal;/*字体粗细*/
    text-decoration: none;/*去除下划线*/
    background: linear-gradient(180deg, #6ea8fe 0%, #357ae8 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(110,168,254,0.18);
    border: 1.5px solid #357ae8;
    transition: background 0.3s, color 0.3s, box-shadow 0.2s;
    text-align: center;
    cursor: pointer;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.nav-links a:hover, .nav-links a:focus {
    background: linear-gradient(180deg, #357ae8 0%, #6ea8fe 100%);
    color: #fff;
    box-shadow: 0 6px 24px rgba(53,122,232,0.18);
}
/* 轮播图样式 */
.carousel {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.carousel-item.active {
    opacity: 1;
}

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

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.carousel-control:hover {
    background: rgba(0, 0, 0, 0.7);
}

.carousel-control.prev {
    left: 20px;
}

.carousel-control.next {
    right: 20px;
}

.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.carousel-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.carousel-indicator.active {
    background: white;
}

.carousel-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
/* 主要内容区域 */
main {  /*主要内容区域*/        
    margin-top: 90px;
    width: 100%;
    min-height: calc(100vh - 90px);
}

section {  /*主要内容区域*/
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    scroll-margin-top: 210px; /*要和我的导航栏高度一致或略大，这里是略大，导航栏是110px */
}

/* Banner样式 */
.hero {
    padding: 0;
    margin-top: 0;
    width: 100%;
}

.banner-image {  /*banner图片*/
    width: 100%;
    height: auto;
    display: block;
}

/* 关于我们区域 */
.about-content img {  /*关于我们图片*/
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 联系我们区域 */
.contact-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

.contact-info img,  /*联系我们图片*/
.qrcode img {  /*二维码图片*/
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 页脚样式 */
footer {
    background-color: #2c3e50;
    color: #fff;
    padding: 2rem 0 1rem 0;
    text-align: center;
    margin-top: 2rem;
    width: 100%;
}

.footer-content {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

.footer-content img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

footer p {
    text-align: center;
    margin-top: 1rem;
}

/* 标题样式 */
h2 {
    margin: 2rem 0 1.5rem 0;
    color: #2c3e50;
    font-size: 2rem;
    font-weight: bold;
}

.full-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
    display: block;
}

.contact-image-form-wrapper {         /*联系我们*/
  position: relative;
  width: 100%;
  max-width: 100%; /* 或你想要的宽度 */
  margin: 0 auto;
}

.contact-bg-img {
  width: 100%;
  display: block;
  border-radius: 0;
}

.cu-area7-1-9 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.cu-area7-1-9 form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.cu-area7-1-9 textarea {
  flex: 1 1 auto;
  min-height: 120px;
  max-height: 100%;
  resize: none;
}
.cu-area7-1-9 button {
  margin-top: 0.5rem;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  align-self: flex-end;
}

.cu-area7-1-9 input,
.cu-area7-1-9 textarea {
  width: 100%;
  padding: 0.7rem;
  margin-bottom: 0.5rem; /* 缩小间距 */
  border: 1px solid #d0d7de; /*表格内边框*/
  border-radius: 5px;
  font-size: 1rem; /**/
  background: rgb(255, 255, 255); /*表格内颜色*/
  resize: none;
}

.cu-area7-1-9 textarea {
    min-height: 210px;
    height: 210px;
    resize: vertical;
}

.cu-area7-1-9 .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem; /* 缩小姓名手机号与邮箱间距 */
}

.cu-area7-1-9 button {
  width: 100%;
  padding: 0.8rem;
  background: #1976d2;  /*提交按钮颜色*/
  color: #fff;  /*提交按钮字体颜色*/
  border: none;  /*提交按钮边框*/
  border-radius: 5px;  /*提交按钮圆角*/
  font-size: 1.1rem;  /*提交按钮字体大小*/
  cursor: pointer;  /*鼠标悬停效果*/
  transition: background 0.2s;
  margin-top: auto;
}
.cu-area7-1-9 button:hover {
  background: rgb(16, 83, 243);
}

.cu-area7-1-9 {
    position: absolute;
    top: 45%;      /* 距离图片顶部百分比 ，，，，，，加下减上*/
    left: 50%;      /* 距离图片左侧百分比，，，，，，加右减左 */
    width: 44%;     /* 宽度百分比 */
    height: 52%;    /* 高度百分比 */
    background: rgb(240 242 248);  /*表格背景颜色*/
    border-radius: 10px;     /*表格圆角*/
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    /* display: flex;  // 移除flex，防止左右布局 */
    /* align-items: center; */
    /* justify-content: center; */
    padding: 1.5rem;
    display: block;
}

.cu-area7-1-9 .form-title {
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    margin-top: 0.2rem;
    letter-spacing: 2px;
    width: 100%;
}
/* 产品中心下拉菜单 */
.dropdown {
    position: relative;
}
.dropdown-toggle {
    cursor: pointer;
}
.dropdown-menu {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 110%;
    background: #f6faff;
    border-radius: 1.5rem;
    box-shadow: 0 4px 24px rgba(110,168,254,0.15);
    padding: 1rem 2rem;
    z-index: 2000;
    min-width: 650px;
    text-align: center;
    border: 1.5px solid #b7d6ff;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu {
    display: flex;
    gap: 1.2rem;
    flex-direction: row;
    justify-content: center;
}
.dropdown-menu li {
    display: inline-block;
}
.dropdown-menu a {
    min-width: 110px;
    padding: 0.7rem 1.5rem;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    border-radius: 1.2rem;
    font-size: 1.2rem;
    font-weight: normal;
    text-decoration: none;
    background: linear-gradient(180deg, #b7d6ff 0%, #6ea8fe 100%);
    color: #357ae8;
    box-shadow: 0 2px 8px rgba(110,168,254,0.10);
    border: 1px solid #6ea8fe;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
    background: linear-gradient(180deg, #6ea8fe 0%, #b7d6ff 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(53,122,232,0.18);
}


.recruitment-section {
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem;
    /* border: 2px solid #f44336; */
    border: 2px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 2px 12px rgba(53,122,232,0.08);
    text-align: center;
    width: 100%;
    background-image: url('images/recruitment-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.recruitment-section h2 {
    color: #1976d2;
    font-size: 3.6rem;
    margin-bottom: 2.5rem;
    margin-top: 0.5rem;
    font-weight: bold;
    letter-spacing: 2px;
}

.recruitment-box {
    display: flex;
    justify-content: center;
    gap: 8rem;
    flex-wrap: wrap;
}

.recruitment-card {
    background: #f6faff;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(53,122,232,0.13);
    border: 2.5px solid #357ae8;
    padding: 2.2rem 2rem 2rem 2rem;
    width: 600px;
    min-width: 400px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1.25rem;
}

.recruitment-card h3 {
    background: #357ae8;
    color: #fff;
    border-radius: 12px 12px 0 0;
    padding: 1.1rem 1rem 1.1rem 1rem;
    margin: -2.2rem -2rem 1.2rem -2rem;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 1px;
}

.recruitment-content {
    font-size: 1.18rem;
    color: #333;
    margin-bottom: 1.5rem;
    text-align: left;
    padding-left: 0.2em;
}

.recruitment-content strong {
    color: #1976d2;
    display: block;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-size: 1.18rem;
    font-weight: bold;
}

.recruitment-content ol {
    margin-left: 1.5rem;
    margin-bottom: 0.7rem;
    font-size: 1.13rem;
}

.apply-btn {
    background: #1976d2;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 1.1rem 0;
    font-size: 1.25rem;
    font-weight: bold;
    cursor: pointer;
    margin-top: 1.7rem; /*按钮上边距*/
    transition: background 0.2s; /*过渡效果*/
    width: 100%;
    letter-spacing: 1px; /*字间距*/
}

.apply-btn:hover {
    background: #357ae8;
}

.homepage-section .full-img {
    width: 100%;
    height: 740px;
    max-height: 800px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.cu-area7-1-10 {
    width: 100%;
    height: 600px; /* 可根据实际区域10高度调整 */
    position: relative;
    margin-top: 20px;
  }
  .cu-area7-1-10 .cu-area {
    background: #f5f7fa;
    border: 1px solid #dbe2ea;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
  }
  .cu-area7-1-1,.cu-area7-1-7, .cu-area7-1-8 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
  /* 左侧区域1-7，纵向排列 */
  .cu-area7-1-10 .cu-area7-1-1 { left: 5%;  top: 5%;    width: 44%; height: 10%;  }
  .cu-area7-1-10 .cu-area7-1-2 { left: 5%;  top: 17.5%; width: 44%; height: 5%;   }
  .cu-area7-1-10 .cu-area7-1-3 { left: 5%;  top: 23%;  width: 44%; height: 5%;   }
  .cu-area7-1-10 .cu-area7-1-4 { left: 5%;  top: 28.5%; width: 44%; height: 5%;   }
  .cu-area7-1-10 .cu-area7-1-5 { left: 5%;  top: 34%;  width: 44%; height: 5%;   }
  .cu-area7-1-10 .cu-area7-1-6 { left: 5%;  top: 41.5%; width: 44%; height: 45%;  }
  .cu-area7-1-10 .cu-area7-1-7 { left: 5%;  top: 87%;  width: 44%; height: 8%;   }
  /* 右侧区域8-9 */
  .cu-area7-1-10 .cu-area7-1-8 { left: 51%; top: 5%;    width: 44%; height: 10%;  }
  .cu-area7-1-10 .cu-area7-1-9 { left: 51%; top: 17.5%; width: 44%; height: 78%;  }
  
  .cu-area7-1-1, .cu-area7-1-8 {
    justify-content: flex-start !important;
    font-size: 2rem !important;
    font-weight: bold !important;
    color: #222;
    letter-spacing: 1px;
  }
  
  .cu-area7-1-2, .cu-area7-1-3, .cu-area7-1-4, .cu-area7-1-5 {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 1.8rem;
    font-weight: 500;
  }
  .cu-area7-1-2, .cu-area7-1-3, .cu-area7-1-4, .cu-area7-1-5, .cu-area-left {
    text-align: left;
    flex: 1;
    font-weight: bold;
    color: #222;
    padding-left: 1%;
  }
  .cu-area7-1-3, .cu-area7-1-4, .cu-area-right {
    text-align: right;
    flex: 1;
    font-weight: normal;
    color: #1976d2;
  }
  .cu-area7-1-2, .cu-area7-1-5, .cu-area-right {
      text-align: right;
      flex: 1;
      font-weight: normal;
      color: #1976d2;
      padding-right: 0.7%;
    }
  .cu-area7-1-7 {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 0px;
  }


/* Cabinet Areas Layout */
.feature-block {
    margin-bottom: 0.5rem;
}

.feature-title {
    display: inline-block;
    background: #1976d2;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 16px;
    padding: 0.3em 1.2em;
    margin-bottom: 0.7em;
    margin-top: 0.2em;
    letter-spacing: 2px;
    text-align: left; 
}

.feature-block ul {
    margin: 0.5em 0 0 0.5em;
    padding-left: 0;
    list-style: disc inside; /* 黑点和文字同一行，换行左对齐 */
    font-size: 0.9rem;
    color: #222;
    line-height: 1.9;
    text-align: left;
    font-weight: bold;
}

.feature-block li {
    text-align: left;
    margin-bottom: 0.5em;
    word-break: break-all;
}
.cabinet-title-group {
    width: 100%;
    text-align: left;
}

.cabinet-title-main {
    color: #1976d2;
    font-size: 2.6rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.1;
}

.cabinet-title-sub {
    font-size: 2.2rem;
    font-weight: bold;
    color: #1976d2;
    letter-spacing: 1px;
}

.cabinet-title-model {
    margin-top: 0.5rem;
    color: #444;
    font-size: 1.35rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.cabinet-title-model-bold {
    color: #444;
    font-size: 1.35rem;
    font-weight: bold;
}

.scene-title {
  width: 100%;
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  color: #111;
  margin-top: 0;
  margin-bottom: 0rem;
  letter-spacing: 2px;
}

.scene-grid {
  width: 96%;
  margin: 0 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem 1rem;
  justify-items: center;
  align-items: start;
}
.scene-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1rem;
    width: 96%;
    height: 100%;
}
.scene-item-large {
    grid-row: 1 / span 2;
    grid-column: 1 / 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.scene-item-large img {
    height: 100%;
    min-height: 600px;
    object-fit: cover;
}
.scene-item-small {
    grid-column: 2 / 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.scene-item-small img {
    height: 100%;
    min-height: 150px;
    object-fit: cover;
}
/*调整长图，左侧就关闭三个，右侧就打开*/
.scene-item-small:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
.scene-item-small:nth-child(2) {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
  }
.scene-item-large {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
  }
/*    */
.scene-item {
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0rem 0rem 0rem 0rem;
  width: 100%;
  height: 100%;
}

.scene-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  margin-bottom: 0.3rem;
}

.scene-label {
  font-weight: bold;
  font-size: 1.2rem;
  color: #222;
  margin-bottom: 0;
  text-align: center;
}

.scene-desc {
  color: #1976d2;
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
}

.param-title {
  width: 100%;
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 2px;
  background: rgb(239, 240, 242);
  border-radius: 18px;
}
.param-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
  color: #1976d2;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  table-layout: fixed;
}

.param-table td {
  padding: 0em 0.5em;
  color: #1976d2;
  font-weight: bold;
  background: transparent;
  text-align: left;
  border-bottom: 1px solid #fff;
  word-break: break-all;
  white-space: pre-line;
}
.param-table td:nth-child(1) { width: 38%; }
.param-table td:nth-child(2) { width: 18%; text-align: center;}
.param-table td:nth-child(3) { width: 44%; }

.param-table tr:last-child {
  border-bottom: none;
}

.param-label {
  color: #1976d2;
  font-weight: bold;
}

.param-value {
  text-align: right !important;
  color: #1976d2;
  font-weight: bold;
}

.param-section {
  color: #f60 !important;
  font-weight: bold;
  text-align: center !important;
  font-size: 1.1em;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
  letter-spacing: 1px;
  background: transparent;
}


.cabinet-area1-1-4,
.dc1-area1-1-4, .dc2-area1-1-4, .dc3-area1-1-4, .dc4-area1-1-4, .dc5-area1-1-4,
.ac1-area1-1-4, .ac2-area1-1-4,
.cp-area1-1-4,
.integrated-area1-1-4,
.mb1-area1-1-4, .mb2-area1-1-4, .mb3-area1-1-4
{
    width: 100%;
    height: 800px;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: none;
    background-image: url('images/chanpinbg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cabinet-area1-1-3,
.dc1-area1-1-3, .dc2-area1-1-3, .dc3-area1-1-3, .dc4-area1-1-3, .dc5-area1-1-3,
.ac1-area1-1-3, .ac2-area1-1-3,
.cp-area1-1-3,
.integrated-area1-1-3,
.mb1-area1-1-3, .mb2-area1-1-3, .mb3-area1-1-3
{
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 0;
    margin-bottom: 0;
    height: 20%;
    min-height: 120px;
    border: none;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    z-index: 2;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2.5% 1% 1% 3%;
    background: transparent;
    border: none;
}

.cabinet-area1-1-bottom,
.dc1-area1-1-bottom, .dc2-area1-1-bottom, .dc3-area1-1-bottom, .dc4-area1-1-bottom, .dc5-area1-1-bottom,
.ac1-area1-1-bottom, .ac2-area1-1-bottom,
.cp-area1-1-bottom,
.integrated-area1-1-bottom,
.mb1-area1-1-bottom, .mb2-area1-1-bottom, .mb3-area1-1-bottom
{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 75%;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

.cabinet-area1-1-1,
.dc1-area1-1-1, .dc2-area1-1-1, .dc3-area1-1-1, .dc4-area1-1-1, .dc5-area1-1-1,
.ac1-area1-1-1, .ac2-area1-1-1,
.cp-area1-1-1,
.integrated-area1-1-1,
.mb1-area1-1-1, .mb2-area1-1-1, .mb3-area1-1-1
{
    width: 40%;
    height: 100%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0;
    margin-bottom: 2%;
    background: transparent;
    /* border: 2px dashed red; */
    border: none;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0.5% 1% 1% 3%;
    font-size: 1.18rem;
    color: #222;
    text-align: left; /* 让所有内容左对齐 */
}

.cabinet-area1-1-2,
.dc1-area1-1-2, .dc2-area1-1-2, .dc3-area1-1-2, .dc4-area1-1-2, .dc5-area1-1-2,
.ac1-area1-1-2, .ac2-area1-1-2,
.cp-area1-1-2,
.integrated-area1-1-2,
.mb1-area1-1-2, .mb2-area1-1-2, .mb3-area1-1-2
{
    width: 45%;
    height: 100%;
    margin-left: 0;
    margin-right: 5%;
    margin-top: 0;
    margin-bottom: 2%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.cabinet-area1-1-2 img.cabinet-area-img,
.dc1-area1-1-2 img.dc1-area-img, .dc2-area1-1-2 img.dc2-area-img, .dc3-area1-1-2 img.dc3-area-img, .dc4-area1-1-2 img.dc4-area-img, .dc5-area1-1-2 img.dc5-area-img,
.ac1-area1-1-2 img.ac1-area-img, .ac2-area1-1-2 img.ac2-area-img,
.cp-area1-1-2 img.cp-area-img,
.integrated-area1-1-2 img.integrated-area-img,
.mb1-area1-1-2 img.mb1-area-img, .mb2-area1-1-2 img.mb2-area-img, .mb3-area1-1-2 img.mb3-area-img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}
.cabinet-area1-2-3,
.dc1-area1-2-3 , .dc2-area1-2-3, .dc3-area1-2-3, .dc4-area1-2-3, .dc5-area1-2-3,
.ac1-area1-2-3, .ac2-area1-2-3,
.cp-area1-2-3,
.integrated-area1-2-3,
.mb1-area1-2-3, .mb2-area1-2-3, .mb3-area1-2-3
{
    width: 100%;
    height: 800px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    background: transparent;
}
.cabinet-area1-2-1,
.dc1-area1-2-1, .dc2-area1-2-1, .dc3-area1-2-1, .dc4-area1-2-1, .dc5-area1-2-1,
.ac1-area1-2-1, .ac2-area1-2-1,
.cp-area1-2-1,
.integrated-area1-2-1,
.mb1-area1-2-1, .mb2-area1-2-1, .mb3-area1-2-1
{
    background: rgb(239, 240, 242);
    border-radius: 18px;
    box-sizing: border-box;
    width: 35%;
    height: 93%;
    margin-left: 2%;
    margin-right: 1%;
    margin-top: 2%;
    margin-bottom: 5%;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
}
.cabinet-area1-2-2,
.dc1-area1-2-2, .dc2-area1-2-2, .dc3-area1-2-2, .dc4-area1-2-2, .dc5-area1-2-2,
.ac1-area1-2-2, .ac2-area1-2-2,
.cp-area1-2-2,
.integrated-area1-2-2,
.mb1-area1-2-2, .mb2-area1-2-2, .mb3-area1-2-2
{
    background: rgb(239, 240, 242);
    border-radius: 18px;
    box-sizing: border-box;
    width: 60%;
    height: 93%;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 2%;
    margin-bottom: 5%;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
}
.dc2-area1-2-1-1, .dc3-area1-2-1-1, .dc5-area1-2-1-1,
.mb2-area1-2-1-1, .mb3-area1-2-1-1
{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 0rem 1.2rem 12rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
.cabinet-area1-2-1-1
{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 36rem 1.2rem 2.2rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
.dc1-area1-2-1-1{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 34rem 1.2rem 2.2rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
.dc4-area1-2-1-1{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 0rem 1.2rem 8rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
.ac1-area1-2-1-1, .ac2-area1-2-1-1, .mb1-area1-2-1-1{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 0rem 1.2rem 10rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
.cp-area1-2-1-1{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 40rem 1.2rem 2.2rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
.integrated-area1-2-1-1{
    width: 96%;
    height: 800px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0.5%;
    background: linear-gradient(to bottom, rgb(182,203,232), rgb(239,241,244));
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 4px 24px 0 rgba(110,168,254,0.13);
    overflow-y: auto;
    padding: 3rem 1.2rem 2.2rem 0.2rem;
    display: flex;
    align-items: center;
    border: none;
}
/* ===== 移动端响应式设计 ===== */

/* 首页和公司简介移动端适配 */
@media (max-width: 768px) {
    .homepage-section,
    .about-section {
      position: relative !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .homepage-section .full-img,
    .about-section .full-img {
      width: 100vw !important;
      height: auto !important;
      max-height: 60vh !important;
      object-fit: cover !important;
      display: block;
      margin: 0 auto;
    }
    /* 让overlay依然绝对定位覆盖图片 */
    .homepage-section > div[style*="position:absolute"],
    .about-section .about-text-overlay {
      position: absolute !important;
      top: 0; left: 0; width: 100% !important; height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      pointer-events: none;
      padding: 0.5em 0.5em 0 0.5em !important;
      background: none !important;
      z-index: 2;
    }
    .homepage-section div[style*="font-size:80px"] {
      font-size: 2rem !important;
      letter-spacing: 0.05em !important;
      text-shadow: 1px 1px 4px #000 !important;
      margin: 0.5em 0 0 0 !important;
      padding: 0 !important;
    }
    .homepage-section div[style*="font-size:35px"] {
      font-size: 1.1rem !important;
      margin-top: 0.5em !important;
      text-shadow: 1px 1px 3px #000 !important;
      padding: 0 !important;
    }
    .about-section .about-text-overlay > div:first-child {
      font-size: 1.5rem !important;
      margin-bottom: 0.5em !important;
      padding: 0 !important;
      text-shadow: 1px 1px 2px #2266dd,0 0 4px #000 !important;
    }
    .about-section .about-text-overlay > div:last-child {
      max-width: 100% !important;
      padding: 0.5em 0.5em !important;
      font-size: 1rem !important;
      line-height: 1.7 !important;
      text-align: left !important;
      text-shadow: none !important;
      background: transparent !important;
      border-radius: 10px !important;
      pointer-events: auto;
    }
  }
  @media (max-width: 480px) {
    .homepage-section div[style*="font-size:80px"] {
      font-size: 1.2rem !important;
    }
    .homepage-section div[style*="font-size:35px"] {
      font-size: 0.9rem !important;
    }
    .about-section .about-text-overlay > div:first-child {
      font-size: 1.1rem !important;
    }
    .about-section .about-text-overlay > div:last-child {
      font-size: 0.85rem !important;
      padding: 0.3em 0.3em !important;
    }
  }
/* 移动端导航栏 */
@media (max-width: 768px) {
    /* 导航栏移动端适配 */
    nav {
        padding: 0.5rem 1rem;
        justify-content: space-between;
        position: relative;
        max-width: 100%;
    }
    
    .logo {
        height: 60px;
        margin: 0;
    }
    
    .logo img {
        height: 40px;
        margin-left: 0;
    }
    
    /* 移动端汉堡菜单 */
    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        flex-direction: column;
        gap: 0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-radius: 0 0 12px 12px;
        padding: 1rem 0;
        z-index: 1001;
        pointer-events: auto;
    }
    
    .nav-links.active {
        display: flex;
    }
    
    .nav-links li {
        width: 100%;
    }
    
    .nav-links a {
        padding: 1rem 1.5rem;
        border-radius: 0;
        font-size: 1.1rem;
        text-align: center;
        border: none;
        margin: 0 1rem;
        border-radius: 8px;
        cursor: pointer;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 汉堡菜单按钮 */
    .hamburger {
        display: block;
        background: none;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        padding: 0.5rem;
        color: #357ae8;
    }
    
    /* 下拉菜单移动端适配 */
    .dropdown-menu {
        flex-direction: column !important;
        display: none;
        width: 100%;
        background: #f8f9fa;
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0.5rem 1rem;
        margin-top: 0.5rem;
        gap: 0.5rem;
        z-index: 1002;
    }
    .dropdown-menu[style*="display: flex"] {
        display: flex !important;
        flex-direction: column !important;
    }
    .dropdown-menu li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
    }
    .dropdown-menu a {
        width: 100%;
        min-width: auto;
        padding: 0.8rem 1rem;
        font-size: 1rem;
        border-radius: 6px;
        display: block;
        margin: 0;
        text-align: center;
        background: #e9ecef;
        color: #495057;
        border: 1px solid #dee2e6;
        transition: background-color 0.2s ease;
    }
    .dropdown-menu a:hover,
    .dropdown-menu a:focus {
        background: #6ea8fe;
        color: #fff;
        border-color: #6ea8fe;
    }
    
    /* 主要内容区域移动端适配 */
    main {
        margin-top: 70px;
        width: 100%;
        min-height: calc(100vh - 70px);
    }
    
    section {
        padding: 0;
        margin: 0 auto;
        scroll-margin-top: 80px;
        width: 100%;
        max-width: 100%;
    }
    
    /* 图片移动端适配 */
    .full-img {
        border-radius: 0;
        margin-bottom: 0;
    }
    
    /* 联系我们表单移动端适配 */
    .contact-image-form-wrapper {
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    
    .cu-area7-1-9 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin-top: 1rem;
        padding: 1rem;
        border-radius: 8px;
    }
    
    .cu-area7-1-9 .form-row {
        flex-direction: column;
        gap: 0;
    }
    
    .cu-area7-1-9 input,
    .cu-area7-1-9 textarea {
        padding: 0.8rem;
        font-size: 16px; /* 防止iOS缩放 */
        margin-bottom: 0.8rem;
    }
    
    .cu-area7-1-9 button {
        padding: 1rem;
        font-size: 1rem;
    }
    
    /* 图片间距移动端调整 */
    .cabinet-section img,
    .dc-section img,
    .allinone-section img {
        margin-bottom: 0;
    }
    
    .cabinet-section img:last-child,
    .dc-section img:last-child,
    .allinone-section img:last-child {
        margin-bottom: 0;
    }
    
    /* 页脚移动端适配 */
    footer {
        padding: 1.5rem 0 1rem 0;
        margin-top: 0;
        width: 100%;
    }
    
    .footer-content {
        padding: 0 1rem;
        max-width: 100%;
    }
}

/* ===== 产品展示区域移动端适配 ===== */
@media (max-width: 768px) {
    /* 产品区域布局调整 */
    .cabinet-area1-1-4,
    .dc1-area1-1-4, .dc2-area1-1-4, .dc3-area1-1-4, .dc4-area1-1-4, .dc5-area1-1-4,
    .ac1-area1-1-4, .ac2-area1-1-4,
    .cp-area1-1-4,
    .integrated-area1-1-4,
    .mb1-area1-1-4, .mb2-area1-1-4, .mb3-area1-1-4 {
        height: auto;
        min-height: 600px;
        flex-direction: column;
        padding: 1rem 0;
    }
    
    /* 标题区域调整 */
    .cabinet-area1-1-3,
    .dc1-area1-1-3, .dc2-area1-1-3, .dc3-area1-1-3, .dc4-area1-1-3, .dc5-area1-1-3,
    .ac1-area1-1-3, .ac2-area1-1-3,
    .cp-area1-1-3,
    .integrated-area1-1-3,
    .mb1-area1-1-3, .mb2-area1-1-3, .mb3-area1-1-3 {
        width: 90%;
        margin: 0 auto;
        height: auto;
        min-height: 100px;
        padding: 1rem;
    }
    
    /* 内容区域调整为垂直布局 */
    .cabinet-area1-1-bottom,
    .dc1-area1-1-bottom, .dc2-area1-1-bottom, .dc3-area1-1-bottom, .dc4-area1-1-bottom, .dc5-area1-1-bottom,
    .ac1-area1-1-bottom, .ac2-area1-1-bottom,
    .cp-area1-1-bottom,
    .integrated-area1-1-bottom,
    .mb1-area1-1-bottom, .mb2-area1-1-bottom, .mb3-area1-1-bottom {
        flex-direction: column;
        height: auto;
        gap: 1rem;
    }
    
    /* 左侧内容区域 */
    .cabinet-area1-1-1,
    .dc1-area1-1-1, .dc2-area1-1-1, .dc3-area1-1-1, .dc4-area1-1-1, .dc5-area1-1-1,
    .ac1-area1-1-1, .ac2-area1-1-1,
    .cp-area1-1-1,
    .integrated-area1-1-1,
    .mb1-area1-1-1, .mb2-area1-1-1, .mb3-area1-1-1 {
        width: 90%;
        margin: 0 auto;
        height: auto;
        padding: 1rem;
        font-size: 1rem;
    }
    
    /* 右侧图片区域 */
    .cabinet-area1-1-2,
    .dc1-area1-1-2, .dc2-area1-1-2, .dc3-area1-1-2, .dc4-area1-1-2, .dc5-area1-1-2,
    .ac1-area1-1-2, .ac2-area1-1-2,
    .cp-area1-1-2,
    .integrated-area1-1-2,
    .mb1-area1-1-2, .mb2-area1-1-2, .mb3-area1-1-2 {
        width: 90%;
        margin: 0 auto;
        height: 300px;
    }
    
    /* 参数和应用场景区域调整 */
    .cabinet-area1-2-3,
    .dc1-area1-2-3, .dc2-area1-2-3, .dc3-area1-2-3, .dc4-area1-2-3, .dc5-area1-2-3,
    .ac1-area1-2-3, .ac2-area1-2-3,
    .cp-area1-2-3,
    .integrated-area1-2-3,
    .mb1-area1-2-3, .mb2-area1-2-3, .mb3-area1-2-3 {
        flex-direction: column;
        height: auto;
        gap: 1rem;
        padding: 1rem 0;
    }
    
    .cabinet-area1-2-1,
    .dc1-area1-2-1, .dc2-area1-2-1, .dc3-area1-2-1, .dc4-area1-2-1, .dc5-area1-2-1,
    .ac1-area1-2-1, .ac2-area1-2-1,
    .cp-area1-2-1,
    .integrated-area1-2-1,
    .mb1-area1-2-1, .mb2-area1-2-1, .mb3-area1-2-1 {
        width: 90%;
        margin: 0 auto;
        height: auto;
        min-height: 400px;
    }
    
    .cabinet-area1-2-2,
    .dc1-area1-2-2, .dc2-area1-2-2, .dc3-area1-2-2, .dc4-area1-2-2, .dc5-area1-2-2,
    .ac1-area1-2-2, .ac2-area1-2-2,
    .cp-area1-2-2,
    .integrated-area1-2-2,
    .mb1-area1-2-2, .mb2-area1-2-2, .mb3-area1-2-2 {
        width: 90%;
        margin: 0 auto;
        height: auto;
        min-height: 400px;
    }
    
    /* 标题字体大小调整 */
    .cabinet-title-main {
        font-size: 1.8rem;
    }
    
    .cabinet-title-sub {
        font-size: 1.6rem;
    }
    
    .cabinet-title-model {
        font-size: 1.1rem;
    }
    
    .feature-title {
        font-size: 1.3rem;
        padding: 0.2em 0.8em;
    }
    
    .feature-block ul {
        font-size: 0.9rem;
    }
    
    .scene-title {
        font-size: 1.8rem;
    }
    
    .param-title {
        font-size: 1.8rem;
    }
    
    /* 场景网格调整为单列 */
    .scene-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 90%;
        margin: 0 auto;
    }
    
    .scene-item img {
        height: 200px;
    }
    
    /* 参数表格调整 */
    .param-table {
        font-size: 0.9rem;
    }
    
    .param-table td {
        padding: 0.3em 0.3em;
    }
    
    .param-table td:nth-child(1) { width: 35%; }
    .param-table td:nth-child(2) { width: 20%; }
    .param-table td:nth-child(3) { width: 45%; }
}

/* ===== 招聘区域移动端适配 ===== */
@media (max-width: 768px) {
    .recruitment-section {
        padding: 1rem 0.5rem;
    }
    
    .recruitment-section h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }
    
    .recruitment-box {
        flex-direction: column;
        gap: 1.5rem;
        padding: 0 0.5rem;
    }
    
    .recruitment-card {
        width: 100%;
        min-width: auto;
        padding: 1.5rem 1rem;
        font-size: 1rem;
    }
    
    .recruitment-card h3 {
        font-size: 1.3rem;
        padding: 0.8rem;
        margin: -1.5rem -1rem 1rem -1rem;
    }
    
    .recruitment-content {
        font-size: 1rem;
    }
    
    .recruitment-content strong {
        font-size: 1rem;
    }
    
    .recruitment-content ol {
        font-size: 0.95rem;
        margin-left: 1rem;
    }
    
    .apply-btn {
        font-size: 1.1rem;
        padding: 0.9rem 0;
    }
}

/* ===== 联系我们区域移动端适配 ===== */
@media (max-width: 768px) {
    .cu-area7-1-10 {
        height: auto;
        min-height: 800px;
        position: relative;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 20px;
        box-sizing: border-box;
    }
    
    /* 重新布局联系信息区域 */
    .cu-area7-1-10 .cu-area7-1-1 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.5rem !important;
        text-align: center;
        background: rgba(255,255,255,0.9);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-2 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.2rem;
        background: rgba(255,255,255,0.9);
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-3 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.2rem;
        background: rgba(255,255,255,0.9);
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-4 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.2rem;
        background: rgba(255,255,255,0.9);
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-5 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.2rem;
        background: rgba(255,255,255,0.9);
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-6 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: 200px !important; 
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-7 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.1rem !important;
        background: rgba(255,255,255,0.9);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 0;
    }
    .cu-area7-1-10 .cu-area7-1-8 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        font-size: 1.5rem !important;
        text-align: center;
        background: rgba(255,255,255,0.9);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 0;
        color: #333;
    }
    .cu-area7-1-10 .cu-area7-1-9 { 
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        width: 100% !important; 
        height: auto !important; 
        min-height: 400px;
        background: rgba(255,255,255,0.95);
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        margin-bottom: 0;
    }
    
    .cu-area7-1-2, .cu-area7-1-3, .cu-area7-1-4, .cu-area7-1-5 {
        font-size: 1.1rem;
    }
    
    .cu-area7-1-9 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 0;
        padding: 1rem;
    }
    
    .cu-area7-1-9 .form-row {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .cu-area7-1-9 input,
    .cu-area7-1-9 textarea {
        padding: 0.8rem;
        font-size: 16px;
        margin-bottom: 0.8rem;
    }
    
    .cu-area7-1-9 textarea {
        min-height: 150px;
        height: 150px;
    }
    
    .cu-area7-1-9 button {
        padding: 1rem;
        font-size: 1rem;
    }
}
/* ===== 小屏幕进一步优化 ===== */
@media (max-width: 480px) {
    /* 产品区域进一步调整 */
    .cabinet-area1-1-3,
    .dc1-area1-1-3, .dc2-area1-1-3, .dc3-area1-1-3, .dc4-area1-1-3, .dc5-area1-1-3,
    .ac1-area1-1-3, .ac2-area1-1-3,
    .cp-area1-1-3,
    .integrated-area1-1-3,
    .mb1-area1-1-3, .mb2-area1-1-3, .mb3-area1-1-3 {
        width: 95%;
        padding: 0.8rem;
    }
    
    .cabinet-area1-1-1,
    .dc1-area1-1-1, .dc2-area1-1-1, .dc3-area1-1-1, .dc4-area1-1-1, .dc5-area1-1-1,
    .ac1-area1-1-1, .ac2-area1-1-1,
    .cp-area1-1-1,
    .integrated-area1-1-1,
    .mb1-area1-1-1, .mb2-area1-1-1, .mb3-area1-1-1 {
        width: 95%;
        padding: 0.8rem;
        font-size: 0.9rem;
    }
    
    .cabinet-area1-1-2,
    .dc1-area1-1-2, .dc2-area1-1-2, .dc3-area1-1-2, .dc4-area1-1-2, .dc5-area1-1-2,
    .ac1-area1-1-2, .ac2-area1-1-2,
    .cp-area1-1-2,
    .integrated-area1-1-2,
    .mb1-area1-1-2, .mb2-area1-1-2, .mb3-area1-1-2 {
        width: 95%;
        height: 250px;
    }
    
    .cabinet-area1-2-1,
    .dc1-area1-2-1, .dc2-area1-2-1, .dc3-area1-2-1, .dc4-area1-2-1, .dc5-area1-2-1,
    .ac1-area1-2-1, .ac2-area1-2-1,
    .cp-area1-2-1,
    .integrated-area1-2-1,
    .mb1-area1-2-1, .mb2-area1-2-1, .mb3-area1-2-1 {
        width: 95%;
    }
    
    .cabinet-area1-2-2,
    .dc1-area1-2-2, .dc2-area1-2-2, .dc3-area1-2-2, .dc4-area1-2-2, .dc5-area1-2-2,
    .ac1-area1-2-2, .ac2-area1-2-2,
    .cp-area1-2-2,
    .integrated-area1-2-2,
    .mb1-area1-2-2, .mb2-area1-2-2, .mb3-area1-2-2 {
        width: 95%;
    }
    
    /* 标题字体进一步缩小 */
    .cabinet-title-main {
        font-size: 1.6rem;
    }
    
    .cabinet-title-sub {
        font-size: 1.4rem;
    }
    
    .cabinet-title-model {
        font-size: 1rem;
    }
    
    .feature-title {
        font-size: 1.2rem;
        padding: 0.2em 0.6em;
    }
    
    .feature-block ul {
        font-size: 0.85rem;
    }
    
    .scene-title {
        font-size: 1.6rem;
    }
    
    .param-title {
        font-size: 1.6rem;
    }
    
    /* 场景网格调整 */
    .scene-grid {
        width: 95%;
        gap: 0.8rem;
    }
    
    .scene-item img {
        height: 180px;
    }
    
    .scene-label {
        font-size: 1.1rem;
    }
    
    .scene-desc {
        font-size: 0.9rem;
    }
    
    /* 参数表格进一步调整 */
    .param-table {
        font-size: 0.8rem;
    }
    
    .param-table td {
        padding: 0.2em 0.2em;
    }
    
    /* 招聘卡片调整 */
    .recruitment-card {
        padding: 1.2rem 0.8rem;
        font-size: 0.9rem;
    }
    
    .recruitment-card h3 {
        font-size: 1.2rem;
        padding: 0.7rem;
        margin: -1.2rem -0.8rem 1rem -0.8rem;
    }
    
    .recruitment-content {
        font-size: 0.9rem;
    }
    
    .recruitment-content strong {
        font-size: 0.9rem;
    }
    
    .recruitment-content ol {
        font-size: 0.85rem;
    }
    
    .apply-btn {
        font-size: 1rem;
        padding: 0.8rem 0;
    }
    
    /* 首页文字进一步调整 */
    .homepage-section div[style*="font-size:64px"] {
        font-size: 1.8rem !important;
    }
    
    .homepage-section div[style*="font-size:32px"] {
        font-size: 1rem !important;
    }
    
    /* 联系方式区域小屏幕优化 */
    .cu-area7-1-10 {
        padding: 15px;
        gap: 12px;
    }
    
    .cu-area7-1-10 .cu-area7-1-1,
    .cu-area7-1-10 .cu-area7-1-8 {
        font-size: 1.3rem !important;
        padding: 12px;
    }
    
    .cu-area7-1-10 .cu-area7-1-2,
    .cu-area7-1-10 .cu-area7-1-3,
    .cu-area7-1-10 .cu-area7-1-4,
    .cu-area7-1-10 .cu-area7-1-5 {
        font-size: 1rem;
        padding: 10px;
    }
    
    .cu-area7-1-10 .cu-area7-1-7 {
        font-size: 1rem !important;
        padding: 12px;
    }
    
    .cu-area7-1-10 .cu-area7-1-9 {
        padding: 15px;
        min-height: 350px;
    }
}

/* ===== 超小屏幕优化 ===== */
@media (max-width: 360px) {
    /* 产品区域超小屏幕调整 */
    .cabinet-area1-1-3,
    .dc1-area1-1-3, .dc2-area1-1-3, .dc3-area1-1-3, .dc4-area1-1-3, .dc5-area1-1-3,
    .ac1-area1-1-3, .ac2-area1-1-3,
    .cp-area1-1-3,
    .integrated-area1-1-3,
    .mb1-area1-1-3, .mb2-area1-1-3, .mb3-area1-1-3 {
        width: 98%;
        padding: 0.6rem;
    }
    
    .cabinet-area1-1-1,
    .dc1-area1-1-1, .dc2-area1-1-1, .dc3-area1-1-1, .dc4-area1-1-1, .dc5-area1-1-1,
    .ac1-area1-1-1, .ac2-area1-1-1,
    .cp-area1-1-1,
    .integrated-area1-1-1,
    .mb1-area1-1-1, .mb2-area1-1-1, .mb3-area1-1-1 {
        width: 98%;
        padding: 0.6rem;
        font-size: 0.85rem;
    }
    
    .cabinet-area1-1-2,
    .dc1-area1-1-2, .dc2-area1-1-2, .dc3-area1-1-2, .dc4-area1-1-2, .dc5-area1-1-2,
    .ac1-area1-1-2, .ac2-area1-1-2,
    .cp-area1-1-2,
    .integrated-area1-1-2,
    .mb1-area1-1-2, .mb2-area1-1-2, .mb3-area1-1-2 {
        width: 98%;
        height: 220px;
    }
    
    .cabinet-area1-2-1,
    .dc1-area1-2-1, .dc2-area1-2-1, .dc3-area1-2-1, .dc4-area1-2-1, .dc5-area1-2-1,
    .ac1-area1-2-1, .ac2-area1-2-1,
    .cp-area1-2-1,
    .integrated-area1-2-1,
    .mb1-area1-2-1, .mb2-area1-2-1, .mb3-area1-2-1 {
        width: 98%;
    }
    
    .cabinet-area1-2-2,
    .dc1-area1-2-2, .dc2-area1-2-2, .dc3-area1-2-2, .dc4-area1-2-2, .dc5-area1-2-2,
    .ac1-area1-2-2, .ac2-area1-2-2,
    .cp-area1-2-2,
    .integrated-area1-2-2,
    .mb1-area1-2-2, .mb2-area1-2-2, .mb3-area1-2-2 {
        width: 98%;
    }
    
    /* 标题字体超小屏幕调整 */
    .cabinet-title-main {
        font-size: 1.4rem;
    }
    
    .cabinet-title-sub {
        font-size: 1.2rem;
    }
    
    .cabinet-title-model {
        font-size: 0.9rem;
    }
    
    .feature-title {
        font-size: 1.1rem;
        padding: 0.2em 0.5em;
    }
    
    .feature-block ul {
        font-size: 0.8rem;
    }
    
    .scene-title {
        font-size: 1.4rem;
    }
    
    .param-title {
        font-size: 1.4rem;
    }
    
    /* 场景网格超小屏幕调整 */
    .scene-grid {
        width: 98%;
        gap: 0.6rem;
    }
    
    .scene-item img {
        height: 160px;
    }
    
    .scene-label {
        font-size: 1rem;
    }
    
    .scene-desc {
        font-size: 0.85rem;
    }
    
    /* 参数表格超小屏幕调整 */
    .param-table {
        font-size: 0.75rem;
    }
    
    .param-table td {
        padding: 0.15em 0.15em;
    }
    
    /* 招聘卡片超小屏幕调整 */
    .recruitment-card {
        padding: 1rem 0.6rem;
        font-size: 0.85rem;
    }
    
    .recruitment-card h3 {
        font-size: 1.1rem;
        padding: 0.6rem;
        margin: -1rem -0.6rem 0.8rem -0.6rem;
    }
    
    .recruitment-content {
        font-size: 0.85rem;
    }
    
    .recruitment-content strong {
        font-size: 0.85rem;
    }
    
    .recruitment-content ol {
        font-size: 0.8rem;
    }
    
    .apply-btn {
        font-size: 0.9rem;
        padding: 0.7rem 0;
    }
    
    /* 首页文字超小屏幕调整 */
    .homepage-section div[style*="font-size:64px"] {
        font-size: 1.6rem !important;
    }
    
    .homepage-section div[style*="font-size:32px"] {
        font-size: 0.9rem !important;
    }
    
    /* 联系方式区域超小屏幕优化 */
    .cu-area7-1-10 {
        padding: 10px;
        gap: 10px;
    }
    
    .cu-area7-1-10 .cu-area7-1-1,
    .cu-area7-1-10 .cu-area7-1-8 {
        font-size: 1.1rem !important;
        padding: 10px;
    }
    
    .cu-area7-1-10 .cu-area7-1-2,
    .cu-area7-1-10 .cu-area7-1-3,
    .cu-area7-1-10 .cu-area7-1-4,
    .cu-area7-1-10 .cu-area7-1-5 {
        font-size: 0.9rem;
        padding: 8px;
    }
    
    .cu-area7-1-10 .cu-area7-1-7 {
        font-size: 0.9rem !important;
        padding: 10px;
    }
    
    .cu-area7-1-10 .cu-area7-1-9 {
        padding: 12px;
        min-height: 300px;
    }
}

/* ===== 横屏模式进一步优化 ===== */
@media (max-width: 768px) and (orientation: landscape) {
    .nav-links {
        max-height: 50vh;
    }
    
    .dropdown-menu {
        max-height: 30vh;
    }
    
    /* 产品区域横屏调整 */
    .cabinet-area1-1-4,
    .dc1-area1-1-4, .dc2-area1-1-4, .dc3-area1-1-4, .dc4-area1-1-4, .dc5-area1-1-4,
    .ac1-area1-1-4, .ac2-area1-1-4,
    .cp-area1-1-4,
    .integrated-area1-1-4,
    .mb1-area1-1-4, .mb2-area1-1-4, .mb3-area1-1-4 {
        min-height: 500px;
    }
    
    .cabinet-area1-1-bottom,
    .dc1-area1-1-bottom, .dc2-area1-1-bottom, .dc3-area1-1-bottom, .dc4-area1-1-bottom, .dc5-area1-1-bottom,
    .ac1-area1-1-bottom, .ac2-area1-1-bottom,
    .cp-area1-1-bottom,
    .integrated-area1-1-bottom,
    .mb1-area1-1-bottom, .mb2-area1-1-bottom, .mb3-area1-1-bottom {
        flex-direction: row;
        gap: 0.5rem;
    }
    
    .cabinet-area1-1-1,
    .dc1-area1-1-1, .dc2-area1-1-1, .dc3-area1-1-1, .dc4-area1-1-1, .dc5-area1-1-1,
    .ac1-area1-1-1, .ac2-area1-1-1,
    .cp-area1-1-1,
    .integrated-area1-1-1,
    .mb1-area1-1-1, .mb2-area1-1-1, .mb3-area1-1-1 {
        width: 45%;
        font-size: 0.9rem;
    }
    
    .cabinet-area1-1-2,
    .dc1-area1-1-2, .dc2-area1-1-2, .dc3-area1-1-2, .dc4-area1-1-2, .dc5-area1-1-2,
    .ac1-area1-1-2, .ac2-area1-1-2,
    .cp-area1-1-2,
    .integrated-area1-1-2,
    .mb1-area1-1-2, .mb2-area1-1-2, .mb3-area1-1-2 {
        width: 45%;
        height: 200px;
    }
    
    .cabinet-area1-2-3,
    .dc1-area1-2-3, .dc2-area1-2-3, .dc3-area1-2-3, .dc4-area1-2-3, .dc5-area1-2-3,
    .ac1-area1-2-3, .ac2-area1-2-3,
    .cp-area1-2-3,
    .integrated-area1-2-3,
    .mb1-area1-2-3, .mb2-area1-2-3, .mb3-area1-2-3 {
        flex-direction: row;
        gap: 0.5rem;
    }
    
    .cabinet-area1-2-1,
    .dc1-area1-2-1, .dc2-area1-2-1, .dc3-area1-2-1, .dc4-area1-2-1, .dc5-area1-2-1,
    .ac1-area1-2-1, .ac2-area1-2-1,
    .cp-area1-2-1,
    .integrated-area1-2-1,
    .mb1-area1-2-1, .mb2-area1-2-1, .mb3-area1-2-1 {
        width: 45%;
        min-height: 300px;
    }
    
    .cabinet-area1-2-2,
    .dc1-area1-2-2, .dc2-area1-2-2, .dc3-area1-2-2, .dc4-area1-2-2, .dc5-area1-2-2,
    .ac1-area1-2-2, .ac2-area1-2-2,
    .cp-area1-2-2,
    .integrated-area1-2-2,
    .mb1-area1-2-2, .mb2-area1-2-2, .mb3-area1-2-2 {
        width: 45%;
        min-height: 300px;
    }
    
    /* 招聘卡片横屏调整 */
    .recruitment-box {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .recruitment-card {
        width: calc(50% - 0.5rem);
        min-width: 280px;
    }
}

/* ===== 高分辨率屏幕进一步优化 ===== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .full-img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
    
    /* 高分辨率屏幕下的字体优化 */
    .cabinet-title-main,
    .cabinet-title-sub,
    .scene-title,
    .param-title {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* ===== 触摸设备进一步优化 ===== */
@media (hover: none) and (pointer: coarse) {
    .nav-links a,
    .dropdown-menu a,
    .cu-area7-1-9 button,
    .apply-btn {
        min-height: 44px;
    }
    
    .nav-links a {
        padding: 1rem 1.5rem;
    }
    
    .dropdown-menu a {
        padding: 0.8rem 1rem;
    }
    
    .cu-area7-1-9 button {
        padding: 1rem;
    }
    
    .apply-btn {
        padding: 1rem 0;
    }
    
    /* 触摸设备下的交互优化 */
    .feature-block,
    .scene-item,
    .recruitment-card {
        transition: transform 0.2s ease;
    }
    
    .feature-block:active,
    .scene-item:active,
    .recruitment-card:active {
        transform: scale(0.98);
    }
}

/* ===== 打印样式优化 ===== */
@media print {
    header,
    footer,
    .hamburger,
    .dropdown-menu {
        display: none !important;
    }
    
    main {
        margin-top: 0;
    }
    
    .full-img {
        max-width: 100%;
        height: auto;
    }
    
    .recruitment-card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }
}


@media (max-width: 768px) {
    .carousel {
        height: 60vh;
    }
    
    .carousel-text div[style*="font-size:80px"] {
        font-size: 48px !important;
    }
    
    .carousel-text div[style*="font-size:35px"] {
        font-size: 24px !important;
    }
    
    .carousel-control {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    
    .carousel-indicator {
        width: 8px;
        height: 8px;
    }
}

@media (max-width: 480px) {
    .carousel {
        height: 50vh;
    }
    
    .carousel-text div[style*="font-size:80px"] {
        font-size: 32px !important;
    }
    
    .carousel-text div[style*="font-size:35px"] {
        font-size: 18px !important;
    }
}

/* 场景网格移动端适配 */
@media (max-width: 768px) {
    .scene-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .scene-grid-3 {
        grid-template-columns: 1fr;
    }

    .scene-item {
        width: 100%;
        height: auto;
    }

    .scene-item-small,
    .scene-item-large {
        grid-column: auto;
        grid-row: auto;
    }

    .scene-item img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .scene-label {
        font-size: 1.2rem;
        margin: 0.5rem 0;
    }

    .scene-desc {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 480px) {
    .scene-grid {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    .scene-label {
        font-size: 1rem;
    }

    .scene-desc {
        font-size: 0.9rem;
    }
}