.elementor-20 .elementor-element.elementor-element-184cd869{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-20 .elementor-element.elementor-element-23e712b{background-color:var( --e-global-color-primary );padding:12px 12px 7px 12px;bottom:30px;z-index:1;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-23e712b{left:20px;}body.rtl .elementor-20 .elementor-element.elementor-element-23e712b{right:20px;}.elementor-20 .elementor-element.elementor-element-23e712b .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-23e712b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-23e712b.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-23e712b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-23e712b.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-23e712b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-23e712b .elementor-icon{font-size:40px;}.elementor-20 .elementor-element.elementor-element-23e712b .elementor-icon svg{height:40px;}.elementor-20 .elementor-element.elementor-element-c468bb2{--display:flex;--min-height:30px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-20 .elementor-element.elementor-element-c468bb2:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c468bb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-b363763{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-text{color:#ffffff;transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-icon i{color:var( --e-global-color-1cfbe4c );transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-icon svg{fill:var( --e-global-color-1cfbe4c );transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-4f582cf{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-text{color:#ffffff;transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-7de8feb9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:12px;--padding-right:12px;}.elementor-20 .elementor-element.elementor-element-7de8feb9:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-7de8feb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-20 .elementor-element.elementor-element-450d1e38{text-align:left;}.elementor-20 .elementor-element.elementor-element-450d1e38 img{width:100px;height:48px;object-fit:cover;object-position:center center;}.elementor-20 .elementor-element.elementor-element-6ad6901{--display:flex;}.elementor-20 .elementor-element.elementor-global-1424{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-global-1424.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-9143495{--display:flex;}.elementor-20 .elementor-element.elementor-element-8f9b666{--display:flex;}.elementor-20 .elementor-element.elementor-element-06e0ca1{--display:flex;}.elementor-20 .elementor-element.elementor-element-f320dce{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-font-size:var( --e-global-typography-primary-font-size );--n-menu-title-transition:300ms;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;}.elementor-20 .elementor-element.elementor-element-f320dce > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-20 .elementor-element.elementor-element-f320dce > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-20 .elementor-element.elementor-element-f320dce > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-20 .elementor-element.elementor-element-f320dce {--n-menu-title-color-hover:var( --e-global-color-primary );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-1a93a34 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-1a93a34 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-1a93a34 .elementor-button:focus{background-color:var( --e-global-color-6b283de );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-7de8feb9{--padding-top:5px;--padding-bottom:5px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-450d1e38 img{height:35px;}.elementor-20 .elementor-element.elementor-element-6ad6901{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-f320dce{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-toggle-align:flex-start;--n-menu-title-space-between:0px;--n-menu-title-font-size:var( --e-global-typography-primary-font-size );--n-menu-toggle-icon-distance-from-dropdown:15px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-b363763 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-4f582cf{--e-icon-list-icon-size:14px;}.elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-4f582cf .elementor-icon-list-item > a{font-size:14px;}.elementor-20 .elementor-element.elementor-element-450d1e38{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-450d1e38 img{width:80px;height:30px;}.elementor-20 .elementor-element.elementor-element-f320dce{--n-menu-title-font-size:var( --e-global-typography-primary-font-size );}.elementor-20 .elementor-element.elementor-element-1a93a34 .elementor-button{font-size:12px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-184cd869{--width:100%;}.elementor-20 .elementor-element.elementor-element-7de8feb9{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-6ad6901{--width:1060px;}}/* Start custom CSS for global, class: .elementor-global-1424 *//* ========================
   1. 全局容器与重置
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories ul.children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #fff;
    box-sizing: border-box;
}

/* 主菜单外框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
}

/* ========================
   2. 列表项 Flex 布局
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li {
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start;
    
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    
    /* 最小高度，保证单行文本时也够高 */
    min-height: 48px; 
}

/* 去掉底边框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:last-child {
    border-bottom: none;
}

/* 清除默认圆点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::before,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::after {
    content: none !important;
    display: none !important;
}

/* ========================
   3. 链接文本样式 (支持换行 + 统一间距)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories a {
    /* 允许 flex 容器内的文字占据空间 */
    flex: 1 1 auto; 
    width: 0; /* 配合 flex:1 解决长文本溢出 bug */
    
    /* 允许换行 */
    white-space: normal !important; 
    word-break: break-word; 
    line-height: 1.4; 
    
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
    
    /* 【主菜单间距】左边 20px */
    padding: 12px 5px 12px 20px; 
}

/* 子菜单文本样式 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children a {
    font-size: 13px;
    color: #444;
    
    /* 【核心修改】这里改成 20px，跟主菜单保持完全一致！ */
    padding: 10px 5px 10px 20px !important; 
}

/* ========================
   4. 数量 (Count) - 保护不被挤压
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 .count {
    /* 禁止被挤压 */
    flex-shrink: 0; 
    
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
    white-space: nowrap; 
    
    /* 右边距：留出位置给箭头 (30px) */
    margin-right: 30px; 
    margin-left: 0;
}

