/* header_beigin — 仅站点顶栏 #top，避免误伤正文内 <header> 语义标签 */
header#top{
    position: fixed;
    top:0;
    z-index:9;
    width: 100%;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
/* 默认顶栏（header.htm）：浅透明白底 */
header#top:not(.header_white):not(.header_blue){
    background: rgba(255, 255, 255, 0.05);
    border: 1.42px white solid;
}
/* 蓝底/大图 Banner 页（header_white.htm）：顶部透明 + 白字 */
header#top.header_white{
    background: transparent;
    border: none;
}
/* 滚动后固定：实色蓝底（须高于 header#top 基础规则，覆盖 header_white） */
header#top.header_blue{
    background: #0058E7;
    border: none;
    box-shadow: 0 4px 24px rgba(0, 40, 120, .18);
}

 .header_box{
  
     height: 70px;
     font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 font-family: Source Han Sans CN;
 }
 .logo{
     width:155px;
  
 }
 
 .head_l_nav{
     margin-left:40px;
 }
 
 .head_r{
 width: 430px;
 }
  .nav_list{
     position: relative;
     margin-left:35px;
  }
 .nav_a{
     position: relative;
     display: block;
     font-family: PingFang SC;
     font-size: 16px;
     height: 70px;
     font-style: normal; 
 font-weight: 400;
     line-height: 70px;
     color: rgba(0, 0, 0, 0.85);
     padding:0 3px;
     -webkit-transition: all .25s ease;
     transition: all .25s ease;
 }
 .nav_a::after{
    transform: unset;
    content: "";
    background: none;
    margin: 0;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #2B78F6;
    -webkit-transition: width .25s ease;
    transition: width .25s ease;
 }
 .nav_a i{
     margin-left:8px;
 }
 .nav_a:hover{
     color: rgba(0, 0, 0, 0.85);
 }
 .nav_a:hover::after{
    width: 100%;
 }
 .nav_list:first-child{
     margin-left:0;
 }
 .nav_active{
     color: rgba(0, 0, 0, 0.85);
     font-weight: 600;
     font-family: PingFang SC;
  
 }
 .nav_active::after{
    background-color: #2B78F6;
    width: 100%;
    -webkit-transition: width .25s ease;
    transition: width .25s ease;
 }
 .header_blue .nav_a,.header_blue .nav_a:hover,.header_blue .nav_active,.header_white .nav_a,.header_white .nav_a:hover,.header_white .nav_active,.header_blue .head_lang{
     color:#fff
 }
 .header_blue .head_lang{
    color:#fff;
 }
 .header_blue .nav_a:hover::after,.header_blue .nav_active::after,.header_white .nav_a:hover::after,.header_white .nav_active::after{
    width: 100%;
    background-color: #fff;
    -webkit-transition: width .25s ease;
    transition: width .25s ease;
 }
 /* .nav_a_white{
     color:#fff
 }
 .nav_a_white:hover{
     color:#fff;
     border-bottom: 3px solid #fff;
 }
 .nav_white_active{
     color:#fff;
     border-bottom: 3px solid #fff;
 } */
 .head_lang_wrap{
    position:relative;
    margin-right:12px;
    flex-shrink:0;
 }
 .head_lang{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0;
    margin-right:0;
    border-radius:10px;
    color:#2B78F6;
    background:transparent;
    transition:background .2s ease,color .2s ease;
    text-decoration:none;
    cursor:pointer;
    box-sizing:border-box;
 }
 .head_lang:hover,
 .head_lang:focus-visible{
    background:rgba(43,120,246,.12);
    color:#2B78F6;
    outline:none;
 }
 .head_lang_ico{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:0;
 }
 .head_lang_svg{
    display:block;
    width:20px;
    height:20px;
 }
 .head_lang svg path{
    fill:currentColor;
 }
 .head_lang_sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
 }
 .header_white .head_lang,
 .header_blue .head_lang{
    color:#fff;
 }
 .header_white .head_lang:hover,
 .header_white .head_lang:focus-visible,
 .header_blue .head_lang:hover,
 .header_blue .head_lang:focus-visible{
    background:rgba(255,255,255,.15);
    color:#fff;
 }
 .head_r .mdui-menu-cascade.head_lang_menu,
 #lan_list.head_lang_menu{
    min-width:148px;
    width:auto;
    padding:6px 0;
    margin-top:6px !important;
    border-radius:10px;
    box-shadow:0 8px 28px rgba(15,35,80,.14);
    border:1px solid rgba(0,0,0,.06);
    overflow:hidden;
    background:#fff;
 }
 #lan_list .mdui-menu-item{
    height:auto;
    min-height:0;
 }
 #lan_list .head_lang_item,
 #lan_list .mdui-menu-item > a{
    display:flex !important;
    align-items:center;
    gap:10px;
    padding:10px 16px !important;
    font-size:14px;
    color:#1a2744 !important;
    line-height:1.4;
    min-height:44px;
    box-sizing:border-box;
 }
 #lan_list .head_lang_flag,
 #lan_list img{
    width:22px;
    height:22px;
    border-radius:4px;
    object-fit:cover;
    flex-shrink:0;
    margin:0;
 }
 #lan_list .head_lang_name{
    font-weight:500;
    white-space:nowrap;
 }
 #lan_list .mdui-menu-item:hover .head_lang_item,
 #lan_list .mdui-menu-item:hover > a{
    background:rgba(43,120,246,.08) !important;
    color:#0058E7 !important;
 }
 .nav-drop-down{
     display: none;
     width: 554px;
     position: absolute;
     overflow: hidden;
     z-index: 12;
     top: 70px;
      left:-15px;
     border-radius: 8px;
 background: #FFF;
 box-shadow: #78808d21 3px 2px 9px 3px
 
 }
 .nav-drop-left{
    flex: 3;
     background: #F1F4FC;
 }
 .nav-drop-right{
     position: relative;
     width:386px;
     background-color: #fff;
     background: url("/style/img/nav_tabbg.png")  50% / cover no-repeat;
     flex: 4;
     mix-blend-mode: multiply;
 }
 .nav_list:hover .nav-drop-down{
     display: flex;
 }
 .nav-drop-tab{
     color: #253554;
  
     font-family: PingFang SC;
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: 22px;
 padding:20px 20px 20px 20px;
 border-right: 1px solid #fff;
 }
 .nav-drop-tab img{
     margin-right:16px
 }
 .nav-drop-tab-on{
     background: #fff;
     border-right: 1px solid #2B78F6;
 }
 .nav-drop-cont{
 
     padding-left:15px;
     position: absolute;
     font-size: 12px;
     line-height: 22px;
     z-index: 2;
     display: none;
 }
 .nav-drop-right .nav_tab_img{
 position:absolute;
 right: 21px;
 bottom: 0;
 }
 .nav-drop-cont-show{
     display:block;
 }
 .head_r{
     font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 }
 .nav_rightabox{
    margin-right:24px;
 }
 .nav_righta{
     font-family: Source Han Sans CN;
    
     color: rgba(0, 0, 0, 0.85);
 }
 .nav_reg{
     font-family: PingFang SC;
     font-weight: 600;
 
     color: #2B78F6;
 }
 .nav_r_btn{
     padding: 8px 16px;
     border-radius: 4px;
     font-family: PingFang SC;
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: 22px; 
 }
 .nav_r_btn1{
   margin-right: 12px;
     background:#2B78F6;
     color:#fff;
    
 }
 .nav_r_btn2{
     border: 1px solid #2B78F6;
     background:#fff;
     color:#2B78F6 ;
 }
 .header_blue .nav_righta, .header_white .nav_righta{
     color: #fff;
 }
 .header_blue .nav_r_btn1,.header_white .nav_r_btn1{
     border: 1px solid #FFF;
     background: none;
}


