.navbar{
    background:#fff !important;
}
.navbar-nav a.nav-link{
    display:block;
    padding:0px;
    /**line-height:50px;**/
}

.NavBar{
    width:100%;
    background:#fff;
    /**height:50px;**/
    line-height:50px;
    /**overflow:hidden;**/
    white-space:nowrap;/**只是用来限制文字不换行的？**/
}
.NavBar .Container{

}
.NavBar .Container a.LogoBrand{
    float:left;
    display:block;
    padding:5px 5px;
    width:20%;
}

.NavBar .Container #NavBarMenu{
    width:60%;
    float:left;
    padding-left:10%;/**给出一个左边距，否则太靠近左侧的logo了**/
    /**background:#333;**//**这里出了问题，要删掉，modified on 8,July,2026**/
	/**border:1px solid #333;**/
}
.NavBar .Container #NavBarMenu ul{
	/**display: flex;**//**2026年6月25日新添加的**/
    list-style-type:none;
    margin:0;
    padding:0;
}
.NavBar .Container #NavBarMenu ul li{
    float:left;
    position:relative;
    line-height:60px;
    padding:0;
    margin:0;
}
.NavBar .Container #NavBarMenu ul li a{
    display:block;
    padding:5px 20px 5px 0;
    float:left;
}
/**
.NavBar .Container #NavBarMenu ul ul.MainMenuNav{
    /**position:absolute;**
    width:100%;
}**/
.NavBar .Container #NavBarMenu ul li.MainMenuNavLi{
    /**background:#FBEEE6;**/
    float:left;
    padding:0;
    margin:0;
    /**line-height:60px;问题出在这里了，不能设置小于60px的line-height，否则会显示的很小，如何断绝上面的继承呢**/
}
.NavBar .Container #NavBarMenu ul li:hover .SubMenuNav{
    display:block;
    clear:both;
    position:absolute;
    left:0;
    top:60px;
    background:#333;
    border-top:2px solid #F5CBA7;
    z-index:999;
	background:#fff;/**这里是关键之处，modified on 6, July, 2026**/
}
.NavBar .Container #NavBarMenu ul li a{
    display:block;
    padding:5px 20px;/**这里控制着菜单栏的左右边距**/
    /**line-height:5px;**//**出问题了，这样设置是不行的，会覆盖掉前面的设置的**/
    float:left;
    margin:0;
}

.NavBar .Container #NavBarMenu ul li>ul.SubMenuNav{
    display:none;
}
.NavBar .Container #NavBarMenu ul li>ul.SubMenuNav li{
    float:none;
}
.NavBar .Container #NavBarMenu ul li>ul.SubMenuNav li a{
    display:block;
    line-height:30px;
    border-bottom:1px dashed #F5CBA7;
}

/**最右边，登录注册按钮**/
.NavBar .Container .DengLuZhuCe{
	width:20%;
    float:right;
    padding-right:20px;
	text-align:right;
    line-height:70px;

}


/* 默认隐藏汉堡按钮，网页缩短后会出现的 */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

.hamburger span {
  width: 24px;
  height: 3px;
  background: #222;
}

/* ===== 在页面宽度缩短到一定程度的时候，把菜单栏的左右间距给缩短了 ===== */

@media (max-width: 1980px) {
	.NavBar .Container #NavBarMenu{
		padding-left:9%;/**给出一个左边距，否则太靠近左侧的logo了**/
		background:#fff;
	}
	.NavBar .Container #NavBarMenu ul li a{
		padding:5px 15px;/**这里控制着菜单栏的左右边距**/
	}
}

@media (max-width: 1680px) {
	.NavBar .Container #NavBarMenu{
		padding-left:8%;/**给出一个左边距，否则太靠近左侧的logo了**/
	}
	.NavBar .Container #NavBarMenu ul li a{
		padding:5px 12px;/**这里控制着菜单栏的左右边距**/
	}
}

@media (max-width: 1368px) {
	.NavBar .Container #NavBarMenu{
		padding-left:6%;/**给出一个左边距，否则太靠近左侧的logo了**/
	}
	.NavBar .Container #NavBarMenu ul li a{
		padding:5px 8px;/**这里控制着菜单栏的左右边距**/
	}
}

@media (max-width: 1080px) {
	.NavBar .Container #NavBarMenu{
		padding-left:5%;/**给出一个左边距，否则太靠近左侧的logo了**/
		height:70px;
		/**background:transparent;**/
		background:#fff;
		overflow:hidden;/**这里不让ul菜单换行，多余的部分隐藏掉**/
	}
	.NavBar .Container #NavBarMenu ul li a{
		padding:5px 15px;/**这里的左右间距才是有用的————————————————**/
	}
	.NavBar .Container #NavBarMenu ul li a:hover{
		/**background:#F5CBA7;**/
		background:#fff;
	}
	.NavBar .Container #NavBarMenu ul li:hover .SubMenuNav{
		display:block;
		clear:both;
		position:absolute;
		left:85px;
		top:13px;
		background:#fff;
		z-index:999;
		background:#fff;
	}
}

/* ===== 核心：响应式断点 ===== */
@media (max-width: 768px) {
  /* 隐藏横排菜单 */
  #NavBarMenu ul{
    display: none;/**默认是隐藏的，否则就一直显示着，肯定不行了**/
	z-index:999;
    flex-direction: column;
    position: absolute;
	top:60px;
	left:20px;
    /**background:#F5CBA7;**//**问题出在这里了，就是在这里修改的**/
	background:#fff;
    padding:5px 15px;
    /**border-radius: 6px;**/
	border:0：px dashed #333;
  }
  /**在这里设置没有用————————————————————
  #NavBarMenu ul li{
	flex-direction: column;
	padding:5px 15px;
  }
	
  #NavBarMenu ul li a{
	padding:5px 15px;
  }
  **/
  /* 隐藏横排子菜单 */
  #NavBarMenu .SubMenuNav{
	display:none;
	list-style:none;
	margin-left:20px;
  }

  /* 显示汉堡按钮 */
  .hamburger {
    display: flex;
	position:absolute;
	right:100px;
	top:25px;
  }
  
  /****
  .hamburger span {
  position:absolute;
  right:20px;
  top:20px;
  **/
}

  /* 展开状态（由 JS 添加） */
  #NavBarMenu .show {
    display: flex;
  }
}