/* 子菜单里的数量右边距稍微小点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children .count {
    font-size: 11px !important;
    margin-right: 20px !important; 
}

/* ========================
   5. 悬停交互 (Hover)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover {
    background-color: #f9f9f9;
}
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover > a {
    color: #0073e6;
}

/* ========================
   6. 右侧箭头 (固定在最右侧)
   ======================== */
/* 主菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
    content: "" !important;
    display: block !important;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #ccc;
    border-right: 1.5px solid #ccc;
    
    /* 绝对定位：死死钉在最右边 */
    position: absolute;
    right: 15px; 
    top: 50%;
    
    transform: translateY(-50%) rotate(45deg);
    transition: border-color 0.3s;
    pointer-events: none;
}

/* 子菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children li.cat-parent::after {
    width: 5px;
    height: 5px;
    right: 10px; 
}

/* 悬停箭头变蓝 */
.elementor-20 .elementor-element.elementor-global-1424 li:hover::after {
    border-color: #0073e6 !important;
}

/* ========================
   7. 悬浮菜单位置 (Flyout)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.children {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 220px; 
    max-width: 280px; 
    border: 1px solid #eee;
    box-shadow: 4px 0 15px rgba(0,0,0,0.08);
    z-index: 999;
    border-radius: 0 4px 4px 4px;
}

.elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
}

/* 移动端适配 */
@media (max-width: 767px) {
    .elementor-20 .elementor-element.elementor-global-1424 ul.children {
        position: static;
        box-shadow: none;
        border: none;
        display: none;
        padding-left: 0 !important;
    }
    .elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
        display: block;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.children a {
        /* 移动端还是要缩进一下，不然分不清层级 */
        padding-left: 30px !important; 
        background-color: #fcfcfc;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
        transform: translateY(-50%) rotate(135deg);
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1424 *//* ========================
   1. 全局容器与重置
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories ul.children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #fff;
    box-sizing: border-box;
}

/* 主菜单外框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
}

/* ========================
   2. 列表项 Flex 布局
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li {
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start;
    
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    
    /* 最小高度，保证单行文本时也够高 */
    min-height: 48px; 
}

/* 去掉底边框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:last-child {
    border-bottom: none;
}

/* 清除默认圆点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::before,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::after {
    content: none !important;
    display: none !important;
}

/* ========================
   3. 链接文本样式 (支持换行 + 统一间距)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories a {
    /* 允许 flex 容器内的文字占据空间 */
    flex: 1 1 auto; 
    width: 0; /* 配合 flex:1 解决长文本溢出 bug */
    
    /* 允许换行 */
    white-space: normal !important; 
    word-break: break-word; 
    line-height: 1.4; 
    
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
    
    /* 【主菜单间距】左边 20px */
    padding: 12px 5px 12px 20px; 
}

/* 子菜单文本样式 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children a {
    font-size: 13px;
    color: #444;
    
    /* 【核心修改】这里改成 20px，跟主菜单保持完全一致！ */
    padding: 10px 5px 10px 20px !important; 
}

