.header-main {
    position: relative;
    width: 100%;
    height: 92rem;
    z-index: 999;
}

.header-main .index-header {
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    animation: dynamic-header .3s linear;
    -webkit-animation: dynamic-header .3s linear;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
}

@keyframes dynamic-header {
    from {
        -webkit-transform: translateY(-20rem);
        transform: translateY(-20rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes dynamic-header {
    from {
        -webkit-transform: translateY(-20rem);
        transform: translateY(-20rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.header-main .header {
    width: 80%;
    min-width: 1400rem;
    height: 100%;
    margin: auto;
}

.header-main .header-logo {
    margin: 23rem 12rem;
    float: left;
    background-size: contain;
}

.header-main .header-logo, .header-log-img {
    width: 130rem;
    height: 46rem;
}

.header-main .header-nav {
    float: right;
}

.header-main .header-nav ul li {
    float: right;
    margin-left: 65rem;
}

.header-main .header-nav ul li a {
    position: relative;
    margin-top: 26rem;
    opacity: 1;
    display: block;
    height: 30rem;;
    line-height: 30rem;
    font-size: 21rem;
    color: #FFFFFF;
    letter-spacing: 1rem;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.header-main .header-nav-service ul li a {
    color: #59636C !important;
}

.header-main .header-nav ul li a:hover {
    opacity: 0.8;
}

.header-main .header-nav ul li a::after {
    content: "";
    display: block;
    height: 2rem;
    position: absolute;
    width: 20rem;
    left: calc(50% - 10rem);
    bottom: -6rem;
    background-color: #DA424B;
    opacity: 0; /*导航栏文字下划线默认不显示*/
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.header-main .header-nav-active::after {
    opacity: 1 !important; /*导航栏文字选中后加下划线*/
}