/* ========== 文档中心 简洁下拉 docnav ========== */
/* 复用 .nav-drop-down 的 hover 显示逻辑，但用独立 .docnav_drop 重写视觉 */
.nav-drop-down.docnav_drop{
    width:300px !important;
    padding:10px;
    background:#ffffff;
    border-radius:14px;
    box-shadow:0 16px 40px rgba(10,31,79,0.14), 0 2px 8px rgba(10,31,79,0.06);
    border:1px solid #eef0f5;
    left:-30px;
    overflow:visible;
    flex-direction:column;
}
.docnav_drop::before{
    content:"";
    position:absolute;
    top:-6px;
    left:64px;
    width:12px;
    height:12px;
    background:#ffffff;
    border-top:1px solid #eef0f5;
    border-left:1px solid #eef0f5;
    transform:rotate(45deg);
    border-radius:2px 0 0 0;
}
.docnav_inner{
    display:flex;
    flex-direction:column;
    gap:4px;
    width:100%;
}
.docnav_item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 14px;
    border-radius:10px;
    color:#0a1f4f;
    text-decoration:none;
    transition:background .2s ease, transform .2s ease;
    position:relative;
}
.docnav_item:hover{
    background:#f3f7ff;
}
.docnav_item_ico{
    flex-shrink:0;
    width:40px;
    height:40px;
    border-radius:10px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    color:#2B78F6;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease, color .2s ease;
}
.docnav_item:hover .docnav_item_ico{
    background:linear-gradient(135deg, #2B78F6 0%, #22D0FF 100%);
    color:#ffffff;
    box-shadow:0 6px 14px rgba(43,120,246,0.30);
}
.docnav_item_text{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
    line-height:1.4;
}
.docnav_item_tt{
    color:#0a1f4f;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.docnav_item_desc{
    color:#7a8499;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:400;
}
.docnav_item_arrow{
    flex-shrink:0;
    color:#cfd6e3;
    opacity:0;
    transform:translateX(-4px);
    transition:opacity .2s ease, transform .2s ease, color .2s ease;
}
.docnav_item:hover .docnav_item_arrow{
    opacity:1;
    transform:translateX(0);
    color:#2B78F6;
}
/* 深色 header 时的下拉箭头颜色（保持白色，因为下拉本身是浅色卡片） */
/* ========== 文档中心 docnav end ========== */


/* ========== 全站 header 宽度统一 1280 ========== */
header#top .header_box.m12{
    max-width:1280px !important;
    width:100% !important;
    box-sizing:border-box;
 
}

