@media (max-width: 991px){.vf_full_header .container{max-width: 100%;padding: 0 15px;}}

header .container{z-index: inherit;}

.vf_header_topbar [class*="col"]{-ms-flex-item-align: center !important;align-self: center !important;text-align: center;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}/*垂直居中*/
.vf_header_topbar .row{-ms-flex-pack: justify !important;justify-content: space-between !important;}
.vf_header_topbar{padding:5px 0;}
.vf_header_topbar ul > li{padding:3px 0;}

.vf_header ul{letter-spacing: -4px;margin-bottom: 0;}
.vf_header ul li{letter-spacing: normal;}

.vf_head_sticky{box-shadow: var(--shadow_header);-moz-box-shadow: var(--shadow_header);-webkit-box-shadow: var(--shadow_header); z-index: 100; position:fixed!important;width:100%;top:0;left:0;right:0;  -webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:stickyTransition;animation-name:stickyTransition}
@-webkit-keyframes stickyTransition{
  from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes stickyTransition{
  from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}
}

@media (max-width: 991px){
  .vf_dropdown_open{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
  .vf_dropdown_open:after{content:"";position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 1; z-index: 99;}
  .vf_dropdown_open::after{ background: rgba(0, 0, 0, 0.6);}
}
body.vf_dropdown_open{overflow: visible;position: fixed;width: 100%;min-height: 100%;}

header .vf_header_nav{position: relative;}

/*导航靠近左侧LOGO 可给导航col+文字右对齐*/
header .vf_header_nav .header-menu [class*="icon-"]{font-size:14px;} 
header .vf_header_nav .header-menu{display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap: nowrap;flex-direction:row;width:100%; -webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
@media (max-width: 991px){

  [data-yuan="vf_head_search"]{margin-left: auto;}
  header .vf_header_nav .header-menu{padding:10px 0}

}

 



.vf_header_nav .burger_btn{padding: 0 0 0 10px;color: var(--text_b_1);}
.vf_header_nav .burger_btn .fal{padding: 0 10px;font-weight: 600;}

.hc-nav-yscroll{overflow-y: scroll;}

.vf_dropdown .vf_dropdown_toggle{position: relative;}
.vf_dropdown .vf_dropdown_toggle:before{content:'';position:absolute;width:100%;height:100%;z-index:0;top:0}

 @media (max-width: 991px){
  .vf_head_semi_tran {background: var(--bg_w_1);} 
  .vf_head_semi_tran .vf_header_topbar{border-bottom:1px solid var(--border_b);}
  .vf_head_semi_tran .vf_head_sticky{background: var(--bg_w_1);}
 }

 
@media (max-width: 991px){
    .vf_header_topbar .vf_topbar_call {margin: 0 var(--fal_p);}
    .vf_header_topbar .vf_topbar_call ul li{display: inline-block;margin:0 var(--span_m);}
    .vf_header_topbar .vf_topbar_call ul li a{font-size:0.9rem;}
    .vf_header_topbar .vf_topbar_call a:hover{color: var(--text_b_2);}
    .vf_header_topbar .vf_topbar_call i{color:var(--theme);margin: 0 var(--fal_p);vertical-align:inherit}
} 
  
@media (max-width: 991px){
    .vf_header_topbar .social-iconfont ul li {margin: 0;margin-right: 5px;}
    .vf_header_topbar .social-iconfont [class*="social-"]{height: 25px;width: 25px;line-height: 25px;font-size: 16px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
    .vf_header_topbar .social-iconfont [class*="social-"]:not(:hover){color:var(--text_b_2);border-color: transparent;background: transparent;}
    .vf_header_topbar .social-iconfont [class*="social-"]:hover{color:var(--text_w_1);}
}

@media (max-width: 991px){
    .vf_header_topbar .vf_head_lang > ul >li{border-radius:2px;padding-left:30px;padding-right:5px;margin: 0;margin-right: 10px;display: inline-block;position: relative;transition: 0.5s;}
    .vf_header_topbar .vf_head_lang > ul >li img,
    .vf_header_topbar .vf_head_lang > ul >li i{border-radius:2px;position: absolute;left: 5px;width: 21px;height: 15px;transform: translateY(-50%);top:50%}
    .vf_header_topbar .vf_head_lang > ul >li a{transition: none;}
    .vf_header_topbar .vf_head_lang > ul >li:hover,
    .vf_header_topbar .vf_head_lang > ul >li.active{color:var(--theme);background: var(--bg_w_2);}
}@media (max-width: 991px){
    .vf_head_lang.vf_dropdown{padding: var(--topbar-li-padding);position: relative;}
    .vf_head_lang.vf_dropdown .vf_dropdown_toggle{display:inline-block;padding:2px 5px;}
    .vf_head_lang.vf_dropdown .vf_dropdown_toggle a{align-items: center;border-radius:2px;padding: 5px;display: flex;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
    .vf_head_lang.vf_dropdown .vf_dropdown_toggle img{height:14px;margin-right: 5px;border:1px solid #333;}
    .vf_head_lang.vf_dropdown .vf_dropdown_toggle{position:relative;z-index:1;cursor:pointer;line-height:1.8;display:inline-block;-moz-transition:color .2s linear;-o-transition:color .2s linear;-webkit-transition:color .2s linear;transition:color .2s linear}
    .vf_head_lang.vf_dropdown .vf_dropdown_toggle:before{content:'';position:absolute;width:100%;height:100%;z-index:0;top:0}

    header .vf_head_lang.vf_dropdown .vf_dropdown_toggle {color: var(--text_b_1);}
  .vf_head_lang.vf_dropdown .vf_dropdown_box{display: none;}

}

@media (max-width:991px){
  .vf_logo img{max-height:40px}
  .vf_logo a.light-logo{display:block}
  .vf_logo a.dark-logo{display:none}
  .vf_head_sticky .vf_logo img{max-height:40px}
  .vf_header .vf_logo{padding:2px}
  .vf_header .vf_logo img{max-height:40px}
}




@media (max-width: 991px){
  .vf_head_search.vf_dropdown{display:inline-block;position: relative;}
  .vf_head_search.vf_dropdown .vf_dropdown_toggle{padding:0 15px 0 8px;position:relative;z-index:1;cursor:pointer;line-height:1.8;display:inline-block;-moz-transition:color .2s linear;-o-transition:color .2s linear;-webkit-transition:color .2s linear;transition:color .2s linear}
  .vf_head_search.vf_dropdown .vf_dropdown_toggle a{align-items: center;border-radius:2px;padding: 5px;display: flex;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
  .vf_head_search.vf_dropdown .vf_dropdown_toggle img{height:14px;margin-right: 5px;border:1px solid #333;}
  .vf_head_search.vf_dropdown .vf_dropdown_toggle:before{content:'';position:absolute;width:100%;height:100%;z-index:0;top:0;left: 0;}
  .vf_head_search.vf_dropdown .vf_dropdown_box{display: none;}
}


  .burger-menu{padding:10px; width:40px;height:37px;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;transition:transform 330ms ease-out;}
  .burger-menu .line-menu{width:100%;height:3px;background-color:var(--text_b_1);border-radius:2px}
  .burger-menu .line-menu.line-half{width:50%}
  .burger-menu .line-menu.first-line{-webkit-transform-origin:right;transform-origin:right;transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);transition:transform 330ms cubic-bezier(.54,-.81,.57,.57),-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57)}
  .burger-menu .line-menu.last-line{-ms-flex-item-align:end;align-self:flex-end;-webkit-transform-origin:left;transform-origin:left;transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);transition:transform 330ms cubic-bezier(.54,-.81,.57,.57),-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57)}
  .burger-menu.active{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  .burger-menu.active .line-menu.first-line{-webkit-transform:rotate(-90deg) translateX(3px);transform:rotate(-90deg) translateX(3px)}
  .burger-menu.active .line-menu.last-line{-webkit-transform:rotate(-90deg) translateX(-3px);transform:rotate(-90deg) translateX(-3px)}

@media (max-width: 991px){  
  .m_nav_panel{z-index: -2;}
} @media (max-width: 991px){
  [data-yuan="vf_menu"]{display: none;}
} 
