@charset "utf-8";

/* ==========================================================================
   全局响应式内外边距 (5~100, 步长5)
   采用 CSS 变量控制：PC端使用 rem 等比缩放，手机端使用 px 保底防止过小
   ========================================================================== */

/* 1. 定义间距变量 (默认 PC 端使用 rem) */
:root {
    --sp-5: 0.05rem;  --sp-10: 0.1rem;  --sp-15: 0.15rem; --sp-20: 0.2rem;
    --sp-25: 0.25rem; --sp-30: 0.3rem;  --sp-35: 0.35rem; --sp-40: 0.4rem;
    --sp-45: 0.45rem; --sp-50: 0.5rem;  --sp-55: 0.55rem; --sp-60: 0.6rem;
    --sp-65: 0.65rem; --sp-70: 0.7rem;  --sp-75: 0.75rem; --sp-80: 0.8rem;
    --sp-85: 0.85rem; --sp-90: 0.9rem;  --sp-95: 0.95rem; --sp-100: 1rem;
}

/* 2. 平板端适配 (<1200px)：适当减小大间距的 rem 比例 */
@media screen and (max-width: 1200px) {
    :root {
        --sp-100: 0.8rem;  --sp-95: 0.76rem; --sp-90: 0.72rem; --sp-85: 0.68rem;
        --sp-80: 0.64rem;  --sp-75: 0.6rem;  --sp-70: 0.56rem; --sp-65: 0.52rem;
        --sp-60: 0.48rem;  --sp-55: 0.44rem; --sp-50: 0.4rem;  --sp-45: 0.36rem;
        --sp-40: 0.32rem;  --sp-35: 0.28rem; --sp-30: 0.24rem;
        /* 30以下的间距保持原 rem 比例即可 */
    }
}

/* 3. 手机端适配 (<768px)：继续跟随 comm.js 的 rem 基准缩放。 */
@media screen and (max-width: 768px) {
    :root {
        --sp-100: 1rem; --sp-95: .96rem; --sp-90: .9rem; --sp-85: .84rem;
        --sp-80: .8rem;  --sp-75: .76rem; --sp-70: .7rem; --sp-65: .64rem;
        --sp-60: .6rem;  --sp-55: .56rem; --sp-50: .5rem; --sp-45: .44rem;
        --sp-40: .4rem;  --sp-35: .36rem; --sp-30: .3rem; --sp-25: .24rem;
        --sp-20: .2rem;  --sp-15: .16rem; --sp-10: .1rem;  --sp-5: .06rem;
    }
}

/* ==========================================================================
   生成具体的 Padding 和 Margin 类名
   ========================================================================== */

