/* ===== 主导航：六大业务 + 关于我们 + 联系我们 ===== */
.header .header-3{ position: relative; z-index: 900;}
.header .header-3 .content .main-nav{ display: flex; justify-content: center; align-items: stretch;}
.header .header-3 .content .main-nav .nav-item{ position: relative; float: none; display: block;}
.header .header-3 .content .main-nav > a.nav-a,
.header .header-3 .content .main-nav .nav-item > a.nav-a{
  display: block; float: none; padding: 0 24px; height: 58px; line-height: 58px;
  font-size: 16px; color: #fff; text-align: center; position: relative; white-space: nowrap;
  transition: background .25s;
}
.header .header-3 .content .main-nav > a.nav-a:hover,
.header .header-3 .content .main-nav .nav-item:hover > a.nav-a,
.header .header-3 .content .main-nav .nav-item > a.nav-a.on{ background: #4f7825;}
.header .header-3 .content .main-nav a.nav-a:before{ display: none;}
.header .header-3 .content .main-nav .nav-dot{
  display: inline-block; width: 6px; height: 6px; border-radius: 50%;
  background: #ffd451; vertical-align: middle; margin-right: 6px; margin-top: -3px;
}

/* ===== 下拉面板（卡片式 · 单列） ===== */
.header .header-3 .content .main-nav .nav-drop{
  position: absolute; left: 50%; top: 58px; transform: translateX(-50%) translateY(8px);
  width: 240px; background: #fff; border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0,0,0,.16); border: 1px solid #eee;
  padding: 0; opacity: 0; visibility: hidden;
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
  z-index: 9999;
}
.header .header-3 .content .main-nav .nav-item:hover .nav-drop{
  opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}
/* 小三角 */
.header .header-3 .content .main-nav .nav-drop .drop-arrow{
  position: absolute; top: -7px; left: 50%; margin-left: -7px;
  width: 14px; height: 14px; background: #fff;
  border-left: 1px solid #eee; border-top: 1px solid #eee;
  transform: rotate(45deg);
}
.header .header-3 .content .main-nav .nav-drop .drop-inner{ padding: 10px 8px 8px; border-radius: 10px; background: #fff;}
.header .header-3 .content .main-nav .nav-drop .drop-list{ display: block; padding: 0 4px;}
.header .header-3 .content .main-nav .nav-drop .drop-a{
  display: flex; align-items: center; width: 100%; box-sizing: border-box;
  padding: 0 10px; height: 40px; line-height: 40px;
  color: #444; font-size: 14px; text-align: left; white-space: nowrap;
  border-radius: 6px; transition: all .2s;
}
/* h_hr 分隔线：竖线放在文字前面 */
.header .header-3 .content .main-nav .nav-drop .drop-a .h-hr{
  display: inline-block; width: 2px; height: 13px; background: #c9d6b8;
  margin-right: 10px; flex: none; transition: all .2s;
}
.header .header-3 .content .main-nav .nav-drop .drop-a:hover{
  background: #669934; color: #fff; transform: translateY(-1px);
}
.header .header-3 .content .main-nav .nav-drop .drop-a:hover .h-hr{ background: #ffd451; width: 3px;}
.header .header-3 .content .main-nav .nav-drop .drop-all{
  display: block; margin: 10px 4px 2px; padding: 8px 12px;
  border-top: 1px dashed #eee; color: #669934; font-size: 13px; text-align: center;
}
.header .header-3 .content .main-nav .nav-drop .drop-all:hover{ background: #f3f7ee; border-radius: 6px;}

@media (max-width: 768px){
  .header .header-3 .content .main-nav{ overflow-x: auto; justify-content: flex-start;}
  .header .header-3 .content .main-nav .nav-drop{ display: none !important;}
}