/* ========================
   4. 数量 (Count) - 保护不被挤压
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 .count {
    /* 禁止被挤压 */
    flex-shrink: 0; 
    
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
    white-space: nowrap; 
    
    /* 右边距：留出位置给箭头 (30px) */
    margin-right: 30px; 
    margin-left: 0;
}

/* 子菜单里的数量右边距稍微小点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children .count {
    font-size: 11px !important;
    margin-right: 20px !important; 
}

/* ========================
   5. 悬停交互 (Hover)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover {
    background-color: #f9f9f9;
}
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover > a {
    color: #0073e6;
}

/* ========================
   6. 右侧箭头 (固定在最右侧)
   ======================== */
/* 主菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
    content: "" !important;
    display: block !important;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #ccc;
    border-right: 1.5px solid #ccc;
    
    /* 绝对定位：死死钉在最右边 */
    position: absolute;
    right: 15px; 
    top: 50%;
    
    transform: translateY(-50%) rotate(45deg);
    transition: border-color 0.3s;
    pointer-events: none;
}

/* 子菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children li.cat-parent::after {
    width: 5px;
    height: 5px;
    right: 10px; 
}

/* 悬停箭头变蓝 */
.elementor-20 .elementor-element.elementor-global-1424 li:hover::after {
    border-color: #0073e6 !important;
}

/* ========================
   7. 悬浮菜单位置 (Flyout)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.children {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 220px; 
    max-width: 280px; 
    border: 1px solid #eee;
    box-shadow: 4px 0 15px rgba(0,0,0,0.08);
    z-index: 999;
    border-radius: 0 4px 4px 4px;
}

.elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
}

/* 移动端适配 */
@media (max-width: 767px) {
    .elementor-20 .elementor-element.elementor-global-1424 ul.children {
        position: static;
        box-shadow: none;
        border: none;
        display: none;
        padding-left: 0 !important;
    }
    .elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
        display: block;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.children a {
        /* 移动端还是要缩进一下，不然分不清层级 */
        padding-left: 30px !important; 
        background-color: #fcfcfc;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
        transform: translateY(-50%) rotate(135deg);
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1424 *//* ========================
   1. 全局容器与重置
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories ul.children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #fff;
    box-sizing: border-box;
}

/* 主菜单外框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
}

/* ========================
   2. 列表项 Flex 布局
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li {
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start;
    
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    
    /* 最小高度，保证单行文本时也够高 */
    min-height: 48px; 
}

/* 去掉底边框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:last-child {
    border-bottom: none;
}

/* 清除默认圆点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::before,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::after {
    content: none !important;
    display: none !important;
}

/* ========================
   3. 链接文本样式 (支持换行 + 统一间距)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories a {
    /* 允许 flex 容器内的文字占据空间 */
    flex: 1 1 auto; 
    width: 0; /* 配合 flex:1 解决长文本溢出 bug */
    
    /* 允许换行 */
    white-space: normal !important; 
    word-break: break-word; 
    line-height: 1.4; 
    
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
    
    /* 【主菜单间距】左边 20px */
    padding: 12px 5px 12px 20px; 
}

/* 子菜单文本样式 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children a {
    font-size: 13px;
    color: #444;
    
    /* 【核心修改】这里改成 20px，跟主菜单保持完全一致！ */
    padding: 10px 5px 10px 20px !important; 
}

/* ========================
   4. 数量 (Count) - 保护不被挤压
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 .count {
    /* 禁止被挤压 */
    flex-shrink: 0; 
    
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
    white-space: nowrap; 
    
    /* 右边距：留出位置给箭头 (30px) */
    margin-right: 30px; 
    margin-left: 0;
}

/* 子菜单里的数量右边距稍微小点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children .count {
    font-size: 11px !important;
    margin-right: 20px !important; 
}

/* ========================
   5. 悬停交互 (Hover)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover {
    background-color: #f9f9f9;
}
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover > a {
    color: #0073e6;
}

/* ========================
   6. 右侧箭头 (固定在最右侧)
   ======================== */