/* Padding (内边距) */
.p5 { padding: var(--sp-5); } .pt-5 { padding-top: var(--sp-5); } .pb-5 { padding-bottom: var(--sp-5); } .pl-5 { padding-left: var(--sp-5); } .pr-5 { padding-right: var(--sp-5); }
.p10 { padding: var(--sp-10); } .pt-10 { padding-top: var(--sp-10); } .pb-10 { padding-bottom: var(--sp-10); } .pl-10 { padding-left: var(--sp-10); } .pr-10 { padding-right: var(--sp-10); }
.p15 { padding: var(--sp-15); } .pt-15 { padding-top: var(--sp-15); } .pb-15 { padding-bottom: var(--sp-15); } .pl-15 { padding-left: var(--sp-15); } .pr-15 { padding-right: var(--sp-15); }
.p20 { padding: var(--sp-20); } .pt-20 { padding-top: var(--sp-20); } .pb-20 { padding-bottom: var(--sp-20); } .pl-20 { padding-left: var(--sp-20); } .pr-20 { padding-right: var(--sp-20); }
.p25 { padding: var(--sp-25); } .pt-25 { padding-top: var(--sp-25); } .pb-25 { padding-bottom: var(--sp-25); } .pl-25 { padding-left: var(--sp-25); } .pr-25 { padding-right: var(--sp-25); }
.p30 { padding: var(--sp-30); } .pt-30 { padding-top: var(--sp-30); } .pb-30 { padding-bottom: var(--sp-30); } .pl-30 { padding-left: var(--sp-30); } .pr-30 { padding-right: var(--sp-30); }
.p35 { padding: var(--sp-35); } .pt-35 { padding-top: var(--sp-35); } .pb-35 { padding-bottom: var(--sp-35); } .pl-35 { padding-left: var(--sp-35); } .pr-35 { padding-right: var(--sp-35); }
.p40 { padding: var(--sp-40); } .pt-40 { padding-top: var(--sp-40); } .pb-40 { padding-bottom: var(--sp-40); } .pl-40 { padding-left: var(--sp-40); } .pr-40 { padding-right: var(--sp-40); }
.p45 { padding: var(--sp-45); } .pt-45 { padding-top: var(--sp-45); } .pb-45 { padding-bottom: var(--sp-45); } .pl-45 { padding-left: var(--sp-45); } .pr-45 { padding-right: var(--sp-45); }
.p50 { padding: var(--sp-50); } .pt-50 { padding-top: var(--sp-50); } .pb-50 { padding-bottom: var(--sp-50); } .pl-50 { padding-left: var(--sp-50); } .pr-50 { padding-right: var(--sp-50); }
.p55 { padding: var(--sp-55); } .pt-55 { padding-top: var(--sp-55); } .pb-55 { padding-bottom: var(--sp-55); } .pl-55 { padding-left: var(--sp-55); } .pr-55 { padding-right: var(--sp-55); }
.p60 { padding: var(--sp-60); } .pt-60 { padding-top: var(--sp-60); } .pb-60 { padding-bottom: var(--sp-60); } .pl-60 { padding-left: var(--sp-60); } .pr-60 { padding-right: var(--sp-60); }
.p65 { padding: var(--sp-65); } .pt-65 { padding-top: var(--sp-65); } .pb-65 { padding-bottom: var(--sp-65); } .pl-65 { padding-left: var(--sp-65); } .pr-65 { padding-right: var(--sp-65); }
.p70 { padding: var(--sp-70); } .pt-70 { padding-top: var(--sp-70); } .pb-70 { padding-bottom: var(--sp-70); } .pl-70 { padding-left: var(--sp-70); } .pr-70 { padding-right: var(--sp-70); }
.p75 { padding: var(--sp-75); } .pt-75 { padding-top: var(--sp-75); } .pb-75 { padding-bottom: var(--sp-75); } .pl-75 { padding-left: var(--sp-75); } .pr-75 { padding-right: var(--sp-75); }
.p80 { padding: var(--sp-80); } .pt-80 { padding-top: var(--sp-80); } .pb-80 { padding-bottom: var(--sp-80); } .pl-80 { padding-left: var(--sp-80); } .pr-80 { padding-right: var(--sp-80); }
.p85 { padding: var(--sp-85); } .pt-85 { padding-top: var(--sp-85); } .pb-85 { padding-bottom: var(--sp-85); } .pl-85 { padding-left: var(--sp-85); } .pr-85 { padding-right: var(--sp-85); }
.p90 { padding: var(--sp-90); } .pt-90 { padding-top: var(--sp-90); } .pb-90 { padding-bottom: var(--sp-90); } .pl-90 { padding-left: var(--sp-90); } .pr-90 { padding-right: var(--sp-90); }
.p95 { padding: var(--sp-95); } .pt-95 { padding-top: var(--sp-95); } .pb-95 { padding-bottom: var(--sp-95); } .pl-95 { padding-left: var(--sp-95); } .pr-95 { padding-right: var(--sp-95); }
.p100 { padding: var(--sp-100); } .pt-100 { padding-top: var(--sp-100); } .pb-100 { padding-bottom: var(--sp-100); } .pl-100 { padding-left: var(--sp-100); } .pr-100 { padding-right: var(--sp-100); }

