.header-body{
    width: 100%;
    height: var(--headerHeight);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: transparent;
    transition: all 0.3s;
}
.header{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}
.header > a{
    width: 154px;
    height: 100%;
    display: flex;
    float: left;
    align-items: center;
}
.header a .logo{
    display: block;
    width: 100%;
}
.header-fill{
    height: 72px;
    display: none;
}
.header-menu{
    height: 100%;
    float: left;
    display: flex;
    font-size: 16px;
    margin-left: 188px;
    	
}
.header-menu li{
    float: left;
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.header-menu li a{
    display: block;
    color: #fff;
    line-height: calc( var(--headerHeight)  - 2px  ) ;
    border-bottom: 2px solid transparent;
}
.header-menu li:hover a,.header-menu li.active a,.header-menu li a.active {
    /* border-bottom: border-bottom: 3px solid #00a0e9;; */
    border-color: var(--hoverColor);
}
.lang-en{
    float: right;
    display: flex;
    align-items: center;
    height: 100%;
}
.lang-en a{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: block;
}
.lang-en:hover a{
    border-color: var(--hoverColor);
    background: var(--hoverColor);
}