/* 主菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
    content: "" !important;
    display: block !important;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #ccc;
    border-right: 1.5px solid #ccc;
    
    /* 绝对定位：死死钉在最右边 */
    position: absolute;
    right: 15px; 
    top: 50%;
    
    transform: translateY(-50%) rotate(45deg);
    transition: border-color 0.3s;
    pointer-events: none;
}

/* 子菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children li.cat-parent::after {
    width: 5px;
    height: 5px;
    right: 10px; 
}

/* 悬停箭头变蓝 */
.elementor-20 .elementor-element.elementor-global-1424 li:hover::after {
    border-color: #0073e6 !important;
}

/* ========================
   7. 悬浮菜单位置 (Flyout)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.children {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 220px; 
    max-width: 280px; 
    border: 1px solid #eee;
    box-shadow: 4px 0 15px rgba(0,0,0,0.08);
    z-index: 999;
    border-radius: 0 4px 4px 4px;
}

.elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
}

/* 移动端适配 */
@media (max-width: 767px) {
    .elementor-20 .elementor-element.elementor-global-1424 ul.children {
        position: static;
        box-shadow: none;
        border: none;
        display: none;
        padding-left: 0 !important;
    }
    .elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
        display: block;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.children a {
        /* 移动端还是要缩进一下，不然分不清层级 */
        padding-left: 30px !important; 
        background-color: #fcfcfc;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
        transform: translateY(-50%) rotate(135deg);
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1424 *//* ========================
   1. 全局容器与重置
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories ul.children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #fff;
    box-sizing: border-box;
}

/* 主菜单外框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
}

/* ========================
   2. 列表项 Flex 布局
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li {
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start;
    
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    
    /* 最小高度，保证单行文本时也够高 */
    min-height: 48px; 
}

/* 去掉底边框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:last-child {
    border-bottom: none;
}

/* 清除默认圆点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::before,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::after {
    content: none !important;
    display: none !important;
}

/* ========================
   3. 链接文本样式 (支持换行 + 统一间距)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories a {
    /* 允许 flex 容器内的文字占据空间 */
    flex: 1 1 auto; 
    width: 0; /* 配合 flex:1 解决长文本溢出 bug */
    
    /* 允许换行 */
    white-space: normal !important; 
    word-break: break-word; 
    line-height: 1.4; 
    
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
    
    /* 【主菜单间距】左边 20px */
    padding: 12px 5px 12px 20px; 
}

/* 子菜单文本样式 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children a {
    font-size: 13px;
    color: #444;
    
    /* 【核心修改】这里改成 20px，跟主菜单保持完全一致！ */
    padding: 10px 5px 10px 20px !important; 
}

/* ========================
   4. 数量 (Count) - 保护不被挤压
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 .count {
    /* 禁止被挤压 */
    flex-shrink: 0; 
    
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
    white-space: nowrap; 
    
    /* 右边距：留出位置给箭头 (30px) */
    margin-right: 30px; 
    margin-left: 0;
}

/* 子菜单里的数量右边距稍微小点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children .count {
    font-size: 11px !important;
    margin-right: 20px !important; 
}

/* ========================
   5. 悬停交互 (Hover)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover {
    background-color: #f9f9f9;
}
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover > a {
    color: #0073e6;
}

/* ========================
   6. 右侧箭头 (固定在最右侧)
   ======================== */
/* 主菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
    content: "" !important;
    display: block !important;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #ccc;
    border-right: 1.5px solid #ccc;
    
    /* 绝对定位：死死钉在最右边 */
    position: absolute;
    right: 15px; 
    top: 50%;
    
    transform: translateY(-50%) rotate(45deg);
    transition: border-color 0.3s;
    pointer-events: none;
}

/* 子菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children li.cat-parent::after {
    width: 5px;
    height: 5px;
    right: 10px; 
}

/* 悬停箭头变蓝 */
.elementor-20 .elementor-element.elementor-global-1424 li:hover::after {
    border-color: #0073e6 !important;
}

