/* 安全区域 */
.safe-zone {

  width: 1200px;
  margin: 0 auto;
}


* {
  font-family: Arial, 'PingFang SC', 'PingFangSC-Regular', 'Hiragino Sans GB',
    'Microsoft YaHei', sans-serif !important;
}

/* header */
.nav_box {

  display: flex;
  align-items: center;
}

.nav_box .logo {
  width: 115px;
  height: 36px;
  /* margin-right: 247px; */
}
.nav_box .loga {

  margin-right: 344px;
  /* margin-right: 247px; */
}
/* 以上为新增和修改的动画相关样式 */

.nav_wrap {
  width: 100%;
  display: flex;
  color: #1B1C35;
  font-weight: 400;
  font-size: 16px;
  color: #1B1C35;
  /* 1920px设计稿下，14.5vw ≈ 278px（1920×0.145≈278） */
}

.nav_wrap>.nav-item>a {
  margin-right: 63px;
  display: block;
  height: 77px;
  line-height: 77px;
  position: relative;
  /* 新增：用于伪元素定位 */
  overflow: hidden;
  /* 新增：隐藏超出部分 */
}

.nav_wrap>.nav-item>a:hover {
  color: #165DFF;
}

/* 导航文字激活状态（蓝色） */
.nav-item>a>span.blur-active {
  color: #165DFF;
  /* 示例蓝色，替换为实际需要的颜色 */
}

/* 新增：下划线伪元素基础样式 */
.nav_wrap>.nav-item>a::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 5px;
  background-color: #165DFF;
}

/* 导航文字激活状态（蓝色） */
.nav-item>a>span.active {
  color: #165DFF;
  /* 示例蓝色，替换为实际需要的颜色 */
}

/* 新增：未激活状态下划线（初始隐藏） */
.nav_wrap>.nav-item>a:not(.base-active)::after {
  width: 0;
  left: 50%;
  transition: width 0.4s ease, left 0.4s ease;
  /* 未激活项悬停动画 */
}

/* 新增：未激活项悬停时下划线展开 */
.nav_wrap>.nav-item>a:not(.base-active):hover::after {
  width: 100%;
  left: 0;
}

/* 新增：激活状态下划线（直接显示，无动画） */
.nav_wrap>.nav-item>a.base-active::after {
  width: 100%;
  left: 0;
  transition: none;
  /* 禁用动画 */
}



/* footer 基础样式 */
.footer_box {
  border-top: 1px solid #e0e0e0;
  /* 浅灰色分割线 */
  background: #f7f7f7;
}

.footer_wrap {
  display: flex;
  justify-content: space-between;
}

.footer_nav {
  display: flex;
  margin-top: 60px;
}

/* 每列导航样式 */
.footer_col h4 a {
  font-weight: 400;
  font-size: 20px;
  color: #1B1C35;
  margin-bottom: 48px;

}

.footer_col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer_col li {
  /* margin-bottom: 10px; */
  /* 列表项间距 */
}

.footer_col a {

  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 400;
  font-size: 16px;
  color: #74747F;
  line-height: 34px;

}

.footer_col a:hover {
  color: #165DFF;
  /* hover 颜色变化 */
}

.footer_col2 {
  margin-left: 151px;
}

.footer_col3 {
  margin-left: 139px;
}

.footer_col4 {
  margin-left: 94px;
}

/* 右侧品牌 logo */
.footer_logo {
  /* padding-top: 5px; */
  /* padding-left: 230px; */
  /* 与左侧导航标题对齐 */
  /* position: absolute; */
}

.logo-img {
  width: 141px;
  height: 43px;
  /* 根据实际 logo 尺寸调整 */
  margin-top: 88px;
}

/* 底部额外链接（可选） */
.footer_extra {
  width: 100%;
  margin-top: 66px;
  /* margin-bottom: 20px; */
  font-weight: 400;
  font-size: 15px;
  color: #74747F;
}

.footer_extra a {
  color: #74747F;
  margin-right: 15px;
}



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

/* 版权信息 */
.copyright {
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  color: #74747F;
  box-sizing: border-box;
  padding-top: 31px;
  padding-bottom: 35px;
  border-top: 1px dashed #e0e0e0;
  margin-top: 25px;

}

.copyright a {
  color: #999;
  text-decoration: none;
}

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