/* Margin (外边距) */
.m5 { margin: var(--sp-5); } .mt-5 { margin-top: var(--sp-5); } .mb-5 { margin-bottom: var(--sp-5); } .ml-5 { margin-left: var(--sp-5); } .mr-5 { margin-right: var(--sp-5); }
.m10 { margin: var(--sp-10); } .mt-10 { margin-top: var(--sp-10); } .mb-10 { margin-bottom: var(--sp-10); } .ml-10 { margin-left: var(--sp-10); } .mr-10 { margin-right: var(--sp-10); }
.m15 { margin: var(--sp-15); } .mt-15 { margin-top: var(--sp-15); } .mb-15 { margin-bottom: var(--sp-15); } .ml-15 { margin-left: var(--sp-15); } .mr-15 { margin-right: var(--sp-15); }
.m20 { margin: var(--sp-20); } .mt-20 { margin-top: var(--sp-20); } .mb-20 { margin-bottom: var(--sp-20); } .ml-20 { margin-left: var(--sp-20); } .mr-20 { margin-right: var(--sp-20); }
.m25 { margin: var(--sp-25); } .mt-25 { margin-top: var(--sp-25); } .mb-25 { margin-bottom: var(--sp-25); } .ml-25 { margin-left: var(--sp-25); } .mr-25 { margin-right: var(--sp-25); }
.m30 { margin: var(--sp-30); } .mt-30 { margin-top: var(--sp-30); } .mb-30 { margin-bottom: var(--sp-30); } .ml-30 { margin-left: var(--sp-30); } .mr-30 { margin-right: var(--sp-30); }
.m35 { margin: var(--sp-35); } .mt-35 { margin-top: var(--sp-35); } .mb-35 { margin-bottom: var(--sp-35); } .ml-35 { margin-left: var(--sp-35); } .mr-35 { margin-right: var(--sp-35); }
.m40 { margin: var(--sp-40); } .mt-40 { margin-top: var(--sp-40); } .mb-40 { margin-bottom: var(--sp-40); } .ml-40 { margin-left: var(--sp-40); } .mr-40 { margin-right: var(--sp-40); }
.m45 { margin: var(--sp-45); } .mt-45 { margin-top: var(--sp-45); } .mb-45 { margin-bottom: var(--sp-45); } .ml-45 { margin-left: var(--sp-45); } .mr-45 { margin-right: var(--sp-45); }
.m50 { margin: var(--sp-50); } .mt-50 { margin-top: var(--sp-50); } .mb-50 { margin-bottom: var(--sp-50); } .ml-50 { margin-left: var(--sp-50); } .mr-50 { margin-right: var(--sp-50); }
.m55 { margin: var(--sp-55); } .mt-55 { margin-top: var(--sp-55); } .mb-55 { margin-bottom: var(--sp-55); } .ml-55 { margin-left: var(--sp-55); } .mr-55 { margin-right: var(--sp-55); }
.m60 { margin: var(--sp-60); } .mt-60 { margin-top: var(--sp-60); } .mb-60 { margin-bottom: var(--sp-60); } .ml-60 { margin-left: var(--sp-60); } .mr-60 { margin-right: var(--sp-60); }
.m65 { margin: var(--sp-65); } .mt-65 { margin-top: var(--sp-65); } .mb-65 { margin-bottom: var(--sp-65); } .ml-65 { margin-left: var(--sp-65); } .mr-65 { margin-right: var(--sp-65); }
.m70 { margin: var(--sp-70); } .mt-70 { margin-top: var(--sp-70); } .mb-70 { margin-bottom: var(--sp-70); } .ml-70 { margin-left: var(--sp-70); } .mr-70 { margin-right: var(--sp-70); }
.m75 { margin: var(--sp-75); } .mt-75 { margin-top: var(--sp-75); } .mb-75 { margin-bottom: var(--sp-75); } .ml-75 { margin-left: var(--sp-75); } .mr-75 { margin-right: var(--sp-75); }
.m80 { margin: var(--sp-80); } .mt-80 { margin-top: var(--sp-80); } .mb-80 { margin-bottom: var(--sp-80); } .ml-80 { margin-left: var(--sp-80); } .mr-80 { margin-right: var(--sp-80); }
.m85 { margin: var(--sp-85); } .mt-85 { margin-top: var(--sp-85); } .mb-85 { margin-bottom: var(--sp-85); } .ml-85 { margin-left: var(--sp-85); } .mr-85 { margin-right: var(--sp-85); }
.m90 { margin: var(--sp-90); } .mt-90 { margin-top: var(--sp-90); } .mb-90 { margin-bottom: var(--sp-90); } .ml-90 { margin-left: var(--sp-90); } .mr-90 { margin-right: var(--sp-90); }
.m95 { margin: var(--sp-95); } .mt-95 { margin-top: var(--sp-95); } .mb-95 { margin-bottom: var(--sp-95); } .ml-95 { margin-left: var(--sp-95); } .mr-95 { margin-right: var(--sp-95); }
.m100 { margin: var(--sp-100); } .mt-100 { margin-top: var(--sp-100); } .mb-100 { margin-bottom: var(--sp-100); } .ml-100 { margin-left: var(--sp-100); } .mr-100 { margin-right: var(--sp-100); }