/* ========================
   7. 悬浮菜单位置 (Flyout)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.children {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 220px; 
    max-width: 280px; 
    border: 1px solid #eee;
    box-shadow: 4px 0 15px rgba(0,0,0,0.08);
    z-index: 999;
    border-radius: 0 4px 4px 4px;
}

.elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
}

/* 移动端适配 */
@media (max-width: 767px) {
    .elementor-20 .elementor-element.elementor-global-1424 ul.children {
        position: static;
        box-shadow: none;
        border: none;
        display: none;
        padding-left: 0 !important;
    }
    .elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
        display: block;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.children a {
        /* 移动端还是要缩进一下，不然分不清层级 */
        padding-left: 30px !important; 
        background-color: #fcfcfc;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
        transform: translateY(-50%) rotate(135deg);
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1424 *//* ========================
   1. 全局容器与重置
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories ul.children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #fff;
    box-sizing: border-box;
}

/* 主菜单外框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
}

/* ========================
   2. 列表项 Flex 布局
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li {
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start;
    
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    
    /* 最小高度，保证单行文本时也够高 */
    min-height: 48px; 
}

/* 去掉底边框 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:last-child {
    border-bottom: none;
}

/* 清除默认圆点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::before,
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li::after {
    content: none !important;
    display: none !important;
}

/* ========================
   3. 链接文本样式 (支持换行 + 统一间距)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories a {
    /* 允许 flex 容器内的文字占据空间 */
    flex: 1 1 auto; 
    width: 0; /* 配合 flex:1 解决长文本溢出 bug */
    
    /* 允许换行 */
    white-space: normal !important; 
    word-break: break-word; 
    line-height: 1.4; 
    
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
    
    /* 【主菜单间距】左边 20px */
    padding: 12px 5px 12px 20px; 
}

/* 子菜单文本样式 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children a {
    font-size: 13px;
    color: #444;
    
    /* 【核心修改】这里改成 20px，跟主菜单保持完全一致！ */
    padding: 10px 5px 10px 20px !important; 
}

/* ========================
   4. 数量 (Count) - 保护不被挤压
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 .count {
    /* 禁止被挤压 */
    flex-shrink: 0; 
    
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
    white-space: nowrap; 
    
    /* 右边距：留出位置给箭头 (30px) */
    margin-right: 30px; 
    margin-left: 0;
}

/* 子菜单里的数量右边距稍微小点 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children .count {
    font-size: 11px !important;
    margin-right: 20px !important; 
}

/* ========================
   5. 悬停交互 (Hover)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover {
    background-color: #f9f9f9;
}
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li:hover > a {
    color: #0073e6;
}

/* ========================
   6. 右侧箭头 (固定在最右侧)
   ======================== */
/* 主菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
    content: "" !important;
    display: block !important;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #ccc;
    border-right: 1.5px solid #ccc;
    
    /* 绝对定位：死死钉在最右边 */
    position: absolute;
    right: 15px; 
    top: 50%;
    
    transform: translateY(-50%) rotate(45deg);
    transition: border-color 0.3s;
    pointer-events: none;
}

/* 子菜单箭头 */
.elementor-20 .elementor-element.elementor-global-1424 ul.children li.cat-parent::after {
    width: 5px;
    height: 5px;
    right: 10px; 
}

/* 悬停箭头变蓝 */
.elementor-20 .elementor-element.elementor-global-1424 li:hover::after {
    border-color: #0073e6 !important;
}

/* ========================
   7. 悬浮菜单位置 (Flyout)
   ======================== */
.elementor-20 .elementor-element.elementor-global-1424 ul.children {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 220px; 
    max-width: 280px; 
    border: 1px solid #eee;
    box-shadow: 4px 0 15px rgba(0,0,0,0.08);
    z-index: 999;
    border-radius: 0 4px 4px 4px;
}

.elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
}

