.elementor-5459 .elementor-element.elementor-element-dd693a2{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(min-width:768px){.elementor-5459 .elementor-element.elementor-element-dd693a2{--content-width:1280px;}}/* Start custom CSS for nav-menu, class: .elementor-element-4780074 *//* ==================================================
   KEKANG PRODUCT CATALOG
   WordPress Menu

   一级目录：单独一行大标题
   二级目录：桌面每行4个
   分类缩略图：1:1 正方形背景
   分类名称：图片中央
   Brand Red: #e60815
================================================== */


/* ==================================================
   ROOT
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074{
    --kk-red:#e60815;
    --kk-dark:#1f2d31;
    --kk-text:#52666b;
    --kk-border:#e7ecee;

    width:100%;
}


/* ==================================================
   整个菜单
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu{
    display:block;

    width:100%;

    margin:0;
    padding:0;
}


/* ==================================================
   一级分类
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li{
    display:block;

    width:100%;

    margin:0 0 60px;
    padding:0;

    float:none;
}


.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li:last-child{
    margin-bottom:0;
}


/* ==================================================
   一级分类标题
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a{
    position:relative;

    display:flex;
    align-items:center;

    width:100%;

    margin:0 0 26px;
    padding:0 0 17px;

    background:transparent;

    border:0;
    border-bottom:1px solid var(--kk-border);

    border-radius:0;

    color:var(--kk-dark);

    text-align:left;

    font-size:34px;
    line-height:1.2;

    font-weight:800;

    letter-spacing:-0.5px;

    box-shadow:none;

    transform:none;

    transition:
        color .25s ease,
        border-color .25s ease;
}


/* ==================================================
   一级标题左侧红色装饰
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a::before{
    content:"";

    display:block;

    width:6px;
    height:32px;

    flex:0 0 6px;

    margin-right:15px;

    background:var(--kk-red);

    border-radius:4px;
}


/* 一级标题 Hover */
.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a:hover{
    color:var(--kk-red);

    background:transparent;

    border-bottom-color:
        rgba(230,8,21,.30);
}


/* 当前一级分类 */
.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li.current-menu-item > a,

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li.current-menu-ancestor > a{
    color:var(--kk-red);
}


/* ==================================================
   隐藏一级分类箭头
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > a .sub-arrow,

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > a .elementor-nav-menu--dropdown-sub-arrow{
    display:none;
}


/* ==================================================
   二级分类区域
   DESKTOP = 4列
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > .sub-menu{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:22px;

    position:static !important;

    width:100% !important;
    min-width:0 !important;

    height:auto !important;

    margin:0;
    padding:0;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;

    background:transparent;

    border:0;

    box-shadow:none;

    overflow:visible;
}


/* ==================================================
   二级分类 LI
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu > li{
    position:relative;

    display:block;

    width:100%;

    margin:0;
    padding:0;

    float:none;

    border-radius:16px;

    overflow:visible;
}


/* ==================================================
   二级分类卡片
   1:1 正方形
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item{
    position:relative;

    display:block;

    width:100% !important;

    aspect-ratio:1 / 1;

    min-height:0;

    margin:0;
    padding:0;

    overflow:hidden;

    background:#edf0f1;

    border:
        1px solid
        rgba(31,45,49,.08);

    border-radius:16px;

    color:#ffffff;

    box-shadow:
        0 8px 24px
        rgba(31,45,49,.08);

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        border-color .30s ease;
}


/* ==================================================
   清理 Elementor 默认图标
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item::before{
    content:none;
}


/* ==================================================
   分类缩略图
   铺满整个 1:1 卡片
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu
.kk-menu-cat-thumb{
    position:absolute;

    z-index:1;

    inset:0;

    display:block !important;

    width:100% !important;
    height:100% !important;

    margin:0;
    padding:0;

    border:0;

    border-radius:0;

    overflow:hidden;

    background:#edf0f1;
}


/* ==================================================
   分类图片
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu
.kk-menu-cat-thumb-img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none;

    object-fit:cover;

    object-position:center;

    transform:scale(1);

    transition:
        transform .45s ease,
        filter .35s ease;
}


/* ==================================================
   图片遮罩
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item::after{
    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,8,10,.06) 0%,
            rgba(5,8,10,.16) 42%,
            rgba(5,8,10,.58) 100%
        );

    transition:
        background .30s ease;
}


/* ==================================================
   二级分类名称
   图片正中央
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu
.kk-menu-cat-text{
    position:absolute;

    z-index:3;

    top:50%;
    left:50%;

    display:block;

    width:
        calc(100% - 38px);

    transform:
        translate(-50%,-50%);

    margin:0;
    padding:0;

    color:#ffffff;

    text-align:center;

    font-size:19px;
    line-height:1.35;

    font-weight:700;

    letter-spacing:.1px;

    text-shadow:
        0 2px 10px
        rgba(0,0,0,.58);

    transition:
        transform .30s ease;
}


/* ==================================================
   HOVER
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item:hover{
    color:#ffffff;

    border-color:
        rgba(230,8,21,.55);

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px
        rgba(31,45,49,.16);
}


/* Hover 图片放大 */
.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item:hover
.kk-menu-cat-thumb-img{
    transform:
        scale(1.08);
}


/* Hover 遮罩 */
.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item:hover::after{
    background:
        linear-gradient(
            180deg,
            rgba(5,8,10,.02) 0%,
            rgba(5,8,10,.10) 42%,
            rgba(5,8,10,.48) 100%
        );
}


/* Hover 文字轻微上移 */
.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item:hover
.kk-menu-cat-text{
    transform:
        translate(-50%,calc(-50% - 3px));
}


/* ==================================================
   Hover 顶部红线
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li > .elementor-sub-item:hover::before{
    content:"";

    position:absolute;

    z-index:5;

    top:0;
    left:0;

    display:block;

    width:100%;
    height:4px;

    background:var(--kk-red);
}


/* ==================================================
   当前二级分类
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li.current-menu-item >
.elementor-sub-item{
    border-color:var(--kk-red);

    box-shadow:
        0 0 0 2px rgba(230,8,21,.10),
        0 16px 34px rgba(31,45,49,.14);
}


/* 当前二级分类顶部红线 */
.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li.current-menu-item >
.elementor-sub-item::before{
    content:"";

    position:absolute;

    z-index:5;

    top:0;
    left:0;

    display:block;

    width:100%;
    height:4px;

    background:var(--kk-red);
}


/* ==================================================
   当前分类文字
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
li > .sub-menu >
li.current-menu-item >
.elementor-sub-item
.kk-menu-cat-text{
    color:#ffffff;

    font-weight:800;
}


/* ==================================================
   一级分类之间增加视觉分隔
================================================== */

.elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li + li{
    padding-top:4px;
}


/* ==================================================
   TABLET
   2列 + 1:1
================================================== */

@media(max-width:1024px){

    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li{
        margin-bottom:48px;
    }


    /* 一级目录 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a{
        font-size:29px;

        margin-bottom:20px;

        padding-bottom:14px;
    }


    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a::before{
        width:5px;
        height:28px;

        flex-basis:5px;

        margin-right:12px;
    }


    /* 二级目录：2列 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:16px;
    }


    /* 平板保持 1:1 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu >
    li > .elementor-sub-item{
        aspect-ratio:1 / 1;
    }


    /* 平板强制图片显示 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu
    .kk-menu-cat-thumb{
        display:block !important;

        visibility:visible !important;

        opacity:1 !important;

        width:100% !important;
        height:100% !important;
    }


    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu
    .kk-menu-cat-thumb-img{
        display:block !important;

        visibility:visible !important;

        opacity:1 !important;

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center !important;
    }


    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu
    .kk-menu-cat-text{
        font-size:18px;
    }

}


/* ==================================================
   MOBILE
   1列 + 1:1
================================================== */

@media(max-width:767px){

    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li{
        margin-bottom:40px;
    }


    /* 一级目录 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a{
        font-size:25px;

        margin-bottom:16px;

        padding-bottom:12px;

        letter-spacing:-.2px;
    }


    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu > li > a::before{
        width:5px;
        height:24px;

        flex-basis:5px;

        margin-right:10px;
    }


    /* 二级目录 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu{
        grid-template-columns:1fr;

        gap:14px;
    }


    /* 手机也保持 1:1 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu >
    li > .elementor-sub-item{
        aspect-ratio:1 / 1;

        border-radius:14px;
    }


    /* 手机图片 */
    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu
    .kk-menu-cat-thumb{
        display:block !important;

        visibility:visible !important;

        opacity:1 !important;

        width:100% !important;
        height:100% !important;
    }


    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu
    .kk-menu-cat-thumb-img{
        display:block !important;

        visibility:visible !important;

        opacity:1 !important;

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center !important;
    }


    .elementor-5459 .elementor-element.elementor-element-4780074 .elementor-nav-menu >
    li > .sub-menu
    .kk-menu-cat-text{
        width:
            calc(100% - 30px);

        font-size:19px;
    }

}/* End custom CSS */