:root {
   --topbar-font-size:14px;
   --topbar-padding: 0;
   --topbar-m-padding:5px 0;
   --topbar-li-padding: 10px 0;
   --topbar-m-li-padding: 2px 0;
   --pc-menu-box-shadow:0px 12px 30px -2px rgba(0,0,0,0.1);
   --pc-menu-box-font-size:14px;
}

/*position:relative; z-index:100;*/
.vf_header{letter-spacing:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
.vf_header ul{letter-spacing: -4px;margin-bottom: 0;}
.vf_header ul li{letter-spacing: normal;}/*解决LI间距问题*/

.vf_header_topbar ul > li{display:inline-block;letter-spacing: normal;}/*解决LI间距问题*/
.vf_header_topbar [class*="col"]{-ms-flex-item-align: center !important;align-self: center !important;text-align: center;}/*垂直居中*/
.vf_header_topbar .row{-ms-flex-pack: justify !important;justify-content: space-between !important;}/*分散对齐*/
.vf_header_middle{padding:10px 0}

/*颜色*/
.vf_header_topbar,
.vf_header_topbar a{color:var(--text_black_primary);}
.vf_header_topbar a:hover{color:var(--theme)}
@media (min-width: 992px){
  header .vf_dark_pc:not(.invalid_f_color),
  header.vf_dark_pc:not(.invalid_f_color),
  header .vf_dark_pc:not(.invalid_f_color) .vf_dropdown_toggle,
  header.vf_dark_pc:not(.invalid_f_color)  .vf_dropdown_toggle,
  header .vf_dark_pc:not(.invalid_f_color)  a,
  header.vf_dark_pc:not(.invalid_f_color)  a{color:var(--text_white_primary);} 
  header .vf_dark_pc a:hover,
  header.vf_dark_pc a:hover{color:var(--text_white_secondary);} 
  header [class*="_bg_th"] a:hover{color:var(--text_black_primary)!important;} 
  header [class*="_bg_th"] .dropdown-sub.active a{color:var(--text_black_primary)!important;} 
  header .vf_head_sticky.vf_white_pc a{color:var(--text_black_primary);}
}
@media (max-width: 991px){
  header .vf_dark_m,header.vf_dark_m,
  header .vf_dark_m .vf_dropdown_toggle,
  header.vf_dark_m .vf_dropdown_toggle,
  header .vf_dark_m a,
  header.vf_dark_m a{color:var(--text_white_primary);} 
  header .vf_dark_m a:hover,header.vf_dark_m a:hover{color:var(--text_white_secondary);} 
  header [class*="_bg_th"] a:hover{color:var(--text_black_primary)!important;} 
  header [class*="_bg_th"] .dropdown-sub.active a{color:var(--text_black_primary)!important;} 
}


/*topbar*/
.vf_header_topbar,
.vf_header_topbar a{font-size:var(--topbar-font-size);}
@media (min-width: 992px){
  .vf_header_topbar{padding:var(--topbar-padding);}
  .vf_header_topbar ul > li{padding: var(--topbar-li-padding);}
}
@media (max-width: 991px){
  .vf_header_topbar{padding:var(--topbar-m-padding);}
  .vf_header_topbar ul > li{padding: var(--topbar-m-li-padding);}
}

/*联系我们*/
.vf_header_topbar .vf_topbar_call {display: inline-block;}
.vf_header_topbar .vf_topbar_call ul li{display: inline-block;margin-right:10px;}
.vf_header_topbar .vf_topbar_call ul li:last-child{margin-right: 0px;}
.vf_header_topbar .vf_topbar_call ul li i {margin-right: 5px;}
.vf_header_topbar .social-icons + .vf_topbar_call{padding-left:10px}

.vf_header_middle .vf_topbar_call ul li{display: inline-block;margin-right:10px;}
.vf_header_middle .vf_topbar_call ul li:last-child{margin-right: 0px;}
.vf_header_middle .vf_topbar_call ul li i {margin-right: 5px;}

/*横排国家*/
header .vf_head_lang {display:inline-block;}
header .vf_head_lang a{border-radius:2px;padding:2px 5px;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
header .vf_head_lang img{height:14px;margin-right: 5px;border:1px solid #efefef;}
header .vf_head_lang ul li{margin: 0;margin-right: 5px;display: inline-block;}
/*横排国家颜色变化*/
header .vf_head_lang a{color:var(--text_black_primary);border:1px solid transparent;}
header .vf_head_lang .current a{background-color: var(--bg_gray_2nd);border:1px solid var(--text_black_divider);}
header .vf_head_lang a:hover{background-color: var(--bg_gray_2nd);color:var(--theme);border:1px solid var(--text_black_divider);}
@media (min-width: 992px){
  .vf_dark_pc .vf_head_lang .current a{background-color: var(--bg_gray_2nd);color:var(--text_black_primary);}
  .vf_dark_pc .vf_head_lang a:hover{background-color: var(--bg_gray_2nd);color:var(--theme)!important;}
  .vf_dark_pc .vf_head_lang a{color:var(--text_white_primary);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; }
}
@media (max-width: 991px){
  .vf_dark_m .vf_head_lang .current a{background-color: var(--bg_gray_2nd);color:var(--text_black_primary);}
  .vf_dark_m .vf_head_lang a:hover{background-color: var(--bg_gray_2nd);color:var(--theme)!important;}
  .vf_dark_m .vf_head_lang a{color:var(--text_white_primary);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; }
}

/*社交媒体*/
header .social-icons{display:inline-block;}
header .social-icons ul li {margin: 0;margin-right: 5px;display: inline-block;}
header .social-icons ul li:last-child{margin-right: 0px;}
header .social-icons [class*="social-"]{height: 25px;width: 25px;line-height: 25px;font-size: 16px;}
header .social-icons [class*="social-"] i{ color:var(--text_black_secondary);}
@media (min-width: 992px){
  .vf_dark_pc .social-icons [class*="social-"] i{ color: #fff;}
}
@media (max-width: 991px){
  .vf_dark_m .social-icons [class*="social-"] i{ color: #fff;}
}

/*icon按钮*/ 
/* .vf_header .icon-phone:before {content: "\f095";}电话 */
/* .vf_header .icon-email:before {content: "\f0e0";}邮件 */
/* .vf_header .icon-love:before {content: "\f004";}爱心 */
/* .vf_header .icon-setting:before {content: "\f1de";}功能 */
/* .vf_header .icon-search:before {content: "\f002";}搜索 */
/* .vf_header_topbar [class*="icon-"]{font-size:14px;} */
/* .vf_header_middle [class*="icon-"]{font-size:14px;} */

/*分散对齐 导航靠近LOGO*/
.header-menu [class*="icon-"]{font-size:14px;} 
.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}
/*导航靠近左侧LOGO 可给导航col*/
/*导航靠近左侧LOGO 可给导航col+文字右对齐*/

/*导航下三角*/
header [class*="icon-"]{vertical-align: middle; font-family: "Font Awesome 5 Pro";-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}   
.vf_header .icon-arrow{font-weight: 500;padding-left: 5px;}
.vf_header .icon-arrow:before {content: "\f107";}
.vf_header_nav{position: relative;}

/*全屏*/
.vf_full_header .container{max-width: 100%;padding: 0 30px;}
@media (max-width: 991px){
  .vf_full_header .container{max-width: 100%;padding: 0 15px;}
}

/*下拉组件按钮*/
header .vf_dropdown + .vf_dropdown{padding-left:10px;}
header .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}
header .vf_dropdown_toggle:before{content:'';position:absolute;width:100%;height:100%;z-index:0;top:0}
@media (min-width: 992px){
  header .vf_dropdown_toggle{padding: var(--topbar-li-padding);}
}
@media (max-width: 991px){
  header .vf_dropdown_toggle{padding: var(--topbar-m-li-padding);}
}
/*购物车*/
header .vf_inqu{display:inline-block;}

/*LOGO*/
.vf_logo{position:relative;display: inline-block;vertical-align: middle;}
.vf_logo img{max-height: var(--header-logo);display:block;max-width:100%;}
.vf_logo a.light-logo{display:block;}
.vf_logo a.dark-logo{display:none;}
@media (min-width: 992px){
  [class*="vf_dark_pc"] .vf_logo a.light-logo{display:none}
  [class*="vf_dark_pc"] .vf_logo a.dark-logo{display:block}
  .vf_head_sticky.vf_white_pc .vf_logo a.light-logo{display:block}
  .vf_head_sticky.vf_white_pc .vf_logo a.dark-logo{display:none}
}
@media (max-width: 991px){
  [class*="vf_dark_m"] .vf_logo a.light-logo{display:none}
  [class*="vf_dark_m"] .vf_logo a.dark-logo{display:block}
  .vf_head_sticky.vf_white_pc .vf_logo a.light-logo{display:block}
  .vf_head_sticky.vf_white_pc .vf_logo a.dark-logo{display:none}
}
/*
.transparent{position:absolute;width: 100%;}
.transparent{background:hsla(0,0%,100%,0);}
*/
/*粘性*/
header .vf_header_nav{
  -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
      -ms-transition: 0.3s;
       -o-transition: 0.3s;
          transition: 0.3s; 
}
header .vf_head_sticky{z-index: 100; position:fixed;width:100%;top:0;left:0;right:0; -webkit-animation-duration:.5s;animation-duration:.5s;
  -webkit-animation-name:stickyTransition;animation-name:stickyTransition}
header .vf_head_sticky{box-shadow: var(--shadow_header);-moz-box-shadow: var(--shadow_header);  -webkit-box-shadow: var(--shadow_header);}


@-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}
}

/*导航下拉BOX*/
.vf_menu .dropdown-sub ul{border-top: solid 1px #f1f1f1;  }

@media (min-width: 992px){
  /*//////////布局*/
  /*全屏*/
  .vf_full-header .container{max-width: 100%;padding: 0 30px;}
  .vf_full-header.vf_head_fancy .container{max-width: 100%;padding: 0 30px;}    
  .vf_full-header.vf_head_fancy .vf_header_nav{max-width: 100%;padding: 0 30px;}
  .vf_head_tran:not(.page_no_sticky),
  .vf_head_semi_tran:not(.page_no_sticky),
  .vf_head_semi_tran_dark:not(.page_no_sticky),
  .vf_head_fancy:not(.page_no_sticky) {position:absolute;width: 100%;}



  /*悬浮半空*/
  .vf_head_tran .vf_header_topbar:not(.vf_head_sticky){background:transparent;}
  
  /*透明*/
  .vf_head_tran{z-index: 100;}
  .vf_head_tran{background-color: rgba(0,0,0,.3);background: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);}
  .vf_head_tran a,.vf_head_tran i{text-shadow: 0 1px 2px rgba(0,0,0,.4);}
  .vf_head_tran .vf_head_sticky a,.vf_head_tran .vf_head_sticky i{text-shadow:none;}
  /*半透明导航*/
  .vf_head_semi_tran{background: var(--semi_head_bg_white);z-index: 100;}
  .vf_head_semi_tran .vf_header_topbar{border-bottom:1px solid var(--text_black_divider);}
  .vf_head_semi_tran .vf_header_middle{border-bottom:1px solid var(--text_black_divider);}
  .vf_head_semi_tran.vf_head_fancy .vf_header_topbar .container{background: rgba(255, 255, 255, 0.8);}
  .vf_head_semi_tran_dark{background: var(--semi_head_bg_black);z-index: 100;}
  .vf_head_semi_tran_dark .vf_header_topbar{border-bottom:1px solid var(--text_white_divider);}
  .vf_head_semi_tran_dark .vf_header_middle{border-bottom:1px solid var(--text_white_divider);}
  .vf_head_semi_tran_dark.vf_head_fancy .vf_header_topbar .container{background: rgba(0, 0, 0, 0.8);}

  /*悬浮半空*/
  .vf_head_fancy {z-index: 100;}
  .vf_head_fancy .vf_header_topbar a,
  .vf_head_fancy .vf_header_topbar i{color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.4);}
  .vf_head_fancy .vf_header_topbar{padding: 5px 30px 5px;}
  .vf_head_fancy .vf_header_topbar + .vf_header_nav{top: 10px;}
  .vf_head_fancy .vf_header_nav{max-width: 100%;top: 60px;padding-left: 30px;padding-right: 30px;}
  .vf_head_fancy .vf_header_nav .container{border-radius:5px;}
  .vf_head_fancy .vf_header_topbar:not(.vf_head_sticky){background:transparent;}
  .vf_head_fancy .vf_header_nav.vf_head_sticky{top: 0;}

  /*nav上浮*/
  .vf_head_nav_fancy .vf_header_nav:not(.vf_head_sticky){position:absolute;width: 100%;}
  .vf_head_nav_fancy .vf_header_topbar{padding: 5px 30px 30px;}
  .vf_head_nav_fancy .vf_header_nav{max-width: 100%;top: 55px;padding-left: 30px;padding-right: 30px;z-index: 10;}
  .vf_head_nav_fancy .vf_header_nav .container{border-radius:5px;}
  .vf_head_nav_fancy .vf_header_nav.vf_head_sticky{top: 0;}

  /*下拉组件*/
  .vf_dropdown{position: relative;display: inline-block;}
  .vf_dropdown_box{display: none;position: absolute;right: 0;top: 100%;z-index: 22;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);}
  .vf_dropdown_box .vf_dropdown_close{display: none;}
  /*国家 下拉盒子*/
  .vf_head_lang .vf_dropdown_box{min-width: 180px;padding:20px;}
  .vf_head_lang .vf_dropdown_box{background: #ffffff; }
  .vf_head_lang .vf_dropdown_box a{color:var(--text_black_primary)!important;}
  .vf_head_lang .vf_dropdown_box a:hover{color:var(--theme);}
  .vf_head_lang .vf_dropdown_box img{margin-right:15px }

  /*国家下拉*/
  .vf_dropdown.vf_head_lang {display:inline-block;}
  .vf_dropdown.vf_head_lang a{border-radius:2px;padding: 5px;display: flex;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
  .vf_dropdown.vf_head_lang img{height:14px;border:1px solid #333;}
  .vf_dropdown.vf_head_lang ul li{margin: 0;display: block;padding:0;}
  .vf_dropdown.vf_head_lang ul{text-align: left}

  /*logo*/
  .vf_header .vf_head_sticky .vf_logo{padding:0 30px 0 0}
  .vf_header .vf_head_sticky .vf_logo img{max-height: var(--desktoptopfixed-logo);}
  .vf_header_middle .vf_logo{max-height: var(--middle-logo);}

  /*导航下三角*/
  .vf_head_lang .vf_dropdown_toggle span:after{vertical-align: middle; font-family: "Font Awesome 5 Pro";-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}   
  .vf_head_lang .vf_dropdown_toggle span:after{font-weight: 500;padding-left: 5px;}
  .vf_head_lang .vf_dropdown_toggle span:after {content: "\f107";}

  /*购物车*/
  .inqu_item{margin-bottom: 16px;display:-webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .inqu_item a:not([class]){-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;display:flex}
  .inqu_item .inqu_btn_del{padding:5px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
  .inqu_item .inqu_img{padding-right:10px}
  .inqu_item .inqu_img img{width:80px}
  .inqu_item .inqu-title{font-weight: 500;}
  .inqu_content{text-align:left;word-wrap:break-word;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  .vf_dropdown_toggle .inqu_icon{font-size: 18px;}
  .vf_inqu_btn .vf-btn{display: block;}
  .vf_inqu .vf_dropdown_box{width: 280px;padding:20px;}

  /*导航 1级*/
  .vf_menu {clear:inherit;}
  .vf_menu > ul{display:block;padding:0;white-space:nowrap; }
 
  .vf_menu > ul > li{position:relative;display: inline-block;word-wrap:break-word;word-break:normal; white-space:normal;}
  .vf_menu > ul > li > a{
    display:block;
    margin:0;
    position:relative;
    white-space:normal;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
  }
  .plusNav__menu-toggle{margin:var(--header-bottom-a-padding);top:0!important;}



  /*2级栏目箭头*/
  .dropdown-sub .dropdown-sub .icon-arrow:before {
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  /*2级 支持3级导航*/
  .vf_menu ul ul{
    position:absolute;
    top:100%;
    /*display: none;不可去 去掉无动画*/
    left:0;
    -webkit-box-shadow: var(--pc-menu-box-shadow);
    -moz-box-shadow: var(--pc-menu-box-shadow);
    -o-box-shadow: var(--pc-menu-box-shadow);
    box-shadow: var(--pc-menu-box-shadow);
   }
  .vf_menu ul ul{visibility:hidden;opacity: 0;z-index: 5;overflow:hidden} 
  .vf_menu ul ul li{width:200px;}
  .vf_menu ul ul li{position:relative;display:block;}
  


  .vf_menu ul ul a{
    font-size: var(--pc-menu-box-font-size);
    position:relative;
    text-decoration:none;
    zoom:1;
    display: flex;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center ;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .vf_menu ul ul a{
    padding: 9px 25px 9px 25px;
  }
  .vf_menu ul ul a:hover{
    padding: 9px 24px 9px 28px;
  }
  .dropdown-sub ul{
    z-index: 299;
    background: #fff;
    border: 0;
    top: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    text-align: left;
  }

  .dropdown-sub ul a:hover{
    padding-left:25px;
  }
  /*导航 3级往下*/
  .dropdown-sub.active > ul {visibility: visible;opacity: 1;display: block;overflow:visible}
  .vf_menu > ul > .dropdown-sub.submenu-right > ul{right: 0;left: auto;}
  .dropdown-sub.submenu-right ul{right: 100%;left: auto;}

  /*全屏二级
  .vf_menu ul li.mega-menu{
      position: inherit;
  }
  .vf_menu li.mega-menu > ul {
      width: 100%;
      padding: 15px 20px 15px;
  }
  */
  /*2级LI图片文字*/
  .vf_menu .li-img img{padding-right: 10px;height:50px;}
  .vf_menu .li-text{-ms-flex-item-align: center;align-self: center ;}
  
 /*2级效果*/
 [class*="vf_nav_expand_"] .vf_menu li > ul{
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease; 
      }
  .vf_nav_expand_top .vf_menu li > ul{-webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
  .vf_nav_expand_top .vf_menu li:hover > ul   {opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
  .vf_nav_expand_bottom .vf_menu li > ul{-webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; }
  .vf_nav_expand_bottom .vf_menu li:hover > ul{opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
  .vf_nav_expand_left .vf_menu li > ul{-webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
  .vf_nav_expand_left .vf_menu li:hover > ul  {opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
  .vf_nav_expand_right .vf_menu li > ul{-webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
  .vf_nav_expand_right .vf_menu li:hover > ul {opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
  .vf_nav_expand_scale .vf_menu li > ul{-webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
  .vf_nav_expand_scale .vf_menu li:hover > ul{opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .vf_nav_expand_zoom .vf_menu li > ul{-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
  .vf_nav_expand_zoom .vf_menu li:hover > ul{-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
  .vf_nav_expand_flip .vf_menu li>ul{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
  .vf_nav_expand_flip .vf_menu li:hover>ul{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}
  .vf_nav_expand_flip .vf_menu ul{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:200px;-ms-perspective:200px;perspective:200px}
  .vf_nav_expand_flip .vf_menu ul>li{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:200px;-ms-perspective:200px;perspective:200px}
}

/*移动端*/
@media (max-width: 991px){
  /*半透明导航*/
  .vf_head_semi_tran{background: var(--bg_white);}
  .vf_head_semi_tran .vf_header_topbar,
  .vf_head_semi_tran .vf_header_middle{border-bottom:1px solid var(--text_black_divider);}

  .vf_head_semi_tran.vf_head_fancy .vf_header_topbar .container{background: rgba(255, 255, 255, 0.8);}
  .vf_head_semi_tran_dark{background: var(--bg_black);}
  .vf_head_semi_tran_dark .vf_header_topbar,
  .vf_head_semi_tran_dark .vf_header_middle{border-bottom:1px solid var(--text_white_divider);}
  .vf_head_semi_tran_dark.vf_head_fancy .vf_header_topbar .container{background: rgba(0, 0, 0, 0.8);}

  .header-menu{padding:10px 0}
  .menu-open + .vf_menu{border-top:1px solid var(--text_black_divider);}


  .vf_dropdown_open,
  .vf_dropdown_box{ -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_box .vf_dropdown_close{display:block;text-align: right;}
  .vf_dropdown_box .vf_dropdown_close{padding-bottom:10px;font-size: 20px;}
  .vf_dropdown_box .vf_dropdown_close button{background: transparent;}
  .vf_dropdown_box .vf_close{position:relative;z-index:1;cursor:pointer;line-height:1;display:inline-block;-moz-transition:color .2s linear;-o-transition:color .2s linear;-webkit-transition:color .2s linear;transition:color .2s linear}
  .vf_dropdown_box .vf_close:before{content:'';position:absolute;width:100%;height:100%;z-index:0;top:0;left: 0;}

  .vf_dropdown_open { position: relative; left: 0; z-index: 99; height: 100%;}
  .vf_dropdown_open::after{position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 1; z-index: 9; background: rgba(0, 0, 0, 0.6); content: '';}
  .vf_head_lang  .vf_dropdown_box,
  .vf_inqu .vf_dropdown_box{text-align: left;width: 380px; max-width: 100%;z-index: 900; height: 100%;overflow-y: auto;visibility: visible;    max-width: 100%; position: fixed !important;top: 0; left: 0; background: #ffffff }
  .vf_head_lang  .vf_dropdown_box,
  .vf_inqu .vf_dropdown_box{-webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  .vf_dropdown.active .vf_dropdown_box {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

  .vf_head_lang .vf_dropdown_box{width: 180px;padding:20px;}

    /*国家 下拉盒子*/
  .vf_head_lang .vf_dropdown_box{min-width: 180px;padding:20px;}
  .vf_head_lang .vf_dropdown_box{background: #fff;}
  .vf_head_lang .vf_dropdown_box a{color:var(--text_black_primary);}
  .vf_head_lang .vf_dropdown_box a:hover{color:var(--theme);}
  .vf_head_lang .vf_dropdown_box img{margin-right:15px }
  /*logo*/
  .vf_header .vf_logo{padding:2px}
  .vf_header .vf_logo img{max-height: var(--mobile-logo);}

  /*购物车*/
  .vf_inqu .vf_dropdown_box{width: 280px;padding:20px;}
  .inqu_item{display:-webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .inqu_item a:not([class]) {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
  }
  .inqu_item{margin-bottom: 16px;}
  .inqu_btn_del{padding:5px; -webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;}
  .inqu_img{padding-right:10px;}
  .inqu_img img{width: 80px;}
  .inqu_content{
    text-align: left;
    word-wrap:break-word;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .inqu_icon{font-size: 18px;padding:3px 10px;}
  .inqu-title{font-weight: 500;}
  .vf_inqu_btn .vf-btn{display: block;}

  /*汉堡包*/
  .burger-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:20px;height:17px;cursor:pointer;transition:-webkit-transform 330ms ease-out;transition:transform 330ms ease-out;transition:transform 330ms ease-out,-webkit-transform 330ms ease-out}
  .burger-menu.menu-open{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  .line-menu{width:100%;height:3px;background-color:#111;border-radius:2px}
  .line-menu.line-half{width:50%}
  .line-menu.first-line{-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57);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)}
  .line-menu.last-line{-ms-flex-item-align:end;align-self:flex-end;-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57);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)}
  .menu-open .line-menu.first-line{-webkit-transform:rotate(-90deg) translateX(3px);transform:rotate(-90deg) translateX(3px)}
  .menu-open .line-menu.last-line{-webkit-transform:rotate(-90deg) translateX(-3px);transform:rotate(-90deg) translateX(-3px)}
  .vf_dark_m .line-menu{background-color:#fff;}

  /*一级*/
  .vf_menu{position:absolute;top:100%;background: #fff;width: 100%;left: 0;z-index: 5;}
  .vf_menu > ul  {display: none;padding: 20px;}
  .vf_menu li>ul {display: none;}
  .vf_menu ul li>a {
      display: block;
      padding: 14px 15px;
      font-size: 15px;
      text-decoration: none;
      text-transform: uppercase;
      transition: all .2s ease-in-out;
  }
  .vf_menu ul li>a{color: #212121;}
  .vf_menu ul li>a:hover{color: var(--theme);}
  /**/
  .dropdown-sub{position: relative;}
  .dropdown-sub >ul {
    padding-left: 10px;
    background-color: #efefef;
  }
  .dropdown-plus {
      position: absolute;
      top: 0;
      right: 0;
      width: 49px;
      height: 49px;
      line-height: 49px;
      cursor: pointer;
  }
  .dropdown-plus::after, .dropdown-plus::before {
    position: absolute;
    top: 24px;
    right: 18px;
    width: 13px;
    height: 1px;
    content: "";
    background-color: #111;
  }
  .dropdown-open.dropdown-plus::after{display: none;}
  .dropdown-plus::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
} /*.navik-menu ul ul li>a {
    padding: 14px 15px 14px 30px;
    font-size: 14px;
    font-style: italic;
    text-transform: inherit;
    background-color: #efefef;
}

@media screen and (max-width:991px){
 汉堡包按钮
  .burger-menu{top:5px;right:14px;width:20px;height:17px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;-webkit-transition:transform 330ms ease-in-out;-moz-transition:transform 330ms ease-in-out;-o-transition:transform 330ms ease-in-out;transition:transform 330ms ease-in-out}
  .burger-menu .line-menu{background-color:#111;border-radius:2px;width:100%;height:2px}
  .burger-menu .line-menu:nth-child(1),.line-menu:nth-child(3){width:100%}
  .burger-menu .line-menu:nth-child(1){transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);transform-origin:right}
  .burger-menu .line-menu:nth-child(3){align-self:flex-end;transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);transform-origin:left}
  .burger-menu.menu-open{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
  .burger-menu.menu-open .line-menu:nth-child(1){-webkit-transform:rotate(-90deg) translateX(3px);-moz-transform:rotate(-90deg) translateX(3px);-o-transform:rotate(-90deg) translateX(3px);transform:rotate(-90deg) translateX(3px)}
  .burger-menu.menu-open .line-menu:nth-child(3){-webkit-transform:rotate(-90deg) translateX(-3px);-moz-transform:rotate(-90deg) translateX(-3px);-o-transform:rotate(-90deg) translateX(-3px);transform:rotate(-90deg) translateX(-3px)}
  .burger-menu.menu-open .line-menu:nth-child(1),
  .burger-menu.menu-open .line-menu:nth-child(3){width:50%}
  
  .multi-menu{margin-left:auto;padding: 0 20px;}
  .multi-menu i{font-size: 19px;}
}
*/

/*搜索*/
  /*搜索下拉*/
.vf_head_search {display:inline-block;}

.vf_head_search .vf_dropdown{position: relative;display: inline-block;}
.vf_head_search .vf_dropdown_box{display: none;position: absolute;right: 0;top: 100%;z-index: 22;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);}
.vf_head_search .vf_dropdown_box .vf_dropdown_close{display: none;}
/*按钮变化*/
.vf_head_search:not(.active) .vf_dropdown_toggle .fa-search-plus{display: none;}
.vf_head_search.active .vf_dropdown_toggle .fa-search{display: none;}
.vf_head_search .vf_dropdown_box .search-box {position: relative; background: #fff; display: inline-block; margin: 0; padding: 15px; width: 327px; z-index: 888; border-radius:3px;}
.vf_head_search .vf_dropdown_box .search-box input { border:1px solid #eceff8; padding: 5px 5px 5px 15px; border-radius: 3px;width: 100%; font-size: 14px;}
.vf_head_search .vf_dropdown_box .search-box input:focus { border:1px solid var(--theme); }
.vf_head_search .vf_dropdown_box .search-box button { background: transparent;cursor: pointer; font-size: 15px; position: absolute; right: 20px; top: 20px;}
.vf_head_search .vf_dropdown_box .search-box button i{ color: #333}
.vf_head_search .vf_dropdown_box .search-box button:hover i{color: var(--theme) !important;}

/*搜索条*/
.search-style1 .search-box{padding:0; opacity: 1!important;position:static;-webkit-transform: rotateX(0deg); transform: rotateX(0deg);visibility:visible;}
.search-style1 .search-btn{display: none;}
.search-style1 .search-box button{top: 10px;right: 10px;}
/*搜索按钮背色*/
.search-style2 .search-cart .search {background:var(--theme);margin:0 5px; padding: 6px 4px 6px 10px;}
.search-style2 .search .search-btn{color: var(--white);}


/*当前栏目*/
.vf_nav_active{color: #ddd;}


