@font-face {
  font-family: '思源黑体';
  src: url('SourceHanSansCN-Regular.otf') format('opentype');
}

/* 基础样式设置 - 统一行高基准 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 确保页面整体不出现横向滚动 */
html, body {
  overflow-x: hidden; /* 禁止横向滚动 */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 修复banner图溢出问题 */
.ban {
  width: 100%; /* 容器占满屏幕宽度 */
  overflow: hidden; /* 隐藏超出容器的内容 */
}

.ban img {
  width: 100%; /* 图片宽度自适应容器 */
  height: auto; /* 保持图片比例 */
  max-width: 100%; /* 限制最大宽度为容器宽度 */
  display: block; /* 去除图片底部默认空白 */
}

.body1 {
  font-family: '思源黑体', sans-serif;
  width: 1200px;
  margin: 0 auto;
  line-height: 1.6; /* 正文行高 */
  color: #333; /* 统一正文颜色 */
}

/* 欢迎选购部分 */
.welcome {
  text-align: center;
  padding: 30px 20px; /* 增加上下内边距 */
}

.welcome h1 {
  font-size: 32px; /* 增大主标题 */
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.2;
}

.welcome button {
  background-color: #0853D2;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 25px;
  cursor: pointer;
  border: #fff 1px solid;
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
}

.drawings {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0 30px; /* 增加底部间距 */
}

.drawings img {
  max-width: 400px;
}

.models {
  display: flex;
  justify-content: center;
  gap: 25px; /* 增加间距 */
  margin-top: 30px; /* 增大顶部间距 */
}

.model-group {
  width: 180px;
  padding: 15px; /* 增加内边距 */
  border-radius: 25px;
  text-align: center;
  box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.2);
}

.model-container {
  height: 130px; /* 增加高度 */
  padding: 18px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: space-around; 
  align-items: center; 
}

.model-container p {
  margin: 0; 
  font-size: 16px;
  line-height: 1.4;
}

.model-container h2 {
  margin: 0;
  font-size: 30px; /* 增大模型标题 */
  font-weight: bold;
  line-height: 1.2;
}

.model-group hr {
  height: 3px;        
  width: 20px;       
  border: none;       
  background-color: #666; 
  margin: 12px auto;  
}

.model-group h3 {
  font-size: 17px; /* 增大小标题 */
  font-weight: bold;
  line-height: 1.3;
}

.model-group .zdd {
  font-size: 9px; /* 增大小字 */
  color: #666;                 
  text-transform: uppercase;
  line-height: 1.2;
}