.copyright {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #74747F;
  box-sizing: border-box;
  padding: 38px 0 41px 0;
}

.copyright a {
  color: #c3f4ee;
  display: inline-block;
  height: 29px;
}


/* 首页 */
.banner_wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.page_content {
  min-height: 80vh;
  max-width: 100%;
  /* overflow-y: auto; */
}

/* 公共面包屑 */
.breadcrumb {
  padding: 10px 15px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #656565;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb span {
  margin: 0 3px;
}

.breadcrumb .current,
.breadcrumb a:last-child {
  color: #FFFFFF;
}

.active {
  color: #165DFF;
  border-bottom: 3px solid#165DFF;
  /* 激活状态颜色 */
}

.nav_wrap>.nav-item>a {
  display: block;



}

.nav_wrap>.nav-item>a:hover {
  color: #165DFF;
}

/* 新增：下划线伪元素基础样式 */
.nav_wrap>.nav-item>a::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 5px;
  background-color: #165DFF;
}

/* 新增：未激活状态下划线（初始隐藏） */
.nav_wrap>.nav-item>a:not(.base-active)::after {
  width: 0;
  left: 50%;
  transition: width 0.4s ease, left 0.4s ease;
  /* 未激活项悬停动画 */
}

/* 新增：未激活项悬停时下划线展开 */
.nav_wrap>.nav-item>a:not(.base-active):hover::after {
  width: 100%;
  left: 0;
}

/* 新增：激活状态下划线（直接显示，无动画） */
.nav_wrap>.nav-item>a.base-active::after {
  width: 100%;
  left: 0;
  transition: none;
  /* 禁用动画 */
}

.mobile_footer_box {
  display: none;
}
.media-banner-title {
  font-size: 36px;
  color: #181931;
  font-weight: bold;
  letter-spacing: 5px;
  display: flex;
  align-items: center;
  /* width: 300px; */
  height: 70px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 10px;
  background: rgb(255, 255, 255, 0.59);
  /* 关键修改：使用绝对定位和 margin: auto 实现垂直居中 */
  position: absolute;
  top: 0;
  bottom: 0;
  /* 如果需要水平居中，再加 left: 0; right: 0; */
  margin: auto 0; /* 仅垂直方向自动外边距 */

}

@media (max-width: 1200px) {

  /* 安全区域 */
  .safe-zone {
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px;
  }
 

}

@media (max-width: 1100px) {
  .nav_wrap>.nav-item>a {
    margin-right: 0px;
  }

}

@media (min-width: 768px) and (max-width: 1190px) {

  .logo-img {
    display: none;
  }

  .nav_wrap {
    display: flex;
    justify-content: space-between;
  }

  
  .nav_box .loga {

    margin-right: 100px;
    /* margin-right: 247px; */
  }
}

