/* header_beigin */
header{
    position: fixed;
    top:0;
    z-index:9;
    width: 100%;
     background: rgba(255, 255, 255, 0.05); 
 }
 .header_white{
    background: none;
    border:none;
}
 .header_blue{
     background: #0058E7;
     border:none;
 }

 .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
 }
 /* 透明/深色头部下 logo 自动反白（兼容数据库 web_attr_13 未配置白色 logo 的情况） */
 .header_white .logo,
 .header_blue .logo{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
 }
 .header_blue .head_lang svg path{
    fill: #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{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    margin-right: 14px;
    border-radius: 50%;
    border: 1px solid rgba(43, 120, 246, 0.22);
    background: rgba(43, 120, 246, 0.06);
    color: #2B78F6;
    line-height: 1;
    cursor: pointer;
    transition: background .24s ease, border-color .24s ease, box-shadow .24s ease, color .24s ease, transform .24s ease;
 }
 .head_lang:hover{
    transform: translateY(-1px);
    border-color: rgba(43, 120, 246, 0.5);
    background: rgba(43, 120, 246, 0.12);
    box-shadow: 0 10px 22px rgba(43, 120, 246, 0.18);
 }
 .head_lang .icon,
 .head_lang svg{
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
    margin: 0 !important;
    transition: transform .3s ease;
 }
 .head_lang:hover svg{
    transform: rotate(18deg);
 }
 /* 隐藏 ZH/EN 文字与下拉箭头，只保留图标 */
 .head_lang > span,
 .head_lang .iconfont{
    display: none !important;
 }

 .header_blue .head_lang,
 .header_white .head_lang{
    color: #fff;
    border-color: rgba(255, 255, 255, 0.36);
    background: rgba(255, 255, 255, 0.10);
 }
 .header_blue .head_lang:hover,
 .header_white .head_lang:hover{
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
 }
 .header_white .head_lang svg path,
 .header_blue .head_lang svg path{
    fill: #fff;
 }

 /* 语言下拉面板 */
 .head_r .mdui-menu-cascade,
 #lan_list.mdui-menu{
    min-width: 140px !important;
    width: auto !important;
    padding: 6px;
    border: 1px solid rgba(43, 120, 246, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 46px rgba(20, 60, 140, 0.18);
    backdrop-filter: blur(18px);
 }
 #lan_list .mdui-menu-item{
    margin: 2px 0;
    padding: 0;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    transition: background .2s ease;
 }
 #lan_list .mdui-menu-item > a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    color: #253554;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 8px;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
 }
 #lan_list .mdui-menu-item > a:hover{
    background: linear-gradient(135deg, rgba(43, 120, 246, 0.10), rgba(34, 208, 255, 0.10));
    color: #2B78F6;
 }
 #lan_list .mdui-menu-item > a img{
    width: 20px;
    height: 14px;
    border-radius: 2px;
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
 }
 #lan_list .mdui-menu-item > a span{
    flex: 0 1 auto;
    min-width: 0;
 }
 .nav-drop-down{
     display: none;
     width: 554px;
     position: absolute;
     overflow: hidden;
     z-index: 8;
     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{
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     padding: 32px 32px 28px 32px;
     font-size: 12px;
     line-height: 22px;
     z-index: 2;
     display: none;
 }
 .nav-drop-cont h2{
     margin: 0 0 12px;
     padding: 0;
     color: #253554;
     font-family: Microsoft YaHei UI, Microsoft YaHei, PingFang SC, sans-serif;
     font-size: 16px;
     font-weight: 700;
     line-height: 1.5;
 }
 .nav-drop-cont p{
     margin: 0;
     padding: 0;
     color: #6E7A92;
     font-family: PingFang SC, Microsoft YaHei, sans-serif;
     font-size: 12px;
     font-weight: 400;
     line-height: 1.8;
 }
 .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;
 }