@charset "UTF-8";
/* responsive.css - 泛先知 www.hkwced.cn 自适应满屏样式
 * 更新: 2026-08-11
 * 原理: 用 !important 覆盖固定宽度/高度/绝对定位，不动原有CSS
 */

/* 0. 全局基础 */
* { box-sizing: border-box; }
html, body {
    width: 100% !important; margin: 0 !important; padding: 0 !important;
    overflow-x: hidden;
}

/* 1. 主容器 */
#mylinkdiv0 {
    width: 100% !important; max-width: 100% !important; margin: 0 auto !important;
}

/* 2. 顶部/导航/底部 100% */
#n20230524mylinkdivtop, #n20230524navigation, #mylinkNavigationbar, #navigationbar,
#divbottom_help, #divbottom, #n20230524divbottom, #n20230524divbottomuser,
#divfooter10, #divfooter11, #divfooter2, #divfooter3, #divfooter5, #divfooter6, #divfooter7index, #divfooter8,
#n20230524indexsearchtartop, #containerv51, #card_circle_panel, #friendship_links_panel {
    width: 100% !important;
}

/* 3. 轮播满屏 */
#bofang_huandeng_image { width: 100% !important; max-width: 100% !important; }
#bofang_huandeng_image .bhi-item {
    flex: 0 0 140px !important; width: 140px !important; height: 140px !important;
}
#bofang_huandeng_image .bhi-item img { width: 100% !important; height: 100% !important; }

/* 4. 桌面端：侧栏220px + 主内容区弹性 */
@media screen and (min-width: 769px) {
    #n20230524Projectdirectorytop, #n20230524Projectdirectoryindex,
    #Projectdirectorytop, #Projectdirectoryindex, #Projectdirectoryindex_products,
    #Projectdirectoryindex_china, #Projectdirectoryindex_howlinking, #Projectdirectoryindex_wced {
        width: 220px !important;
    }
    #n20230524indexsearch, #n20230524Exhibition,
    #Exhibition, #Exhibition_howlinking, #Exhibition_products, #Exhibition_products_1,
    #Exhibition_china, #Exhibition_education_equip, #hkwcedcn_Exhibition_t, #searchdisplay {
        width: calc(100% - 222px) !important;
    }
    #n20230524indexsearchtexttar, #n20230524indexsearchtexttarfenge { width: 100% !important; }
    .n20230524indexsearchtexttar { width: 80% !important; }
}