/* 移动端适配 */
@media (max-width: 767px) {
    .elementor-20 .elementor-element.elementor-global-1424 ul.children {
        position: static;
        box-shadow: none;
        border: none;
        display: none;
        padding-left: 0 !important;
    }
    .elementor-20 .elementor-element.elementor-global-1424 li:hover > ul.children {
        display: block;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.children a {
        /* 移动端还是要缩进一下，不然分不清层级 */
        padding-left: 30px !important; 
        background-color: #fcfcfc;
    }
    .elementor-20 .elementor-element.elementor-global-1424 ul.product-categories li.cat-parent::after {
        transform: translateY(-50%) rotate(135deg);
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-f320dce *//* =========================================================

   PART 1: 全局通用样式 (保持不变)

   ========================================================= */



/* 主菜单文字美化 */

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item-title {

    color: #333 !important;

    font-weight: 500 !important;

    padding: 10px 15px !important;

    border: none !important; 

    background: transparent !important;

}

/* 悬停变蓝 */

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item:hover .e-n-menu-item-title {

    color: #0073e6 !important;

}



/* 小箭头美化 */

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-dropdown-icon {

    font-size: 12px !important;

    color: #aaa !important;

    margin-left: 5px !important;

}

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item:hover .e-n-menu-dropdown-icon {

    color: #0073e6 !important;

    transform: rotate(180deg) !important;

}



/* 暴力去除所有默认灰线/边框 */

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item,

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item-title {

    border: none !important;

    box-shadow: none !important;

}

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item::before,

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-item::after {

    display: none !important;

}

/* 去除产品类别组件自带的边框 */

.elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content ul.product-categories {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

    width: 100% !important;

}





/* =========================================================

   PART 2: 仅在 桌面端 (Desktop) 生效

   (屏幕 > 1024px：保持你现在的悬浮卡片效果)

   ========================================================= */

@media (min-width: 1025px) {

    .elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content {

        width: 280px !important;

        min-width: 280px !important;

        left: 0 !important;

        margin-top: 0px !important;

        padding: 0 !important;

        background: transparent !important;

        border: none !important; 

        box-shadow: none !important;

        height: auto !important;

    }



    .elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content > .e-con,

    .elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content > .e-container {

        background-color: #fff !important;

        border: 1px solid #eee !important;

        border-radius: 4px !important;

        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;

        width: 100% !important;

        overflow: visible !important; 

    }

}





/* =========================================================

   PART 3: 仅在 平板和手机端 (Mobile/Tablet) 生效

   (屏幕 < 1024px：【核心修改】只显示一级菜单)

   ========================================================= */

@media (max-width: 1024px) {



    /* 1. 解决黑边 & 强制全宽 */

    .elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content {

        width: 100% !important;

        min-width: 100vw !important; /* 强制占满视口 */

        position: relative !important;

        left: 0 !important;

        background: #fff !important; /* 强制白底 */

        border: none !important;

        padding: 0 !important;

        margin: 0 !important;

    }



    .elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content > .e-con,

    .elementor-20 .elementor-element.elementor-element-f320dce .e-n-menu-content > .e-container {

        width: 100% !important;

        background-color: #fff !important;

        border: none !important;

        box-shadow: none !important;

        padding: 0 !important;

    }

    

    /* 2. 【核心】彻底隐藏所有子菜单 (Level 2+) */

    .elementor-20 .elementor-element.elementor-element-f320dce ul.children {

        display: none !important;

    }

    

    /* 3. 【核心】隐藏一级菜单右边的箭头 (既然没子菜单了，箭头也没用了) */

    .elementor-20 .elementor-element.elementor-element-f320dce ul.product-categories li.cat-parent::after {

        display: none !important;

    }



    /* 4. 优化一级菜单显示 */

    /* 确保文字正常换行，不再竖排显示 */

    .elementor-20 .elementor-element.elementor-element-f320dce ul.product-categories a {

        padding-left: 15px !important; /* 稍微缩进一点 */

        white-space: normal !important;

        width: 100% !important;

    }

    

    /* 5. 确保数量不被挤压 */

    .elementor-20 .elementor-element.elementor-element-f320dce .count {

        margin-right: 15px !important; /* 右边留点空隙 */

    }

}/* End custom CSS */