.headerNew {
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 110px;
}
/* 第三版头部样式 */
.headerNew-logo-user{
  height: 46px;
  box-sizing: border-box;
  padding: 10px 0;
  background: rgba(238, 238, 238, 1);
}
.headerNew-logo-user-main{
  display: flex;
  justify-content: space-between;
  position: relative;
}
.headerNew-logo-user .headerNew-logo-info a::before{
  content: '';
  width: 176px;
  height: 26px;
  top: 3px;
  display: block;
  position: absolute;
  background: url(../img/2.png) no-repeat;
  left: 0;
  background-size: contain;
}
.headerNew-logo-user .language-change {
  margin-right: 10px;
}
.headerNew-logo-user .jicui-logo{
  /* margin-top: 13px; */
  margin-right: 24px;
  width: 63px;
    height: 28px;
} 

.headerNew-logo-user .jicui-logo a{
  position: relative;
  padding-left: 26px;
  line-height: 26px;
  font-size: 12px;
}
.headerNew-logo-user .jicui-logo a::before{
  position: absolute;
  content: '';
  left: 0px;
  top: -5px;
  width: 63px;
  height: 28px;
  background: url("../img/3.png") no-repeat;
  background-size: contain;
  background-position: center;
}
.headerNew-logo-user .language-login button {
  border: none;
  outline: none;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  padding: 5px 18px;
  border-radius: 18px;
  background: #29bcbc;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
}
.headerNew-logo-user .language-change .userName {
  display: block;
  height: 26px;
  line-height: 26px;
}
.headerNew-logo-user .language-change .select-header {
  display: flex;
  padding: 4px 8px;
  border-radius: 18px;
  align-items: center;
  background: #fff;
  justify-content: space-between;
  cursor: pointer;
}
.select-header span {
  width: 46px;
  font-size: 12px;
}
.select-content-ul {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  box-sizing: border-box;
  margin: 5px 0;
  padding: 5px 0;
  position: relative;
  border: 1px solid #e4e7ed;
  z-index: 9;
  top: 5px;
}
.select-content-ul:before {
  content: '';
  position: absolute;
  left: 10px;
  top: -5px;
  width: 8px;
  height: 8px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  /* z-index: -1; */
  border: 1px solid #e4e7ed;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.select-content-ul a {
  display: block;
  font-size: 12px;
  padding: 0 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  cursor: pointer;
}
.select-content-ul a:hover {
  background-color: #f5f7fa;
}


/* menu  logo */

.headerNew-menu .menu-box h1 {
  font-size: 0;
  cursor: pointer;
  width: 28%;   
  /* margin-top: 5px; */
}
.headerNew-menu .menu-box h1 a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.headerNew-menu .menu-box h1 a::before {
  position: absolute;
    content: '';
    background: url(../img/1.png) no-repeat;
    background-size: contain;
    height: 70%;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    background-position: left center;
    /* left: -5px; */
    /* top: 6px; */
    top: 50%;
    transform: translate(0, -50%);
}

/* 菜单 */
.headerNew-menu {
  background: #fff;
  height: 64px;
}
.menu-box {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.menu-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-flow: row;
  flex: 1;
  margin-left: 30px;
  min-width: 0;
}
 .headerNew-menu .navMenu {
  display: flex;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-around;
  /* justify-content: flex-end; */
  height: 100%;
  min-width:88%;
  margin-left: 10%;
}
.headerNew-menu .navMenu li {
  /* margin-left:46px; */
  height: 100%;
  display: flex;
  align-items: center;
  /* border-bottom: 3px solid transparent; */
}
.headerNew-menu .navMenu a {
  display: block;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  /* line-height: 38px;
  height: 38px; */
  box-sizing: border-box;
}
.headerNew-menu .navMenu li.active {
  background: rgba(255, 255, 255, 0.89);
  position: relative;
  /* border-bottom: solid 3px rgba(41, 188, 188, 1); */
}
.headerNew-menu .navMenu li.active::before{
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  opacity: 1;
  border-radius: 2px;
  background: rgba(41, 188, 188, 1);
}
.headerNew-menu .navMenu li.active a {
  color: #29bcbc;
}
.headerNew-menu .menu-box-section {
  width: 100%;
  display: none;
  height: 100%;
}
.headerNew-menu .menu-mobile-box .navMenu li {
  height: 38px;
  line-height: 38px;
  margin: 0 8px;
  border-bottom: 1px solid #eee;
}

.headerNew-menu .menu-mobile-box .navMenu.menu-close {
  transform: translateX(0%);
  display: block;
}
.headerNew-menu .menu-mobile-sub {
  flex: 1;
}

.headerNew-menu .menu-mobile-sub .menu_icon_mobile {
  color: #29bcbc;
  display: block;
  float: right;
  position: relative;
  top: 2px;
  margin-right: 0px;
  background: rgba(255, 255, 255, 0.89);
  width: 34px;
  height: 34px;
  transform: translateX(0px);
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile em.p2,
.headerNew-menu .menu-mobile-sub .menu_icon_mobile em.p3,
.headerNew-menu .menu-mobile-sub .menu_icon_mobile em.p1 {
  transition: all 0.4s cubic-bezier(0.42, 0, 1, 1) 0s;
  display: block;
  width: 18px;
  height: 2px;
  background: #6bd5e1;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  border-radius: 2px;
}
.headerNew-menu .menu-mobile-box .navMenu {
  flex-flow: column;
  position: fixed;
  right: 0;
  top: 106px;
  z-index: 1000;
  left: auto;
  background: #fff;
  height: 8000px;
  line-height: 38px;
  width: 100%;
  margin-right: 0;
  box-sizing: border-box;
  transform: translateX(100%);
  align-items: normal;
  display: block;
  transition: all 0.4s cubic-bezier(0.42, 0, 1, 1) 0s;
}

.headerNew-menu .menu-mobile-box li a {
  color: #222;
}
.headerNew-menu .menu-mobile-box li.active a {
  color: #29bcbc;
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile em.p1 {
  transform: rotate(0deg);
  margin-top: -7px;
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile em.p2 {
  margin-top: 0;
  opacity: 1;
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile em.p3 {
  transform: rotate(0deg);
  margin-top: 7px;
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile.menu-close {
  transform: translateX(0px);
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile.menu-close em.p1 {
  transform: rotate(45deg);
  margin-top: 0;
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile.menu-close em.p2 {
  opacity: 0;
}
.headerNew-menu .menu-mobile-sub .menu_icon_mobile.menu-close em.p3 {
  transform: rotate(-45deg);
  margin-top: 0;
} 
@media only screen and (max-width:1099px) {
  .headerNew-menu .menu-box h1 {
    width: 58%;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1289px) {
  .menu-container {
    margin-left: 7px;
  }
  .headerNew-menu .navMenu {
    margin-left: 0;
  }
  .headerNew-menu .navMenu li {
    margin-left: 4px;
   
  }
  .headerNew-menu .navMenu a {
    font-size: 14px;
    padding: 0 4px;
  }
  .headerNew-logo-user .headerNew-logo-info a::before{
    width: 176px;
    height: 26px;
  }
}
@media only screen and (min-width: 1290px) and (max-width: 1566px) {
  .menu-container {
    margin-left: 20px;
  }
  .headerNew-menu .navMenu {
    min-width: 100%;
    margin-left: 0%;
  }
  .headerNew-menu .navMenu li {
    margin-left: 2px;
  }
}
