.top_bar {
    height: 76px;
    position: fixed;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
}

.growth_logo {
    width: 32.4px;
    height: 35.4px;
}

.logo span {
    padding-left: 18px;
    font-size: 18px;
    color: #232323;
}

.top_bar_title li {
    padding: 0 26px;
    text-align: center;
    position: relative;
}

.top_bar_title li>a {
    line-height: 52px;
    font-size: 18px;
}

.drop_down_box {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding-bottom: 18px;
    width: 126px;
    border-bottom-left-radius: 63px;
    border-bottom-right-radius: 63px;
    display: none;
}

.drop_down_box a {
    display: block;
    font-size: 14px;
    padding: 8px 0;
    text-align: center;
}

.top_bar_title li:first-child>a:hover {
    color: #f4cc20;
}

.top_bar_title li:nth-child(2)>a:hover {
    color: #ffe366;
}

.top_bar_title li:nth-child(3)>a:hover {
    color: #e97848;
}

.top_bar_title li:nth-child(4)>a:hover {
    color: #54bc9d;

}

.top_bar_title li:nth-child(5)>a:hover {
    color: #ffe366;
}

.growth .drop_down_box a:hover {
    color: #f4cc20;
}

.product .drop_down_box a:hover {
    color: #e97848;
}

.c_ffe366 {
    color: #ffe366;
}

.c_54bc9d {
    color: #54bc9d;
}

.c_f4cc20 {
    color: #f4cc20;
}

.c_e97848 {
    color: #e97848;
}