/* 全局重置与基础样式 */
@import "base.css";
/* ===================巨兽生物-一分子蒸馏全套方案解决专家 */
.service-range {
  margin: 0 auto;
  margin-top: 60px;
  overflow: hidden;
}
.service-range.oneModel {
  margin-top: 20px !important;
}

.behemoth {
  padding: 20px;
}

.tech-section {
  padding: 30px 0;
}

.tech-section__content {
  flex: 1 1 500px;
}
.tech-section__content .tech-section__paragraph{
  letter-spacing: 0 !important;
}

/* 板块标题 */
.tech-section__title {
  color: var(--primary);
  font-size: var(--text-modeltree-size);
  margin-bottom: 16px;
  border-left: var(--primary) solid 4px;
  padding-left: 10px;
}

/* 段落文字 */
.tech-section__paragraph {
  font-size: var(--text-modelfive-size);
  line-height: 1.6;
  margin-bottom: 16px;
  color: #333;
}

/* 三大优势容器 */
.tech-features {
  flex: 3;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  margin-right: 20px;
}

/* 单个优势卡片 */
.tech-feature-card {
  min-height: 80px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

.tech-feature-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

/* 卡片图标：防止缩放 */
.tech-feature-card__icon img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

/* 卡片标题与描述 */
.tech-feature-card__title {
  font-size: var(--text-modelfour-size);
  color: #333;
  margin-bottom: 4px;
  font-weight: 600;
}

.tech-feature-card__desc {
  font-size: var(--text-modelfive-size);
  color: #666;
  line-height: 1.5;
}
.tech-section_box {
  display: flex;
  align-items:center ;
}
/* 右侧图像占位区：自适应宽度 */
.tech-section__image {
  flex: 2;
  display: flex;
  align-items: center;
    @media (max-width: 786px) {
    display:none !important;
}
}
.tech-section__image img{
  width: 100%;
    @media (max-width: 786px) {
    display:none !important;
}
}
/* 灰色占位块 */
.image-placeholder {
  width: 100%;
  height: 300px;
  border-radius: 8px;
     display: flex;
  align-items: center;

}

/* 移动端适配（屏幕 < 768px 时） */
@media (max-width: 768px) {
  .tech-section {
    flex-direction: column;
  }

  .tech-section__title {
    font-size: var(--text-modeltree-size);
  }

  .tech-feature-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-placeholder {
    height: 200px;
  }
}
/* ===================================== 使命与愿景*/
.vision_container {
  padding: 20px;
}

/* 顶部图片占位 */
.top-image-placeholder {
  width: 100%;
  height: 200px;
  /*background-color: #ccc;*/
  border-radius: 4px;
  padding-bottom: 20px;
  overflow: hidden;
}
.top-image-placeholder img{
    width: 100%;
    
}
/* 底部内容区：PC 端 flex 分栏，移动端堆叠 */
.bottom-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* 列通用样式：控制最小宽度，确保移动端可读性 */
.column {
  flex: 1;
  min-width: 250px;
  padding: 20px;
  padding-top: 40px;
}

/* 使命区块：绿色背景 + 白色文字 */
.column--mission {
  border-bottom: var(--primary) 6px solid;
  color: #000;
  border-radius: 4px;
}

/* 愿景、核心价值观 标题样式：绿色文字 */
.column--vision .section-title,
.column--values .section-title {
  color:var(--primary);
}

/* 区块标题通用样式 */
.section-title {
  font-size: var(--text-modeltree-size);
  font-weight: bold;
  margin-bottom: 15px;
  color: var(--primary);
}

/* 列表通用样式 */
.column--mission li {
  padding-left: 20px;
  line-height: 2.5;
  position: relative;
}
.column--values li{
    position: relative;
    padding-left: 15px;
}
.column--values li::before,
.column--mission li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #000;
  position: absolute;
  left: 0px;
  top: 50%;
}
/* 愿景中“高亮文字”样式 */
.text-highlight {
  color:var(--primary);
  font-weight: bold;
  margin: 8px 0;
}
.column--mission,
.column--values,
.column--vision {
  border-bottom: var(--primary) 6px solid;
 
}
.column--mission:hover,
.column--values:hover,
.column--vision:hover {
background-color: var(--primary);
transform: translateY(-25px);
 border-radius: 8px;
}

.column--mission:hover .section-title,
.column--values:hover .section-title,
.column--vision:hover .section-title {
color: #fff;
}
.column--mission:hover .section-list,
.column--values:hover .section-list,
.column--vision:hover p {
color: #fff !important;
}
.column--mission:hover .section-list li::before,
.column--values:hover .section-list li::before{

background-color: #fff !important;
}

.column--values:hover .text-highlight,
.column--vision:hover .text-highlight{
color: #fff !important;
}
/* 愿景、价值观 段落/列表项通用行高 */
.column--vision p,
.column--mission .section-list li,
.column--values .section-list li {
  font-size: var(--text-modelfive-size) !important;
  line-height: 1.6;
  margin-bottom: 8px;
}

/* 移动端适配（屏幕 < 768px 时） */
@media (max-width: 768px) {
  .bottom-content {
    flex-direction: column; /* 纵向堆叠 */
  }
  .top-image-placeholder {
    height: 150px; /* 缩小图片高度 */
  }
  .column {
    min-width: 100%; /* 占满屏幕宽度 */
  }
}
/* =================================== 业务范围*/
.business_container {
  padding: 20px;
}

