/* ======================================================= */
/* 1. 原 HTML 头部 <style> 标签中的样式（全局与Swiper等）  */
/* ======================================================= */

/* 全局字体设置为宋体 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span,
div,
nav,
.c-menu,
.c-page_title,
.webfont1 {
  /*font-family:
    "SimSun", "宋体", "Songti SC", "Noto Serif CJK SC",
    "Source Han Serif SC", serif !important;*/
}

/* 监控指示灯闪烁动画 */
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}

/* ===== Swiper 版心内满宽样式修正 ===== */
/* 确保轮播图所在的列和块级容器在版心内是 100% 宽 */
#bk80598725 .column,
#bk80598725 .c-none {
  width: 100% !important;
  display: block !important;
}

/* Swiper 容器填满父级版心 */
.swiper-container-custom {
  width: 100% !important;
  /*height: 768px;*/
  overflow: hidden;
  position: relative;
}

.swiper-container-custom .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover; /* 确保图片充满容器且不拉伸变形 */
  display: block;
}

/* 二级菜单基础样式支持 */
.c-menu li {
  position: relative;
}
.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  list-style: none;
  z-index: 999;
  min-width: 160px;
  text-align: center;
  border-radius: 4px;
}
.dropdown-menu li {
  width: 100%;
}
.dropdown-menu li a {
  display: block;
  padding: 8px 16px !important;
  color: #333333 !important;
  font-size: 14px;
  text-decoration: none;
  transition:
    background-color 0.2s,
    color 0.2s;
}
.dropdown-menu li a:hover {
  background-color: #ebf2e6;
  color: #4a6b32 !important;
}
/* 悬停显示二级菜单 */
.c-menu li:hover .dropdown-menu {
  display: block;
}

/* 新增：板块公共标题装饰样式 */
.section-divider-title {
  text-align: center;
  font-size: 20px;
  color: #4a6b32;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 50px 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.section-divider-title::before,
.section-divider-title::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 1px;
  background: radial-gradient(
    circle,
    #4a6b32 0%,
    rgba(255, 255, 255, 0) 100%
  );
}



/* 产品分类区域外框 */
.product-category-section {
  margin-bottom: 50px;
}

/* 分类标题图片容器 */
.category-title-container {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* 分类标题图片自适应及大小控制 */
.category-title-img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  width: 260px;
}

/* 列表容器弹性布局（若之前css未支持） */
.product-list-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

/* 移动端自适应高度适配 */
@media (max-width: 767px) {
  .swiper-container-custom {
    height: auto;
    aspect-ratio: 1200 / 768;
  }
  /* 移动端下二级菜单展开样式调整 */
  .dropdown-menu {
    position: static;
    transform: none;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.03);
    padding: 5px 0;
    margin-top: 5px;
  }
  .c-menu li:hover .dropdown-menu {
    display: block;
  }
}


/* ======================================================= */
/* 2. 原 HTML 页面主体区域提取出的行内样式                 */
/* ======================================================= */

/* 安全·营养·美味 模块 */
.feature-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 50px 0 50px; /* 保持与原标题一致的上下间距 */
}

.feature-title-img {
  width: 50%; /* 宽度占比缩小 */
  max-width: 500px; /* 限制最大宽度，防止在大屏上显得太大 */
  min-width: 180px; /* 限制最小宽度，防止在手机上缩得太小 */
  height: auto; /* 高度自适应，防止图片变形 */
  display: block;
}

.feature-list-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

/* 安全 */
.feature-item-safe {
  width: 100%;
  background: linear-gradient(135deg, #fcd373 0%, #f7eebe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 营养 */
.feature-item-nutrition {
  width: 100%;
  background: linear-gradient(135deg, #fad06c 0%, #f3e5ab 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

/* 美味 */
.feature-item-delicious {
  width: 100%;
  background: #f3f0e8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

/* 荣誉奖章 */
.feature-item-award {
  width: 100%;
  background: #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.feature-img-full {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* 产品展示 模块 */
/* .section-products-wrap {
  padding: 40px 20px 60px;
}

.product-list-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  padding: 0 120px;
} */

/* .product-item-box {
  flex: 1;
  min-width: 280px;
  aspect-ratio: 1 / 1;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  position: relative;
}

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

.product-placeholder-text {
  position: absolute;
  color: #999;
  font-size: 14px;
}


 */




/* 产品列表容器：在一行内水平排列，并支持响应式换行 */
.product-list-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(300px, 1fr));
  gap: 30px;                /* 产品卡片之间的间距 */         /* 屏幕过窄时自动换行 */
  margin: 40px auto;
  max-width: 1200px;
  padding: 0 15px;
}

/* 单个产品外盒子：使用 flex-direction: column 实现上下垂直排列 */
.product-item-box {
  display: flex;
  flex-direction: column;   /* 核心：子元素从上往下排 */
  align-items: center;      /* 左右居中对齐 */
  background-color: #fff;   /* 背景色 */
  border-radius: 8px;       /* 圆角 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* 阴影提升质感 */
  overflow: hidden;
  transition: transform 0.3s ease;
}

/* 鼠标悬停动效 */
.product-item-box:hover {
  transform: translateY(-5px);
}

/* 产品图片样式 */
.product-img {
  width: 100%;
  height: 200px;            /* 限制图片高度 */
  object-fit: cover;        /* 避免图片拉伸变形 */
  display: block;
}

/* 下方的产品名称样式 */
.product-name {
  padding: 15px 10px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align: center;       /* 文字水平居中 */
  width: 100%;
}