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

/* 头部容器基础样式 */
.header-container {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 15px 0;
     position: relative;
    transition: all 0.3s ease;
    z-index: 999;
}

/* 桌面端导航基础样式 */
.main-nav .nav {
  position: relative; /* 为下拉菜单提供定位参考 */
}

.main-nav .nav-item {
  position: relative; /* 每个菜单项作为下拉菜单的定位父级 */
}

/* 桌面端下拉菜单容器样式 */
.main-nav .dropdown-menu {
  position: absolute;
  top: 100%; /* 紧贴菜单项底部 */
  left: 0;   /* 与菜单项左对齐 */
  min-width: 160px; /* 下拉菜单最小宽度（可自定义） */
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 4px; /* 圆角优化 */
  padding: 8px 0;
  margin-top: 0; /* 取消默认间距 */
  display: none; /* 默认隐藏 */
  border: 1px solid #eee; /* 边框优化 */
  z-index: 1000; /* 确保在最上层 */
  
  
}

/* 鼠标悬停/下滑时显示下拉菜单 */
.main-nav .nav-item:hover .dropdown-menu {
  display: block;
  animation: fadeIn 0.2s ease-in-out; /* 淡入动画（可选） */
}

/* 下拉菜单项样式优化 */
.main-nav .dropdown-item {
  padding: 8px 16px;
  color: #333;
  text-decoration: none;
  white-space: nowrap; /* 防止文字换行 */
}

.main-nav .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #000;
}

/* 禁用Bootstrap默认的点击触发（仅保留悬停） */
.main-nav .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* 淡入动画（可选） */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 搜索框样式保留（无需修改） */
.search-box {
  display: none;
  top: 100%;
  right: 0;
  width: 280px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 1000;
}

/* 移动端菜单样式保留 */
.offcanvas-body .collapse {
  margin-left: 10px;
}
.offcanvas-body .dropdown-toggle {
  cursor: pointer;
}
/* 头部内容宽度90% */
.header-content {
    width: 90%;
}
.logo img{max-width:100%;height:auto;}
/* Logo样式 */
.logo-text {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

/* 主导航样式 */
.main-nav .nav-link {
    color: #333;
    font-size: 16px;
    text-decoration: none;
    padding: 8px 0;
    position: relative;
}

.main-nav .nav-link:hover {
    color: #28a745; /* 绿色主色 */
}

/* 二级下拉菜单样式 */
.dropdown-menu {
    width: 100%;
    top: 100%;
    left: 0 !important;
    background-color: #fff !important; /* 白色背景 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.dropdown-item {
    color: #333 !important; /* 黑色文字 */
    padding: 12px 20px;
    border-bottom: 1px solid #f5f5f5;
}
.btn-outline-dark{border-radius:50%}
.dropdown-item:hover {
    background-color: #28a745 !important; /* 绿色背景 */
    color: #fff !important; /* 白色文字 */
}

/* 搜索框样式 */
.search-wrapper {
    z-index: 1000;
}

.search-box {
    display: none;
    top: 120%;
    right: 0;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    width: 280px;
}

.search-box.show {
    display: flex;
    gap: 8px;
}

/* 头部固顶样式 */
.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background-color: #fff !important;
}

/* 移动端导航样式 */
.offcanvas-body a {
    color: #333;
    text-decoration: none;
}

.offcanvas-body a:hover {
    color: #28a745;
}



/* =======================
   Banner 轮播 通栏样式
======================== */
.banner-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 99;
}

#mainBanner {
  position: relative;
  height: 600px;
}
@media (max-width: 991px) {
  #mainBanner {
    height: 500px;
  }
}
@media (max-width: 767px) {
  #mainBanner {
    height: 420px;
  }
}

