/* 仅首页 html.page-index：固定 1rem=16px，避免 style.css 小屏又把 html 改成 6.25rem / 13.333vw */
html.page-index {
    font-size: 16px !important;
}

@media screen and (max-width: 74.9375rem) {
    html.page-index {
        font-size: 16px !important;
    }
}

html.page-index body {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none !important;
    width: 100%;
    overflow-x: clip;
    box-sizing: border-box;
    touch-action: manipulation;
    font-size: 16px;
}

:root {
    --type-design-width: 1920;
    --type-design-height: 1080;
    --type-scale: calc(100vw / var(--type-design-width));
}

/* 左 110px / 右 150px */
#app .home-page-frame {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    /* padding-left: max(0.75rem, calc(110 * 100vw / 1980));
    padding-right: max(0.75rem, calc(150 * 100vw / 1980)); */
}

#app .home-page-frame .main,
#app .home-page-frame .main2,
#app .home-page-frame .mainMap,
#app .home-page-frame .main3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

#app .home-page-frame .section_48 {
    max-width: 100% !important;
}

/* ===== 首页首屏通知+地图区：设计稿高 802px @1920，背景同比例铺满不变形 ===== */
html.page-index #app.index-home .cases.banner1.home-notice-banner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--idx-banner1-h) !important;
    min-height: var(--idx-banner1-h) !important;
    max-height: var(--idx-banner1-h) !important;
    overflow: hidden !important;
    background-image: url(../img/back.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    /* 与容器同宽高缩放（1920×802），避免 cover/100% auto 拉伸变形 */
    background-size: 100% 100% !important;
}

/* 外贸服务区（back2）：设计稿背景高 904px @1920，与容器同比例缩放不变形 */
html.page-index #app.index-home .cases.cases-bg-fit.home-trade-service-banner {
    height: var(--idx-trade-service-banner-h) !important;
    min-height: var(--idx-trade-service-banner-h) !important;
    max-height: var(--idx-trade-service-banner-h) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
    background-image: url(../img/back2.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 100% !important;
}

