@charset "UTF-8";

.navcat {
    position: absolute;
    /* background-color: #515153; */
    width: 620px;
}

.navcat-cat01 {
    width: 18%;
    float: left;
    background-color: #515153;
}

.navcat-cat01-div {
    /* padding-top: 10px; */
    font-size: 0;
}

    .navcat-cat01-div p {
        font-size: 16px;
        color: white;
        width: 100%;
        line-height: 54px;
        padding: 0 20px;
        cursor: pointer;
    }

        .navcat-cat01-div p a {
            color: white;
        }

        .navcat-cat01-div p:hover {
            background-color: #9E9E9E;
        }

    .navcat-cat01-div .ons {
        background-color: #9E9E9E;
    }

.navcat-cat02 {
    width: 82%;
    float: left;
    background-color: white;
}

.navcat-cat02-div {
}


    .navcat-cat02-div .pro-gd {
        overflow: auto;
    }

        .navcat-cat02-div .pro-gd::-webkit-scrollbar {
            width: 3px;
            background-color: rgba(158, 158, 158, 0.49);
        }

        .navcat-cat02-div .pro-gd::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #9e9e9e;
        }

    .navcat-cat02-div div {
        font-size: 16px;
        height: 100%;
        width: 100%;
        /* padding: 10px 20px; */
        display: none;
    }

        .navcat-cat02-div div p {
            text-align: center;
        }

    .navcat-cat02-div .ons {
        display: block;
    }


.hide {
    display: none;
}

.navcat-cat02-div .ons a {
    display: block;
    line-height: 78px;
    padding: 0px 0px 0px 20px;
    width: 100%;
    float: left;
}

    .navcat-cat02-div .ons a:hover {
        background-color: #e5000c;
        color: #fff;
    }

.navcat-cat02-div .ons img {
    float: right;
    width: 78px;
}

@media(max-width: 1919px) {
    .navcat-cat01-div p,
    .navcat-cat02-div .ons a {
        line-height: 55px;
    }

    .navcat-cat02-div .ons a {
        line-height: 80px;
    }

    .navcat-cat02-div .ons img {
        max-width: 80px;
    }
}

@media(max-width: 1679px) {
    .navcat-cat01-div p,
    .navcat-cat02-div .ons a {
        line-height: 42px;
    }

    .navcat-cat02-div .ons a {
        line-height: 60px;
    }

    .navcat-cat02-div .ons img {
        max-width: 80px;
    }

    .navcat-cat02-div .ons img {
        max-width: 100px;
        width: 60px;
    }
}

@media(max-width: 1459px) {
    .navcat-cat01-div p {
        font-size: 16px;
    }

    .navcat-cat01-div p,
    .navcat-cat02-div .ons a {
        line-height: 38px;
    }

    .navcat-cat02-div .ons a {
        line-height: 60px;
    }

    .navcat-cat02-div .ons img {
        max-width: 60px;
        width: 60px
    }
}

@media(max-width: 1360px) {

    .navcat-cat01-div p, .navcat-cat02-div .ons a {
        line-height: 36px;
    }
}

@media(max-width: 1259px) {
}

@media(max-width: 991px) {
}

@media(max-width: 767px) {
}