/* 5. 手机端 (<=768px)：全部堆叠，清除固定尺寸与绝对定位 */
@media screen and (max-width: 768px) {
    /* 5.1 强制容器恢复正常文档流 */
    #n20230524mylinkdivtop, #n20230524navigation, #n20230524Projectdirectorytop, #n20230524indexsearch,
    #n20230524Projectdirectoryindex, #n20230524Exhibition, #n20230524divbottom, #n20230524divbottomuser,
    #Projectdirectorytop, #Projectdirectoryindex, #Projectdirectoryindex_products, #Projectdirectoryindex_china,
    #Projectdirectoryindex_howlinking, #Projectdirectoryindex_wced,
    #Exhibition, #Exhibition_howlinking, #Exhibition_products, #Exhibition_products_1,
    #Exhibition_china, #Exhibition_education_equip, #hkwcedcn_Exhibition_t,
    #divbottom_help, #divbottom, #searchdisplay, #mylinkNavigationbar, #navigationbar,
    #divfooter10, #divfooter11, #divfooter2, #divfooter3, #divfooter5, #divfooter6, #divfooter7index, #divfooter8, #divfooter8tab,
    #friendship_links_panel {
        width: 100% !important; max-width: 100% !important;
        float: none !important; clear: both !important;
        height: auto !important; min-height: 0 !important; max-height: none !important;
        position: relative !important; top: auto !important; left: auto !important;
        right: auto !important; bottom: auto !important;
        overflow: visible !important; display: block !important;
        margin-left: 0 !important; margin-right: 0 !important;
        padding-left: 5px !important; padding-right: 5px !important;
        box-sizing: border-box !important;
    }

    /* 5.2 顶部图片/登录/视频堆叠 */
    #n20230524mylinkdivtopimage1, #n20230524mylinkdivtopimage2, #n20230524mylinkdivtoplogin, #index_video, #n20230524mylinkdivtoplanguage {
        width: 100% !important; max-width: 100% !important; height: auto !important;
        float: none !important; margin: 5px auto !important; text-align: center !important;
        position: relative !important; left: auto !important; top: auto !important;
    }
    #n20230524mylinkdivtopimage1 img, #n20230524mylinkdivtopimage2 img, #index_video video {
        max-width: 140px !important; height: auto !important;
    }
    #n20230524mylinkdivtoplogintable, #n20230524mylinkdivtoplanguagetable {
        width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important;
    }

    /* 5.3 欢迎词/登录表格折叠 */
    #usernamewelcomeindex, #n20230524mylinkdivtoplogintable {
        width: 100% !important; max-width: 100% !important; display: block !important; height: auto !important;
    }
    #usernamewelcomeindex tr, #n20230524mylinkdivtoplogintable tr,
    #usernamewelcomeindex tbody, #n20230524mylinkdivtoplogintable tbody {
        display: block !important; width: 100% !important;
    }
    #usernamewelcomeindex td, #n20230524mylinkdivtoplogintable td,
    .tabwalletpaneltop1, .tabwalletpaneltop2, .tabwalletpaneltop3 {
        display: block !important; width: 100% !important; max-width: 100% !important;
        height: auto !important; text-align: left !important; padding: 2px 0 !important;
        box-sizing: border-box !important;
    }

    /* 5.4 搜索框与按钮 */
    #n20230524indexsearchtartop, #n20230524indexsearchtexttar, #n20230524indexsearchtexttarfenge,
    #indexsearchtexttar, .n20230524indexsearchtexttar, .indexsearchtexttar, #indexdivsearch {
        width: 100% !important; max-width: 100% !important; height: auto !important;
        box-sizing: border-box !important;
    }
    #index_searchtarleft2, #index_searchtar2, #index_searchtar3,
    #mylink_searchtarleft2, #mylink_searchtar2, #mylink_searchtar3,
    #n20230524indexsearchtarleft, #n20230524indexsearchtar1, #n20230524indexsearchtar2, #n20230524indexsearchtar3,
    #n20230524indexsearchtarfenge1, #n20230524indexsearchtarfenge2 {
        width: auto !important; display: inline-block !important; float: none !important;
        margin: 3px 2px !important; position: relative !important; left: auto !important; top: auto !important;
    }

    /* 5.5 轮播 */
    #bofang_huandeng_image { height: 150px !important; }
    #bofang_huandeng_image .bhi-item {
        flex: 0 0 110px !important; width: 110px !important; height: 110px !important;
    }

    /* 5.6 图片/视频/表格/输入框 */
    img { max-width: 100% !important; height: auto !important; }
    video { max-width: 100% !important; height: auto !important; }
    table { max-width: 100% !important; word-break: break-all; }
    input, select, textarea { max-width: 100% !important; box-sizing: border-box !important; }

    /* 5.7 字体 */
    body { font-size: 14px; }
    h1 { font-size: 15px !important; } h2 { font-size: 14px !important; }
    h4 { font-size: 13px !important; } h5 { font-size: 12px !important; }

    /* 5.8 导航栏 */
    #Navigationbar, #ulNavigationbar, #navigationbar {
        width: 100% !important; max-width: 100% !important; display: block !important;
        table-layout: auto !important; height: auto !important;
    }
    #Navigationbar tr, #Navigationbar tbody, #navigationbar tr, #navigationbar tbody { display: block !important; width: 100% !important; }
    #ulNavigationbar li, #navigationbar tr td, #Navigationbar tr td {
        display: inline-block !important; float: none !important; width: auto !important; padding: 4px 6px !important;
    }
    #ulNavigationbar li a, #navigationbar tr td a, #Navigationbar tr td a {
        display: inline-block !important; width: auto !important; padding: 4px 8px !important; white-space: nowrap !important;
    }

    /* 5.9 商品分类侧栏 */
    .span_Projectdirectoryindex, .span_container,
    #Projectdirectoryindex .span_Projectdirectoryindex, #Projectdirectoryindex_products .span_Projectdirectoryindex,
    #Projectdirectoryindex_china .span_Projectdirectoryindex, #Projectdirectoryindex_howlinking .span_Projectdirectoryindex,
    #Projectdirectoryindex_wced .span_Projectdirectoryindex {
        width: 100% !important; max-width: 100% !important; float: none !important;
        display: block !important; clear: both !important; margin-bottom: 5px;
        box-sizing: border-box !important;
    }
    #Projectdirectoryindex > *, #Projectdirectoryindex_products > *, #Projectdirectoryindex_china > *,
    #Projectdirectoryindex_howlinking > *, #Projectdirectoryindex_wced > * {
        width: 100% !important; max-width: 100% !important; display: block !important;
        float: none !important; clear: both !important;
    }

    /* 5.10 展览区列表：两列卡片 */
    #Exhibition ul li, #Exhibition_products ul li, #Exhibition_products_1 ul li,
    #Exhibition_howlinking ul li, #Exhibition_china ul li, #Exhibition_education_equip ul li,
    #Exhibition_10 ul li, #Exhibition_11 ul li, #Exhibition_20 ul li, #Exhibition_21 ul li,
    #Exhibition_30 ul li, #Exhibition_31 ul li, #Exhibition_40 ul li, #Exhibition_41 ul li,
    #Exhibition_50 ul li, #Exhibition_51 ul li {
        width: 48% !important; max-width: 48% !important; float: none !important;
        display: inline-block !important; vertical-align: top !important;
        box-sizing: border-box !important; margin: 1% !important;
        height: auto !important; min-height: 80px !important;
    }
    #Exhibition ul li img, #Exhibition_products ul li img, #Exhibition_products_1 ul li img,
    #Exhibition_howlinking ul li img, #Exhibition_china ul li img, #Exhibition_education_equip ul li img {
        width: 100% !important; height: auto !important; max-height: none !important;
    }

    /* 5.11 GEO/图片/视频面板 */
    #card_circle_panel, #containerv51 {
        width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
        padding: 8px !important; margin: 8px 0 !important;
        height: auto !important; min-height: 0 !important;
    }
    #card_circle_panel .cc-btns {
        display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important;
        gap: 8px !important; width: 100% !important;
    }
    #card_circle_panel .cc-btn {
        flex: 1 1 80px !important; max-width: 120px !important; padding: 8px 12px !important;
        font-size: 14px !important; white-space: nowrap !important;
    }
    #card_circle_panel .cc-display, #card_circle_panel .cc-img-wrap, #card_circle_panel video {
        width: 100% !important; max-width: 100% !important; height: auto !important;
    }
    #card_circle_panel .cc-hint {
        width: 100% !important; word-break: break-all !important; white-space: normal !important;
        text-align: left !important; font-size: 12px !important; color: #888 !important; margin-top: 6px !important;
    }
}

/* 6. 超大屏 */
@media screen and (min-width: 1601px) {
    #n20230524Projectdirectorytop, #n20230524Projectdirectoryindex,
    #Projectdirectorytop, #Projectdirectoryindex, #Projectdirectoryindex_products { width: 260px !important; }
    #n20230524indexsearch, #n20230524Exhibition, #Exhibition, #Exhibition_products, #Exhibition_products_1 {
        width: calc(100% - 262px) !important;
    }
}