#newNavBoard {
  width: 100%;
  height: 130px;
  background: #b01f24;
}
#newNav {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  overflow: visible; /* 新增：防止导航栏内容溢出 */
}

#newNav .cont {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 60px; /* 导航栏高度 */
  
}
/* 导航主菜单容器 */
.new-nav-wrap {
  display: flex;
  gap: 15px; /* 菜单项间距 */
}

/* 主菜单项样式 */
.new-nav-item {
  position: relative; /* 为下拉菜单定位做准备 */
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 104px;}

.new-nav-item > a {
  color: #333333; /* 主菜单文字颜色 */
  font-size: 18px;
  /*font-weight: 500;*/
  transition: color 0.3s ease;
}


/* 主菜单 hover 效果 */
.new-nav-item:hover {
  background-color: #b01f24; /* 鼠标悬停背景色 */
}

.new-nav-item:hover > a {
  color: #ffffff; /* 鼠标悬停文字颜色 */
}

/* 下拉菜单容器样式 */
.new-nav-child {
  position: absolute;
  top: 100%; /* 紧贴主菜单底部 */
  left: 0;
/*   width: 100px; 下拉菜单宽度 */
  width: max-content; 
  /* 3. 设置最小/最大宽度，保证美观（可根据需求调整） */
  min-width: 102px; /* 最少宽度，避免文字太少时太窄 */
  max-width: 300px; /* 最多宽度，避免文字太多时太宽 */
  background-color: #b01f24;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  z-index: 9999; /* 确保下拉菜单在最上层 */
}

/* 下拉菜单项样式 */
.new-nav-child-item {
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  transition: background-color 0.3s ease;
}

.new-nav-child-item a {
  color: #ffffff;
  font-size: 18px;
  display: block; /* 让点击区域铺满整个菜单项 */
  transition: color 0.3s ease;
}

/* 下拉菜单项 hover 效果 */
.new-nav-child-item:hover {
  background-color: #ffffff;
}

.new-nav-child-item:hover a {
  color: #333333;
}

/* 核心：默认隐藏下拉菜单，hover 时显示 */
.new-nav-child {
  display: none !important; /* 覆盖行内样式 */
}

.new-nav-item:hover .new-nav-child {
  display: block !important; /* 鼠标悬停主菜单时显示下拉 */
}





#newNav .header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 130px;
  overflow: hidden;
  background: #b01f24;
}


#newNav .header .l a {
  display: block;
}
#newNav .header .l a img {
  display: block;
  
}
#newNav .header .c {
  text-align: center;
}
#newNav .header .c img {
  width: 15.62vw;
}
#newNav .header .ctent{ display: flex;
  align-items: center;
  padding-right: 7.29vw;}
  #newNav .header .ctent a {
  display: block;
}
#newNav .header .ctent a img {
  vertical-align: middle;
  width: 2.29vw;
}
#newNav .header .ctent .search {
  display: flex;
  align-items: center;
  margin-left: 1.56vw;
}
#newNav .header .ctent .search input {
  appearance: none;
  border: 1px solid #fff;
  line-height: 2.18vw;
  width: 10.93vw;
  display: block;
  box-sizing: border-box;
  padding: 0 0.78vw;
  color:#fff;
}
#newNav .header .ctent .search input::input-placeholder{
	color:#fff;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}

#newNav .header .ctent .search input:focus,
#newNav .header .ctent .search input:active {
  outline: none;
}
#newNav .header .ctent .search .search-btn {
  appearance: none;
  width: 2.29vw;
  height: 2.29vw;
  text-align: center;
  line-height: 2.29vw;
  background: #b01f24;
  border-radius: 0;
  border: 1px solid #fff;
  cursor: pointer;
}
#newNav .header .ctent .search .search-btn img {
  vertical-align: middle;
}
	




/*
#newNav .new-nav-wrap .new-nav-child-item:hover .new-nav-child-list > a {
  height: 2.08vw;
}
#newNav .new-nav-wrap .new-nav-child-list > a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 2.08vw;
  color: #b01f24;
  background: #D5E5FF;
  height: 0;
  transition: 300ms;
  overflow: hidden;
}
#newNav .new-nav-wrap .new-nav-child-list > a:hover {
  color: #fff;
  background: #b01f24;
}*/


.img-content {
  width: 151px;
  display: flex;
  justify-content: flex-start;
  align-items:center;
}
.d-flex{display: flex !important;justify-content: space-around;}
.mark {
     background: url(./femba/wp-content/uploads/2021/09/0926095301.png) no-repeat;
     background-size: 100%;
     width: 151px;
     height: 50px!important;
     text-align: center;
     line-height: 46px;
     color: #FFFFFF;
     float: left;
     margin-right: 40px;
     z-index: 10;
     position: relative;
     font-weight: bold;
     font-size: 20px;
     margin-top: -4px;
 }
 
 /* 关键修改6：新增笔记本屏幕适配（768px - 1440px，覆盖笔记本常见分辨率） */
@media (min-width: 768px) and (max-width: 1440px) {
  #newNav .cont {
    /* 笔记本宽度下，进一步减小最大宽度，适配屏幕 */
    max-width: 100%;
    padding: 0 5px;
  }
  .new-nav-item {
    /* 进一步减小菜单项内边距 */
    padding: 0 10px;
  }
  .new-nav-item > a {
    /* 进一步微调字体大小 */
    font-size: 16px;
  }
  /* 优化header区域，节省宽度 */
  #newNav .header .ctent {
    padding-right: 4vw;
  }
  #newNav .header .ctent .search {
    margin-left: 1vw;
  }
  #newNav .header .ctent .search input {
    width: 8vw;
  }
}

@media (max-width: 768px) {
  #newNavBoard,
  #newNav {
    display: none;
  }
}