/* Responsive layout rules. rem values follow the root size maintained by comm.js. */
@media screen and (max-width: 1200px) {
    body.c-open #c-header .c-nav { height: calc(100vh - 60px) !important; }
    /* The compact header sits above the banner on a white canvas, so always
       use the dark logo at this breakpoint instead of the white desktop mark. */
    #c-header { background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 5%); }
    #c-header .Header-container .logo a img:first-child { display: none; }
    #c-header .Header-container .logo a img + img { display: block; }
    #c-header .Header-container .tool { color: #000; }
    #c-header .c-switch i { background: #333; }
    #c-header.on .c-switch i, #c-header.white_bg .c-switch i { background: #333; }

    .Footer-container .mid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .7rem; }
    .Footer-container .mid .fl,
    .Footer-container .mid > ul,
    .Footer-container .mid .fr { width: 100%; }
    .Footer-container .mid .fr { grid-column: 1 / -1; }
    .Footer-container .mid > ul { justify-content: flex-start; }
    .Footer-container .mid > ul li { min-width: 2.1rem; }
    .media_ul { gap: .12rem; }
    .media_ul li a { width: .4rem; height: .4rem; }
    .media_ul li a i { font-size: var(--f16); }

    .n_contact .fl, .n_contact .fr, .n_news .fl, .n_news .fr,
    .pro_page_01 .fl, .pro_page_01 .fr, .n_app_xq_01 .fl, .n_app_xq_01 .fr,
    .c_quote .fl, .c_quote .fr { width: 100%; }
    .n_contact .fr, .n_news .fr, .pro_page_01 .fr, .n_app_xq_01 .fr,
    .c_quote .fr { margin-top: .6rem; }
    .n_news .fl { flex: none; }
    .lt-download-page > .w16, .n_app_xq_01 .con, .c_quote .con { flex-direction: column; }
    .lt-sidebar, .lt-dl-content { width: 100%; }
    .lt-dl-content { margin-top: .45rem;}
    .pro_page_02 .item ul, .pro_page_03 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .n_newslist ul, .n_app_xq_02 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* Product list/detail: keep the primary content first on compact screens. */
    .page_container { flex-direction: column-reverse; }
    .page_main, .sidebar { width: 100%; }
    .page_main { flex: none; padding-right: 0; }
    .sidebar { margin-top: .6rem; }
    .pro_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lita-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pro_xq_fl, .pro_xq_fr { width: 100%; }
    .pro_xq_fr { margin-top: .5rem; }
}

