/* Homepage mobile layout; desktop typography and legacy service controls stay intact. */
.cm-home-page .cm-service-toggle{display:none}
@media(max-width:900px){
 html.cm-home-document,body.cm-home-page{width:100%;max-width:100%;min-width:0!important}
 .cm-home-page{font-size:14px;-webkit-text-size-adjust:100%;--cm-caption-size:12px}
 .cm-home-page .wrap{width:calc(100% - 24px);max-width:100%;min-width:0;margin-left:auto;margin-right:auto;box-sizing:border-box}
 .cm-home-page .public-home-header .public-header-row{padding-top:10px}
 .cm-home-page .public-home-header .public-header-bottom{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px 12px;padding:12px 0}
 .cm-home-page .public-home-header .cm-language-row{min-width:0}
 .cm-home-page .public-home-header .public-brands{min-width:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 .cm-home-page .public-home-header .public-brands a{display:inline-block;margin-left:4px}
 .cm-home-page .public-home-header .public-header-tools{display:contents;min-width:0;margin:0}
 .cm-home-page .public-home-header .public-contact{display:contents}
 .cm-home-page .public-home-header .public-contact .tel{display:flex;align-items:center;gap:4px;height:20px;font-size:12px;line-height:20px;padding-left:22px;background-size:18px auto}
 .cm-home-page .public-home-header .public-contact .tel p{margin:0;font:inherit;line-height:inherit}
 .cm-home-page .public-home-header .public-contact .search{box-sizing:border-box;width:100%;min-width:0;height:38px}
 .cm-home-page .public-home-header .public-contact .search form{display:flex;height:38px}
 .cm-home-page .public-home-header .public-contact .search_keyword{flex:1 1 0;min-width:0;width:0;height:38px;font-size:16px;line-height:24px;padding:6px 10px}
 .cm-home-page .public-home-header .public-contact .search_button{flex:0 0 64px;width:64px;height:38px;font-size:16px;line-height:38px}
 .cm-home-page .menu{height:auto;min-height:36px;width:100%}
 .cm-home-page .menu>.wrap{width:100%;margin:0}
 .cm-home-page .menu .nav.cm-primary-nav{height:auto;min-height:36px;flex-wrap:wrap;justify-content:flex-start}
 .cm-home-page .menu .nav.cm-primary-nav>li.list{box-sizing:border-box;flex:0 0 33.333333%;height:auto;min-width:0;float:none}
 .cm-home-page .menu .nav.cm-primary-nav>li.list>a{display:block;height:36px;line-height:36px;padding:0;font-size:18px;text-align:center}
 .cm-home-page .cm-primary-nav .cm-contact-toggle{height:36px;min-height:0}
 .cm-home-page .home-product-menu{padding-top:16px;padding-bottom:16px}
 .cm-home-page .home-product-grid{gap:10px}
 .cm-home-page .home-product-grid>.list:last-child:nth-child(odd){grid-column:1/-1}
 .cm-home-page .home-product-grid>.list>a{min-height:64px;padding:12px;gap:8px;font-size:18px;line-height:1.5}
 .cm-home-page .home-product-grid>.list>a:before{width:28px;height:28px;flex-basis:28px;background-size:22px 22px;border-radius:7px}
 .cm-home-page .home-product-grid>.list>a:after{width:6px;height:6px;flex-shrink:0}
 .cm-home-page .home-product-grid .hc-sub{min-width:0}
 .cm-home-page .home-product-grid .hc-sub a{font-size:16px;white-space:normal}
 .cm-home-page .main_top{height:auto}
 .cm-home-page .main_plist{float:none;width:auto;margin:0 0 14px;font-size:var(--cm-caption-size);line-height:1.8;overflow-wrap:anywhere;color:#666}
 .cm-home-page .main_plist a{display:inline;font-size:var(--cm-caption-size);margin:0 3px}
 .cm-home-page .main_title.pro_tit{float:none;margin:0 0 12px;padding-bottom:8px}
 .cm-home-page .main_pro .product{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;width:100%;padding:0}
 .cm-home-page .main_pro .product>.clear{display:none}
 .cm-home-page .main_pro .product li{float:none;min-width:0;width:auto;height:auto;margin:0}
 .cm-home-page .main_pro .pro_img{box-sizing:border-box;width:100%;height:auto;aspect-ratio:230/180;padding:2px}
 .cm-home-page .main_pro .pro_img img{display:block;width:100%;height:auto;aspect-ratio:230/180;object-fit:contain}
 .cm-home-page .main_pro .product li b,.cm-home-page .main_pro .product li b a{font-size:var(--cm-caption-size);font-weight:normal;line-height:1.5;overflow-wrap:anywhere}
 .cm-home-page .main_pro .product li b{display:block;padding:4px 0}
 .cm-home-page .main_bg .contact_box,.cm-home-page .main_bg .news_box{float:none;width:100%;height:auto;margin-bottom:20px;box-sizing:border-box}
 .cm-home-page .news_box.home-news-wide .news li{height:auto;min-height:30px;gap:8px}
 .cm-home-page .news_box.home-news-wide .news li a{width:auto;min-width:0;flex:1}
 .cm-home-page .news_box.home-news-wide .news li .news-publisher{display:none}
 .cm-home-page .news_box.home-news-wide .news li span{flex:0 0 80px;width:80px;font-size:12px}
 .cm-home-page .friendlink{box-sizing:border-box;width:calc(100% - 24px);height:auto;min-height:40px;margin:auto;overflow-wrap:anywhere}
 /* The live footer has a 500px .wrap2; it must shrink with the phone. */
 .cm-home-page .footer{box-sizing:border-box;width:100%;height:auto}
 .cm-home-page .footer .wrap2{box-sizing:border-box;width:calc(100% - 24px);max-width:100%;min-width:0;margin:0 auto}
 .cm-home-page .footer .copy_box,.cm-home-page .footer table{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
 .cm-home-page .footer table{table-layout:fixed}
 .cm-home-page .footer td,.cm-home-page .footer p,.cm-home-page .footer a{height:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
 /* Small launcher by default; the original contact/QR panel opens on demand. */
 .cm-home-page #floatTools.float0831{display:none;top:auto;bottom:20px;right:12px;position:fixed;transform:none;width:auto;height:auto}
 .cm-home-page #floatTools.cm-service-ready{display:block}
 .cm-home-page #floatTools.cm-service-ready .floatL{display:none}
 .cm-home-page #floatTools.cm-service-ready #divFloatToolsView{display:none!important;position:absolute;right:0;bottom:58px;float:none;transform:scale(1.2);transform-origin:right bottom;max-height:calc(83.333vh - 92px);overflow-y:auto;box-shadow:0 4px 20px #163e6633}
 .cm-home-page #floatTools.cm-service-open #divFloatToolsView{display:block!important}
 .cm-home-page .cm-service-toggle{display:block;box-sizing:border-box;min-height:44px;padding:0 14px;border:1px solid #fff;border-radius:24px;background:#008fcd;color:#fff;font:500 14px/42px Arial,"Microsoft YaHei",sans-serif;box-shadow:0 3px 12px #163e6640;cursor:pointer}
 .cm-home-page .cm-service-toggle:focus-visible{outline:2px solid #0058a9;outline-offset:2px}
}
@media(min-width:560px) and (max-width:900px){
 .cm-home-page .public-home-header .public-contact{grid-template-columns:1fr 1fr;align-items:center}
}

.cm-agent-menu-toggle,.cm-agent-menu{display:none}
@media(max-width:900px){
 .cm-home-page .public-home-header .cm-language-row{grid-column:1;grid-row:1}
 .cm-home-page .public-home-header .public-contact .tel{grid-column:2;grid-row:1;justify-self:end;min-width:0;max-width:100%;height:auto;min-height:20px;box-sizing:border-box;flex-wrap:wrap;gap:0 4px;white-space:normal}
 .cm-home-page .public-home-header .public-brands{grid-column:1/-1;grid-row:2}
 .cm-home-page .public-home-header .public-contact .search{grid-column:1/-1;grid-row:3}
 .cm-home-page.cm-agent-home .public-home-header .public-header-row{position:relative;display:flex;align-items:center;gap:10px}
 .cm-home-page.cm-agent-home .public-brand-link{flex:1;min-width:0}
 .cm-home-page.cm-agent-home .cm-agent-home-company{font-weight:700;color:#900}
 .cm-home-page.cm-agent-home .public-header-bottom{grid-template-columns:minmax(0,1fr)}
 .cm-home-page.cm-agent-home .public-header-bottom .cm-language-row,
 .cm-home-page.cm-agent-home .public-header-bottom .public-brands,
 .cm-home-page.cm-agent-home .public-contact .tel{display:none}
 .cm-home-page.cm-agent-home .public-header-bottom .search{grid-row:1}
 .cm-agent-menu-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;padding:0;margin:0;border:0;background:transparent;color:#164d95;cursor:pointer}
 .cm-agent-menu-toggle span{position:relative;width:25px;height:2px;background:currentColor}
 .cm-agent-menu-toggle span:before,.cm-agent-menu-toggle span:after{position:absolute;left:0;content:"";width:25px;height:2px;background:currentColor;top:-8px}
 .cm-agent-menu-toggle span:after{top:8px}
 .cm-agent-menu-toggle[aria-expanded=true] span{background:transparent}
 .cm-agent-menu-toggle[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}
 .cm-agent-menu-toggle[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}
 .cm-agent-menu-toggle:focus-visible{outline:2px solid #164d95;outline-offset:2px}
 .cm-agent-menu:not([hidden]){display:block;position:absolute;right:0;top:100%;z-index:10010;width:max-content;max-width:78vw;max-height:calc(100vh - 90px);overflow:auto;background:rgba(7,70,145,.84);box-shadow:-2px 3px 10px #1234}
 .cm-agent-menu .cm-primary-nav{display:block;margin:0;padding:0;list-style:none}
 .cm-agent-menu .cm-primary-nav>li{float:none;display:block;margin:0;padding:0;list-style:none;min-width:140px}
 .cm-agent-menu .cm-primary-nav a{display:block;box-sizing:border-box;margin:0;padding:0 14px;height:auto;min-height:40px;line-height:40px;border-bottom:1px solid #ffffff33;color:#fff;background:transparent;font-size:16px;text-align:center;text-decoration:none;white-space:nowrap}
 .cm-agent-menu .cm-primary-nav a:hover,.cm-agent-menu .cm-primary-nav a:focus-visible,.cm-agent-menu .cm-primary-nav a[aria-current=page]{background:#ffffff24}
 .cm-agent-menu .cm-primary-nav>.cm-contact-parent>a{padding-right:34px}
 .cm-home-page .cm-agent-menu .cm-primary-nav .cm-contact-toggle{width:30px;height:40px;min-height:0}
 .cm-agent-menu .cm-primary-nav .cm-contact-sub{position:static;min-width:0;width:100%;margin:0;padding:0;border:0;background:#0002;box-shadow:none}
 .cm-agent-menu .cm-primary-nav .cm-contact-sub a{font-size:15px}
}

/* V48: compact contact row, left-aligned brands, 75% footer typography. */
@media(max-width:900px){
 .cm-home-page .main_bg .contact_box{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:12px;align-items:start}
 .cm-home-page .contact_box>.ct_tit{grid-column:1/-1;width:100%;box-sizing:border-box}
 .cm-home-page .contact_box>span{grid-column:1;min-width:0}
 .cm-home-page .contact_box>br{display:none}
 .cm-home-page .contact_box>.contact_qq{grid-column:2;grid-row:2/span 4;min-width:0;margin:0;padding:0;align-self:start;justify-self:stretch}
 .cm-home-page .contact_box>.contact_qq img{display:block;width:100%;max-width:230px;height:auto;margin:0 0 0 auto}
 .cm-home-page .friendlink{text-align:left}
 .cm-home-page .friendlink ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 16px;margin:0;padding:0;list-style:none}
 .cm-home-page .friendlink li{float:none;width:auto;height:auto;margin:7px 0 0;padding:0;text-align:left;white-space:normal}
 .cm-home-page .footer{font-size:10.5px}
 .cm-home-page .footer td,.cm-home-page .footer p,.cm-home-page .footer a{font-size:inherit;line-height:16.5px}
 .cm-home-page .footer span[style*="font-size:12px"]{font-size:9px!important}
}