/* 移动端 */
@media (max-width: 767px) {
  
  .page_content{
    padding-top: 0 !important;
  }

  /* header */
  .header_box {
    width: 100%;
    height: 81px;
    background: #FFFFFF;
  }

  .header_wrap {
    position: fixed;
    z-index: 9999 !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 81px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24px;
  }

  .header_wrap .logo {
    width: 85px;
    height: 27px;
    display: block;
  }

  .header_wrap .header_menu {
    color: #fff;
    width: 30px;
    height: 30px;

  }

  .header_wrap .header_menu img {
    width: 100%;
    height: 100%;
  }


  /* 导航栏（banner-tabs）吸顶适配PC端 */
  .banner-tabs.sticky {
    top: 80px;
  }

  .header_box.mb-only {
    position: static !important;
  }

  .nav_wrap a.base-active {
    color: #165DFF;
    font-weight: bold;
  }

  .nav_wrap a.base-active-hover {
    color: #165DFF;
    font-weight: bold;
    /* 可选：添加过渡效果 */
    transition: color 0.2s ease;
  }

  /* header 弹出层 */
  .popup_bg {
    width: 0%;
    position: fixed;
    top: 81px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    z-index: 99999999999 !important;
    transition: width 0.3s ease-in-out;
    /* 宽度变化持续0.3秒，缓动效果为ease-in-out */

  }

  .header_menu_2 {
    display: none;
  }

  .popup_content {
    width: 73%;
    height: 100%;
    float: right;
    z-index: 100000;
  }

  .popup_wrap {
    width: 100%;
    height: calc(100% - 81px);
    background: #171717;
    overflow: auto;


  }

  .menu_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .menu_item>img {
    width: 15px;
    height: 9px;
  }

  .menu_item_wrap {
    color: #FFFFFF !important;
    /* border-top: solid 1px #f4f4f4; */
  }



  .img1 {
    display: none;
  }

  .popup_content {
    width: 73%;
    height: 100%;
    float: right;
    background-color: #171717;
    /* 统一背景色 */
  }



  /* 菜单项容器 */
  .menu_item_wrap {
    width: 100%;

    /* 底部分隔线 */
  }

  /* 菜单项标题 */
  .menu_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    /* 鼠标悬停显示指针 */
  }

  .menu_item {
    font-weight: 400;
    font-size: 19.2px;
    color: #FFFFFF !important;
    padding: 15px 30px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #1c1c1c;
  }

  .menu_item_a {
    font-weight: 400;
    font-size: 19.2px;
    color: #FFFFFF !important;
  }

  /* 下拉/折叠图标 */
  .menu_item .img1,
  .menu_item .img2 {
    width: 20px;
    height: 10px;
    transition: transform 0.3s ease;
    /* 图标切换动画 */
  }

  /* 激活状态下显示折叠图标 */
  .menu_item_wrap .img1 {
    display: block;
  }

  .menu_item_wrap .img2 {
    display: none;
  }

  /* 非激活状态下显示下拉图标 */
  .menu_item_wrap:not(.menu_item_wrap_active) .img1 {
    display: none;
  }

  .menu_item_wrap:not(.menu_item_wrap_active) .img2 {
    display: block;
  }

  /* 二级菜单样式 */
  .menu_item_wrap ul,
  .menu_item_wrap .os-submenu-continer {

    display: none;
    /* 默认隐藏二级菜单 */
  }

  /* 激活状态下显示二级菜单 */
  .menu_item_wrap.menu_item_wrap_active ul,
  .menu_item_wrap.menu_item_wrap_active .os-submenu-continer {
    display: block;
  }

  .two-title-ul>li {
    margin: 0;

    border-bottom: 1px solid #252525;
    background: #171717;
  }

  .two-title-ul>li>a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #aaa;
    box-sizing: border-box;
    padding: 15px 15px 15px 50px;
    line-height: 32px;

  }

  .h5-os-submenu-continer>div>ul>span {
    display: block;
    font-weight: 400;
    padding: 15px 15px 15px 50px;
    line-height: 32px;
    color: #fff;
    font-size: 17.6px;
    border-bottom: 1px solid #252525;

  }

  .footer_box {
    display: none;
  }

  .mobile_footer_box {
    width: 100%;
    background-color: #f6f6f6;
    padding: 30px 0;
    overflow: hidden;
    display: block;
  }

  .mobile_footer_col {
    width: 100%;
    display: flex;
    height: 52px;
    line-height: 52px;
    align-items: center;
    justify-content: space-between;
  }

  .mobile_footer_col img {
    width: 12px;
    height: 12px;
  }

  .mobile_footer_col h3>a {

    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #7b7b86;
  }

  .mobile_footer_col_img_1 {
    display: none;
  }

  .h5_footer_ul>span {
    font-size: 14px;
    color: #7b7b86;
  }

  .h5_footer_ul-two>li>a {
    font-size: 14px !important;

  }

  .h5_footer_ul>li>a {
    display: block;
    padding: 9px 0;
    font-size: 12px;
    color: #7b7b86;
  }

  /* 默认隐藏所有二级内容 */
  .h5_footer_ul,
  .h5-footer-continer {
    display: none;
  }

  .mobile_logo-img {
    width: 85px;
    height: 27px;
    margin-top: 39px;
  }

  .mobile_footer_extra {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 12px;
    color: #74747F;
    line-height: 21px;
    box-sizing: border-box;
    padding: 49px 0 34px 0;
    border-bottom: 1px solid #E3E3E3;
  }
  .mobile_footer_extra a{
    margin-right: 10px;
  }
  .mobile_copyright {
    font-weight: 400;
    font-size: 11px;
    color: #74747F;
    line-height: 21px;
    margin-top: 22px;
  }
}