/* 全局重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "思源黑体", sans-serif;
}
.body1 {
  background-image: url(bsdlsbj.png);
}
html {
  overflow-x: hidden; /* 禁止水平滚动 */
  max-width: 1920px; /* 最大宽度限制为1920px */
  margin: 0 auto; /* 居中显示 */
}
.container {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
}
/* 标题框全屏.container限制内容宽度为1000px
.title-box负责1920px宽的背景色 */
.title-box {
  width: 100%;
  /* 设置最小宽度确保在宽屏显示时能达到1920px效果 */
  min-width: 1920px;
  /* 标题框背景色 */
  background-color: #dd3a37; /* 可根据需要修改为实际使用的颜色 */
  /* 居中显示 */
  margin-left: 50%;
  transform: translateX(-50%);
}

/* 确保标题框内的内容仍保持在1000px容器内 */
.title-content {
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0; /* 根据需要调整内边距 */
}
/* 头部样式 */
.header {
  text-align: center;
  margin-bottom: 20px;
}
.header h1 {
  font-size: 38px;
  color: #000;
  margin-bottom: 10px;
  margin-top: 10px;
}
.header-tag {
  display: inline-block;
  background: linear-gradient(to bottom right, #ff423e, #a92d2b);
  color: #fff;
  padding: 5px 15px;
  font-size: 16px;
  margin-bottom: 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.header-desc {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  border: 1px solid #dd3a37;
  padding: 10px;
  text-align: left;
}

/* 加工范围表格 */
.table-section h2 {
  font-size: 18px;
  color: #000;
  margin: 20px 0 10px;
}
.range-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.range-table th, .range-table td {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}
.range-table thead th {
  background-color: #dd3a37;
  color: #fff;
}
.range-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.range-table tbody tr td:first-child {
  background-color: #f8e6a5; 
}

/* 品质服务栏 */
.quality-bar {
 background: linear-gradient(to bottom right, #ff423e, #a92d2b);
  color: #fff;
  text-align: center;
  padding: 20px;
  margin: 20px 0;
  width: 100%;
  min-width: 1920px;
  background-color: #dd3a37; 
  margin-left: 50%;
  transform: translateX(-50%);
}
.quality-bar h2 {
  font-size: 24px;
  margin-bottom: 5px;
}
.quality-eng {
  font-size: 14px;
  margin-bottom: 10px;
  opacity: 0.8;
}
.quality-desc {
  font-size: 16px;
  margin: 5px 0;
}

/* 产品展示图 */
.product-imgs {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}
.product-imgs img {
  width: 40%;
  height: auto;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); /* 黑色半透明阴影，柔和不突兀 */
}

/* 细节展示 */
.detail-section {
  margin: 20px 0;
  text-align: center;

  padding: 20px 0;
}
.detail-section h2 {
  font-size: 36px;
  color: #000;
  margin-bottom: 10px;
}
.detail-eng {
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
}
.detail-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1000px;
  background: linear-gradient(
    to bottom,
    #dd3a37 0%,    /* 起始颜色（目标背景色） */
    #a92d2b 66.67%, /* 2/3高度位置 */
    transparent 66.67%, /* 开始过渡到透明 */
    transparent 100%    /* 结束位置 */
  );
  padding: 0px  30px;
}
.detail-card {
  width: calc(50% - 5px);
  margin-bottom: 20px;
}
.detail-card1 {
  width: 100%;
  margin-bottom: 20px;
}
   .zdybl {
     display: flex;
     gap: 10px;
     margin: 10px 0;
   }
   .zdybl img {
     width: calc(50% - 5px);
     height: auto;
     display: block;
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
   }
.card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  margin-bottom: 10px;
}
.card-tag {
  font-size: 12px;
  color: #000;
  background-color: #fff;
  padding: 0px 10px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-tag span {
  font-size: 50px;
  font-weight: bolder;
  color: #000;
  line-height: 1;
}
.card-subtag {
  font-size: 14px;
  color: #fff;
  flex: 1;
  border: 2px solid #fff;
  border-radius: 50px;
  padding-left: 20px;
}

.detail-card img {
  width: 100%;
  height: auto;
  display: block;
}
.card-title {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  background: #e60012;
  padding: 10px;
  margin: 0;
  text-align: center;
}

/* 产品优势 */
.advantage-section {
    background: linear-gradient(
    to bottom,
    #dd3a37 0%,    /* 起始颜色（目标背景色） */
    #a92d2b 66.67%, /* 2/3高度位置 */
    transparent 66.67%, /* 开始过渡到透明 */
    transparent 100%    /* 结束位置 */
  );
  color: #fff;
  text-align: center;
  padding: 20px;
  margin: 20px 0;
  width: 100%;
  min-width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.advantage-section h2 {
  font-size: 38px;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 10px;
}
.advantage-eng {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}
.advantage-cards {
  flex-wrap: wrap;
  width: 1000px; /* 设置宽度为1000px */
  background-color: #fff; /* 白色背景 */
  border-radius: 50px; /* 圆角效果，数值可调整 */
  margin: 0 auto; /* 水平居中 */
  padding: 20px 100px; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-between; /* 水平均匀分布，两端对齐 */
  flex-wrap: wrap; /* 自动换行，避免溢出 */
  gap: 20px;
}
.advantage-card {
  text-align: center;
}
.advantage-card .icon {
  font-size: 24px;
  color: #dd3a37;
  margin-bottom: 5px;
  display: inline-block;
  width: 70px;
  height: 70px;
  /* 可选：保持图片比例并填充容器（避免拉伸变形） */
  object-fit: cover;
}
.advantage-card p {
  font-size: 18px;
  color: #333;
}

/* 产品实拍 */
.product-photos {
  margin: 30px 0;
}
.product-photos h2 {
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
  padding-left: 30px;
}
.photo-desc {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  padding-left: 30px;
}
.photo-imgs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  background: linear-gradient(
    to bottom,
    #dd3a37 0%,    /* 起始颜色（目标背景色） */
    #a92d2b 88.88%, /* 2/3高度位置 */
    transparent 88.88%, /* 开始过渡到透明 */
    transparent 100%    /* 结束位置 */
  );
  padding-top: 30px;
}
.photo-imgs img {
  width: 23%;
  height: auto;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); /* 黑色半透明阴影，柔和不突兀 */
}