.model-group .custom-link {
      display: flex;
      align-items: center;
      margin: 10px auto 0;
      padding: 5px 10px;
      border-radius: 25px;
      background: linear-gradient(to right, #67b26f, #8dce94);
      color: #fff;
      text-decoration: none;
      border: #fff 1px solid;
      width: 100px;
    }

.model-group .custom-link span {
      margin-right: 5px;
      font-size: 14px;
      font-weight: bold;
    }

.model-group .custom-link img {
      width: 16px;
      height: 16px;
    }

.model-group .custom-link1 {
      display: flex;
      align-items: center;
      margin: 10px auto 0;
      padding: 5px 10px;
      border-radius: 25px;
      background: linear-gradient(to right, #007bff, #6c9eff);
      color: #fff;
      text-decoration: none;
      border: #fff 1px solid;
      width: 100px;
    }

.model-group .custom-link1 span {
      margin-right: 5px;
      font-size: 14px;
      font-weight: bold;
    }

.model-group .custom-link1 img {
      width: 16px;
      height: 16px;
    }

/* 定制流程部分 */
.custom-process {
  background-image: url(bg.png);
  color: white;
  text-align: center;
  justify-content: center; 
  padding: 20px 10px; /* 增加内边距 */
  margin-top: 40px; /* 增大顶部间距 */
}

.custom-process h2 {
  font-size: 38px; /* 调整主标题大小 */
  margin-bottom: 20px; /* 增加底部间距 */
  font-weight: bold;
  line-height: 1.2;
}

.steps {
  display: flex;
  align-items: center; /* 垂直居中对齐步骤与分隔符 */
  justify-content: center; /* 整体水平居中 */
  /* 1. 删除 flex-wrap: wrap（防止换行，确保所有内容在一排） */
  gap: 15px; /* 缩小间距（原20px），避免超出容器，可根据需求微调 */
  padding: 20px 10px; /* 左右加10px内边距，防止内容贴边 */
  width: 100%;
  max-width: 1200px; /* 固定最大宽度，与页面主体一致 */
  margin: 0 auto;
  overflow-x: auto; /* 2. 新增横向滚动（极端情况如小屏时，可横向滑动查看，避免溢出隐藏） */
  overflow-y: hidden; /* 禁止纵向滚动，保持布局整洁 */
  scrollbar-width: thin; /* 优化滚动条样式（可选，适配现代浏览器） */
}

/* 3. 调整步骤容器宽度，确保一排能容纳所有内容 */
.step {
  background: linear-gradient(to bottom, #F5FAFF, #C8E0FF);
  color: #007bff;
  padding: 20px 15px; /* 缩小内边距（原25px），减少单个步骤宽度 */
  border-radius: 5px;
  min-width: 110px; /* 固定最小宽度，确保步骤内容不挤压 */
  text-align: center; /* 步骤内文字居中，避免宽度不一致 */
}

/* 4. 调整分隔符大小，与步骤比例协调 */
.step-divider img {
  width: 24px; /* 缩小分隔符（原28px），减少横向占用空间 */
  height: 24px;
  object-fit: contain;
  opacity: 0.8;
}

.step h2{
  color: #000;
  font-size: 22px; /* 调整步骤标题 */
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.step .zdp {
  color: #000;
  font-size: 24px; /* 原15px，缩小文字减少宽度占用 */
  font-weight: bold;
  margin: 10px 0;
  padding-top: 8px;
  line-height: 1.4;
}

.step img {
  width: 70px; /* 原80px，缩小图标，与步骤宽度匹配 */
  height: 70px;
  object-fit: contain;
}

.step .zdpp{
  color: #000;
  font-size: 8px;
  margin: 0;
  line-height: 1.2;
}

.more-products {
  background-color: #f8f9fa;
  text-align: center;
  padding: 30px 20px; /* 增加内边距 */
  margin-top: 40px; /* 增大顶部间距 */
  font-weight: bold; 
}

.more-products hr {
  width: 30px;
  height: 1px; 
  background-color: #333;
  margin: 15px auto; /* 增加间距 */
  border: none;  
}

.more-products p {
  font-size: 22px; /* 增大标题 */
  line-height: 1.3;
  font-weight: normal; 
}

.title-container {
  position: relative;
  text-align: center;
  height: 50px; /* 增加高度 */
  margin-bottom: 20px; /* 增加底部间距 */
}

.title-container h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 45px; /* 增大背景文字 */
  color:#E4E4E4;
  line-height: 1.2;
}

.title-container p {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 38px; /* 增大主标题 */
  color: #3E3E3E;
  line-height: 1.2;
}

.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; /* 增加产品间距 */
  margin-top: 30px; /* 增大顶部间距 */
  padding-bottom: 20px;
}

.product {
  background-color: #fff;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
  padding: 30px;
  text-align: center;
  width: 300px;
}

.product img {
  max-width: 250px;
  margin-bottom: 15px; /* 增加底部间距 */
  padding: 10px;
  border: #28a745 2px solid;
}

.product h2{
  font-size: 26px; /* 增大产品标题 */
  line-height: 1.3;
  margin:15px 0; /* 增加间距 */
  font-weight: normal; 
}

.product p{
  font-size: 17px; /* 增大产品描述 */
  line-height: 1.3;
  margin-bottom: 15px; /* 增加底部间距 */
  font-weight: normal; 
}

.product button {
  background-color: #1256C5;
  color: white;
  border: none;
  padding: 6px 30px;
  cursor: pointer;
  margin-top: 10px;
  line-height: 1.4;
  font-size: 17px;
}

.quality {
  text-align: center;
  padding: 0 100px;
  margin-top: 40px; /* 增加顶部间距 */
}

.quality h2 {
  font-size: 42px; /* 调整标题大小 */
  font-weight: bold; 
  margin: 0;
  padding-top: 30px; /* 增加顶部间距 */
  letter-spacing: 6px;
  line-height: 1.2;
}

.quality .qualityy{
  color: #1256C5;
  font-size: 18px; /* 增大描述 */
  padding: 10px 0; /* 增加间距 */
  margin: 0;
  line-height: 1.4;
}

.quality .qualityyy {
  font-size: 9px; /* 增大小字 */
  padding-bottom: 30px; /* 增加底部间距 */
  margin: 0;
  line-height: 1.2;
}

.quality .img1 {
  margin-top: 15px; /* 增加顶部间距 */
}

.advantages {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  gap: 50px; 
  padding: 20px 100px; /* 增加内边距 */
  color: white;
  background: linear-gradient(to bottom, #2068DA, #0C4FBC);
  clip-path: polygon(
    20px 0, 
    calc(100% - 20px) 0,
    100% 20px, 
    100% calc(100% - 20px),
    calc(100% - 20px) 100%, 
    20px 100%, 
    0 calc(100% - 20px), 
    0 20px                  
  );
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  text-align: center;
  margin: 10px 0; /* 增加上下间距 */
}

.advantage {
  flex: 1; 
  text-align: center;
  color: #fff; 
  position: relative; 
  padding: 5px 0; /* 增加内边距 */
}

.advantage:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  height: 80%;
  width: 1px; 
  background: linear-gradient(
    to bottom, 
    rgba(255, 255, 255, 0) 0%,    
    rgba(255, 255, 255, 1) 30%, 
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 0) 100% 
  );
}

.advantage h3 {
  font-weight: bold; 
  font-size: 26px; /* 调整标题大小 */
  margin: 15px 0 10px; /* 调整间距 */
  line-height: 1.3;
  overflow: hidden; 
}

.advantage p {
  font-size: 11px; /* 增大描述文字 */
  padding: 5px 0 10px; /* 调整间距 */
  line-height: 1.4;
}

.about-us {
  text-align: center;
  position: relative;
  padding: 60px 20px 30px;
  margin-top: 40px;
  background: url(bg2.png) no-repeat;
  color: white;
  letter-spacing: 0.5px; /* 整体轻微增加字间距，增强文字呼吸感（原未设置） */
}

.about-title-container {
  position: relative;
  text-align: center;
  height: 130px;
  margin-bottom: 20px;
}

.company-name {
  position: relative;
  z-index: 2; 
  margin: 0;
  font-size: 42px; /* 标题字号42px */
  font-weight: bold;
  line-height: 1.3; /* 标题行距1.3倍（原1.2，优化后更易识别） */
  letter-spacing: 1px; /* 标题字间距1px，突出层级（原未设置） */
}

.about-en {
  position: absolute;
  top: 20px; 
  left: 0;
  right: 0;
  margin: 0 auto;
  color: transparent; 
  font-size: 65px; /* 英文背景字65px */
  z-index: 1; 
  font-weight: bolder;
  font-style: italic;
  background: linear-gradient(to bottom, 
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 1.2; /* 英文行距1.2倍（适配 italic 字体，避免拥挤） */
  letter-spacing: 0.8px; /* 英文轻微字间距，避免字母粘连（原未设置） */
}

.about-us .company-intro {
  font-size: 17px; /* 正文字号17px */
  text-align: justify; 
  max-width: 1000px; 
  margin: 0 auto; 
  padding: 15px 0;
  text-indent: 2em; 
  letter-spacing: 0.3px; /* 正文字间距0.3px（原1px，过宽易割裂，优化后更连贯） */
  line-height: 1.7; /* 正文行距1.7倍（原1.8，适配17px字号，阅读更舒适） */
}

.about-us h2 {
  font-size: 26px; /* 二级标题26px */
  margin: 20px 0 15px;
  font-weight: bold;
  line-height: 1.4; /* 二级标题行距1.4倍（原1.3，优化后与正文区分更清晰） */
  letter-spacing: 0.8px; /* 二级标题字间距0.8px（原未设置，增强层级） */
}

.about-us button {
  margin-top: 15px;
  background-color: #28a745;
  border: #fff 1px solid;
  color: white;
  padding: 8px 16px;
  border-radius: 25px;
  cursor: pointer;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.4; /* 按钮文字行距（保持原值，适配按钮高度） */
  letter-spacing: 0.5px; /* 按钮文字轻微字间距，提升点击欲望（原未设置） */
}

.company-features {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}

.feature {
  background-color: white;
  padding: 25px 15px;
  border-radius: 5px;
  width: 210px;
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  letter-spacing: 0.3px; /* 特征模块整体字间距，统一风格（原未设置） */
}

.feature h3 {
  font-size: 32px; /* 特征标题32px */
  font-weight: bold;
  color: #0853D2;
  text-align: center;
  height: 80px;
  line-height: 1.3; /* 特征标题行距1.3倍（适配两行文字，避免换行拥挤） */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin: 0 auto 15px;
  overflow: hidden;
  letter-spacing: 0.8px; /* 特征标题字间距0.8px（原未设置，突出重点） */
}

.feature .img {
  padding-bottom: 25px;
}

.feature .text-standard {
  text-align: center;
  font-size: 15px; /* 特征正文15px */
  letter-spacing: 0.2px; /* 特征正文字间距0.2px（原0.5px，优化后更连贯） */
  padding: 20px 10px 20px;
  margin: 0;
  color: #000;
  height: 130px; 
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-weight: bold;
  line-height: 1.6; /* 特征正文行距1.6倍（原1.5，适配15px字号，提升可读性） */
}

.feature .en-text-center {
  text-align: center;
  color: #000;
  font-size: 7px; /* 英文小字7px */
  margin: 3px 0;
  line-height: 1.4; /* 英文小字行距1.4倍（原1.3，避免字母重叠） */
  overflow: hidden;
  letter-spacing: 0.3px; /* 英文小字轻微字间距，避免粘连（原未设置） */
}

.company-photos {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 30px 0 40px;
}

.company-photos img {
  max-width: 300px;
  border-radius: 5px;
}