/* ========== 产品服务下拉：图标盒统一风格 ========== */
.nav-drop-down{
    /* 默认宽度跟随子模块，下面单独覆盖 */
}
.nav-drop-left{
    padding:10px 8px;
}
/* 重置 .nav-drop-tab 为统一卡片样式（覆盖旧规则） */
.nav-drop-tab{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding:12px 14px !important;
    margin:2px 4px;
    border-radius:10px !important;
    color:#253554 !important;
    font-family:PingFang SC, -apple-system, sans-serif;
    font-size:14px !important;
    font-style:normal;
    font-weight:500 !important;
    line-height:1.4 !important;
    border-right:none !important;
    background:transparent !important;
    transition:background .2s ease, transform .2s ease;
    text-decoration:none;
}
.nav-drop-tab:hover{
    background:#f3f7ff !important;
    transform:none;
}
.nav-drop-tab img{
    margin:0 !important;
}
.nav-drop-tab-ico{
    flex-shrink:0;
    width:40px;
    height:40px;
    border-radius:10px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    color:#2B78F6;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:background .25s ease, box-shadow .25s ease;
    overflow:hidden;
}
.nav-drop-tab-ico img{
    width:22px;
    height:22px;
    object-fit:contain;
    transition:filter .2s ease;
}
.nav-drop-tab-ico svg{
    display:block;
    color:#2B78F6;
}
/* 图片加载失败后兜底：用 CSS 画个圆点占位，保持视觉一致 */
.nav-drop-tab-ico-empty::before{
    content:"";
    width:14px;height:14px;border-radius:4px;
    background:linear-gradient(135deg, #2B78F6 0%, #22D0FF 100%);
    display:block;
    opacity:.7;
}
.nav-drop-tab:hover .nav-drop-tab-ico{
    background:linear-gradient(135deg, #2B78F6 0%, #22D0FF 100%);
    box-shadow:0 6px 14px rgba(43,120,246,0.30);
}
/* PNG 单色图标在 hover 蓝渐变背景上反白显示 */
.nav-drop-tab:hover .nav-drop-tab-ico img{
    filter:brightness(0) invert(1);
}
.nav-drop-tab:hover .nav-drop-tab-ico svg{
    color:#ffffff;
}
.nav-drop-tab-name{
    flex:1;
    color:#0a1f4f;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/* 选中态：浅蓝底，去掉旧的白底+右蓝边奇怪样式 */
.nav-drop-tab-on{
    background:#eaf2ff !important;
    border-right:none !important;
}

/* ========== 联系我们 简洁下拉 contactnav ========== */
.nav-drop-down.contactnav_drop{
    width:260px !important;
    padding:10px;
    background:#ffffff;
    border-radius:14px;
    box-shadow:0 16px 40px rgba(10,31,79,0.14), 0 2px 8px rgba(10,31,79,0.06);
    border:1px solid #eef0f5;
    left:-30px;
    overflow:visible;
    flex-direction:column;
}
.contactnav_drop::before{
    content:"";
    position:absolute;
    top:-6px;
    left:50px;
    width:12px;
    height:12px;
    background:#ffffff;
    border-top:1px solid #eef0f5;
    border-left:1px solid #eef0f5;
    transform:rotate(45deg);
    border-radius:2px 0 0 0;
}
.contactnav_drop .nav-drop-left{
    flex:none;
    width:100%;
    background:transparent;
    padding:0;
}
.contactnav_drop .nav-drop-tab{
    margin:2px 0 !important;
}
/* ========== 联系我们 contactnav end ========== */

/* ========== 产品服务下拉 prodnav（双栏 + 右侧介绍图） ========== */
.nav-drop-down.prodnav_drop{
    width:620px !important;
    max-width:calc(100vw - 40px);
    border-radius:16px !important;
    border:1px solid #eef0f5;
    box-shadow:0 20px 50px rgba(10,31,79,0.16), 0 4px 12px rgba(10,31,79,0.08) !important;
    overflow:visible !important;
    top:72px;
    left:-20px;
}
.prodnav_drop::before{
    content:"";
    position:absolute;
    top:-6px;
    left:48px;
    width:12px;
    height:12px;
    background:#F1F4FC;
    border-top:1px solid #eef0f5;
    border-left:1px solid #eef0f5;
    transform:rotate(45deg);
    border-radius:2px 0 0 0;
    z-index:1;
}
.prodnav_drop .nav-drop-left{
    flex:0 0 220px;
    background:#F1F4FC;
    padding:12px 10px !important;
    border-radius:16px 0 0 16px;
}
.prodnav_drop .nav-drop-right{
    flex:1;
    min-width:0;
    width:auto !important;
    background:#ffffff url("/style/img/nav_tabbg.png") right bottom / auto 85% no-repeat !important;
    mix-blend-mode:normal !important;
    border-radius:0 16px 16px 0;
    padding:0;
}
.prodnav_drop .nav-drop-cont{
    padding:28px 24px 24px 28px;
    max-width:280px;
    position:absolute;
    left:0;
    top:0;
}
.prodnav_drop .nav-drop-cont h2{
    margin:0 0 12px;
    color:#0a1f4f;
    font-size:20px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:0.3px;
}
.prodnav_drop .nav-drop-cont p{
    margin:0;
    color:#566073;
    font-size:13px;
    line-height:1.75;
    font-weight:400;
}
.prodnav_drop .nav_tab_img{
    right:12px !important;
    bottom:0 !important;
    max-height:200px;
    width:auto;
    z-index:1;
    pointer-events:none;
}
.prodnav_drop .nav-drop-tab{
    margin:3px 6px !important;
}
/* 白字顶栏（header_white / header_blue）：下拉面板内强制深色文案，避免继承顶栏白字 */
header#top.header_white .nav-drop-down,
header#top.header_blue .nav-drop-down{
    color:#253554;
}
header#top.header_white .nav-drop-tab,
header#top.header_blue .nav-drop-tab,
header#top.header_white .nav-drop-tab-name,
header#top.header_blue .nav-drop-tab-name,
header#top.header_white .nav-drop-down a,
header#top.header_blue .nav-drop-down a{
    color:#0a1f4f !important;
}
header#top.header_white .nav-drop-cont h2,
header#top.header_blue .nav-drop-cont h2{
    color:#0a1f4f !important;
}
header#top.header_white .nav-drop-cont p,
header#top.header_blue .nav-drop-cont p{
    color:#566073 !important;
}
header#top.header_white .docnav_item,
header#top.header_blue .docnav_item,
header#top.header_white .docnav_item_tt,
header#top.header_blue .docnav_item_tt{
    color:#0a1f4f !important;
}
header#top.header_white .docnav_item_desc,
header#top.header_blue .docnav_item_desc{
    color:#7a8499 !important;
}
header#top.header_white .docnav_item_ico,
header#top.header_blue .docnav_item_ico{
    color:#2B78F6;
}
/* ========== prodnav end ========== */