@media screen and (max-width: 768px) {
    .Footer-container .mid { grid-template-columns: 1fr; gap: .45rem; }
    .Footer-container .mid .fr { grid-column: auto; }
    .Footer-container .mid .fl .foot_txt { max-width: 12rem; }
    .Footer-container .mid > ul { margin-top: 0; }
    .Footer-container .mid .fr { margin-top: 0; }
    .Footer-container .bot .w15 { width: 100%; max-width: 100%; }
    .Footer-container .bot a { color: var(--theme-color); }

    html, body { max-width: 100%; overflow-x: hidden; }
    .w12, .w14, .w15, .w16, .w18 { max-width: 92%; }

    .tc_search .cell_mid, .tc_search .cell_h { width: 100%; }
    .tc_search form { width: 100%; max-width: 84%; padding: 0 .2rem; box-sizing: border-box; }
    .tc_search input { min-width: 0; }

    .Header-container .logo { max-width: 58%; }
    .Header-container .logo a { min-width: 0; }
    .Header-container .logo a img { max-width: 100%; object-fit: contain; }
    #c-header .c-switch { width: .48rem; height: .4rem; }
    .Header-container .tool .search i, .Header-container .tool .language a {
        min-width: .88rem; min-height: .88rem; justify-content: center;
    }

    .i_tit h3 { font-size: .64rem; line-height: 1.2; text-wrap: balance; }
    .n_tit h2, .n_tit h3, .n_tit2 { font-size: .52rem; line-height: 1.25; }
    .i_tit2 { margin-bottom: .5rem; }
    .i_tit2 p { font-size: .3rem; }
    .c_ban { height: 6rem; }
    .c_ban .ban_txt { width: 88%; }
    .c_ban .ban_txt h1, .c_ban .ban_txt .ban_title { font-size: .58rem; line-height: 1.2; }

    .sort_nav .w16 { display: block; min-height: 0; padding: .2rem 0; }
    .sort_nav .crumbs { min-height: .56rem; overflow-x: auto; white-space: nowrap; }
    .sort_nav .crumbs a { font-size: .28rem; }
    .sort_nav .c_form { width: 100%; }
    .sort_nav_view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .sort_nav_view ul { width: max-content; padding: 0 .2rem; }
    .sort_nav_view ul li { margin-left: .4rem; }
    .sort_nav_view ul li a { line-height: 1rem; }

    .lt-pro-home-wrapper .top { gap: .35rem; }
    .lt-pro-home-wrapper .top .w70, .lt-pro-home-wrapper .top .btn { width: 100%; }
    .lt-pro-home-left { margin-bottom: .45rem; }
    .lt-pro-home-tabs { gap: .16rem; margin-bottom: .35rem; }
    .lt-pro-home-tab { padding: .16rem .24rem; font-size: .28rem; margin-bottom: 0; min-height: 44px; display: flex; align-items: center; }
    .lt-pro-home-text h3 { font-size: .52rem; }
    .lt-pro-home-text p { font-size: .3rem; }
    .lt-pro-home-btn { padding: .22rem .5rem; font-size: .3rem; }

    /* Home sections that were still using desktop split layouts. */
	.i_banner a img{aspect-ratio: 3/4; object-fit: cover;}
    .i_ab_02 { padding: 1.2rem 0; background-position: 60% center; }
    .i_ab_02 .box { width: 100%; }
    .i_app .top .i_tit, .i_case .top .i_tit, .i_new .top .i_tit { width: 100%; }
    .i_app .top > .btn, .i_case .top > .btn, .i_new .top > .btn { margin-top: .35rem; }
    .i_app ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .24rem; }
    .i_app ul li, .i_app ul li:nth-child(1), .i_app ul li:nth-child(2) {
        float: none; width: 100%; margin: 0;
    }
    .i_app ul li .txt, .i_app ul li:nth-child(1) .txt, .i_app ul li:nth-child(2) .txt {
        min-width: 0; width: 82%; max-width: 82%; padding: .28rem .3rem .5rem;
    }
    .i_case .tab_nav { padding: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .i_case .tab_nav::after { display: none; }
    .i_case .tab_nav ul { width: max-content; min-width: 100%; flex-wrap: nowrap; justify-content: flex-start; gap: .4rem; padding-bottom: .15rem; }
    .i_case .tab_nav ul li { flex: 0 0 auto; }
    .i_new .fl, .i_new .fr { width: 100%; }
    .i_new .fr { margin-top: .45rem; }
    .i_mess2 .box { align-items: stretch; }
    .i_mess2 .box .fl, .i_mess2 .box .fr { width: 100%; padding: .5rem .4rem 0.2rem; }
    .i_mess2 .box .fr { padding-top: 0; }
	.i_mess2 .box .fl .text i{width: 0.64rem;height: 0.64rem;}
    .i_mess2 .box .fl .text { align-items: center; }
    .i_mess2 .box .fl .text span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
    .i_mess2 .form .mui-input-row { width: 100%; }
    .i_mess2 .form .mui-input-row input { min-height: 44px; }
    .c_btn, .lt-pro-home-btn, .i_mess2 .form .ff-btn-submit { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
    .c-switch { position: relative; }
    .c-switch::before { content: ""; position: absolute; inset: -9px -7px; }

    /* Product category/list/detail pages. */
    .page_container { display: flex; flex-direction: column-reverse; }
    .page_main, .sidebar { width: 100%; }
    .page_main { flex: none; padding-right: 0; }
    .sidebar { margin-top: .7rem; }
    .latest_products { display: none; }
    .sidebar_cate { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .25rem; }
    .sidebar_cate .li1 a { padding-right: 0; overflow-wrap: anywhere; }
    .pro_list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .28rem; }
    .pro_list .info .tit { height: 2.6em; }
    .n_pro_xq_top { display: block; }
    .pro_xq_fl, .pro_xq_fr { width: 100%; }
    .pro_xq_fr { margin-top: .5rem; }
    .pro_xq_fr .title { font-size: .42rem; overflow-wrap: anywhere; }
    .pro_xq_fr .des { max-height: none; overflow-y: visible; }
    .pro_xq_fr .btn { gap: .2rem; }
    .pro_xq_fr .btn a { flex: 1 1 0; min-width: 0; padding: .22rem .12rem; }
    .lita-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .c_quote .fr.lita-contact-form .ff-el-group { width: 100%; }
    .n_pro_xq_con img { max-width: 100%; height: auto !important; }

    /* Application list cards need readable image/text areas. */
    .n_applist ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; }
    .n_applist ul li, .n_applist ul li:nth-child(3n) { float: none; width: 100%; margin: 0; }
    .n_applist ul li .txt { min-width: 0; width: 84%; padding: .28rem .3rem .55rem; }

    .lt-tabs { gap: .2rem; justify-content: stretch; }
    .lt-tabs a { flex: 1 1 0; min-height: 44px; padding: .24rem .16rem; text-align: center; font-size: .28rem; display: inline-flex; align-items: center; justify-content: center; }
    .lt-video-list ul { gap: .3rem; }
    .lt-video-item { width: calc(50% - .15rem); }
    .lt-play-btn { width: .9rem; height: .9rem; }
    .lt-play-btn::after { border-left-width: .24rem; border-top-width: .16rem; border-bottom-width: .16rem; margin-left: .08rem; }

    .lt-sidebar { padding: .35rem; }
    .lt-dl-nav a { min-width: 0; padding: .24rem .3rem; }
    .lt-dl-list li { align-items: flex-start; gap: .25rem; }
    .lt-dl-list .file-info { min-width: 0; flex: 1; }
    .lt-dl-list h4, .lt-dl-list p { overflow-wrap: anywhere; }
    .lt-dl-list .c_btn { flex: 0 0 auto; white-space: nowrap; }
    .lt-file-icon { width: .72rem; height: .72rem; font-size: .24rem; }

    .lt-faq-q { gap: .2rem; }
    .lt-faq-q h4 { min-width: 0; font-size: .3rem; line-height: 1.45; }
    .lt-faq-q .toggle-icon { flex: 0 0 auto; font-size: .48rem; }

    .n_contact .fl .mui-input-row { width: 100%; }
    .lita-contact-form .fluentform .ff-el-group { width: 100%; }
    .n_contact .fl .mui-input-row input { min-height: .88rem; height: .88rem; line-height: .88rem; }
    .n_contact .fl .btn button { min-height: .88rem; padding: .16rem .45rem; }
    .n_contact .fr ul li .icon { width: .9rem; height: .9rem; flex: 0 0 .9rem; }
    .n_contact .fr ul li .text { width: calc(100% - 1.14rem); overflow-wrap: anywhere; }

    .n_news .fl .box { padding: .42rem .35rem .3rem; }
    .n_news .fl .bot { flex-direction: column; gap: .2rem; }
    .n_news .fl .bot > div { width: 100%; }
    .n_news .fr .recomm ul li .img { width: 1.4rem; }
    .n_news .fr .recomm ul li .info { width: calc(100% - 1.62rem); }
    .n_newslist ul { grid-template-columns: 1fr; }

    .pro_page_02 .item ul, .pro_page_03 ul, .n_app_xq_02 ul { grid-template-columns: 1fr; gap: .3rem; }
    .pro_page_03 ul li .des, .n_app_xq_02 ul li .info, .n_app_xq_02 ul li .des { min-height: 0; height: auto; }
    .n_app_xq_02 ul li { padding: .4rem; }
    .c_quote .con { padding: .5rem .4rem; }
    .c_quote .fr form .mui-input-row { width: 100%; }
    .c_quote .fr form .mui-input-row input { min-height: .88rem; }
    .ar_article .scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .ar_article table { width: max-content; min-width: 100%; }
}

