/* ============================================================ * 全站手机端视口兼容补丁（mobile-fixes.css） * * 解决从 mindray.com / uih / shinva / haier 等迁移来的 product-*.html、 * products-*.html、hospital-solutions-*.html、solutions-*.html 等页面， * 在小屏（手机/平板竖屏）出现的横向溢出、超宽组件、缩略图列表撑开页面等问题。 * * 通过 * 注入到每个老站 HTML 的末端。 * 仅在 max-width: 820px 生效，桌面端不受影响。 * ============================================================ */ /* Mindray 原站登录态检查（/bin/xpace/auth/checkLogin）在 IslandCare 静态站不可用，隐藏登录入口 */ #navLoginBtn, #navLoginedBtn, .nav-login-btn, .nav-logined-btn { display: none !important; } @media (max-width: 820px) { /* —— 兜底：禁止整页横向滚动 —— */ html, body { max-width: 100vw !important; overflow-x: hidden !important; } /* —— 全站隐藏导航中的 Contact Us / 联系我们（保留页内 Product Inquiry 等按钮）—— */ header .nav-menu a.nav-menu-link[href="contact.html"], header .nav-menu a.nav-menu-link[href="/contact.html"], header .nav-sub-menu a.nav-menu-link[href="contact.html"], header .nav-sub-menu a.nav-menu-link[href="/contact.html"], header .nav-sub-menu a.nav-menu-link[href*="/cn/contact"], a.top-navbar-text[href="contact.html"], a.top-navbar-text[href="/contact.html"], .pp-header nav a[href="/contact.html"], .pp-header nav a[href="contact.html"] { display: none !important; } header li.sub-menu-item:has(> a.nav-menu-link[href="contact.html"]), header li.sub-menu-item:has(> a.nav-menu-link[href="/contact.html"]), header li.sub-menu-item:has(> a.nav-menu-link[href*="/cn/contact"]), .top-navbar-item:has(> a[href="contact.html"]), .top-navbar-item:has(> a[href="/contact.html"]) { display: none !important; } /* —— shinva 列表页：首屏内容区留出顶栏空间 —— */ body.mr-product-page .generic-product-body, .generic-product-body { padding-top: 12px !important; } /* Shinva 产品分类 hub 页（如 Medium Steam / Plasma Sterilizers）：卡片离顶栏再多留空 */ body.mr-product-page .generic-product-body:has(.product-listing), .generic-product-body:has(.product-listing) { padding-top: 48px !important; } .generic-product-body .inner-page-r .product-listing { padding-top: 16px !important; } /* —— 所有图片/视频/iframe 防超宽 —— */ img, video, iframe, picture, embed, object { max-width: 100% !important; height: auto !important; } /* —— UIH 缩略图导航（thumbnail-navigation）防止把页面撑开 —— */ .thumbnail-navigation__container, .thumbnail-navigation__item-list, .thumbnail-navigation__wrapper { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .thumbnail-navigation__item-list::-webkit-scrollbar { display: none; } /* —— Slick carousel：让 list 严格收在容器内（slick-track 本就 transform 滑动）—— */ .slick-slider, .slick-list { max-width: 100% !important; } /* —— Mindray AEM grid 容器：避免被内部固定 12 列布局撑开 —— */ .mr-grid-container, .mr-grid-container-1, .mr-grid-container-2, .mr-component { max-width: 100vw !important; box-sizing: border-box !important; } /* —— 老站常见超宽 table：允许内部水平滚动，外层不溢出 —— */ table { max-width: 100% !important; display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } /* Admin 后台产品页：table-wrap 内保持正常表格布局，避免 display:block 破坏列宽 */ .mr-pd-richtext .table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; max-width: 100% !important; } .mr-pd-richtext .table-wrap table { display: table !important; width: max-content !important; min-width: 100% !important; overflow-x: visible !important; } /* —— Pre/code 超长内容 —— */ pre, code { max-width: 100% !important; overflow-x: auto !important; word-wrap: break-word; } /* —— 长 URL/邮箱避免撑破段落 —— */ p, li, dd, dt, span, a { overflow-wrap: anywhere; word-break: break-word; } /* * Mindray 产品页页脚：精简版 footer（仅 footer-row）在移动端会把 * .footer-btm / .wrap 撑到 ~528vw，实际内容沉底，出现大片 #191919 空黑。 */ body.mr-product-page footer, body.mr-product-page footer #footer.footer, body.mr-product-page .footer.aem-GridColumn, body.mr-product-page .cmp-experiencefragment--footer, body.mr-product-page .cmp-experiencefragment--footer .cmp-container, body.mr-product-page .cmp-experiencefragment--footer .aem-Grid { height: auto !important; min-height: 0 !important; } body.mr-product-page footer .footer-btm { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; height: auto !important; min-height: 0 !important; padding: 24px 0 !important; } body.mr-product-page footer .footer-btm .wrap { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; height: auto !important; min-height: 0 !important; margin-top: 0 !important; } body.mr-product-page footer .footer-btm .footer-row { margin-top: 0 !important; flex: 0 0 auto !important; } /* —— 真机兜底：隐藏右侧菜单/浮动入口，避免遮挡正文与误触 —— */ body.mr-product-page .nav-right, body.mr-product-page .sidebar-box.sidebar-contact, body.mr-product-page .right-nav, body.mr-product-page .right-menu, body.mr-product-page .fixed-right, body.mr-product-page .float-right, body.mr-product-page .floating-menu, body.mr-product-page .suspension-nav { display: none !important; } } /* ------------------------------------------------------------ * 移动端汉堡按钮（三横线）显示 * * 原 Mindray 模板的 `.navbar-toggle` 使用一张白色 SVG 三横线作为 * background-image，在白色 / 浅色 sticky header 下根本看不见。 * 这里直接用 3 条 linear-gradient 画出深色横线，无需依赖任何 * 图标字体或 SVG 资源，且全站老页面都能生效。 * * 桌面态（>=1201px 横屏）保留 mindray 默认下拉菜单，不显示汉堡。 * ----------------------------------------------------------- */ /* —— 手机端全屏菜单面板 + 子菜单展开（.active / .mr-open 双轨）—— */ @media screen and (max-aspect-ratio: 1/1) and (max-width: 1200px), screen and (max-width: 639px) { nav#header.open, #header.open { position: fixed !important; inset: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; z-index: 10000 !important; background: #fff !important; } /* 真机：菜单全屏，不用 100vw（避免滚动条导致右侧多一条边） */ #header.open .navbar { position: relative !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; min-height: 100dvh !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; background: #fff !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-gutter: auto !important; box-sizing: border-box !important; } #header.open .navbar::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } #header.open .navbar { scrollbar-width: none !important; -ms-overflow-style: none !important; } #header.open .navbar .wrap { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* 去掉列表默认缩进，避免左右边缘看起来不一致 */ #header.open .nav-menu, #header.open .nav-sub-menu, #header.open .nav-sub-sub-menu { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; list-style: none !important; width: 100% !important; box-sizing: border-box !important; } #header.open .navbar .nav-block { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 56px !important; height: auto !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 10px 16px !important; box-sizing: border-box !important; } #header.open .nav-menu, #header.open .navbar .nav-menu { display: block !important; visibility: visible !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4px 0 20px !important; box-sizing: border-box !important; border-radius: 0 !important; box-shadow: none !important; } #header.open .nav-menu > .nav-menu-item, #header.open .nav-sub-menu > .sub-menu-item, #header.open .nav-sub-sub-menu > .sub-menu-item { width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } #header.open .nav-menu > .nav-menu-item > .nav-menu-link { display: flex !important; width: 100% !important; box-sizing: border-box !important; min-height: 52px !important; padding-top: 14px !important; padding-bottom: 14px !important; line-height: 1.25 !important; } #header.open .nav-sub-menu > .sub-menu-item > .nav-menu-link { display: flex !important; width: 100% !important; box-sizing: border-box !important; min-height: 48px !important; padding-top: 12px !important; padding-bottom: 12px !important; line-height: 1.25 !important; } header .navbar .nav-menu > .nav-menu-item.active > .nav-sub-menu, header .navbar .nav-menu > .nav-menu-item.mr-open > .nav-sub-menu { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; left: auto !important; margin-left: 0 !important; box-shadow: none !important; border: none !important; } header .navbar .sub-menu-item.active > .nav-sub-sub-menu, header .navbar .sub-menu-item.mr-open > .nav-sub-sub-menu, header .navbar a.sub-menu-item-arrow-link.active + .nav-sub-sub-menu { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; left: auto !important; top: auto !important; box-shadow: none !important; border: none !important; } header .navbar .nav-menu .nav-sub-menu .nav-sub-sub-menu { position: static !important; left: auto !important; top: auto !important; margin-left: 0 !important; } /* 子菜单容器禁止内部滚动条（右侧灰条来源） */ #header.open header .navbar .nav-menu .nav-sub-menu, #header.open header .navbar .nav-menu .nav-sub-sub-menu { overflow: visible !important; max-height: none !important; } /* * Shinva / Haier / RocGene 等镜像页会加载 vendor Bootstrap CSS（Montserrat、font-weight:600）， * 导致手机菜单比首页更粗。此处统一为 Mindray 字体与常规字重，当前项仅用颜色高亮。 */ header .navbar .nav-menu, header .navbar .nav-menu .nav-menu-link { font-family: MyriadPro, FZLTH, sans-serif !important; font-weight: 400 !important; } header .navbar .nav-menu > .nav-menu-item > a.nav-menu-link.nav-menu-first, header .navbar .nav-menu > .nav-menu-item > a.nav-menu-link.nav-menu-first.active, header .navbar .nav-menu > .nav-menu-item > a.nav-menu-link.nav-menu-first.mr-nav-current { font-weight: 400 !important; } header .navbar .nav-menu .nav-sub-menu .nav-menu-link, header .navbar .nav-menu .nav-sub-sub-menu .nav-menu-link { font-weight: 400 !important; } } @media screen and (max-aspect-ratio: 1/1) and (max-width: 1200px), screen and (max-width: 639px) { header .nav-operate { display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 16px !important; } header .nav-operate .navbar-toggle, header .nav-operate .nav-operate-btn.navbar-toggle, header .navbar .nav-operate .navbar-toggle, header .navbar.active .nav-operate .navbar-toggle, header .navbar.show .nav-operate .navbar-toggle, header .navbar.visible .nav-operate .navbar-toggle, header .header-dark .nav-operate .navbar-toggle { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: 28px !important; height: 28px !important; padding: 0 !important; margin: 0 !important; color: #222 !important; background-color: transparent !important; background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor) !important; background-position: center 7px, center 13px, center 19px !important; background-size: 22px 2px !important; background-repeat: no-repeat !important; border-radius: 4px !important; text-indent: -9999px !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; box-sizing: border-box !important; } header .nav-operate .navbar-toggle:hover, header .nav-operate .navbar-toggle:focus { color: #c4161c !important; background-color: rgba(0, 0, 0, 0.04) !important; } /* 打开状态：三横线 → × */ header .navbar.active .nav-operate .navbar-toggle, header .navbar.show .nav-operate .navbar-toggle, header .nav-operate .navbar-toggle.open, header .nav-operate .navbar-toggle.active { background-image: none !important; position: relative !important; } header .navbar.active .nav-operate .navbar-toggle::before, header .navbar.active .nav-operate .navbar-toggle::after, header .navbar.show .nav-operate .navbar-toggle::before, header .navbar.show .nav-operate .navbar-toggle::after, header .nav-operate .navbar-toggle.open::before, header .nav-operate .navbar-toggle.open::after, header .nav-operate .navbar-toggle.active::before, header .nav-operate .navbar-toggle.active::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 22px !important; height: 2px !important; margin-left: -11px !important; margin-top: -1px !important; background: currentColor !important; border-radius: 1px !important; } header .navbar.active .nav-operate .navbar-toggle::before, header .navbar.show .nav-operate .navbar-toggle::before, header .nav-operate .navbar-toggle.open::before, header .nav-operate .navbar-toggle.active::before { transform: rotate(45deg) !important; } header .navbar.active .nav-operate .navbar-toggle::after, header .navbar.show .nav-operate .navbar-toggle::after, header .nav-operate .navbar-toggle.open::after, header .nav-operate .navbar-toggle.active::after { transform: rotate(-45deg) !important; } /* —— shinva 系列产品列表页 (.product-listing) 在手机下变两列大卡片 —— */ .product-listing, .generic-product-body .inner-page-r .product-listing { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .generic-product-body:has(.product-listing) .product-listing { padding-top: 16px !important; } .product-listing ul, .generic-product-body .inner-page-r .product-listing ul { padding: 0 !important; margin: 0 !important; list-style: none !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: auto !important; gap: 12px !important; flex-wrap: unset !important; justify-content: stretch !important; } .product-listing ul li, .generic-product-body .inner-page-r .product-listing ul li { flex: 1 1 auto !important; max-width: 100% !important; width: 100% !important; list-style: none !important; margin: 0 !important; } .product-listing .product-item { padding: 14px 10px !important; border-radius: 10px !important; background: #fff !important; border: 1px solid #eee !important; height: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; } .product-listing .product-image { width: 100% !important; text-align: center !important; } .product-listing .product-image img { width: 100% !important; max-width: 160px !important; height: auto !important; object-fit: contain !important; display: inline-block !important; } .product-listing .product-item-name { width: 100% !important; margin-top: 8px !important; } .product-listing .product-item-name h3 { font-size: 13px !important; line-height: 1.4 !important; color: #c4161c !important; word-break: normal !important; overflow-wrap: anywhere !important; margin: 0 !important; text-align: center !important; } /* shinva 旧站 .inner-page-l (侧边栏) 在手机端隐藏 */ .inner-page-l, .generic-product-body .inner-page-l { display: none !important; } .inner-page-r, .generic-product-body .inner-page-r { width: 100% !important; float: none !important; padding: 0 16px !important; } /* shinva 详情页 generic-product-body 各种内部 padding/宽度兜底 */ .generic-product-body, .generic-product-body .container, .generic-product-body .row, .generic-product-body .col, .generic-product-body [class^="col-"], .generic-product-body [class*=" col-"] { max-width: 100% !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; } } /* 极窄屏（<= 380）单列展示 shinva 卡片 */ @media (max-width: 380px) { .product-listing ul { grid-template-columns: 1fr !important; } .product-listing .product-image img { max-width: 240px !important; } } /* 超窄屏（≤ 380px）再次保护 */ @media (max-width: 380px) { html, body { font-size: 14.5px; } } /* ============================================================ * Mindray 风格产品详情页（body.mr-product-page）手机端美化 * 覆盖 product-bc-30.html 等 mirroring 页面 * ============================================================ */ @media screen and (max-aspect-ratio: 1/1) and (max-width: 1200px), screen and (max-width: 639px), (max-width: 820px) { body.mr-product-page { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } /* —— 顶栏：Logo / 汉堡按钮垂直居中（覆盖 nav-patch 的 absolute + top:0）—— */ body header .navbar .nav-block { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 56px !important; height: auto !important; padding: 10px 16px !important; box-sizing: border-box !important; } body header .navbar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; } body header .navbar .nav-logo { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; } body header .navbar .nav-logo .nav-logo-link { background-size: contain !important; height: 11vw !important; min-width: 28.4vw !important; width: 28.4vw !important; margin: 0 !important; } body header .navbar .nav-operate { position: relative !important; top: auto !important; right: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; } body header .navbar .wrap { min-height: 0 !important; } html { scroll-padding-top: 64px !important; } /* —— 顶栏：缩小 Logo 占位，避免 header 过高 —— */ body.mr-product-page header .navbar .nav-logo { width: auto !important; height: auto !important; padding: 0 !important; } body.mr-product-page header .navbar .nav-logo .nav-logo-link { background-size: contain !important; height: 11vw !important; min-width: 28.4vw !important; width: 28.4vw !important; } body.mr-product-page header .navbar .nav-block { min-height: 56px !important; height: auto !important; padding: 10px 16px !important; align-items: center !important; } body.mr-product-page header .navbar .nav-operate { height: auto !important; padding: 10px 0 !important; } /* —— Hero：文字在上、产品图在下，避免叠在设备上 —— */ body.mr-product-page .product-kv-1 { display: flex !important; flex-direction: column !important; background: linear-gradient(180deg, #f3f5f8 0%, #ffffff 55%) !important; overflow: hidden !important; } body.mr-product-page .product-kv-1 > picture { order: 2 !important; display: block !important; width: 100% !important; margin: 0 !important; background: #eef1f5 !important; } body.mr-product-page .product-kv-1 > picture > img { width: 100% !important; height: auto !important; max-height: min(62vh, 520px) !important; object-fit: contain !important; object-position: center bottom !important; display: block !important; } body.mr-product-page .product-kv-1 .product-kv-1-text { position: static !important; transform: none !important; top: auto !important; left: auto !important; order: 1 !important; width: 100% !important; max-width: 100% !important; padding: 20px 20px 8px !important; color: #111827 !important; box-sizing: border-box !important; } body.mr-product-page .product-kv-1 .product-kv-1-text .product-kv-1-text-sub { font-size: 13px !important; line-height: 1.4 !important; margin-bottom: 8px !important; color: #c8102e !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; } body.mr-product-page .product-kv-1 .product-kv-1-text .product-kv-1-text-tit, body.mr-product-page .product-kv-1 .product-kv-1-text .product-kv-1-text-tit h1 { font-size: clamp(28px, 8vw, 36px) !important; line-height: 1.15 !important; margin: 0 0 8px !important; font-weight: 700 !important; color: #111827 !important; } body.mr-product-page .product-kv-1 .product-kv-1-text .product-kv-1-text-tit p { font-size: 15px !important; line-height: 1.5 !important; margin: 0 !important; color: #4b5563 !important; font-weight: 400 !important; } /* —— 产品子导航：单行紧凑条 —— */ body.mr-product-page .mr-product-submenu { min-height: 0 !important; border-top: none !important; border-bottom: 1px solid #e5e7eb !important; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important; background: #fff !important; } body.mr-product-page .mr-product-submenu .wrap { flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; padding: 10px 16px !important; width: 100% !important; box-sizing: border-box !important; } body.mr-product-page .mr-product-submenu .mr-product-submenu-name { width: auto !important; min-height: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #111827 !important; flex: 1 1 auto !important; min-width: 0 !important; display: none !important; } body.mr-product-page .mr-product-submenu .mr-product-submenu-items { width: auto !important; padding: 0 !important; border-top: none !important; display: flex !important; flex-shrink: 0 !important; align-items: center !important; } body.mr-product-page .mr-product-submenu .mr-product-submenu-item-btn { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 14px !important; font-size: 13px !important; line-height: 1.2 !important; border-radius: 999px !important; white-space: nowrap !important; background: #c8102e !important; box-shadow: 0 2px 8px rgba(200, 16, 46, 0.25) !important; } /* —— 正文区：统一内边距与排版 —— */ body.mr-product-page .mr-innovation-detail-text { padding-top: 20px !important; padding-bottom: 12px !important; } body.mr-product-page .mr-innovation-detail-text .wrap, body.mr-product-page .mr-innovation-detail-text .rich-text-main { width: 100% !important; max-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } body.mr-product-page .mr-innovation-detail-text .wrap p, body.mr-product-page .mr-innovation-detail-text .wrap div { font-size: 15px !important; line-height: 1.75 !important; color: #4b5563 !important; padding-bottom: 12px !important; } body.mr-product-page .mr-innovation-detail-text .wrap h3 { font-size: 20px !important; line-height: 1.3 !important; margin: 8px 0 14px !important; color: #111827 !important; font-weight: 700 !important; } body.mr-product-page .mr-innovation-detail-text .wrap ul { margin: 0 0 8px !important; padding: 0 !important; list-style: none !important; } body.mr-product-page .mr-innovation-detail-text .wrap ul li { list-style: none !important; margin: 0 0 10px !important; padding: 12px 14px 12px 16px !important; font-size: 14px !important; line-height: 1.55 !important; color: #374151 !important; background: #f9fafb !important; border: 1px solid #eef0f3 !important; border-left: 3px solid #c8102e !important; border-radius: 8px !important; } /* —— Resources 区块（若未隐藏）—— */ body.mr-product-page .mr-product-33 { padding: 28px 0 20px !important; } body.mr-product-page .mr-product-33 .wrap { width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } body.mr-product-page .mr-product-33 .mr-product-33-title { font-size: 22px !important; padding-top: 10px !important; } body.mr-product-page .mr-product-33 .mr-product-33-block { padding: 20px 0 0 !important; } body.mr-product-page .mr-product-33 .row { margin: 0 !important; } body.mr-product-page .mr-product-33 .col-3, body.mr-product-page .mr-product-33 .col-mob-6 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin-bottom: 16px !important; } body.mr-product-page .mr-product-33-tab-summary { padding-top: 10px !important; } body.mr-product-page .mr-product-33-tab-title { font-size: 15px !important; line-height: 1.45 !important; } body.mr-product-page .mr-product-33-tab-tags { font-size: 11px !important; color: #9ca3af !important; margin-bottom: 6px !important; } /* —— 页脚：避免过宽间距 —— */ body.mr-product-page footer .footer-btm .footer-row { padding-left: 16px !important; padding-right: 16px !important; } /* —— UIH 产品页 hero：手机端压缩「Watch the film」空白区 —— */ .qedge-com-parallax-video-hero, .qedge-com-parallax-video-hero .content { height: auto !important; min-height: 0 !important; } .qedge-com-parallax-video-hero .content { position: relative !important; height: clamp(220px, 62vw, 320px) !important; overflow: hidden !important; } .qedge-com-parallax-video-hero .bg-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; } .qedge-com-parallax-video-hero .bg-video video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; } .qedge-com-parallax-video-hero .intro { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; height: auto !important; padding: 12px 16px 14px !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%) !important; box-sizing: border-box !important; } .qedge-com-parallax-video-hero .intro h1 { margin: 0 !important; } .qedge-com-parallax-video-hero .intro h1 .t1 { font-size: 22px !important; line-height: 1.2 !important; } .qedge-com-parallax-video-hero .intro h1 .t2 { font-size: 12px !important; line-height: 1.35 !important; margin-bottom: 2px !important; } .qedge-com-parallax-video-hero .playback { margin: 8px 0 0 !important; } .qedge-com-parallax-video-hero .playback .play { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: auto !important; height: auto !important; } .qedge-com-parallax-video-hero .playback .play > div { width: 28px !important; height: 28px !important; flex-shrink: 0 !important; } .qedge-com-parallax-video-hero .playback .play svg { width: 28px !important; height: 28px !important; } .qedge-com-parallax-video-hero .playback .text { color: #fff !important; font-size: 13px !important; line-height: 1.2 !important; margin: 0 !important; } } /* 产品页吸顶子菜单 mr-product-submenu / #mr-product-submenu：全端隐藏 */ .mr-product-submenu, #mr-product-submenu { display: none !important; } /* Mindray 懒加载：本地环境下 img 已有 src 但未加 .show / .swiper-lazy-loaded，会一直保持 visibility:hidden */ img.img-lazy.show, img.img-lazy[src]:not([src=""]), img.swiper-lazy.swiper-lazy-loaded, img.swiper-lazy[src]:not([src=""]) { visibility: visible !important; } /* Haier product pages: hide More Info links */ body.page-haier-no-search a.y-more { display: none !important; } /* RocGene product pages: hide vendor mobile header (duplicate of site nav) */ .generic-product-body > div.phone#header { display: none !important; } /* Haier product pages: hide Go back links */ @media screen and (max-aspect-ratio: 1/1) and (max-width: 1200px), screen and (max-width: 639px) { body.page-pointcare-m4 header .nav-menu { display: none !important; } body.page-pointcare-m4 #header.open .nav-menu { display: block !important; background: #fff !important; } body.page-pointcare-m4 .elementor-tabs-wrapper, body.page-pointcare-m4 .elementor-tab-desktop-title { display: none !important; } } body.page-haier-no-search a.y-back, body.page-haier-no-search .y-bottom:has(> a.y-back), body.page-haier-no-search .my-button:has(a.my-back) { display: none !important; } /* Haier product pages: mobile header logo vertical centering */ @media screen and (max-aspect-ratio: 1/1) and (max-width: 1200px), screen and (max-width: 639px) { body.page-haier-no-search header .navbar .nav-block { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 56px !important; height: auto !important; padding: 10px 16px !important; box-sizing: border-box !important; } body.page-haier-no-search header .navbar .nav-logo { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; } body.page-haier-no-search header .navbar .nav-logo .nav-logo-link { background-size: contain !important; height: 11vw !important; min-width: 28.4vw !important; width: 28.4vw !important; margin: 0 !important; } body.page-haier-no-search header .navbar .nav-operate { position: relative !important; top: auto !important; right: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; } body.page-haier-no-search header .navbar .wrap { min-height: 0 !important; } } /* UIH product pages: cancel vendor body{padding-top:45px} on mobile/tablet */ @media (max-width: 1024px) { body.page-uih-product, body.mr-product-page { padding-top: 0 !important; } /* * Mindray clientlib-site/home 全局 body{font-size:0.9375vw} 在 390px 屏上约 3.6px， * 导致 UIH scaling-human 的 item-desc-details 等继承文字几乎不可读。 */ body.page-uih-product { font-size: 16px !important; } /* uMR Ultra 等页内「Back to menu」锚点条：静态站无 tab 菜单，隐藏 */ body.page-uih-product .qedge-com-back-to-menu { display: none !important; } } /* ============================================================ * UIH 产品页（如 uMR 790）：-mobileGrid 区块在手机端布局 * 原厂 CSS 只写了 .columns.content-image，页面实际用 .content-image-inside * ============================================================ */ @media screen and (max-width: 1024px) { body.page-uih-product .uih-product-body .tab-content { display: block !important; } body.page-uih-product .qedge-com-multi-center-image.-mobileGrid > .container > .content { padding: 32px 20px 48px !important; box-sizing: border-box !important; } body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside .column { width: 100% !important; max-width: 100% !important; flex: none !important; flex-grow: 0 !important; padding: 0 !important; margin: 0 !important; padding-top: 0 !important; margin-top: 0 !important; border: 1px solid #d1d1d1 !important; border-radius: 4px !important; box-sizing: border-box !important; } body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside .qedge-com-product-image-card .image-container { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; } body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside .qedge-com-product-image-card .image-container img { width: 100% !important; height: auto !important; max-height: 192px !important; object-fit: contain !important; } body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside .qedge-com-product-image-card .content .title { margin: 0 !important; padding: 10px !important; min-height: 0 !important; font-size: 14px !important; line-height: 1.35 !important; } body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside .qedge-com-product-image-card .content .info { margin: 0 !important; padding: 0 10px 12px !important; font-size: 13px !important; line-height: 1.5 !important; } /* uCS2.0 等 LTR 区块：清除桌面端 calc 左内边距 */ body.page-uih-product .qedge-com-product-functionality-ltr > .content .text-content { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } body.page-uih-product .qedge-com-product-functionality-ltr > .content .text-content .desc .column, body.page-uih-product .qedge-com-product-functionality .desc .column { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } body.page-uih-product .qedge-com-product-functionality-ltr > .content .text-content .desc .columns { display: block !important; } body.page-uih-product .qedge-com-product-functionality-ltr > .content .text-content .desc .columns .column + .column { margin-top: 16px !important; } /* UIH 全屏 Hero（Jupiter / Ultra / Omega 等）：手机端高度与 iframe 预览 */ body.page-uih-product .qedge-com-parallax-video-hero .bg-video video, body.page-uih-product .qedge-com-video-banner .banner-video, body.page-uih-product .qedge-com-product-banner video { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; object-fit: cover !important; } body.page-uih-product .qedge-com-parallax-video-hero .content { min-height: 58vw !important; } body.page-uih-product .qedge-com-parallax-video-hero .content .intro { background: rgba(0, 0, 0, 0.35) !important; } body.page-uih-product .qedge-com-tabs { display: none !important; } /* * uCT 780 等 about-banner：原站 mobile 用 .image-replacer + background-size:cover * 在固定 560px 容器里裁切 p10.jpg，改为直接展示 img 完整比例。 */ body.page-uih-product .qedge-com-display-banner.qedge-com-about-banner, body.page-uih-product .qedge-com-display-banner.qedge-com-about-banner > .content, body.page-uih-product .qedge-com-motional-bg-image { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body.page-uih-product .qedge-com-motional-bg-image { position: relative !important; width: 100% !important; background: #000 !important; } body.page-uih-product .qedge-com-motional-bg-image .image-replacer { display: none !important; } body.page-uih-product .qedge-com-motional-bg-image img.background { display: block !important; visibility: visible !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } /* Hero 与下方导语段之间原站 rt-m-mt-70（70px）留白过大 */ body.page-uih-product .qedge-com-tabs + .rt-m-mt-70 { margin-top: 24px !important; } /* * UIH 页（#25 起 Ultra/Omega/uCT 等）：深色卡片 / 视频 / 轮播之间 * rt-m-mb-150、qedge-com-scaling-video{margin:130px}、scroll-slider{margin:150px} * 在手机端露出 body 白底 → 多处空白条带。 */ body.page-uih-product .uih-product-body .qedge-com-staircase-cards.rt-m-mb-150, body.page-uih-product .uih-product-body .qedge-com-staircase-cards.rt-mb-130, body.page-uih-product .uih-product-body .qedge-com-staircase-cards, body.page-uih-product .uih-product-body .qedge-com-scaling-video, body.page-uih-product .uih-product-body .qedge-com-scroll-slider { margin-top: 0 !important; margin-bottom: 0 !important; } body.page-uih-product .uih-product-body .qedge-com-staircase-cards + .qedge-com-scaling-video, body.page-uih-product .uih-product-body .qedge-com-scaling-video + .qedge-com-scroll-slider, body.page-uih-product .uih-product-body .qedge-com-scroll-slider + .qedge-com-scaling-video, body.page-uih-product .uih-product-body .qedge-com-scaling-video + .qedge-com-scaling-video, body.page-uih-product .uih-product-body .qedge-com-scroll-slider + .qedge-com-scroll-slider { margin-top: 0 !important; } body.page-uih-product .qedge-com-scroll-slider, body.page-uih-product .qedge-com-scroll-slider .qedge-com-scroll-slider-inner, body.page-uih-product .qedge-com-scroll-slider .qedge-com-scroll-slider-wrapper, body.page-uih-product .qedge-com-scroll-slider .qedge-com-scroll-slider-accordion, body.page-uih-product .qedge-com-scroll-slider .qedge-com-scroll-slider-tips.is-mobile, body.page-uih-product .qedge-com-scroll-slider .slides, body.page-uih-product .qedge-com-scroll-slider .slide-content { background: #000 !important; } /* scaling-human（Foot&Ankle 等）：原站 margin:130~150px 在手机端露出 body 白底 */ body.page-uih-product .uih-product-body .qedge-com-scaling-human { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } body.page-uih-product .qedge-com-scroll-slider + .qedge-com-scaling-human, body.page-uih-product .qedge-com-scaling-video + .qedge-com-scaling-human, body.page-uih-product .qedge-com-scaling-human + .qedge-com-scaling-video, body.page-uih-product .qedge-com-scaling-human + .qedge-com-scroll-slider { margin-top: 0 !important; } body.page-uih-product .qedge-com-scaling-human > .content { padding: 0 !important; } body.page-uih-product .qedge-com-scaling-human .effect-container-bottom { padding-top: 24px !important; padding-bottom: 32px !important; justify-items: center !important; } body.page-uih-product .qedge-com-scaling-human .effect-container-right { width: calc(100% - 40px) !important; max-width: calc(100vw - 40px) !important; margin-left: auto !important; margin-right: auto !important; } body.page-uih-product .qedge-com-scaling-human .carousel-category-navigation { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; } body.page-uih-product .qedge-com-scaling-human .item-left img { display: block !important; margin-left: auto !important; margin-right: auto !important; } body.page-uih-product .qedge-com-scaling-human .container-half, body.page-uih-product .qedge-com-scaling-human .item-title, body.page-uih-product .qedge-com-scaling-human .item-text, body.page-uih-product .qedge-com-scaling-human .item-text p, body.page-uih-product .qedge-com-scaling-human .item-left-desc, body.page-uih-product .qedge-com-scaling-human .item-left-desc-details, body.page-uih-product .qedge-com-scaling-human .item-desc, body.page-uih-product .qedge-com-scaling-human .item-desc-details { text-align: center !important; } body.page-uih-product .qedge-com-scaling-human .item-desc, body.page-uih-product .qedge-com-scaling-human .item-desc-details, body.page-uih-product .qedge-com-scaling-human .item-left-desc, body.page-uih-product .qedge-com-scaling-human .item-left-desc-details { font-size: 14px !important; line-height: 1.6 !important; color: #fff !important; } body.page-uih-product .qedge-com-scaling-human .item-desc-details span[style*="font-weight"] { font-weight: 700 !important; } /* nav-on-left 变体（Orion Extra 等）：左侧分类导航同样居中 */ body.page-uih-product .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left { width: calc(100% - 40px) !important; max-width: calc(100vw - 40px) !important; margin-left: auto !important; margin-right: auto !important; } body.page-uih-product .qedge-com-scaling-human.user-enabled-nav-on-left .carousel-category-navigation__item-list { display: flex !important; flex-direction: column !important; align-items: center !important; } body.page-uih-product .qedge-com-scaling-human .item-container { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* scroll-slider 手机端文案区：原 .item 白底在黑色区块中很突兀 */ body.page-uih-product .qedge-com-scroll-slider .slide-content .title { color: #fff !important; padding: 16px 20px 8px !important; margin: 0 !important; } body.page-uih-product .qedge-com-scroll-slider .slide-content .item, body.page-uih-product .qedge-com-scroll-slider .slide-content .item p { background: transparent !important; color: #d4d4d8 !important; } body.page-uih-product .qedge-com-scroll-slider .slide-content .item { padding: 0 20px 20px !important; max-width: none !important; } /* golden-sentence 等大段 margin 同样会在白底上露出空白条 */ body.page-uih-product .uih-product-body .qedge-com-swiper-golden-sentence { margin-top: 32px !important; margin-bottom: 32px !important; } /* scaling-video：含 user-enabled-bg-black 与 Omega/uCT 普通版 */ body.page-uih-product .qedge-com-scaling-video .video-wrapper { position: relative !important; width: 100% !important; min-height: 56vw !important; background: #000 !important; overflow: hidden !important; } body.page-uih-product .qedge-com-scaling-video video.bg-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; } body.page-uih-product .qedge-com-scaling-video img.bg-video { display: block !important; width: 100% !important; min-height: 56vw !important; max-width: none !important; height: auto !important; object-fit: cover !important; } body.page-uih-product .qedge-com-scroll-slider .slide-media video { width: 100% !important; height: auto !important; min-height: 52vw !important; object-fit: cover !important; background: #000 !important; } /* * scroll-slider 原站手机端 slick-slide 为 92vw + padding-right:20px， * 故意露出下一张边缘；改为一屏一张满宽。 */ body.page-uih-product .qedge-com-scroll-slider .slides { overflow: hidden !important; } body.page-uih-product .qedge-com-scroll-slider .slides .slick-list { overflow: hidden !important; margin: 0 !important; padding: 0 !important; } body.page-uih-product .qedge-com-scroll-slider .slides .slick-slide { max-width: 100% !important; min-width: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; height: auto !important; overflow: hidden !important; } body.page-uih-product .qedge-com-scroll-slider .slide-media, body.page-uih-product .qedge-com-scroll-slider .slide-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } body.page-uih-product .qedge-com-scroll-slider .slides .slick-list, body.page-uih-product .qedge-com-scroll-slider .slides .slick-track { height: auto !important; } body.page-uih-product .qedge-com-scroll-slider .slide-media, body.page-uih-product .qedge-com-scroll-slider .slide-media img, body.page-uih-product .qedge-com-scroll-slider .slide-media video { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 75vw !important; object-fit: contain !important; } body.page-uih-product .qedge-com-scroll-slider .slides .slick-slide .slide-media, body.page-uih-product .qedge-com-scroll-slider .slides .slick-slide .slide-content { width: 100% !important; max-width: 100% !important; } /* * 页末 Related Products（qedge-com-swiper-arrow-top-right + imply-swipe）： * 原站 <480px 时 slidesPerView:auto，卡片 ~298px 横排溢出（docW≈933），右侧像「一片黑」。 */ body.page-uih-product .qedge-com-swiper-arrow-top-right { background: #fff !important; overflow: hidden !important; } body.page-uih-product .qedge-com-swiper-arrow-top-right .qedge-com-ui-content { overflow: hidden !important; width: 100% !important; } body.page-uih-product .qedge-com-swiper-arrow-top-right .uai-swiper-container { overflow: hidden !important; width: 100% !important; max-width: 100% !important; } body.page-uih-product .qedge-com-swiper-arrow-top-right .swiper-slide { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.page-uih-product .qedge-com-swiper-arrow-top-right .product-card { width: 100% !important; } body.page-uih-product .qedge-com-swiper-arrow-top-right .product-card .image img { width: 100% !important; max-width: 140px !important; height: auto !important; } /* Technical Specifications 表格：去掉 inline 1110px 撑宽 */ body.page-uih-product .qedge-com-table-technical .container { max-width: 100% !important; width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } body.page-uih-product .qedge-com-table-technical table.table-features { width: 100% !important; max-width: 100% !important; } body.page-uih-product .qedge-com-table-technical .slider-list ul { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; white-space: nowrap !important; } body.page-uih-product .qedge-com-table-technical .slider-list ul li { white-space: nowrap !important; font-size: 14px !important; padding: 0 10px 12px !important; } /* 参数表：slider-wrapper 原 flex 横排会把 4 个面板挤在一行，表格只剩 ~72px */ body.page-uih-product .qedge-com-table-technical .slider-wrapper { display: block !important; transform: none !important; width: 100% !important; } body.page-uih-product .qedge-com-table-technical .talbe-content:not(.current) { display: none !important; max-height: none !important; } body.page-uih-product .qedge-com-table-technical .talbe-content.current { display: block !important; max-height: none !important; width: 100% !important; opacity: 1 !important; } body.page-uih-product .qedge-com-table-technical table.table-features { display: table !important; width: 100% !important; table-layout: fixed !important; } body.page-uih-product .qedge-com-table-technical table.table-features td { display: table-cell !important; width: 50% !important; vertical-align: top !important; padding: 8px 10px !important; word-break: break-word !important; } body.page-uih-product .qedge-com-table-technical .qedge-com-table-technical-title .title { font-size: 28px !important; line-height: 1.3 !important; margin-bottom: 24px !important; } body.page-uih-product .qedge-com-table-technical.rt-m-mb-110, body.page-uih-product .qedge-com-table-technical.rt-mb-90 { margin-bottom: 32px !important; padding: 32px 0 !important; } body.page-uih-product .qedge-com-product-image-text-full-width.technical { padding: 32px 0 !important; margin-bottom: 24px !important; } body.page-uih-product .qedge-com-product-image-text-full-width.technical .text-container { flex-direction: column !important; gap: 24px !important; } body.page-uih-product .qedge-com-product-image-text-full-width.technical .technical-container .corner-img img { max-width: 100% !important; height: auto !important; } /* 页脚：原站 mobile padding 16vw 上下留白过大，滚到底像空黑块 */ body.page-uih-product footer .footer, body.page-uih-product footer .footer-btm { background-color: #191919 !important; } body.page-uih-product footer .footer-btm { padding: 28px 0 !important; } body.page-uih-product .qedge-com-multi-center-image.three-column { padding: 16px 20px !important; background: #fff !important; } } @media screen and (max-width: 639px) { body.page-uih-product .qedge-com-multi-center-image > .container > .content .content-image-inside { grid-template-columns: 1fr !important; } } /* * RocGene Selected Cases：静态镜像页未加载 Swiper 初始化脚本， * 左右箭头与分页点无实际作用；仅 2 个案例且会同时展示。 */ .featured_case .swiper-button-prev, .featured_case .swiper-button-next, .featured_case .swiper-pagination { display: none !important; } @media (max-width: 820px) { .featured_case .section07_swiper .clearfix.mt45 { display: flex !important; flex-direction: column !important; gap: 20px !important; } .featured_case .section07_swiper .left, .featured_case .section07_swiper .right { float: none !important; width: 100% !important; max-width: 100% !important; } .featured_case .swiper-wrapper { display: block !important; transform: none !important; } .featured_case .swiper-slide { width: 100% !important; height: auto !important; } .featured_case .swiper-slide + .swiper-slide { margin-top: 16px !important; } } /* Shinva platinum — Data & Software tab: match Mindray MyriadPro typography */ body.mr-product-page .generic-product-body #pane-data-software .product-tab-content, body.mr-product-page .generic-product-body #pane-data-software .product-tab-content :is(p, span, li) { font-family: MyriadPro, FZLTH, sans-serif !important; font-weight: 400 !important; color: #727171 !important; line-height: 1.618 !important; } @media (min-width: 821px) { body.mr-product-page .generic-product-body #pane-data-software .product-tab-content :is(p, span, li) { font-size: 0.9375vw !important; } } @media (max-width: 820px) { body.mr-product-page .generic-product-body #pane-data-software .product-tab-content :is(p, span, li) { font-size: 4.26667vw !important; } } /* Shinva platinum tabs: default Overview visible before Alpine inits */ body.mr-product-page .product--platinum .node-product-field-legacy-platinum-content__items > .tabs__pane:first-of-type { display: block; } body.mr-product-page .product--platinum .tabs__pane.is-active { display: block !important; } body.mr-product-page .product--platinum .tabs__pane:not(.is-active) { display: none !important; } /* Shinva category hub pages — Mindray mr-solution-products layout */ body.mr-product-page .generic-product-body { background: #fff !important; font-family: MyriadPro, FZLTH, sans-serif; } body.mr-product-page .generic-product-body .shinva-hub-mr { padding: 2.60417vw 8.75vw 4.16667vw; max-width: 100%; box-sizing: border-box; } body.mr-product-page .generic-product-body .shinva-hub-mr .mr-solution-text-img-bottom-item { display: block !important; } @media (max-width: 820px) { body.mr-product-page .generic-product-body .shinva-hub-mr { padding: 48px 5.33333vw 32px; } }