header .header-c .headerUl {
 
    gap: 0 27px;
 
}

header .header-c .headerUl>li>a {
    color: #fff;
    font-size: 15px;
    line-height: 31px;
    padding: 33px 0 31px 0;
}


@media screen and (max-width: 1700px) {
header .header-c .headerUl>li>a {
    color: #fff;
    font-size: 13px;
    line-height: 31px;
    padding: 33px 0 31px 0;
}
}


@media screen and (max-width: 1600px) {
 header .header-c .headerUl {
    gap: 0 20px;
}

header .header-c .headerUl>li>a {
    color: #fff;
    font-size: 12px;
    line-height: 31px;
    padding: 33px 0 31px 0;
}

}



@media screen and (max-width: 1200px) {
    header .header-c .headerUl {
 
    gap: 0 20px;
 
}

header .header-c .headerUl>li>a {
    color: #fff;
    font-size: 12px;
    line-height: 31px;
    padding: 33px 0 31px 0;
}
}



header .header-c .headerUl>li ul {
    position: absolute;
    width: 310px; 
    white-space: nowrap;
    background-color: #fff;
    padding: 18px 0 7px 19px;
    top: 100%;
    left: 0;
    display: none;
}