/* 图片撑满、居中、不变形 */
.banner-item {
  width: 100%;
  height: 600px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 991px) {
  .banner-item {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .banner-item {
    height: 420px;
  }
}

/* 图片上层半透明遮罩（保证文字清晰） */
.banner-item::after {
  content: "";
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(0,0,0, 0.25);
  z-index: 1;
}

/* 文字内容：垂直居中、左侧定位 */
.banner-content {
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}

.banner-text {
  color: #fff;
}
.banner-text .slogan-small {
  font-size: 18px;
  margin-bottom: 8px;
  opacity: 0.9;
}
.banner-text .banner-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px;
  color: #fff;
}
.banner-text .banner-en {
  font-size: 24px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  color: #fff;
}
@media (max-width: 991px) {
  .banner-text .banner-title {
    font-size: 32px;
  }
  .banner-text .banner-en {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .banner-text .banner-title {
    font-size: 26px;
  }
}

/* 了解更多按钮 */
.btn-banner-more {
  padding: 12px 30px;
  background-color: #fff;
  color: #000;
  border: none;
  border-radius: 0;
  font-weight: 500;
  transition: all 0.3s;
}
.btn-banner-more:hover {
  background-color: #28a745;
  color: #fff;
}

/* =======================
   轮播控制：左下角横排：← 圆点 →
======================== */
.banner-controls {
  position: absolute;
  left: 15%;    /* 容器整体水平居中第一步：左边缘移到父容器50%位置 */
  bottom: 0px;  /* 保留你原有的bottom值，如需调整可自行修改 */
  transform: translateX(-50%); /* 容器整体水平居中第二步：左移自身50%宽度 */
  z-index: 3;
  display: flex;
  align-items: center; /* 内部元素垂直居中 */
  justify-content: center; /* 内部元素水平居中（核心） */
  /*background-image: url('../images/dotbg.png');*/
  background-size: 100% 100%; /* 背景图片100%覆盖容器 */
  background-repeat: no-repeat;
  background-position: center;
  width: 594px;   /* 保留你原有的固定宽度 */
  height: 99px;   /* 保留你原有的固定高度 */
  gap: 12px;
}

/* 指示器圆点 */
#mainBanner .carousel-indicators {
  position: static;
  margin: 0;
  display: flex;
  gap: 8px;
}
#mainBanner .carousel-indicators button {
  width: 10px; height: 10px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.5);
  border: none;
}
#mainBanner .carousel-indicators button.active {
  background-color: #000;
}

/* 左右箭头 */
#mainBanner .carousel-control-prev,
#mainBanner .carousel-control-next {
  position: static;
  width: auto;
  height: auto;
  opacity: 0.8;
}
#mainBanner .carousel-control-prev:hover,
#mainBanner .carousel-control-next:hover {
  opacity: 1;
}
#mainBanner .carousel-control-prev-icon,
#mainBanner .carousel-control-next-icon {
  width: 24px; height: 24px;
  color: #000;
  filter: brightness(0) invert(1); /* 白色箭头 */
}
.product-list-section .product-card img{margin-bottom:10px}
.product-list-section .card-line {text-align:center; height:20px} 
.product-list-section .card-line a{color:#000;  line-height:30px text-align:center} 
.product-list-section .card-line a:link{text-decoration:none; text-align:center}
/* =======================
   全国营销网络 - 通栏样式
======================== */
.network-section {
  position: relative;
  width: 100%;

  /* 通栏背景（可自行修改颜色/图片） */
  background-image: url('../images/aboutbg.png');
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 60px 0;
  overflow: hidden;
}

/* 左上角文字定位 */
.network-text {
  position: absolute;
  top: 0;
  left: 5%; /* 与前面Banner控制区左侧对齐，整体更协调 */
  z-index: 2;
}

.network-title {
  font-size: 28px;
  font-weight: 700; /* 加粗 */
  color: #333;
  margin-bottom: 8px;
}

.network-desc {
  font-size: 16px;
  color: #666;
  margin: 0;
}

/* 地图容器：水平居中 */
.network-map-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 400px; /* 保证区域高度，地图垂直居中 */
  padding-top: 20px;
}

