@charset "UTF-8";
.container {
  max-width: 100%;
  position: relative;
}
.hospital-headerTitle{
    position: absolute;
    right: 8vw;
    font-size:28px;
    font-family: "LiSu", "SimLi", "隶书", "SimSun", "宋体", sans-serif;
    color:#333;
}
.header-wrapper {
  width: 100%;
}
.header-wrapper hr {
  border: 1px solid rgb(0, 162, 68);
  margin-top: 0;
  margin-bottom: 0;
}
.header-wrapper .navbar-nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}
.header-wrapper .navbar-custom {
  background-color: white;
  color: white;
}
.header-wrapper .navbar-custom .container{
margin: 0 120px;
}
.header-wrapper .navbar-custom, .header-wrapper .navbar-brand, .header-wrapper .nav-link, .header-wrapper .navbar-text {
  color: white;
}
.header-wrapper .navbar-custom .nav-item:hover {
  background-color:#01833b;
}
.header-wrapper .navbar-custom .nav-link:hover {
  color :red;
}
.header-wrapper .logo img {
  height: 80px;
}
.header-wrapper .nav-icon {
  height: 24px;
  margin-right: 5px;
}
.header-wrapper .navbar-custom .nav-item .nav-link {
  display: flex;
  align-items: center;
}
.header-wrapper .navbar-custom .nav-item .nav-link .text {
  margin-left: 5px;
}
.header-wrapper .navbar-custom .navbar-text {
  margin-right: 15px;
}
.header-wrapper .navbar-nav .nav-item {
  white-space: nowrap; /* 不换行 */
}
.header-wrapper .navbar-nav {
  width:100%;
  overflow-x: auto;
  white-space: nowrap;
}
.header-wrapper .navbar-text {
  font-size: 18px;
}
.header-wrapper .nav-link {
  color: black !important;
  padding: 8px;
  font-size: 18px;
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", serif;
  letter-spacing: 2px;
}
.header-wrapper .nav-link .hospital-logo img {
 margin-left: 25px;
 height: 80px;
}
.header-wrapper .nav-link:hover {
  color: #d5d5d5 !important;
}
.navbar-tips {
    width: 100%;
    height: 300px;
    display: none; 
    align-items: center;
    justify-content: space-around;
    position: absolute; 
    background: #fff; 
    border: 1px solid #ccc; 
    padding: 10px;
    z-index: 1000;
    <!-- opacity:0; -->
    transition: max-height 0.5s ease, padding 0.5s ease; 
}

.navbar-tips-title{
 width: 15%;
    font: 42px 'Microsoft YaHei', sans-serif; 
    margin-right: 10px; 
    flex: 0 0 auto; 
}
.navbar-tips-content {
 width: 15%;
    font: 22px 'Microsoft YaHei', sans-serif;
    line-height: 1.5;
    color: #999;  
}
.navbar-tips-content li{
    margin-bottom:15px  
}
.navbar-tips-content a {
    color: #999; 
    text-decoration: none; 
}

.navbar-tips-content a:hover {
    color:#800080; /* 悬停状态颜色 */
    text-decoration: underline; /* 悬停时添加下划线 */
}
<!-- index_header -->