.nav-item {
  position: relative;
}

/* 二次弹窗基础样式 */
.submenu {
  width: 100%;
  position: fixed;
  left: 0;
  background: #FFFFFF;
  z-index: 9999999;
  display: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  /* 新增阴影增强层次感 */
}


.os-submenu-continer {
  width: 1200px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  /* 关键：通过 justify-content 控制子元素分布，避免溢出 */
  justify-content: flex-start; /* 从左侧开始排列 */
  box-sizing: border-box;
  padding: 105px 0 163px 0;
  /* 可选：防止子元素总宽超过容器时溢出 */
  overflow: hidden; /* 或 auto 允许滚动 */
}

.os-submenu-continer > div {
  /* 关键1：固定子元素宽度（根据内容调整，确保文字不折叠） */
  width: 190px; /* 与内部 span 的宽度一致，避免文字换行 */
  box-sizing: border-box;
  /* 关键2：通过 margin-right 设置间隔（最后一个元素会自动抵消） */
  margin-right: 238px;
}

/* 移除最后一个子元素的右间距，避免整体超出容器 */
.os-submenu-continer > div:last-child {
  margin-right: 0;
}

.os-submenu-continer > div > span {
  width: 190px;
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: #1B1C35;
  /* 关键：强制文字不换行、不折叠 */
  white-space: nowrap; /* 禁止文字换行 */
  overflow: hidden; /* 超出宽度时隐藏（可选） */
  text-overflow: ellipsis; /* 超出时显示省略号（可选） */
}
.os-submenu-ul {
  margin-top: 44px;
  /* margin-top: 29px; */
}

.os-submenu-ul li {

  margin-bottom: 36px;

}
.os-submenu-ul li a{

  font-weight: 400;
  font-size: 18px;
  color: #00000A;

}

/* 移除最后一个li的底部间距（避免列表最下方多出来的空白） */
.os-submenu-ul li:last-child {
  margin-bottom: 0;
}

.submenu a {
  display: block;
  /* padding: 8px 0; */
  color: #666;
  text-decoration: none;
  font-size: 14px;
}



.nav-item:hover .submenu {
  display: block;
}

.about-sub {
  width: 200px;
  /* height: 170px; */
  position: absolute;
  display: none;
  left: -75px;
  z-index: 99999;
  background: #FFFFFF;
}

.su-sub {
  left: -45px;

}

.about-sub ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;

  box-sizing: border-box;
  padding: 28px 0;


}



.about-sub ul li {
  margin-bottom: 36px;
  /* 给每个li底部添加36px间距 */
}

.about-sub ul li a{
  font-weight: 400;
  font-size: 16px !important;
  color: #1B1C35;
  /* 给每个li底部添加36px间距 */
}

/* 移除最后一个li的底部间距（避免列表最下方多出来的空白） */
.about-sub ul li:last-child {
  margin-bottom: 0;
}


.nav-item:hover .about-sub {
  display: block;
}

.about-sub a:hover {
  color: #165DFF;
}

.submenu a:hover {
  color: #165DFF;
}


/* @media (max-width: 1300px) {
  .os-submenu-continer {
    width: 100%;
    box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;

  }
} */