/* 地图图片：限制最大宽度，避免过大，保持比例 */
.network-map {
  max-width: 800px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* =======================
   响应式适配（手机/平板）
======================== */
@media (max-width: 991px) {
  .network-section {
    padding: 50px 0;
  }
  .network-title {
    font-size: 24px;
  }
  .network-map {
    max-width: 700px;
  }
}

@media (max-width: 767px) {
  .network-text {
    position: static; /* 移动端取消绝对定位，避免遮挡 */
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px;
  }
  .network-map-wrapper {
    min-height: auto;
  }
  .network-map {
    max-width: 90%;
  }
}


/* =======================
   关于我们 - 通栏样式
======================== */
.about-us-section {
  width: 100%;
   background-image: url('../images/aboutbg2.png');
  padding: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* 左右分栏基础布局 */
.about-text-wrapper {
  padding: 80px 5%; /* 左右留白，与前序模块视觉统一 */
}

.about-img-wrapper {
  padding: 0; /* 左右留白，与前序模块视觉统一 */
}

/* 左侧文字容器：保证内边距和排版 */
.about-text-inner {
  max-width: 600px;
  width: 100%;
}

/* 标题样式 */
.about-title {
  font-size: 28px;
  font-weight: 700; /* 加粗 */
  color: #fff;
  margin-bottom: 12px;
}

/* 副标题（简介） */
.about-subtitle {
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
}

/* 详细介绍文本 */
.about-desc {
  font-size: 15px;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 40px;
}

/* 查看详情按钮：白色圆角 */
.about-detail-btn {
  padding: 12px 36px;
  background-color: #fff;
  color: #333;
  border: 1px solid #eee;
  border-radius: 50px; /* 圆角 */
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.about-detail-btn:hover {
  background-color: #28a745; /* 与导航/按钮hover色统一 */
  color: #fff;
  border-color: #28a745;
}

/* 右侧图片：垂直居顶 + 自适应 */
.about-img-wrapper {
  display: flex;
  align-items: flex-start; /* 垂直居顶 */
  justify-content: center;
}
.about-img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px; /* 可选：图片圆角，提升质感 */
}

/* =======================
   响应式适配（手机/平板）
======================== */
@media (max-width: 991px) {
  .about-us-section {
    padding: 60px 0;
  }
  .about-title {
    font-size: 24px;
  }
  .about-text-wrapper {
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .about-img-wrapper {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .about-us-section {
    padding: 40px 0;
  }
  .about-detail-btn {
    padding: 10px 30px;
    font-size: 14px;
  }
  .about-desc {
    margin-bottom: 30px;
  }
}

/* =======================
   新闻中心 - 通栏样式（修改版）
======================== */
.news-center-section {
  width: 100%;
  background-color: #f9f9f9;
     background-image: url('../images/newsbg.png');
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

/* 左侧20%布局 */
.news-left-wrapper {
  padding: 0 5%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.news-title {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
}

.news-subtitle {
  font-size: 16px;
  color: #666;
  margin-bottom: auto;
}

/* 左右切换按钮 */
.news-controls {
  display: flex;
  gap: 12px;
  margin-top: 40px;
}

.news-control-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 18px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
}

.news-control-btn:hover {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

/* 右侧80%布局 */
.news-right-wrapper {
  padding: 0 2%;
}

.news-slider {
  overflow-x: auto;
  scrollbar-width: none; /* 隐藏滚动条 */
  -ms-overflow-style: none;
}

.news-slider::-webkit-scrollbar {
  display: none;
}

.news-cards {
  display: flex;
  gap: 30px;
  padding: 10px 0;
  width: max-content; /* 自适应内容宽度 */
}

/* 新闻卡片样式 - 核心修改 */
.news-card {
  width: 284px;
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease; /* 增加所有属性过渡 */
}

/* 鼠标滑过卡片的交互 */
.news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

/* 日期默认灰色，hover变紫色 */
.news-date {
  margin-bottom: 16px;
}
.date-day {
  font-size: 32px;
  font-weight: 700;
  color: #999; /* 默认灰色 */
  display: block;
  transition: color 0.3s ease;
}
.date-month {
  font-size: 14px;
  color: #999; /* 默认灰色 */
  transition: color 0.3s ease;
}
/* hover时日期变色 */
.news-card:hover .date-day,
.news-card:hover .date-month {
  color: #d936a7; /* 紫色 */
}

/* 标题默认灰色，hover变紫色 */
.news-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #999; /* 默认灰色 */
  margin-bottom: 16px;
  line-height: 1.4;
  transition: color 0.3s ease;
}
.news-card:hover .news-card-title {
  color: #d936a7; /* 紫色 */
}

/* 图片容器默认隐藏，hover显示 */
.news-card-img {
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
  display: none; /* 默认隐藏图片 */
  transition: display 0.3s ease;
}
/* hover时显示图片 */
.news-card:hover .news-card-img {
  display: block;
}
.news-card-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* 简介文本样式 */
.news-card-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 查看详情链接 */
.news-card-link {
  font-size: 14px;
  color: #999; /* 默认灰色 */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.news-card:hover .news-card-link {
  color: #d936a7; /* hover变紫色 */
}
.news-card-link:hover {
  color: #28a745; /* 点击hover变绿色 */
}

/* =======================
   响应式适配
======================== */
@media (max-width: 991px) {
  .news-center-section {
    padding: 60px 0;
  }
  .news-left-wrapper {
    padding: 0 15px;
    margin-bottom: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .news-controls {
    margin-top: 0;
  }
  .news-right-wrapper {
    padding: 0 15px;
  }
  .news-card {
    width: 320px;
  }
}

@media (max-width: 767px) {
  .news-title {
    font-size: 24px;
  }
  .news-card {
    width: 280px;
    padding: 20px;
  }
  .news-card-img img {
    height: 160px;
  }
}

/* =======================
   Footer 通栏样式（修改版）
======================== */
.footer-section {
  width: 100%;
  /*background-image: url('../images/footer.png');*/
  /*background: linear-gradient(135deg, #8b2ab8 0%, #4a148c 100%);*/
  background-size: 100% 100%;
  color: #000;
  padding-top: 0px;
}

/* 上部分 */
.footer-top {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

.contact-info {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: rgba(255,255,255,0.9);
}


.fl{float:left;}
.fr{float:right;}
.contact-info .col img{max-width:50%; height:auto}

.contact-info ul li{color:#000}
.contact-info ul li a{color:#000}
.contact-info ul li a:link{color:#000}
.contact-info ul li a:hover{color:#000}
.separator {
  color: rgba(255,255,255,0.5);
}

.social-icons {
  display: flex;
  gap: 16px;
}

.social-icon {
  font-size: 20px;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  transition: color 0.3s ease;
}

.social-icon:hover {
  color: #28a745;
}

/* 中部分：5列平均分布核心样式 */
.footer-middle {
  padding: 15px 0;
}
.footer-middle p{
  font-size: 14px;
}



/* 关键：让row下的5列完全平均分布 */
.footer-middle-row {
  display: flex;
  justify-content: space-between; /* 两端对齐，列间距均匀 */
  width: 100%;
}

/* 每列宽度一致，自适应平均分配 */
.footer-col {
  flex: 1; /* 核心：每列等分可用空间 */
  max-width: none; /* 取消Bootstrap默认max-width限制 */
  padding: 0 15px; /* 列内边距，避免内容挤在一起 */
  min-width: 120px; /* 最小宽度，防止小屏列太窄 */
}

.footer-col img{
  
  max-width: 100%; /* 取消Bootstrap默认max-width限制 */
  height: auto;
 
}

.footer-col p{text-align:center; height:30px; font-size:14px; line-height:30px}

.footer-col-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}

.footer-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-link-list li {
  margin-bottom: 5px;
  font-size: 14px;
}

.footer-link-list a {
  color: rgba(0,0,0,0.7);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.footer-link-list a:hover {
  color: #28a745;
}

/* 下部分：版权信息 */
.footer-bottom {
  padding: 20px 0;
  border-top: 1px solid rgba(0,0,0,0.15);
}

.copyright-text {
  font-size: 14px;
  color: rgba(0,0,0,);
  margin: 0;
}

/* 响应式适配 */
@media (max-width: 991px) {
  .footer-middle-row {
    flex-wrap: wrap; /* 大屏平均分布，中屏自动换行 */
    justify-content: center; /* 换行后居中 */
  }
  .footer-col {
    flex: 0 0 calc(20% - 10px); /* 中屏仍尽量5列，间距均匀 */
    margin-bottom: 20px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .contact-info {
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
  }
  .footer-top .row {
    flex-direction: column;
    align-items: center;
  }
  /* 小屏改为2列分布，保证可读性 */
  .footer-col {
    flex: 0 0 calc(50% - 10px);
  }
}

@media (max-width: 575px) {
  /* 超小屏改为1列分布 */
  .footer-col {
    flex: 0 0 50%;
  }
}


/* =======================
   信息反馈页面专属样式
======================== */
.feedback-section {
    background-color: #f9f9f9;
}

/* 左侧标题 */
.feedback-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    border-bottom: 2px solid #28a745;
    padding-bottom: 10px;
    display: inline-block;
}

/* 表单样式 */
.feedback-form {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.feedback-form .form-label {
    color: #555;
    font-weight: 500;
    margin-bottom: 8px;
}

.feedback-form .form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.feedback-form .form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    outline: none;
}

/* 按钮样式 */
.feedback-btn-group {
    margin-top: 10px;
}

.btn-confirm {
    padding: 10px 30px;
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.btn-confirm:hover {
    background-color: #218838;
    color: #fff;
}

.btn-reset {
    padding: 10px 30px;
    background-color: #fff;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-reset:hover {
    background-color: #f5f5f5;
    border-color: #ccc;
}

/* 右侧图片容器（居顶垂直居中） */
.feedback-right {
    display: flex;
    align-items: flex-start; /* 居顶 */
    justify-content: center; /* 水平居中 */
    height: 100%;
}

.feedback-img-wrapper {
    width: 100%;
    max-width: 400px; /* 限制图片最大宽度 */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.feedback-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 响应式适配 */
@media (max-width: 991px) {
    .feedback-title {
        font-size: 24px;
    }
    .feedback-form {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .feedback-right {
        margin-top: 30px;
        align-items: center;
    }
    .feedback-btn-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .btn-reset {
        margin-left: 0 !important;
    }
}

/* 内页普通通栏 Banner */
.inner-banner {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.inner-banner-bg {
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.inner-banner-bg::after {
  content: '';
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.3); /* 压暗方便看文字 */
  z-index: 2;
}
.inner-banner-content {
  position: relative;
  z-index: 3;
  height: 280px;
  display: flex;
  align-items: center; /* 垂直居中 */
}
.inner-banner-content h1 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

@media (max-width: 767px) {
  .inner-banner,
  .inner-banner-content {
    height: 200px;
  }
  .inner-banner-content h1 {
    font-size: 24px;
  }
}

/* 内页普通通栏 Banner */
.inner-banner {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.inner-banner-bg {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.inner-banner-bg::after {
  content: '';
  position: absolute;
  left:0; top:0;
  width:100%; height:100%;
  background: rgba(0,0,0,0.3);
  z-index: 2;
}
.inner-banner-content {
  position: relative;
  z-index: 3;
  height: 280px;
  display: flex;
  align-items: center;
}
.inner-banner-content h1 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

/* 新闻列表主体 */
.news-list-section {
  background: #f9f9f9;
}
.news-list-title {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  border-bottom: 2px solid #28a745;
  padding-bottom: 10px;
  display: inline-block;
}

/* 新闻项目 */
.news-item {
  background: #fff;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.news-item-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}

.news-item-title a{
  color: #000;
}

.news-item-title a:link{
  color: #000;
  text-decoration: none;
}



.news-item-title a:hover{
  color: #ff0000;
  text-decoration: none;
}



.news-item-desc {
  font-size: 15px;
  line-height: 1.8;
  color: #666;
  text-align: left;
}

/* 右侧图片（居顶、垂直居中） */
.news-list-right {
  display: flex;
  align-items: flex-start; /* 居顶 */
  justify-content: center;
}
.news-sidebar-img {
  width: 100%;
  max-width: 400px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* 移动端适配 */
@media (max-width:767px) {
  .inner-banner, .inner-banner-content { height:200px; }
  .inner-banner-content h1 { font-size:24px; }
  .news-list-right { margin-top:30px; }
}


/* 左侧产品栏目（多行1列 + 底部细线） */
.product-cat-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cat-item {
  border-bottom: 1px solid #eee; /* 核心：添加底部细线 */
  padding-bottom: 8px; /* 文字与细线间距 */
}
.cat-item a {
  font-size: 16px;
  color: #333;
  text-decoration: none;
  padding: 8px 0; /* 去掉左右padding，避免细线被遮挡 */
  background: transparent; /* 取消默认白色背景，更适配细线风格 */
  border-radius: 4px;
  display: block;
  transition: 0.3s;
}
.cat-item a:hover {
  color: #28a745; /* hover仅变文字色，更简洁 */
  background: transparent; /* 取消hover背景色，突出细线 */
}


.inner-banner-content {
    position: relative;
    z-index: 3;
    height: 280px;
    display: flex;
    align-items: center;
}
.inner-banner-content h1 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

/* 联系我们主体样式 */
.contact-section {
    background-color: #f9f9f9;
}

/* 左侧标题 */
.contact-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    border-bottom: 2px solid #28a745;
    padding-bottom: 10px;
    display: inline-block;
}

/* 左侧联系内容 */
.contact-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    margin-top: 10px;
}
.contact-text {
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 20px;
}
.contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-info-list li {
    font-size: 15px;
    color: #555;
    margin-bottom: 12px;
    line-height: 1.6;
    padding-left: 5px;
    border-left: 2px solid #eee;
    padding-left: 10px;
}
.contact-info-list li strong {
    color: #333;
    font-weight: 600;
}

/* 右侧图片（垂直居中） */
.contact-right {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
}
.contact-img-wrapper {
    width: 100%;
    max-width: 450px; /* 限制图片最大宽度 */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.contact-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 响应式适配 */
@media (max-width: 991px) {
    .contact-title {
        font-size: 24px;
    }
    .contact-content {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .inner-banner, .inner-banner-content {
        height: 200px;
    }
    .inner-banner-content h1 {
        font-size: 24px;
    }
    .contact-right {
        margin-top: 30px;
    }
}


/* 关于我们 主体样式 */
/* 全局锁定90%宽度容器居中 */
.about-container {
    width: 90% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.about-section {
    background: #f9f9f9;
}
.about-content-wrap {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}
/* 主标题 企业简介+英文 */
.about-main-title {
    font-size: 30px;
    font-weight: 700;
    color: #222;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 2px solid #28a745;
    padding-bottom: 10px;
    display: inline-block;
}
.about-main-title span {
    font-size: 22px;
    color: #666;
    font-weight: 400;
}

/* 顶部企业形象图（原右侧图片） */
.about-top-img img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

/* 6图标模块样式 */
.about-icon-group {
    margin: 0 auto;
    max-width: 90%;
}
.about-icon-group .icon-box {
    background: #f8f9fa;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.icon-box img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    object-fit: contain;
}
.icon-txt {
    font-size: 12px;
    color: #333;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1.3;
}

/* 正文通用样式 */
.about-text p {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 15px;
    text-align: left;
}

/* 厂区图片 */
.about-img img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

/* 子标题 圆点样式 */
.about-sub-title {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}
.about-sub-title h3 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin: 0;
}
.blue-dot::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #1677ff;
    border-radius: 50%;
    display: inline-block;
}
.yellow-dot::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #f5ba00;
    border-radius: 50%;
    display: inline-block;
}

/* 强体系 圆形标签 */
.strong-system-tag span {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-color: #06b8a2;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    box-shadow: 0 3px 10px rgba(6,184,162,0.3);
}

/* 响应式适配 */
@media (max-width: 767px) {
    .inner-banner {
        height: 200px;
    }
    .inner-banner-content h1 {
        font-size: 24px;
    }
    .about-content-wrap {
        padding: 20px;
    }
    .about-main-title {
        font-size: 24px;
    }
    .about-icon-group .col-2 {
        flex: 0 0 33.333%;
        margin-bottom: 15px;
    }
    .about-top-img img, .about-img img {
        max-height: 250px;
    }
    .strong-system-tag span {
        width: 100px;
        height: 100px;
        font-size: 24px;
        line-height: 100px;
    }
}


/* 6图标模块样式 */
.about-icon-group .icon-box {
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.icon-box img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    object-fit: contain;
}
.icon-txt {
    font-size: 12px;
    color: #333;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1.3;
}

/* 正文通用样式 */
.about-text p {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 15px;
    text-align: left;
}
/* 厂区图片 */
.about-img img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

/* 子标题 圆点样式 还原图片 */
.about-sub-title {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}
.about-sub-title h3 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin: 0;
}
/* 蓝色圆点 团队精神/服务理念 */
.blue-dot::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #1677ff;
    border-radius: 50%;
    display: inline-block;
}
/* 黄色圆点 文化创新 */
.yellow-dot::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #f5ba00;
    border-radius: 50%;
    display: inline-block;
}

/* 强体系 圆形标签 还原图片 */
.strong-system-tag {
    margin-top: 30px;
    text-align: right;
}
.strong-system-tag span {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-color: #06b8a2;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    box-shadow: 0 3px 10px rgba(6,184,162,0.3);
}

/* 右侧图片样式 */
.about-sidebar-img {
    width: 100%;
    max-width: 420px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}
.about-sidebar-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 响应式适配 */
@media (max-width:767px) {
    .inner-banner, .inner-banner-content {
        height: 200px;
    }
    .inner-banner-content h1 {
        font-size: 24px;
    }
    .about-main-title {
        font-size: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .about-icon-group .col-2 {
        flex: 0 0 33.333%;
        margin-bottom: 15px;
    }
    .about-right {
        margin-top: 20px;
    }
    .strong-system-tag {
        text-align: center;
    }
}

    /* 通栏 Banner */
    .product-detail-banner {
      width: 100%;
      height: 280px;
    }
    .product-detail-banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 主体容器 90% 居中 */
    .product-detail-main {
      width: 90%;
      margin: 0 auto;
      padding: 80px 0;
    }

    /* 产品上下分隔横线 */
    .product-divider {
      width: 100%;
      height: 1px;
      background-color: #eee;
      margin: 50px 0;
    }

    /* 产品第一行：左图 + 右(标题+简介各一行) */
    .product-top {
      margin-bottom: 0;
    }
    .product-img {
      text-align: center;
    }
    .product-img img {
      max-width: 100%;
      border-radius: 8px;
      /*box-shadow: 0 3px 15px rgba(0,0,0,0.07);*/
    }
    .product-info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
    }
    .product-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #333;
      text-align: center;
      margin-bottom: 20px;
    }
    .product-desc {
        padding-top:1rem;
      font-size: 1.2rem;
      line-height: 1.2;
      color: #666;
    }

    /* 产品详情第二行 */
    .product-detail-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #333;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid #009688;
      display: inline-block;
    }
    .product-content {
      font-size: 1rem;
      line-height: 1.9;
      color: #555;
      margin-bottom: 60px;
      text-align: justify;
    }
    .product-content p {
      margin-bottom: 18px;
    }

    /* 相关产品：横向滚动 一行4个 + 左右切换 */
    .related-wrap {
      position: relative;
      margin-top: 20px;
    }
    .related-title {
      font-size: 1.4rem;
      font-weight: 600;
      margin-bottom: 30px;
      color: #333;
    }
    .related-slider {
      overflow: hidden;
    }
    .related-list {
      display: flex;
      transition: transform 0.3s ease;
      gap: 20px;
    }
    .related-item {
      min-width: calc(25% - 15px);
      text-align: center;
    }
    .related-item img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 6px;
      margin-bottom: 12px;
    }
    .related-name {
      font-size: 0.95rem;
      color: #333;
      line-height: 1.4;
    }
    /* 滚动按钮 */
    .slide-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #009688;
      color: #fff;
      border: none;
      font-size: 18px;
      cursor: pointer;
      z-index: 9;
    }
    .slide-prev {
      left: -20px;
    }
    .slide-next {
      right: -20px;
    }

    /* 隐藏滚动条 */
    .related-slider::-webkit-scrollbar {
      display: none;
    }

    /* 响应式 */
    @media (max-width: 991px) {
      .related-item {
        min-width: calc(33.333% - 14px);
      }
    }
    @media (max-width: 768px) {
      .product-detail-main {
        width: 95%;
        padding: 40px 0;
      }
      .product-divider {
        margin: 30px 0;
      }
      .product-info {
        margin-top: 30px;
      }
      .related-item {
        min-width: calc(50% - 10px);
      }
      .slide-prev { left: 0; }
      .slide-next { right: 0; }
    }
    
    
    
    /*首页顶部*/
    
.top{height: 30px;background-color: #f8f8f8;width: 100%;}
.top .user{float:right;}
.top .user a{float: left;line-height: 30px;font-size: 14px;color: #999;margin: 0 8px}

.bg_header{background:#030408;height:70px;}
.bg_gray{background:#fff;padding:20px 0 40px 0;}
.width{width:1200px;margin:0 auto;}
.width_home{width:100%;height:400px;margin:0 auto;background:#009a4c url(../img/about_bg.jpg);}
.width_gray{width:100%;height:560px;margin:0 auto;background:#009a4c url(../img/indexqebg.jpg);}
.width2{height:100px;position: inherit;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);z-index: 999;background: url("../img/bg-01.jpg")}
.header{min-height:150px;}
.header .fr{min-height:100px;padding:0px 0 0 0px;}
.header .fr span{margin:0;padding:0 0 0 40px;float:left;}
.header .fr span a{font-size:18px;color:#666;display:block;float:none;margin:0;}
.header .fr .tel{font-size: 24px;color: #353535;font-weight: bold;border-bottom:1px solid #666;}
.header .fr img{min-height:auto;padding:0px 0 0 0px;}
.bg_nav{background:#98218a;}
.nav{list-style:none;margin:0;padding:0;}
.nav li{display:inline-block;padding:0;position:relative;}
.nav li a{display:block;padding:15px 25px;color:#fff;font-size:15px;text-decoration: none;}

.nav li a:hover{background:#6db446;color:#fff;}
.nav .hover a{color:#fff;background:#6db446;}
.nav li .subnav{position:absolute;width: 210px; background:#fff;padding:0px 0 0 0;border:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;/*border-radius:10px 10px 0 0;*/left:-45px;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,10px,0);}
.nav li .subnav:after{content:'';display:block;width:0;height:0;position:absolute;top:0;right:45%;}
.nav li .subnav li{position: relative;display:block;margin:0;float: left;width: 250px;overflow: hidden;text-align: left;}
.nav li .subnav a{padding-top:8px;padding-bottom:8px;}
.nav li .subnav li a{color:#fff;white-space:nowrap;border-radius:0;padding: 6px 2px 6px 20px;border-bottom:1px solid #f3f3f3;font-size:15px;}
.nav li .subnav li a:hover{color:#fff;}
.nav li:hover a{background:#4a549c;}
.nav li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible;}
.nav li:hover .subnav a{background:#fff;color:#333;font-size:14px;}
.nav li:hover .subnav a:hover{background:#4a549c;color:#fff;}
.nav li .subnav li .subnav2{position:absolute;text-align: left;background:#fff;border:1px solid #f3f3f3;border-bottom:0px;right:-202px;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;}
.nav li .subnav li:hover .subnav2{opacity:1;visibility:visible;}
.nav .fl form{margin-top:8px;}
.nav .fl form input[type=text]{border:1px solid #4a549c;width:430px;}
.nav .fl form input[type=submit]{border:1px solid #4a549c;background:#4a549c;color:#fff;padding:6px 15px;}


.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}