/* 外贸工具区：设计稿背景高 690px @1920，与容器同比例缩放不变形 */
html.page-index #app.index-home .cases.cases-bg-cover.home-wmgj-banner {
    height: var(--idx-wmgj-banner-h) !important;
    min-height: var(--idx-wmgj-banner-h) !important;
    max-height: var(--idx-wmgj-banner-h) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background-image: url(../img/foreign_trade_tools.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 100% !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* mainMap 内层链：公告+地图整体在 802px 首屏内上下左右居中 */
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap > .title,
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .cases_title,
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .group_62,
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_6,
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .group_63 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 {
    display: flex;
    flex-direction: row;
}
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .section_47_img.ningyang-right-map {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: var(--idx-map-panel-w) !important;
    min-width: var(--idx-map-panel-w) !important;
    max-width: var(--idx-map-panel-w) !important;
    height: var(--idx-map-panel-h) !important;
    min-height: var(--idx-map-panel-h) !important;
    max-height: var(--idx-map-panel-h) !important;
    margin: 0 !important;
    z-index: 2;
    box-sizing: border-box !important;
    overflow: hidden !important;
    aspect-ratio: 1142 / 592;
    display: flex !important;
    flex-direction: column !important;
    background-size: 100% 100% !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map {
    min-width: 0 !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map .ny-map__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin-top: clamp(0.5rem, calc(2.5 * 100vw / 120), 2.5rem) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map .ny-map__header {
    flex: 0 0 auto !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map .ny-map__col--map,
html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map .ny-map__col-stats {
    min-width: 0 !important;
    min-height: 0 !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map .ny-map__col-stats {
    flex: 418 1 0 !important;
    align-self: stretch !important;
    justify-content: flex-end !important;
    max-height: 100% !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map .ny-map__col--map {
    flex: 612 1 0 !important;
    align-self: stretch !important;
    justify-content: flex-end !important;
    max-height: 100% !important;
    overflow: visible !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .box_99.home-notice-panel {
    --idx-notice-head-h: 3.75rem;
    --idx-notice-list-pad: 1rem;
    --idx-notice-item-gap: var(--idx-notice-list-pad);
    /* 列表区：上留白由 tab+mt10，左/右/下 1rem；条目间距 1rem×3 */
    --idx-notice-item-h: calc(
        (
            var(--idx-notice-panel-h) - var(--idx-notice-head-h) - 0.625rem -
                var(--idx-notice-list-pad) - var(--idx-notice-item-gap) * 3
        ) / 4
    );
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    width: var(--idx-notice-panel-w) !important;
    min-width: var(--idx-notice-panel-w) !important;
    max-width: var(--idx-notice-panel-w) !important;
    height: var(--idx-notice-panel-h) !important;
    min-height: var(--idx-notice-panel-h) !important;
    max-height: var(--idx-notice-panel-h) !important;
    margin-right: 0 !important;
    aspect-ratio: 589 / 529;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 3px rgba(175,175,175,0.25);
    border-radius: 0px 0px 0px 0px;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .box_99 .tab-tilte {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-top: 0.625rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .cases.cases-bg-fit.home-trade-service-banner .text_23,
html.page-index #app.index-home .home-wmgj-banner .text_23 {
    font-family: Inter, Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: var(--idx-section-title-size) !important;
    color: #1c4f98 !important;
    line-height: 1 !important;
    text-align: left !important;
    font-style: normal !important;
    text-transform: none !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap  .notice-title-wrap {
    display: inline-flex;
    align-items: center;
    gap: clamp(0.5rem, calc(0.75 * 100vw / 120), 0.75rem);
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap  .notice-title-icon {
    width: calc(37 * 100vw / var(--type-design-width, 1920));
    height: calc(32 * 100vw / var(--type-design-width, 1920));
    flex: 0 0 auto;
    object-fit: contain;
    padding:0!important;
    margin:0!important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .notice-title-text {
    display: inline-block;
    font-family: Inter, Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: calc(32 * 100vw / var(--type-design-width, 1920)) !important;
    color: #1C4F98 !important;
    line-height: calc(32 * 100vw / var(--type-design-width, 1920)) !important;
    text-align: left !important;
    font-style: normal !important;
    text-transform: none !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap  .notice-title-divider {
    width: calc(233 * 100vw / var(--type-design-width, 1920));
    height: calc(2 * 100vw / var(--type-design-width, 1920));
    flex: 0 0 auto;
    object-fit: contain;
}
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap  .notice_more_btn{
font-family: Inter, Inter;
font-weight: 600;
font-size: calc(24 * 100vw / var(--type-design-width, 1920));
color: #466EA6;
line-height: calc(48 * 100vw / var(--type-design-width, 1920));
text-align: right;
}
html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .box_99 .tab-tilte a {
    color: #466ea6 !important;
    text-decoration: none !important;
    margin-right: var(--idx-notice-list-pad, 1rem) !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .box_99 .tab-tilte a .text_12 {
    width: auto !important;
    height: auto !important;
    font-family: Inter, Inter, sans-serif !important;
    font-weight: 500 !important;
    font-size: clamp(0.75rem, calc(0.875 * 100vw / 120), 0.875rem) !important; /* 14px @1920 */
    color: #466ea6 !important;
    line-height: 1.2 !important;
    text-align: right !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .scroll-container {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding: var(--idx-notice-list-pad) !important;
    /* padding-top: 0 !important; */
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .scroll-list-wrapper {
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .scroll-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .scroll-list a {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .scroll-container > div {
    height: 100% !important;
    overflow: hidden !important;
}

/* 列表项：与 529px 面板同标尺；覆盖 new.css 的 100vh 间距/不对称 padding */
html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .group_123 {
    width: 100% !important;
    height: var(--idx-notice-item-h) !important;
    min-height: var(--idx-notice-item-h) !important;
    max-height: var(--idx-notice-item-h) !important;
    margin: 0 0 var(--idx-notice-item-gap) 0 !important;
    padding: 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background-color: #f1f6ff !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .scroll-list a:last-child .group_123 {
    /* margin-bottom: 0 !important; */
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .text-group_26 {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .text_13 {
    width: 100% !important;
    height: auto !important;
    max-height: 1.4em !important;
    line-height: 1.4 !important;
    font-size: clamp(0.875rem, calc(1.25 * 100vw / 120), 1.25rem) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .text_14,
html.page-index #app.index-home .cases.banner1.home-notice-banner .home-notice-panel .text_14.text_hidden {
    width: 100% !important;
    height: auto !important;
    max-height: calc(2 * 1.35em) !important;
    margin-top: 0.25rem !important;
    font-size: clamp(0.8125rem, calc(1 * 100vw / 120), 1rem) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    text-overflow: ellipsis !important;
}

/* ===== 其余页：沿用 flex banner（若用到）===== */
#app:not(.index-home) .cases.banner1 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    min-height: clamp(12rem, min(calc(100vw * 850 / var(--type-design-width)), 88vh), 850px) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
}

#app:not(.index-home) .cases.banner1 .mainMap {
    --home-banner-map-w: min(1100px, calc(1142 * 100vw / var(--type-design-width)));
    --home-banner-row-gap: clamp(0.5rem, calc(20 * 100vw / var(--type-design-width)), 1.25rem);
    --home-banner-notice-h: min(530px, calc(530 * 100vh / var(--type-design-height)));
    --home-banner-map-h: min(592px, calc(592 * 100vw / var(--type-design-width)));
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding-left: max(0.75rem, calc(110 * 100vw / var(--type-design-width))) !important;
    padding-right: max(0.75rem, calc(134 * 100vw / var(--type-design-width))) !important;
}

#app:not(.index-home) .cases.banner1 .mainMap > .title {
    width: 100% !important;
    flex: 0 0 auto !important;
}

#app .cases.banner1 .home-banner-notice-map-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    gap: var(--home-banner-row-gap) !important;
}

#app .cases.banner1 .home-banner-notice-map-row > .home-notice-panel {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: calc(100% - var(--home-banner-map-w) - var(--home-banner-row-gap)) !important;
    max-width: calc(100% - var(--home-banner-map-w) - var(--home-banner-row-gap)) !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    height: var(--home-banner-notice-h) !important;
    min-height: var(--home-banner-notice-h) !important;
    max-height: var(--home-banner-notice-h) !important;
}

#app .cases.banner1 .home-banner-notice-map-row > .home-notice-panel .scroll-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 calc(10 * 100vh / var(--type-design-height, 1080));
    box-sizing: border-box;
}

/* 地图栏：默认高度随内容；仅当栏内存在 .ningyang-map-wrap（ECharts 地图）时才锁 592px，外贸全景无该节点故不受影响 */
#app .cases.banner1 .home-banner-notice-map-row > .section_47_img {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: 2;
    flex: 0 0 var(--home-banner-map-w) !important;
    width: var(--home-banner-map-w) !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

#app .cases.banner1 .home-banner-notice-map-row > .section_47_img:has(.ningyang-map-wrap):not(.ningyang-right-map) {
    height: var(--home-banner-map-h) !important;
    min-height: var(--home-banner-map-h) !important;
    max-height: var(--home-banner-map-h) !important;
}

#app .cases.banner1 .home-banner-notice-map-row > .section_47_img.ningyang-right-map {
    align-self: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

#app .cases.banner1 .home-banner-notice-map-row > .section_47_img .ningyang-map-wrap {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}

@media (max-width: 74.9375rem) {
    html.page-index #app.index-home .cases.banner1.home-notice-banner {
        height: var(--idx-banner1-h) !important;
        min-height: var(--idx-banner1-h) !important;
        background-size: 100% 100% !important;
    }


    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .home-notice-panel,
    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .box_99 {
        width: min(100%, var(--idx-notice-panel-w)) !important;
        min-width: 0 !important;
        max-width: var(--idx-notice-panel-w) !important;
        height: var(--idx-notice-panel-h) !important;
        min-height: var(--idx-notice-panel-h) !important;
        max-height: var(--idx-notice-panel-h) !important;
        margin-right: 0 !important;
    }

    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .section_47_img.ningyang-right-map {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: min(100%, var(--idx-map-panel-w)) !important;
        min-width: 0 !important;
        max-width: var(--idx-map-panel-w) !important;
        height: var(--idx-map-panel-h) !important;
        min-height: var(--idx-map-panel-h) !important;
        max-height: var(--idx-map-panel-h) !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row > .home-notice-panel {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 18rem !important;
        max-height: none !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row > .section_47_img {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row > .section_47_img:has(.ningyang-map-wrap) {
        height: auto !important;
        min-height: 22rem !important;
        max-height: none !important;
    }
}


#app.index-home .cases.banner1 + .cases.home-trade-service-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: 1;
}

#app.index-home .cases.banner1 + .cases:not(.home-trade-service-banner) {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;
    z-index: 1;
    background-repeat: repeat !important;
    background-position: left top !important;
    background-size: auto !important;
}

#app .cases.banner1 + .cases .main2 {
    box-sizing: border-box;
}

#app .cases.banner1 + .cases .main2 > .mt50 {
    margin-top: 0 !important;
}


#app .cases.cases-bg-cover .main2 {
    height: auto !important;
    min-height: 0 !important;
}

#app .section_48 {
    width: 100% !important;
    max-width: 120rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.pic_banner .el-carousel {
    width: 100% !important;
    max-width: 100% !important;
}

.pic_banner .el-carousel__container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 34.75rem !important;
    height: auto !important;
}

/* Element 默认绝对定位 + 固定高度会裁切；用自适应高度 + 换行排卡 */
.pic_banner .el-carousel__item {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-content: flex-start !important;
    gap: 0.75rem !important;
    height: auto !important;
    min-height: 34rem !important;
    box-sizing: border-box !important;
    padding: 0 0.25rem !important;
}

.pic_banner .pic_li {
    width: 100% !important;
    max-width: 24rem !important;
    min-width: 0 !important;
    flex: 1 1 17.5rem !important;
}

/* ========== 外贸工具：左右留白仅由外层 .home-page-frame 承担，此处铺满可用宽度 ========== */
.wmgj_tool_row {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: clamp(8px, calc(20 * 100vw / 1980), 20px) !important;
    row-gap: clamp(8px, calc(20 * 100vw / 1980), 20px) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    align-items: start !important;
}

.wmgj_tool_row > .wmgj_tool_item {
    display: block !important;
    min-width: 0 !important;
    list-style: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

.wmgj_tool_row a.wmgj_box {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* 卡片占满网格列，最大不超过设计稿宽度 */
.wmgj_tool_row .wmgj_box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 19.2rem !important;
    margin-inline: auto !important;
    height: auto !important;
    min-height: clamp(17.5rem, 28vw, 23.1875rem) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 原 left:3.5625rem 在列变窄时错位；改为相对卡片居中 */
.wmgj_tool_row .wmgj_box_img {
    display: block !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(12.625rem, 72%) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.wmgj_tool_row .wmgj_box_bg {
    width: 100% !important;
}

.wmgj_tool_row .wmgj_box_text {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 0.35rem !important;
    box-sizing: border-box !important;
    font-size: clamp(0.95rem, 1.35vw, 1.875rem) !important;
}

.wmgj_tool_row .wmgj_box_text p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.wmgj_tool_row .wmgj_box:hover {
    overflow: visible !important;
    z-index: 20 !important;
}

.wmgj_tool_row .wmgj_box .overlay {
    pointer-events: none !important;
}

.wmgj_tool_row .wmgj_box:hover .overlay {
    pointer-events: auto !important;
}

@media (max-width: 62rem) {
    .wmgj_tool_row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 40rem) {
    .wmgj_tool_row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 22.5rem) {
    .wmgj_tool_row {
        grid-template-columns: 1fr !important;
    }
}

/* 首页外贸工具区：5×315 + 4×20 = 1655px（容器 1660px） */
html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_wrap {
    width: var(--idx-wmgj-row-w) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
    display: grid !important;
    grid-template-columns: repeat(5, var(--idx-wmgj-card-w)) !important;
    column-gap: var(--idx-wmgj-card-gap) !important;
    row-gap: var(--idx-wmgj-card-gap) !important;
    width: var(--idx-wmgj-row-w) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    align-items: start !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row > .wmgj_tool_item {
    width: var(--idx-wmgj-card-w) !important;
    max-width: var(--idx-wmgj-card-w) !important;
    min-width: 0 !important;
}

/* 图2：上 202×202 图标叠在底卡顶边，底卡 315×250 */
html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box {
    position: relative !important;
    display: block !important;
    width: var(--idx-wmgj-card-w) !important;
    max-width: 100% !important;
    height: calc(var(--idx-wmgj-card-h) + var(--idx-wmgj-icon-size) / 2) !important;
    min-height: calc(var(--idx-wmgj-card-h) + var(--idx-wmgj-icon-size) / 2) !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    padding-top: calc(var(--idx-wmgj-icon-size) / 2) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    color: inherit !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_img {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: var(--idx-wmgj-icon-size) !important;
    height: var(--idx-wmgj-icon-size) !important;
    min-width: var(--idx-wmgj-icon-size) !important;
    min-height: var(--idx-wmgj-icon-size) !important;
    max-width: var(--idx-wmgj-icon-size) !important;
    max-height: var(--idx-wmgj-icon-size) !important;
    z-index: 2 !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_card {
    position: relative !important;
    width: 100% !important;
    height: var(--idx-wmgj-card-h) !important;
    min-height: var(--idx-wmgj-card-h) !important;
    max-height: var(--idx-wmgj-card-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 0.625rem 0.625rem 0 0 !important;
    box-sizing: border-box !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_bg {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    object-position: center bottom !important;
    display: block !important;
    z-index: 0 !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_text {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 0.5rem !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
    font-size: clamp(0.95rem, calc(1.875 * 100vw / 120), 1.875rem) !important;
    color: #262626 !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_text p {
    margin-top: 1.388rem !important;
    width: 100% !important;
    text-align: center !important;
    font-family: Inter, Inter;
    font-weight: 500;
    font-size: 1.5625rem;
    color: #262626;
    line-height: 1;
    font-style: normal;
    text-transform: none;
}

/* 物流查询 hover 层：与底卡同高 315×250 */
html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_card .overlay {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: var(--idx-wmgj-card-h) !important;
    max-height: var(--idx-wmgj-card-h) !important;
    border-radius: 0.625rem 0.625rem 0 0 !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: none !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box:hover .wmgj_box_card .overlay {
    transform: none !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_card .overlay .slide-list {
    width: 80% !important;
    max-height: 100% !important;
    margin: 0 !important;
    overflow-y: auto !important;
    transform: none !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box_card .overlay .slide-list::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row .wmgj_box:hover .wmgj_box_card .overlay .slide-list {
    transform: none !important;
}

@media (max-width: 75rem) {
    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_wrap,
    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        width: min(100%, var(--idx-wmgj-row-w)) !important;
        max-width: 100% !important;
    }

    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        grid-template-columns: repeat(5, var(--idx-wmgj-card-w)) !important;
    }
}

@media (max-width: 62rem) {
    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        grid-template-columns: repeat(3, var(--idx-wmgj-card-w)) !important;
    }
}

@media (max-width: 40rem) {
    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        grid-template-columns: repeat(2, var(--idx-wmgj-card-w)) !important;
    }
}

@media (max-width: 22.5rem) {
    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        grid-template-columns: var(--idx-wmgj-card-w) !important;
    }
}

/* ========== 首页 #app.index-home（排版用 rem：1rem = 16px，仅配合 html.page-index） ========== */
#app.index-home {
    --idx-banner1-h: clamp(18rem, calc(50.125 * 100vw / 120), 50.125rem);
    --idx-wmgj-banner-h: clamp(16rem, calc(43.125 * 100vw / 120), 43.125rem); /* 690px @1920 */
    --idx-wmgj-row-w: clamp(50rem, calc(103.75 * 100vw / 120), 103.75rem); /* 1660px @1920 */
    --idx-wmgj-card-w: clamp(12rem, calc(19.6875 * 100vw / 120), 19.6875rem); /* 315px @1920 */
    --idx-wmgj-card-gap: clamp(0.5rem, calc(1.25 * 100vw / 120), 1.25rem); /* 20px @1920 */
    --idx-wmgj-card-h: clamp(10rem, calc(15.625 * 100vw / 120), 15.625rem); /* 250px @1920 */
    --idx-wmgj-icon-size: clamp(8rem, calc(12.625 * 100vw / 120), 12.625rem); /* 202px @1920 */
    --idx-trade-service-banner-h: clamp(18rem, calc(56.5 * 100vw / 120), 56.5rem); /* 904px @1920 */
    /* 通知公告面板：设计稿 576×529px @1920，宽高同比例缩放不变形 */
    --idx-notice-panel-w: clamp(17.5rem, calc(36 * 100vw / 120), 36rem);
    --idx-notice-panel-h: clamp(15.625rem, calc(33.0625 * 100vw / 120), 33.0625rem);
    /* 宁阳地图区：设计稿 1142×592px @1920 */
    --idx-map-panel-w: clamp(22rem, calc(71.375 * 100vw / 120), 71.375rem);
    --idx-map-panel-h: clamp(18rem, calc(37 * 100vw / 120), 37rem);
    --idx-max: 120rem;
    --idx-trade-carousel-h: clamp(16rem, calc(33.3125 * 100vw / 120), 33.3125rem); /* 533px @1920 */
    --idx-trade-carousel-w: clamp(50rem, calc(103.75 * 100vw / 120), 103.75rem); /* 1660px @1920，不含左右箭头 */
    --idx-trade-card-w: clamp(12rem, calc(25 * 100vw / 120), 25rem); /* 400px @1920 */
    --idx-trade-card-gap: clamp(0.5rem, calc(1.25 * 100vw / 120), 1.25rem); /* 20px @1920 */
    --idx-trade-card-img-h: clamp(10rem, calc(16.875 * 100vw / 120), 16.875rem); /* 270px @1920 */
    --idx-trade-card-img-w: calc(var(--idx-trade-card-img-h) * 384 / 270);
    --idx-trade-card-icon-w: clamp(2rem, calc(3.25 * 100vw / 120), 3.25rem); /* 52px @1920 */
    --idx-trade-card-icon-h: clamp(1.875rem, calc(3.1875 * 100vw / 120), 3.1875rem); /* 51px @1920 */
    --idx-gutter: clamp(0.75rem, 5.73vw, 6.875rem);
    --idx-section-gap: clamp(1rem, 3vw, 2.125rem);
    --svc-card-gap: clamp(0.625rem, 1.1vw, 1.25rem);
    --idx-padding-top: 4.25rem;
    --idx-padding-bottom: 11.125rem;
    --idx-section-title-size: clamp(1.25rem, calc(2 * 100vw / 120), 2rem); /* 32px @1920，与 .text_23 一致 */
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
}

#app.index-home .home-page-frame {
    max-width: var(--idx-max);
    width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    padding: var(--idx-padding-top) var(--idx-gutter) var(--idx-padding-bottom) var(--idx-gutter) !important;
}

#app.index-home .home-page-frame .mainMap,
#app.index-home .home-page-frame .main2 {
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

#app.index-home .home-banner {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    position: relative;
    /* 与下方 home-notice-banner 一致铺满视口宽，避免 max-width:120rem 居中后两侧露白 */
    aspect-ratio: 1920 / 640;
    max-height: 40rem;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

#app.index-home .home-banner .el-carousel,
#app.index-home .home-banner .el-carousel__container,
#app.index-home .home-banner .el-carousel__item {
    height: 100% !important;
}

#app.index-home .home-banner .el-carousel__item a {
    display: block;
    width: 100%;
    height: 100%;
}

#app.index-home .home-banner .el-carousel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* ========== 外贸服务：区块 904px，轮播 533px，标题+轮播在区块内上下居中 ========== */
#app.index-home .home-trade-service-banner > .home-page-frame {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: var(--idx-gutter) !important;
    padding-right: var(--idx-gutter) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

#app.index-home .cases.cases-bg-fit.home-trade-service-banner .main2,
#app.index-home .cases.cases-bg-fit.home-trade-service-banner .mt50 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
}

#app.index-home .cases.cases-bg-fit.home-trade-service-banner .section_48 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
}

#app.index-home .cases.cases-bg-fit.home-trade-service-banner .text_23 {
    margin-bottom: 0 !important;
    display: inline-block !important;
}

#app.index-home .cases.cases-bg-fit.home-trade-service-banner .text-wrapper_22 {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-bottom: clamp(0.5rem, calc(1.25 * 100vw / 120), 1.25rem) !important;
    box-sizing: border-box !important;
}

#app.index-home .cases.cases-bg-fit.home-trade-service-banner .pic {
    flex: 0 0 auto !important;
    width: var(--idx-trade-carousel-w) !important;
    max-width: 100% !important;
    /* margin-left: auto !important; */
    margin-right: auto !important;
    overflow: hidden;
    height: var(--idx-trade-carousel-h) !important;
    min-height: var(--idx-trade-carousel-h) !important;
    max-height: var(--idx-trade-carousel-h) !important;
    box-sizing: border-box;
}

#app.index-home .home-trade-service-banner .pic_banner {
    width: var(--idx-trade-carousel-w) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

#app.index-home .home-trade-service-banner .pic_banner .el-carousel,
#app.index-home .home-trade-service-banner .pic_banner .el-carousel--horizontal {
    width: var(--idx-trade-carousel-w) !important;
    max-width: 100% !important;
    height: var(--idx-trade-carousel-h) !important;
    overflow: hidden !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#app.index-home .home-trade-service-banner .pic_banner .el-carousel__container {
    width: var(--idx-trade-carousel-w) !important;
    max-width: 100% !important;
    height: var(--idx-trade-carousel-h) !important;
    min-height: var(--idx-trade-carousel-h) !important;
}

#app.index-home .home-trade-service-banner .pic_banner .el-carousel__item {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: var(--idx-trade-card-gap) !important;
    width: var(--idx-trade-carousel-w) !important;
    max-width: 100% !important;
    height: var(--idx-trade-carousel-h) !important;
    min-height: var(--idx-trade-carousel-h) !important;
    box-sizing: border-box !important;
}

/* 4×400 + 3×20 = 1660；不含两侧箭头区域 */
#app.index-home .home-trade-service-banner .pic_banner .pic_li {
    flex: 0 0 var(--idx-trade-card-w) !important;
    width: var(--idx-trade-card-w) !important;
    max-width: var(--idx-trade-card-w) !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden;
    list-style: none !important;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li.mr10,
#app.index-home .home-trade-service-banner .pic_banner .pic_li.ml10 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li-inner {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    list-style: none !important;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li-inner > div {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li .title1 {
    flex: 0 0 clamp(4rem, calc(7 * 100vw / 120), 7rem);
    min-height: clamp(4rem, calc(7 * 100vw / 120), 7rem);
    max-height: clamp(4rem, calc(7 * 100vw / 120), 7rem);
    padding: clamp(0.5rem, calc(1 * 100vw / 120), 1rem)
             clamp(1rem, calc(2 * 100vw / 120), 2rem)
             clamp(0.25rem, calc(0.5 * 100vw / 120), 0.5rem) !important;
    font-size: clamp(1rem, calc(1.5625 * 100vw / 120), 1.5625rem) !important;
    line-height: 1.35;
    overflow: hidden;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li .title1 a,
#app.index-home .home-trade-service-banner .pic_banner .pic_li .title1 a > div,
#app.index-home .home-trade-service-banner .pic_banner .pic_li .title1 > div {
    min-width: 0;
    max-height: clamp(2.75rem, calc(4.25 * 100vw / 120), 4.25rem);
    overflow: hidden;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li .text {
    flex: 0 0 clamp(3.75rem, calc(4.5 * 100vw / 120), 4.5rem);
    height: clamp(3.75rem, calc(4.5 * 100vw / 120), 4.5rem) !important;
    min-height: clamp(3.75rem, calc(4.5 * 100vw / 120), 4.5rem);
    max-height: clamp(3.75rem, calc(4.5 * 100vw / 120), 4.5rem);
    margin: clamp(0.125rem, calc(0.25 * 100vw / 120), 0.25rem)
            clamp(1rem, calc(2 * 100vw / 120), 2rem) 0 !important;
    font-size: clamp(0.8rem, calc(1.1458 * 100vw / 120), 1.1458rem) !important;
    line-height: 1.335;
    letter-spacing: normal !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li .hed {
    width: 100% !important;
    max-width: 100% !important;
    height: var(--idx-trade-card-img-h) !important;
    min-height: var(--idx-trade-card-img-h) !important;
    max-height: var(--idx-trade-card-img-h) !important;
    aspect-ratio: 384 / 270;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto !important;
    box-sizing: border-box !important;

}

#app.index-home .home-trade-service-banner .pic_banner .trade-svc-enter-link {
    font-family: Inter, Inter, sans-serif !important;
    font-weight: 500 !important;
    font-size: clamp(0.875rem, calc(1.375 * 100vw / 120), 1.375rem) !important;
    color: #144e9e !important;
    text-align: left !important;
    font-style: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: auto clamp(1rem, calc(2 * 100vw / 120), 2rem)
            clamp(0.5rem, calc(1 * 100vw / 120), 1rem) !important;
    padding:0!important;
    list-style: none !important;
    white-space: nowrap !important;
}

#app.index-home .home-trade-service-banner .pic_banner .pic_li .hed_icon {
    width: var(--idx-trade-card-icon-w) !important;
    height: var(--idx-trade-card-icon-h) !important;
    min-width: var(--idx-trade-card-icon-w) !important;
    min-height: var(--idx-trade-card-icon-h) !important;
    max-width: var(--idx-trade-card-icon-w) !important;
    max-height: var(--idx-trade-card-icon-h) !important;
    flex: 0 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    box-sizing: border-box !important;
}

#app.index-home .home-trade-service-banner .pic_banner .el-carousel__arrow {
    display: none;
}

@media (max-width: 75rem) {
    #app.index-home .cases.cases-bg-fit.home-trade-service-banner .pic {
        height: var(--idx-trade-carousel-h) !important;
        min-height: var(--idx-trade-carousel-h) !important;
        max-height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .el-carousel,
    #app.index-home .home-trade-service-banner .pic_banner .el-carousel--horizontal {
        height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .el-carousel__container {
        height: var(--idx-trade-carousel-h) !important;
        min-height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .el-carousel__item {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        width: min(100%, var(--idx-trade-carousel-w)) !important;
        height: var(--idx-trade-carousel-h) !important;
        min-height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .pic_li {
        flex: 0 0 var(--idx-trade-card-w) !important;
        width: var(--idx-trade-card-w) !important;
        max-width: var(--idx-trade-card-w) !important;
        height: 100% !important;
        min-height: 0 !important;
    }
}

@media (max-width: 40rem) {
    #app.index-home .cases.cases-bg-fit.home-trade-service-banner .pic {
        height: var(--idx-trade-carousel-h) !important;
        min-height: var(--idx-trade-carousel-h) !important;
        max-height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .el-carousel,
    #app.index-home .home-trade-service-banner .pic_banner .el-carousel--horizontal {
        height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .el-carousel__container {
        height: var(--idx-trade-carousel-h) !important;
        min-height: var(--idx-trade-carousel-h) !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .el-carousel__item {
        width: min(100%, var(--idx-trade-carousel-w)) !important;
        height: var(--idx-trade-carousel-h) !important;
        min-height: var(--idx-trade-carousel-h) !important;
        flex-wrap: wrap !important;
    }

    #app.index-home .home-trade-service-banner .pic_banner .pic_li {
        flex: 0 0 min(100%, var(--idx-trade-card-w)) !important;
        width: min(100%, var(--idx-trade-card-w)) !important;
        max-width: min(100%, var(--idx-trade-card-w)) !important;
    }
}

#app.index-home .home-trade-service-banner .custom-arrow {
    top: 50% !important;
}

.custom-arrow-left {
    position: absolute;
    left: 0.9%;
    top: 50%;
    border: 0;
    background: none;
    cursor: pointer;
}

.custom-arrow-right {
    position: absolute;
    right: 0.5%;
    top: 50%;
    border: 0;
    background: none;
    cursor: pointer;
}

.custom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.custom-arrow button {
    pointer-events: auto;
}

/* ========== 首页窄屏：保持 PC 版式（1920），横向滑动浏览（device-width + 固定画布） ========== */
@media (max-width: 74.9375rem) {
    html.page-index {
        min-width: 120rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    html.page-index body {
        min-width: 120rem;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: auto !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    html.page-index #app.index-home {
        min-width: 120rem;
        width: 120rem;
        max-width: none !important;
        /* 窄视口下锁定桌面尺寸（100vw 仍为手机宽，勿再用于缩放） */
        --idx-banner1-h: 50.125rem;
        --idx-wmgj-banner-h: 43.125rem;
        --idx-wmgj-row-w: 103.75rem;
        --idx-wmgj-card-w: 19.6875rem;
        --idx-wmgj-card-gap: 1.25rem;
        --idx-wmgj-card-h: 15.625rem;
        --idx-wmgj-icon-size: 12.625rem;
        --idx-trade-service-banner-h: 56.5rem;
        --idx-notice-panel-w: 36rem;
        --idx-notice-panel-h: 33.0625rem;
        --idx-map-panel-w: 71.375rem;
        --idx-map-panel-h: 37rem;
        --idx-trade-carousel-h: 33.3125rem;
        --idx-trade-carousel-w: 103.75rem;
        --idx-trade-card-w: 25rem;
        --idx-trade-card-gap: 1.25rem;
        --idx-trade-card-img-h: 16.875rem;
        --idx-gutter: 6.875rem;
        --idx-section-title-size: 2rem;
    }

    html.page-index #app.index-home > .head,
    html.page-index #app.index-home .home-banner,
    html.page-index #app.index-home .cases.banner1.home-notice-banner,
    html.page-index #app.index-home .cases.home-trade-service-banner,
    html.page-index #app.index-home .cases.home-wmgj-banner {
        min-width: 120rem;
        box-sizing: border-box;
    }

    html.page-index #app.index-home .home-page-frame {
        width: 120rem;
        max-width: 120rem;
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }

    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_wrap,
    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        width: var(--idx-wmgj-row-w) !important;
        max-width: var(--idx-wmgj-row-w) !important;
    }

    html.page-index #app.index-home .home-wmgj-banner .wmgj_tool_row {
        grid-template-columns: repeat(5, var(--idx-wmgj-card-w)) !important;
    }

    /* 首屏：通知 + 地图横排、固定设计稿尺寸 */
    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 {
        flex-direction: row !important;
        align-items: center !important;
    }

    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .home-notice-panel,
    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .box_99 {
        width: var(--idx-notice-panel-w) !important;
        min-width: var(--idx-notice-panel-w) !important;
        max-width: var(--idx-notice-panel-w) !important;
        height: var(--idx-notice-panel-h) !important;
        min-height: var(--idx-notice-panel-h) !important;
        max-height: var(--idx-notice-panel-h) !important;
    }

    html.page-index #app.index-home .cases.banner1.home-notice-banner .mainMap .section_47 > .section_47_img.ningyang-right-map {
        width: var(--idx-map-panel-w) !important;
        min-width: var(--idx-map-panel-w) !important;
        max-width: var(--idx-map-panel-w) !important;
        height: var(--idx-map-panel-h) !important;
        min-height: var(--idx-map-panel-h) !important;
        max-height: var(--idx-map-panel-h) !important;
    }

    html.page-index #app.index-home .cases.banner1.home-notice-banner .section_47_img.ningyang-right-map {
        min-width: var(--idx-map-panel-w) !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row {
        flex-direction: row !important;
        align-items: flex-start !important;
    }

    #app .cases.banner1 .home-banner-notice-map-row > .home-notice-panel,
    #app .cases.banner1 .home-banner-notice-map-row > .section_47_img,
    #app .cases.banner1 .home-banner-notice-map-row > .section_47_img:has(.ningyang-map-wrap) {
        width: auto !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* 外贸服务轮播 */
    html.page-index #app.index-home .home-trade-service-banner .pic_banner .el-carousel__item {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: var(--idx-trade-carousel-w) !important;
        max-width: none !important;
    }

    html.page-index #app.index-home .home-trade-service-banner .pic_banner .pic_li {
        flex: 0 0 var(--idx-trade-card-w) !important;
        width: var(--idx-trade-card-w) !important;
        max-width: var(--idx-trade-card-w) !important;
    }

    /* 顶栏菜单 */
    html.page-index #app.index-home > .head.head--site .right {
        flex: 1 1 auto !important;
        min-width: max-content !important;
        overflow: visible !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav {
        width: auto !important;
        flex: 0 0 auto !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul {
        width: auto !important;
        max-width: none !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 1.25rem !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul > li {
        width: auto !important;
        flex: 0 0 auto !important;
        height: 5.625rem !important;
        line-height: 5.625rem !important;
        text-align: center !important;
        position: relative !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul > li::after,
    html.page-index #app.index-home > .head.head--site .right .nav ul > li:hover::after {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        content: none !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul > li > a {
        display: inline-block !important;
        font-size: 1.125rem !important;
        color: #000 !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        overflow: visible !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul > li:not(.current-menu-item) > a:hover,
    html.page-index #app.index-home > .head.head--site .right .nav ul > li:not(.current-menu-item) > a:focus {
        color: #000 !important;
        background: linear-gradient(#0e2f78, #0e2f78) no-repeat center bottom !important;
        background-size: 100% 0.3125rem !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul > li.current-menu-item > a,
    html.page-index #app.index-home > .head.head--site .right .nav ul > li.current-menu-item > a:hover,
    html.page-index #app.index-home > .head.head--site .right .nav ul > li.current-menu-item > a:focus {
        color: #003476 !important;
        background: linear-gradient(#0e2f78, #0e2f78) no-repeat center bottom !important;
        background-size: 100% 0.3125rem !important;
    }

    html.page-index #app.index-home > .head.head--site .right .nav ul li a {
        font-size: 1.125rem !important;
        white-space: nowrap !important;
    }
}