/* 服务卡片容器：PC 端三列布局，移动端堆叠 */
.service-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; /* 卡片之间的间距 */
  justify-content: center; /* 卡片居中排列 */
}

/* 单个服务卡片：弹性布局，适配不同屏幕 */
.service-card {
  flex: 1 1 300px; /* 最小宽度 300px，PC 端自动分三列 */
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease; /* hover 阴影过渡动画 */
}

/* 卡片 hover 效果：增强交互感 */
.service-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

.service-card__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}

/* 卡片标题：绿色强调 */
.service-card__title {
  color:var(--primary);
  font-size: var(--text-modeltree-size);
  margin-bottom: 12px;
  font-weight: 600;
}

/* 卡片描述文字：可读性优化 */
.service-card__desc {
  font-size: var(--text-modelfive-size);
  line-height: 1.6;
  color: #666;
}

/* 移动端适配（屏幕 < 768px 时） */
@media (max-width: 768px) {
  .service-card {
    flex: 1 1 100%; /* 移动端占满一行 */
  }
}
/* ================================公司实力 */
/* 统计模块整体背景与内边距 */
.stats-section {
  background-color: #f9faf0;
  padding: 40px 20px;
}

.stats-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 30px;
  @media (max-width:786px) {
    /*flex-direction: column !important;*/
}
}

.stats-item {
  text-align: center;
  flex: 1;
  min-width: 200px; /* 移动端最小宽度，避免过度压缩 */
  padding: 0 30px;
  margin-bottom: 20px;
}

.stats-item__icon img {
  margin-bottom: 25px;
  height: 48px;
}

.stats-item__number {
  font-size: var(--banner-size);
  color: var(--primary);
  font-weight: bold;
  margin-bottom: 8px;
}

.stats-item__desc {
  font-size: var(--text-modelfive-size);
  color: #666;
}

@media (max-width: 768px) {
  .stats-item {
    min-width: 150px; /* 缩小最小宽度，适配小屏幕 */
  }
  .stats-item__number {
    font-size: var(--text-model-size); /* 缩小数字字体 */
  }
  .stats-item__desc {
    font-size: var(--text-modelsix-size); /* 缩小描述字体 */
  }
}
/* =================================核心优势与价值 */
.worth_container {
  padding: 20px;
}

/* 信息卡片通用样式：Flex 布局 */
.info-card {
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
  /*border: 1px solid #eee;*/
  border-radius: 6px;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);*/
  min-height: 150px;
  position: relative;
  min-height: 140px;
  /* overflow: hidden; 防止内容/装饰条溢出 */
}

/* 绿色装饰条通用样式 */
.info-card__decor {
  width: 300px;
  height: 180px;
  /* height: ; */
  background-color: var(--primary); /* 绿色装饰条颜色 */
  transform: translate(-10%, -10%);
}
.info-card__decor:nth-child(2) {
  position: absolute;
  right: -60px;
}
/* 卡片内容区通用样式 */
.info-card__content {
  background-color: #fff;
  position: absolute;
  min-height: 150px;
  z-index: 10;
  flex: 1;
  padding: 10px;
}
.info-card--right-decor .info-card__content {
    text-align: right;}
/* 卡片标题样式：绿色强调 */
.info-card__title {
  color:var(--primary);
  font-size: var(--text-modeltree-size);
  margin-bottom: 15px;
  font-weight: 600;
}

/* 卡片文本样式：灰色 + 行高优化 */
.info-card__text {
  font-size: var(--text-modelfive-size);
  color: #555;
  line-height: 1.2;
}

/* 文本内强调样式 */
.info-card__text strong {
  color: #333;
  font-weight: 600;
}

/* 移动端适配（屏幕 < 768px 时） */
@media (max-width: 768px) {
  .info-card {
    flex-direction: column; /* 装饰条与内容纵向堆叠 */
  }

  .info-card__decor {
    width: 100%;
    height: 8px; /* 装饰条改为“横向条” */
    display: none !important;
  }

  .info-card__content {
    padding: 20px 15px; /* 缩小内边距 */
  }

  .info-card__title {
    font-size: var(--text-modeltree-size); /* 缩小标题字体 */
  }

  .info-card__text {
    font-size: var(--text-modelfive-size); /* 缩小文本字体 */
  }
}
/* ==================================目标与展望 */
.outlook {
  min-height: 260px;
  display: flex;
  gap: 30px;
  padding: 30px;
  padding-bottom: 0;
  @media (max-width: 786px) {
    flex-direction: column;
}
}
.outlook_left {
  flex: 2;
  font-size: var(--text-modelfive-size);
  color: #888;
  line-height: 2.5;
}
.outlook_left span {
  color: #000;
}
.outlook_right {
  flex: 1;
  min-height: 260px;
  border: var(--primary) 2px solid;
  padding: 10px 0;
  transform: translateY(-15%);
      @media (max-width: 786px) {
   margin: 10px 0;
}
}
.outlook_right div {
  width: 100%;
  height: 100%;
   min-height: 260px;
  transform: translateX(-10%);

}
.outlook_right div img{
  width: 100%;
   /*min-height: 260px;*/

}