/* 确保banner内容可见 */
.indexbanner_bg_mid {
  position: relative;
  z-index: 10 !important;
}

/* 定义动画效果 */
.ani {
  opacity: 0;
  transition: all 0.5s ease;
}

/* 修复滑动容器高度 */
.swiper-container-banner {
  height: 65vh; /* 或您需要的高度 */
}

/* 确保内容不被覆盖 */
.cell_mid, .cell_h {
  position: relative;
  z-index: 20;
}


.row {
  display: flex;
}

.image-col, .news-col {
  float: left;
}

.news-item {
  height: 3.2em;
  line-height:3.2em;
  display: flex;
  align-items: center;
}

.bullet {
  width: 4%;
  text-align: center;
}

.news-item a {
  width: 96%;
}

.pagination {
  clear: both;
}

/* Clearfix for the row */
.row::after {
  content: "";
  display: table;
  clear: both;
}


    nav {
      width: 100%;
      height: 50px;

      display: flex;
      font-size: 1.2em;
      justify-content: space-around;
    }

    nav a {
      text-decoration: none; background-color: rgba(0, 128, 0, 1.0); 
      color: white;
      width: 11.1%;
      text-align: center;
      line-height: 3em;
      transition: background-color 0.3s ease;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      padding: 0 10px;
    }

    nav a:last-child {
      border-right: none;
    }

    nav a:hover {
      width: 11.1%;
      text-align: center;
      background-color: rgba(0, 128, 0, 0.8); 
      line-height: 3em;
      color: white;
      transition: background-color 0.3s ease;
      position: relative; /* 为了设置下划线的相对定位 */
    }

    nav a:hover::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 2px;
      background-color: #235223; /* 下划线的颜色 */
      transition: width 0.3s ease; /* 从左到右的过渡效果 */
    }

    nav a:hover::after {
      width: 100%; /* 鼠标悬停时，下划线宽度变为 100% */
    }