@media screen and (max-width: 480px) {
    .Footer-container .mid { padding: .75rem 0 .55rem; gap: .45rem; }
    .Footer-container .mid .fl .foot_logo img{
    	height: .68rem;
    }
    .Footer-container .mid .fl,.Footer-container .mid .fr{
    	width: 100%;
    }
    .Footer-container .mid .fl .foot_txt { margin: .3rem 0; font-size: .28rem; line-height: 1.65; }
    .Footer-container .mid .fl .foot_link { padding-top: .02rem; }
    .media_ul { gap: .18rem; justify-content: flex-start; }
    .media_ul li a { width: .8rem; height: .8rem; border-radius: 50%; box-shadow: 0 .05rem .14rem rgba(0,0,0,.12); }
    .media_ul li a i { font-size: .36rem; }
    
    .Footer-container .mid>ul{
    	width: 100%;
    	margin-top: 0;
    }
    .Footer-container .mid>ul li{
    	width: 100%;
    	max-width: 100%;
    	border-bottom: .01rem solid rgba(var(--theme-color-rgb),.2);
    	margin-bottom: 0;
    }
    .Footer-container .mid>ul li p.on i{
    	transform: rotate(180deg);
    }
    .Footer-container .mid>ul li p{
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    	font-size: .32rem;
    	margin-bottom: 0;
    	padding: .24rem 0;
    }
    .Footer-container .mid>ul li p i { font-size: .28rem; transition: transform .25s ease; }
    .Footer-container .mid>ul li .foot_nav_link{
    	display: none;
    	padding-bottom: .28rem;
    }
    .Footer-container .mid>ul li .foot_nav_link a { font-size: .28rem; line-height: 2; }
    .Footer-container .mid .fr{
    	margin-top: 0;
    }
    .Footer-container .mid .fr .tit { font-size: .34rem; }
    .Footer-container .mid .fr .des { margin-top: .2rem; font-size: .28rem; line-height: 1.6; }
    .Footer-container .mid .fr .info dl { align-items: center; margin-top: .22rem; }
    .Footer-container .mid .fr .info dt { display: flex; align-items: center; justify-content: center; flex: 0 0 .6rem; width: .6rem; height: .6rem; border-radius: 50%; background: rgba(var(--theme-color-rgb),.1); color: var(--theme-color); }
    .Footer-container .mid .fr .info dt i { font-size: .28rem; }
    .Footer-container .mid .fr .info dd { min-width: 0; padding-left: .18rem; font-size: .27rem; line-height: 1.55; overflow-wrap: anywhere; }
    .Footer-container .bot { padding: .35rem 0; font-size: .26rem; line-height: 1.55; border-top-color: rgba(var(--theme-color-rgb),.15); }
    .Footer-container .bot a { display: inline-block; margin-left: .1rem; font-size: .26rem; color: var(--theme-color); }
    .lt-video-item { width: 100%; }
    .lt-dl-list li { flex-direction: column; }
    .lt-dl-list .c_btn { width: 100%; text-align: center; }
    .n_newslist ul li .info { padding: .45rem .3rem .3rem; }
    .i_app ul, .n_applist ul { grid-template-columns: 1fr; }
    .i_app ul li .txt, .i_app ul li:nth-child(1) .txt, .i_app ul li:nth-child(2) .txt,
    .n_applist ul li .txt { width: 78%; max-width: 78%; }
    .i_new .con .img, .i_new .con .info { width: 100%; }
    .i_new .con .info { margin-top: .3rem; }
    .pro_xq_fr .btn { flex-direction: column; }
    .pro_xq_fr .btn a { width: 100%; }
    .lita-related-grid { grid-template-columns: 1fr; }
    .lita-product-downloads li { align-items: flex-start; flex-direction: column; }
    .lita-product-downloads li a { width: 100%; text-align: center; }
}