.bf-header {
  width: 100%;
  z-index: 10;
  transition: all .3s ease;
}
.bf-header .bf-header--wrap {
  padding: 18px 36px;
}
.header_box {
  height: 90px;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  width: 100%;
  box-sizing: border-box;
}
.pc_screen {
  display: block !important;
}
.header_box.index {
  background: transparent;
}
.a_center {
  -o-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.j_center {
  -o-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.d_flex {
  display: -webkit-box;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: -webkit-flex;
  display: flex;
}
.header_inner {
  width: 87.5%;
  margin: auto;
  height: 100%;
}
.logo_box .logo {
  height: 2em;
  margin-right: 50px;
}
.header_box .header_menus_nav {
  margin-right: 50px;
  height: 100%;
  color: #666;
  position: relative;
}
.header_menus_nav.a:hover{color: #00928c}
.bf-header .logo2-wrap {display:inline-block;height:53px;padding-left:56px;text-align:center;vertical-align:middle;}
.bf-header .logo2-wrap .logo-img {top:50%;left:0;width:50px;height:53px;transform:translateY(-50%);}
.bf-header .logo2-wrap .logo-name {font-size:18px;line-height:53px;text-align:right;color:#fff;}
.bf-header .functions {display:table;height:56px;border-collapse:separate;}
.bf-header .functions .other,.bf-header .functions .menu {display:table-cell;vertical-align:middle;transition:all .3s ease;}
.bf-header .functions .iconfont,.bf-header .functions .label {display:inline-block;vertical-align:middle;font-size:20px;line-height:30px;color:#fff;transition:all .3s;}
.bf-header .functions .hr {display:inline-block;width:2px;height:20px;margin:5px 18px;background:#fff;vertical-align:middle;}
.bf-header .functions .other {padding-right:36px;}
.bf-header .functions .other .search {position:relative;width:.2rem;height:.2rem;}
.bf-header .functions .search .iconfont {position:absolute;top:50%;left:50%;font-size:.2rem;margin-top:-.1rem;margin-left:-.1rem;}
.bf-header .functions .search .icon-search {opacity:1;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;}
.bf-header .functions .search .icon-menu-close {transform:rotate(-30deg);opacity:0;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;}
.bf-header .functions .search.active .icon-search {transform:rotate(30deg);opacity:0;}
.bf-header .functions .search.active .icon-menu-close {transform:rotate(0) scale(1.5);opacity:1;}
.bf-header .functions .menu .icon {position:relative;display:inline-block;width:.3rem;height:.3rem;vertical-align:middle;}
.bf-header .functions .menu .iconfont {position:absolute;top:50%;left:50%;font-size:.3rem;margin-top:-.15rem;margin-left:-.15rem;}
.bf-header .functions .menu .icon-menu {opacity:1;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;}
.bf-header .functions .menu .icon-menu-close {transform:rotate(-30deg);opacity:0;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;}
.bf-header .functions .menu .label {display:inline-block;margin-left:10px;vertical-align:middle;}
.bf-header .functions .menu.active .icon-menu {transform:rotate(30deg);opacity:0;}
.bf-header .functions .menu.active .icon-menu-close {transform:rotate(0);opacity:1;}
.bf-header.scroll {background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.bf-header.green .functions .iconfont,.bf-header.green .functions .label {color:#7f7f7f;}
.bf-header.green .functions .hr {background:#7f7f7f;}
@media screen and (max-width:1024px) {
  .bf-header .functions .other {display:none;}
}
@media screen and (max-width:750px) {
  .bf-header .functions {margin-left:auto;}
  .bf-header .logo2-wrap {display:flex;height:auto;align-items:center;margin-left:auto;padding-left:.56rem;}
  .bf-header .logo2-wrap .logo-img {width:.5rem;height:.53rem;}
  .bf-header .logo2-wrap .logo-name {font-size:.2rem; line-height:initial;}
  .bf-header .functions .menu .label {display:none;}
}
/*background:#5f94d7;*/
.bf-menu {position:fixed;top:0;right:0;width:40%;height:100vh;z-index:9;background: rgba(0,0,0,.2);transition:all .3s ease;transform:translateX(100%);opacity:0;overflow:hidden;}
.bg-menu-pc {display:block;position: absolute;background: #5f94d7;width: 100%;height: 100%;right: 0;}
.bg-menu-mo {display:none;}
.bf-menu.active {opacity:1;transform:translateX(0);}
.bf-menu-image {position:absolute;top:0;left:0;width:40%;height:100%;}
.bf-menu .bf-menu-container {position:absolute;top:50%;right:0;width:100%;padding:0 8%;transform:translateY(-50%);}
.bf-menu .bf-menu-container .menu-item {padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:0;}
.bf-menu .bf-menu-container .nav {position:relative;display:inline-block;max-width:1rem;color:#fff;vertical-align:middle;}
.bf-menu .bf-menu-container .nav::after {content:'';position:absolute;top:0;left:-.1rem;display:block;width:0;height:0;background:url(../images/nav-hover.png) no-repeat;transition:all .3s ease-in-out;}
.bf-menu .bf-menu-container .nav.active::after,.bf-menu .bf-menu-container .nav:hover::after {width:.28rem;height:.28rem;}
.bf-menu .bf-menu-container .sub-nav-list {display:inline-block;width:calc(100% - 1rem);padding-left:.5rem;font-size:0;vertical-align:middle;}
.bf-menu .bf-menu-container .sub-nav {display:inline-block;min-width:20%;padding:0 .06rem;color:rgba(255,255,255,.7);vertical-align:middle;text-align:left;}
.bf-menu .bf-menu-container .sub-nav:hover {color:#fff;}
@media screen and (max-width:750px) {.bf-menu {width:auto;height:auto;padding-top:1rem;background-image:url(../images/menu-bg2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;}
  .bg-menu-pc {display:none;}
  .bg-menu-mo {display:block;}
  .bg-menu-mo .menu-list {display:flex;flex-direction:column;}
  .bg-menu-mo .menu-item {display:flex;align-items:center;padding:.2rem .2rem .2rem .4rem;border-top:1px solid rgba(255,255,255,.2);}
  .bg-menu-mo .menu-list .icon {display:inline-block;margin-right:.3rem;width:.4rem;line-height:1;color:#fff;}
  .bg-menu-mo .menu-list .icon-arrow {margin-left:auto;margin-right:0;font-size:.24rem;color:#fff;}
  .bg-menu-mo .menu-list span {margin-right:.3rem;color:#fff;}
  .bg-menu-mo .other-mo {display:flex;align-items:center;justify-content:center;padding:.2rem 0;border-top:1px solid rgba(255,255,255,.2);}
  .bg-menu-mo .other-mo .iconfont {font-size:.24rem;color:#fff;}
  .bg-menu-mo .other-mo .search {width:.3rem;height:.3rem;}
  .bg-menu-mo .other-mo .hr {width:2px;height:.2rem;margin:0 .2rem;background:#fff;}
}