/* 产品信息 */
.product-info {
  margin: 30px 0;
}
.product-info h2 {
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
  padding-left: 30px;
}
.zdbtx{
  width: 80px;
  height: 5px;
  border-radius: 50px;
  background-color: #ee3e3a;
  margin-left: 30px;
  margin-bottom: 20px;
}
.info-content {
  background: linear-gradient(to bottom right, #ff423e, #a92d2b);
  color: #fff;
  padding: 20px 50px;
  font-size: 20px;
  line-height: 1.8;
  border-radius: 10px;
}

/* 应用范围 */
.application-section {
  margin: 30px 0;
  text-align: center;
}
.application-section h2 {
  font-size: 60px;
  font-weight: bolder;
  color: #dd3a37;
  margin-bottom: 30px;
}
.app-desc {
  font-size: 28px;
  color: #333;
  margin-bottom: 5px;
}
.app-eng {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}
/* 应用范围卡片容器：控制整体排列（一行2张，自动换行） */
.app-cards {
  display: flex; /* 启用Flex布局 */
  flex-wrap: wrap; /* 超出一行时自动换行 */
  justify-content: space-between; /* 左右卡片均匀分布，中间留空 */
  gap: 20px; /* 卡片之间的间距（上下左右均生效，可根据需求调整） */
  margin-top: 20px; /* 与上方标题的间距，按需调整 */
}

/* 单个应用卡片：控制宽度和内部结构 */
.app-card {
  flex: 0 0 calc(50% - 10px); /* 核心：宽度占父容器50%，减去gap的一半（避免换行） */
  max-width: calc(50% - 10px); /* 限制最大宽度，防止屏幕过宽时卡片变形 */
  text-align: center; /* 图片和文字居中对齐 */
}

/* 应用卡片内的图片：保证比例和适配 */
.app-card img {
  width: 100%; /* 图片宽度铺满卡片 */
  height: auto; /* 高度自动，保持图片原有比例 */
  object-fit: cover; /* 若图片比例不一致，会裁剪填充（避免拉伸变形） */
}

/* 应用卡片内的文字：控制样式和间距 */
.app-card p {
  font-size: 25px; /* 文字大小，按需调整 */
  color: #fff; /* 文字颜色，按需调整 */
  font-weight: bolder;
  background: linear-gradient(to right, #e62e2e, #c91414); /* 红色渐变背景 */
  padding: 15px;
}
/* 质量导向 */
.quality-guide {
  margin: 30px 0;
  text-align: center;
}
.quality-guide h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}
.guide-desc {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}
/* CSS样式 */
.advantage-bar {
  display: flex; /* 横向排列 */
  background: linear-gradient(to right, #e62e2e, #c91414); /* 红色渐变背景 */
  border-radius: 4px; /* 可选：圆角 */
  overflow: hidden; /* 避免子元素溢出 */
}

.advantage-item {
  flex: 1; /* 均分宽度 */
  text-align: center;
  padding: 10px 5px;
  color: #fff;
  position: relative; /* 用于分隔线定位 */
}

/* 分隔线（除最后一个item外） */
.advantage-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: rgba(255,255,255,0.5); /* 半透明白色竖线 */
}

.advantage-item div {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 4px;
  line-height: 40px;
}

.advantage-item span {
  font-size: 12px;
  opacity: 0.8;
}

/* 公司简介 */
.about-us {
  text-align: center;
  position: relative;
  padding: 60px 20px 30px;
  margin-top: 10px;
  background: url(jj1.jpg) no-repeat;
  color: white;
  letter-spacing: 0.5px; /* 整体轻微增加字间距，增强文字呼吸感（原未设置） */
   width: 100%;
  /* 设置最小宽度确保在宽屏显示时能达到1920px效果 */
  min-width: 1920px;
  /* 标题框背景色 */
  /* 居中显示 */
  margin-left: 50%;
  transform: translateX(-50%);
}

.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: #fff;
  border: #fff 1px solid;
  color: #dd3a37;
  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 .btx{
  width: 50px;
  height: 5px;
  border-radius: 50px;
  background-color: #ee3e3a;
  margin-bottom: 20px;
  margin-left: 60px;
}
.feature h3 {
  font-size: 32px; /* 特征标题32px */
  font-weight: bold;
  color: #dd3a37;
  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;
}

/* 响应式布局 - 手机适配 */
@media (max-width: 768px) {
  /* 基础样式调整 */
  html {
    max-width: 100%;
    overflow-x: hidden;
  }
  
  .container {
    width: 100%;
    padding: 10px;
  }
  
  /* 标题框调整 */
  .title-box, .quality-bar, .advantage-section, .about-us {
    min-width: 100%;
    margin-left: 0;
    transform: none;
    padding: 15px 10px;
  }
  
  .title-content {
    width: 100%;
    padding: 15px 10px;
  }
  
  /* 字体大小调整 */
  .header h1 {
    font-size: 28px;
  }
  
  .header-tag {
    font-size: 14px;
    padding: 3px 10px;
  }
  
  .table-section h2, .detail-section h2, 
  .advantage-section h2, .product-photos h2,
  .product-info h2, .application-section h2,
  .quality-guide h2 {
    font-size: 22px;
    padding-left: 15px;
  }
  
  .detail-eng, .advantage-eng, .app-desc {
    font-size: 16px;
  }
  
  .app-eng, .photo-desc, .guide-desc {
    font-size: 12px;
    padding-left: 15px;
  }
  
  .info-content {
    font-size: 16px;
    padding: 15px 20px;
  }
  
  .company-name {
    font-size: 32px;
  }
  
  .about-en {
    font-size: 45px;
  }
  
  .about-us .company-intro {
    font-size: 15px;
    padding: 10px;
  }
  
  /* 布局调整 */
  .product-imgs {
    flex-direction: column;
    gap: 15px;
    padding: 0 10px;
  }
  
  .product-imgs img {
    width: 100%;
  }
  
  .detail-cards {
    flex-direction: column;
    padding: 0 15px;
    gap: 15px;
  }
  
  .detail-card, .detail-card1 {
    width: 100%;
  }
  
  .zdybl {
    flex-direction: column;
  }
  
  .zdybl img {
    width: 100%;
  }
  
  .advantage-cards {
    width: 100%;
    padding: 15px;
    flex-direction: column;
  }
  
  .photo-imgs {
    padding: 15px;
  }
  
  .photo-imgs img {
    width: 48%;
  }
  
  .app-cards {
    flex-direction: column;
    padding: 0 15px;
  }
  
  .app-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .advantage-bar {
    flex-wrap: wrap;
  }
  
  .advantage-item {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  
  .advantage-item:nth-child(2)::after {
    display: none;
  }
  
  .company-features {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
  .feature {
    width: 90%;
  }
  
  .company-photos {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  
  .company-photos img {
    max-width: 90%;
  }
  
  /* 表格适配 */
  .range-table {
    font-size: 12px;
  }
  
  .range-table th, .range-table td {
    padding: 3px;
  }
  
  /* 按钮调整 */
  .about-us button {
    padding: 6px 12px;
    font-size: 14px;
  }
}

/* 小屏手机适配 */
@media (max-width: 480px) {
  .header h1 {
    font-size: 24px;
  }
  
  .application-section h2 {
    font-size: 36px;
  }
  
  .photo-imgs img {
    width: 100%;
  }
  
  .advantage-item {
    flex: 0 0 100%;
  }
  
  .advantage-item::after {
    display: none;
  }
  
  .feature h3 {
    font-size: 26px;
  }
}