/* 添加自定义样式 */
.mb-20px {
  margin-bottom: 20px;
}

a {
  font-family: Arial, sans-serif; /* 更改字体为 Arial */
  text-decoration: none; /* 移除下划线 */
  color: #333; /* 修改: 将文字颜色改为深灰色 */
}
@media (max-width: 768px) {
  .display-4 {
      font-size:1.5rem;
      font-weight: normal;
  }
}
.navbar {
  --bs-navbar-active-color: #008a3d;
  --bs-navbar-hover-color: #008a3d;
}
nav.navbar {
  padding: 1rem 0rem;
}
.nav-item {
  margin-right: 20px; /* 增加每个菜单项之间的间隔 */
}

.btn-green {
  --bs-btn-color: #FFF;
  --bs-btn-hover-color: #FFF;
  --bs-btn-bg: #008a3d;
  --bs-btn-border-color: #008a3d;
  --bs-btn-hover-bg: #00b84d;
  --bs-btn-hover-border-color: #00b84d;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #008a3d;
  --bs-btn-active-border-color: #008a3d;
}

.container {
  max-width: 98%;
}
/* 添加鼠标悬停时显示二级菜单的样式 */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
}
}

/* 设置轮播广告图的高度为等比缩放 */
.carousel-item img {
    height: auto;
    object-fit: cover; /* 确保图片等比缩放并覆盖整个容器 */
}

/* 固定logo大小 */
.navbar-brand img {
    width: 206px; /* 设置logo宽度 */
    height: 50px; /* 设置logo高度 */
}

.bg-cf2 {
  background-color: #f2f2f2;
}

/* 新增自定义样式类 */
.custom-section {
  padding: 20px 0 0 0; /* 修改: 将左右内边距改为0，以适应全屏宽度 */
}

.custom-section h2 {
  margin-bottom: 20px;
  font-size: xxx-large;
  color: green;
  text-align: center; /* 新增: 将标题居中 */
}

.custom-section .d-flex {
  flex-direction: column; /* 新增: 将布局改为垂直排列 */
  align-items: center; /* 新增: 将内容居中 */
}
/* 新增样式：资讯标题和内容左边对齐 */
.news_model .card-body {
  padding: 25px;
  text-align: left; /* 修改: 将文本对齐方式改为左对齐 */
}
@media (min-width: 768px) {
  .news_model .card img {
    height: 410px;
  }
}
@media (max-width: 768px) {
  .news_model .card img {
    height: auto;
  }
}

/* 新增样式：资讯标题加粗并添加链接 */
.custom-section .card-body h5.card-title {
  margin-bottom: 1rem;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 使用省略号替代 */
}

.custom-section .card-body p.card-text {
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 使用省略号替代 */
}

.custom-section .card-body h5.card-title a {
  color: green; /* 修改: 将公司资讯和最新产品的标题字体颜色改为绿色 */
  text-decoration: none; /* 移除下划线 */
}

.custom-section .card-body h5.card-title a:hover {
  text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

/* 新增鼠标经过效果 */
.product-display .card:hover {
    transform: translateY(-5px); /* 卡片向上移动5px */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 增加阴影效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡 */
}
.product-display .card img:hover {
    opacity: 0.9; /* 图片透明度降低 */
    transition: opacity 0.3s ease; /* 平滑过渡 */
}

.custom-section .card-body h5.card-title a:hover {
    color: #00b84d; /* 鼠标悬停时标题颜色变为浅绿色 */
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}
.product-display .card-title {
  text-align: center;
  color: #008a3d;
}
.product-display .card {
  --bs-card-border-width: 0;
  margin: 0 0.7rem;
}
.product-display .row {
  margin: 0 15px;
}
.container .product-display {
  width: 95%;
}

/* 美化公司资讯模块 */
.custom-section ul {
  list-style-type: none; /* 去掉默认的列表样式 */
  padding: 0;
  margin: 0;
}

.custom-section ul li {
  background-color: #ffffff; /* 更改背景颜色 */
  border: 1px solid #e9ecef; /* 边框颜色改为更淡的颜色 */
  padding: 11px;
  margin-bottom: 10px;
  border-radius: 5px; /* 圆角 */
  transition: background-color 0.3s; /* 添加过渡效果 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.custom-section ul li:hover {
  background-color: #e9ecef; /* 鼠标悬停时的背景颜色 */
}

.custom-section ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; /* 确保元素为块级元素，以便宽度生效 */
    width: 100%; /* 确保元素宽度为100%，以便溢出隐藏生效 */
}

.product_category_section a {
  color: #333; /* 修改: 将文字颜色改为深灰色 */
}

.product_category_section a:hover {
    background-color: #bbbec1; /* 修改: 鼠标悬停时的背景颜色改为蓝色 */
}

/* 新增更多按钮样式 */
.more-button {
  margin-top: 20px; /* 新增: 调整按钮的顶部间距 */
  background-color: green;
  border-color: green;
}

footer.bg-green {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cdebd9), to(#fff));
  /* background: -webkit-linear-gradient(#cdebd9, #ffffff); */
  background: -moz-linear-gradient(#cdebd9, #fff);
  background: -ms-linear-gradient(#cdebd9, #fff);
  background: -o-linear-gradient(#cdebd9, #fff);
  /* background: linear-gradient(#cdebd9, #fff); */
}
footer.bg-green p {
  color: #333;
  margin-bottom: 0.5rem; /* 缩小每项的间距 */
}
footer.bg-green .contact-model p {
  margin-bottom: 0;
}
footer.bg-green .col-md-4.text-left {
    padding-left: 2rem; /* 增加左边距 */
    text-align: left; /* 确保内容靠左对齐 */
}

/* 新增联系信息图标样式 */
footer.bg-green .contact-model img {
  width: 32px; /* 修改图标宽度为32px */
  height: 40px; /* 修改图标高度为40px */
  margin-right: 0.5rem; /* 保持图标与文本之间的间距 */
}
footer.bg-green .ebs-model p {
  margin-top: 20px;
}

/* 新增产品分类全屏样式 */
.product-category-fullscreen {
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}

.product-category-fullscreen .card {
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.product-category-fullscreen .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.product-category-fullscreen .list-group {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  flex-direction: row; /* 修改: 将 flex-direction 改为 row 以水平排列 */
}

.product-category-fullscreen .list-group-item {
  border: none;
  background-color: transparent;
  border-radius: 5px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.product-category-fullscreen .list-group-item:hover {
  background-color: #f1f1f1;
  transform: translateY(-3px);
}

.product-category-fullscreen .list-group-item a {
  color: #333;
  font-size: 1.1rem;
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 500;
  display: block;
}
.product-category-fullscreen .list-group-item.active a {
  color: #008a3d;
}

.product-category-fullscreen .list-group-item a:hover {
  color: #008a3d;
}

.pagination {
  --bs-pagination-color: #008a3d;
  --bs-pagination-active-bg: #008a3d;
  --bs-pagination-active-border-color: #008a3d;
}

.page-detail .card, .page-detail .card-body {
  border: none;
}
.page-detail .card-header {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}
.page-detail .card-body img {
  max-width: 100%;
  height: auto;
}

.new-list-thumb {
  text-align: center;
}
.new-list-thumb img{
  width: 90%;
}

/* 新增样式：新闻内容最多显示3行，超出部分用省略号 */
.news-content {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 新增鼠标悬停效果 */
.container-list>.row:hover {
    background-color: #eceaea; /* 鼠标悬停时的背景颜色 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 增加阴影效果 */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡 */
}

.page-detail blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  unicode-bidi: isolate;
}