/* ============================================================
全站响应式 2026-09-07 (电脑 / 平板 / 手机)
放在 css.css 之后加载
============================================================ */
html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }
table { max-width: 100%; }
td, th { word-break: break-all; }
/* ============ 平板 768-1100 ============ */
@media (min-width: 768px) and (max-width: 1100px) {
.m_auto { width: auto; max-width: 1200px; padding: 0 14px; box-sizing: border-box; }
.tops { gap: 14px; }
.tops .nav_ul li { padding: 0 5px; }
.tops .nav_ul li a { padding: 6px 8px; font-size: 15px; }
.banner, .banner .bd li, .banner .bd li a { height: 360px !important; }
.pic_block { width: 100%; }
.news { width: auto !important; }
.cp_ul { width: auto; padding: 0 14px; }
.cp_ul li { width: 47%; margin: 16px 1.5% 0; }
.cp_ul li img { width: 100%; height: auto; }
.news_top1 { width: auto; margin: 30px 16px; }
.video_left, .video_right, .agent_site, .about_desc, .td_left, .td_right, .down_ul { width: auto !important; }
.agent_tbl, .hr_tbl, .sale_tbl { width: 100%; }
}
/* ============ 手机 ≤767 ============ */
@media (max-width: 767px) {
/* 防止内页横向溢出导致右侧出现空白条 */
html, body { max-width: 100%; overflow-x: hidden; }
.m_auto { width: auto; padding: 0 10px; box-sizing: border-box; }
/* ---- 顶部导航：logo+文字一行，菜单独立一行自动换行 ---- */
.tops { flex-wrap: wrap; gap: 6px 12px; padding: 8px 0; }
.tops .logo_link .logo_img { max-height: 46px; }
.tops .logo_text { padding-left: 10px; margin-left: 10px; }
.tops .logo_text strong { font-size: 13px; }
.tops .logo_text span { font-size: 11px; }
.tops .language { margin-left: auto; }
.tops .nav_ul { order: 10; flex-basis: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 0; border-top: 1px solid #eee; margin-top: 6px; padding-top: 6px; }
.tops .nav_ul li { padding: 0 2px; }
.tops .nav_ul li a { padding: 5px 8px; line-height: 24px; font-size: 14px; font-weight: 600; }
/* ---- Banner ---- */
.banner, .banner .bd li, .banner .bd li a { height: 200px !important; }
.banner .hd { bottom: 8px; }
.banner .hd ul li { width: 22px; height: 6px; }
/* ---- 3D打印产品滚动区（横向轮播保留，允许滑动） ---- */
.slider_wraper { height: auto !important; overflow: hidden; }
.pic_block { width: 100%; padding: 0 8px; box-sizing: border-box; }
.pic_ul li img { width: 100%; height: auto; }
.pic_ul li p { width: 100%; }
.arr_left { left: 0; } .arr_right { right: 0; }
/* ---- 产品分类网格：手机端每行 2 个（左右外边距 6%、卡片净间距 3%）；标题单行省略 ---- */
.cp_ul { width: auto; padding: 0 6px; box-sizing: border-box; }
.cp_ul li { width: 42.5%; margin: 6px 1%; padding-bottom: 10px; box-sizing: border-box; box-shadow: 0 0 6px #e3e3e3; }
.cp_ul li:nth-child(odd) { margin-left: 4.5%; margin-right: 3%; }
.cp_ul li:nth-child(even) { margin-left: 3%; margin-right: 4.5%; }
.cp_ul li img { width: 100%; height: 120px; object-fit: cover; display: block; }
.cp_ul li p {
width: 100% !important;
line-height: 22px !important;
font-size: 10px !important;
padding: 0 4px;
box-sizing: border-box;
box-shadow: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cp_left, .cp_right { width: auto !important; float: none !important; }
/* ---- 压缩列表页纵向留白：去掉模板里的
间隔，缩小分页上下边距，使内容尽量一屏显示 ---- */
.cp_list_wrap > br { display: none !important; }
.cp_list_wrap .cp_title { margin-bottom: 0 !important; }
.cp_list_wrap .pager_ul { padding: 6px 0 !important; }
.cp_left .cp_ul { padding: 0 4px; }
.cp_right { padding: 0 6px; }
.cp_desc, .cp_buy { padding: 8px; }
.thumbs_over, .thumbs_wraper { width: auto; }
.thumbs_ul li img { width: 64px; height: 46px; }
/* ---- 文章列表与详情 ---- */
.news_top1 { width: auto; margin: 18px 8px; box-shadow: none; }
.news_summary { padding: 12px; }
.news_img { width: 100%; height: auto; float: none; margin: 0 0 12px; }
.news_desc, .p1 { line-height: 1.9; }
.news_ul li { padding: 12px; }
.news_ul li img { width: 100%; height: auto; float: none; margin: 0 0 8px; border-width: 4px; }
.turn_news, .pager_ul { padding: 10px 6px; }
/* ---- 视频 / 下载 / 代理 / 关于 ---- */
.video_left, .video_right { width: auto !important; float: none !important; padding: 10px; }
.video_ul { height: auto !important; }
.video_ul li > a > img { float: none; margin: 0 0 6px; width: 100%; height: auto; }
.agent_site, .agent_pad, .about_desc, .td_left, .td_right, .down_ul, .down_ul > li { width: auto !important; }
.down_ul { padding: 0 8px; }
.down_ul > li { float: none; margin: 12px auto; }
.down_ul > li > a > img { width: 100%; height: auto; }
.about_desc p, .td_text, .ag_desc, .a_desc, .p1 { text-align: justify; }
/* ---- 表格兜底：允许横向滚动而非破版 ---- */
.agent_tbl, .hr_tbl, .sale_tbl { display: block; width: 100%; overflow-x: auto; }
.agent_tbl td, .agent_tbl th, .hr_tbl td, .hr_tbl th, .sale_tbl td, .sale_tbl th { padding: 8px; }
.join_condition span { margin-right: 20px; }
/* ---- 栏目 banner 与标题 ---- */
.cp_bann, .news_bann, .agent_bann, .about_bann, .tech_bann { height: 180px !important; }
/* 内页顶部 banner 容器（模板里用 inline 背景图的 div，无 class）：铺满屏幕宽度 + 背景 cover，消除右侧空白 */
div[style*="no-repeat center 0"][style*="height:400px"] {
width: 100% !important;
max-width: 100% !important;
height: 180px !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
box-sizing: border-box;
}
/* 面包屑：整行（含右侧 quick 文字）统一缩到 6px + 强制单行（超出裁切，不再换行） */
.bann_bar { height: auto !important; line-height: 1.8 !important; padding: 4px 0; }
.bann_bar .m_auto { font-size: 6px !important; white-space: nowrap !important; overflow: hidden !important; }
.bann_bar .m_auto img { height: 10px !important; width: auto !important; }
.bann_bar .subm { font-size: 6px !important; }
/* 内页栏目子分类快捷菜单（cp_title 内的 a 列表）：字号进一步缩小 + 单行，超宽可横向滑动 */
.cp_title { margin-top: 6px !important; overflow: hidden; }
.cp_title span { display: block; white-space: nowrap !important; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; font-size: 11px !important; }
.cp_title span a { display: inline-block; }
.cp_title .mask_line { display: none !important; }
.subm { right: 4px; }
.subm a { margin: 0 4px; font-size: 6px; }
.bdsharebuttonbox { left: 0; }
/* ---- 首页标题移动降级 ---- */
.protit h2, .news h2 { font-size: 26px; padding-top: 18px; }
.topr h3 { font-size: 15px; }
/* ---- 首页 3D打印新闻 区块（两栏列表→单列；tab 可横向滑动） ---- */
.news { width: auto !important; padding: 0 6px !important; box-sizing: border-box; }
.news .line { display: none; }
.itemlistbw { width: 100% !important; height: auto !important; overflow: visible; }
.itemlistb { margin-top: 4px; }
.itemlistb a { width: 100% !important; margin: 0 !important; }
.listtop { width: 100% !important; margin-right: 0 !important; }
.listtop .topl { width: 100% !important; height: auto !important; float: none; }
.listtop .topl img { width: 100%; }
.listtop .topr { width: 100% !important; margin-left: 0 !important; float: none !important; }
.mt-tabpage-title { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; height: auto; }
.mt-tabpage-title .mt-tabpage-item { display: inline-block; width: auto; padding: 0 12px; height: 36px; line-height: 36px; font-size: 14px; }
.mt-tabpage-count { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* ---- 浮动客服缩进 ---- */
.float_ul { right: -6px; }
/* ---- 首页新增板块移动端补充 ---- */
/* 顶栏在手机端改为显示（3 段 + 右侧语言切换），规则见文件末尾「手机端细化」块 */
.nh-container { width: 100%; padding: 0 12px; }
.nh-tech-panel.active { grid-template-columns: 1fr; }
.nh-section-head { flex-direction: column; align-items: flex-start; }
.nh-section-title { font-size: 1.9rem; }
.nh-tech-tabs { width: 100%; }
.nh-tech-tab { flex: 1; min-width: 0; }
.nh-tech-copy { padding: 28px 20px; }
.nh-tech-copy h3 { font-size: 1.5rem; }
.nh-feature-grid { grid-template-columns: 1fr; }
/* ---- 兜底：内联固定宽元素在手机强制流式（防横向溢出） ---- */
img[style] { max-width: 100% !important; width: auto !important; height: auto !important; }
.a_desc { width: auto !important; max-width: 100% !important; box-sizing: border-box; }
}
/* ============ 平板补充：内联固定宽图片流式 ============ */
@media (min-width: 768px) and (max-width: 1100px) {
img[style] { max-width: 100%; width: auto; height: auto; }
}
/* ============ 首页实测修复：窄屏超宽横滑容器改为占满视口并可横滑，避免被 overflow-x:hidden 裁切 ============ */
@media (max-width: 1100px) {
.tops { flex-wrap: wrap; }
.tops .nav_ul { float: none !important; display: flex; flex-wrap: wrap; width: 100% !important; }
.tops .nav_ul li { float: none !important; white-space: normal; }
.mt-tabpage-title,
.itemlist { width: 100% !important; max-width: 100%; }
.nh-case-viewport { max-width: 100%; }
}
@media (max-width: 767px) {
.mt-tabpage-title,
.itemlist { width: 100% !important; max-width: 100%; }
}
/* ============================================================
移动端适配补充 2026-09-08
============================================================ */
/* ---- 全局兜底：防止固定宽度元素撑破视口 ---- */
@media (max-width: 1100px) {
html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }
table { max-width: 100%; display: block; overflow-x: auto; }
td, th { word-break: break-all; }
}
/* ---- 手机端通用（≤767px）---- */
@media (max-width: 767px) {
/* 顶部导航：同时兼容旧版 index.html 与新版 top.html 结构 */
.tops {
width: 100% !important;
padding: 10px 12px !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
box-sizing: border-box !important;
}
.tops > a:first-child,
.tops .logo_link {
flex: 0 0 auto;
display: block;
}
.tops .logo_img {
max-height: 44px !important;
width: auto !important;
margin: 0 !important;
float: none !important;
display: block;
}
.tops .logo_text {
flex: 1 1 auto !important;
padding-left: 8px !important;
margin-left: 8px !important;
}
.tops .logo_text strong { font-size: 12px !important; }
.tops .logo_text span { font-size: 11px !important; }
.tops .language {
flex: 0 0 auto !important;
width: auto !important;
margin-left: auto !important;
font-size: 13px !important;
float: none !important;
}
.tops .nav_ul {
order: 99;
width: 100% !important;
flex-basis: 100% !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
gap: 0 !important;
border-top: 1px solid #eee;
padding-top: 8px !important;
margin-top: 4px !important;
background: none !important;
}
.tops .nav_ul li {
padding: 0 2px !important;
margin: 2px 0 !important;
float: none !important;
background: none !important;
white-space: normal !important;
}
.tops .nav_ul li a {
padding: 7px 8px !important;
font-size: 14px !important;
line-height: 1.4 !important;
display: inline-block !important;
white-space: nowrap;
min-height: 34px;
box-sizing: border-box;
}
/* Banner：背景图 cover 适配，避免只显示顶部 */
.banner,
.banner .bd,
.banner .bd ul,
.banner .bd li,
.banner .bd li a { height: auto !important; }
.banner .bd li {
min-height: 180px;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.banner .bd li a { min-height: 180px; display: block; }
.banner .hd { bottom: 8px; }
.banner .hd ul li { width: 22px; height: 6px; }
/* 3D打印产品轮播 */
.slider { padding: 20px 0 30px; }
.slider_title {
padding: 10px 12px;
font-size: 14px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px 0;
}
.slider_title a {
margin: 0 6px;
font-size: 13px;
padding: 4px 2px;
}
/* 产品轮播：手机每屏 3 张，保持 SuperSlide 横滑与左右箭头（vis 由页面脚本按宽度设为 3） */
.slider_wraper { height: auto !important; padding: 0 6px; overflow: hidden !important; }
.pic_block { width: 100% !important; padding: 0; box-sizing: border-box; }
.pic_ul li img {
width: 100% !important;
height: auto !important;
display: block;
}
.pic_ul li p {
width: 100% !important;
height: auto !important;
line-height: 1.4 !important;
padding: 6px 4px !important;
white-space: normal !important;
font-size: 12px !important;
box-sizing: border-box !important;
position: static !important;
background: rgba(0,0,0,0.6) !important;
}
.arr_left, .arr_right { display: block !important; }
/* 3D打印新闻 */
.news { width: 100% !important; padding: 0 12px !important; box-sizing: border-box; }
.news h2, .protit h2 { font-size: 24px !important; }
.news .tit, .protit .tit { font-size: 12px !important; margin-top: 8px !important; }
.mt-tabpage-title {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
padding: 8px 0;
scrollbar-width: none;
}
.mt-tabpage-title::-webkit-scrollbar { display: none; }
.mt-tabpage-title .mt-tabpage-item,
.mt-tabpage-title a {
display: inline-block !important;
width: auto !important;
padding: 8px 12px !important;
font-size: 14px !important;
}
.mt-tabpage-count { height: auto !important; padding: 10px 0; }
/* 新闻内容流式显示，且只显示当前分类页（其余折叠），避免多个分类页纵向堆叠 */
.mt-tabpage-cont__wrap { width: 100% !important; left: 0 !important; position: static !important; height: auto !important; }
.mt-tabpage-cont__wrap > .mt-tabpage-item { width: 100% !important; float: none !important; height: auto !important; display: none !important; }
.mt-tabpage-cont__wrap > .mt-tabpage-item:first-child { display: block !important; }
.itemlist { width: 100% !important; }
.listtop {
width: 100% !important;
margin: 0 0 15px !important;
float: none !important;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
}
.listtop .topl {
width: 100% !important;
height: auto !important;
float: none !important;
margin-bottom: 10px;
}
.listtop .topl img { width: 100%; height: auto; display: block; }
.listtop .topr {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.topr h3 { font-size: 16px !important; margin-bottom: 8px; line-height: 1.4; }
.topr p { font-size: 13px !important; line-height: 1.6 !important; }
.itemlistbw { height: auto !important; width: 100% !important; overflow: visible !important; }
.itemlistb { margin-top: 0 !important; }
.itemlistb a {
width: 100% !important;
margin: 0 !important;
float: none !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
line-height: 1.5 !important;
padding: 10px 0 !important;
border-bottom: 1px solid #e5e5e5;
}
.itemlistb a .itema {
width: auto !important;
flex: 1 !important;
float: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.itemlistb a span { float: none !important; flex: 0 0 auto; margin-left: 10px; }
/* 新版首页区块细节补充 */
.nh-container { padding: 0 16px !important; }
.nh-section-head { margin-bottom: 28px !important; }
.nh-section-title { font-size: 1.6rem !important; line-height: 1.25 !important; }
.nh-section-lead { font-size: 0.95rem !important; margin-top: 12px !important; }
.nh-tech-tabs { width: 100%; }
.nh-tech-tab { min-width: 0; flex: 1; font-size: 13px; min-height: 42px; }
.nh-tech-image { min-height: 220px !important; }
.nh-tech-copy { padding: 30px 20px !important; }
.nh-tech-copy h3 { font-size: 1.4rem !important; }
.nh-tech-copy > p { font-size: 0.92rem !important; }
.nh-feature { font-size: 0.88rem !important; padding: 10px 0 !important; }
.nh-case-grid { grid-template-rows: repeat(3, 160px) !important; gap: 10px !important; }
.nh-case-content { left: 14px !important; right: auto !important; bottom: 14px !important; max-width: calc(100% - 28px); }
.nh-case-content h3 { font-size: 1rem !important; }
.nh-case-card.is-first .nh-case-content { left: 18px !important; right: auto !important; bottom: 18px !important; max-width: calc(100% - 36px); }
.nh-case-card.is-first .nh-case-content h3 { font-size: 1.25rem !important; }
.nh-case-arr { width: 34px; height: 34px; font-size: 18px; }
.nh-case-summary { margin-top: 18px !important; }
.nh-summary-item { padding: 14px 12px !important; }
.nh-summary-item b { font-size: 0.9rem !important; }
.nh-summary-item span { font-size: 0.78rem !important; }
.nh-path-step { padding: 20px !important; min-height: auto !important; }
.nh-path-step h3 { margin: 16px 0 8px !important; font-size: 1.05rem !important; }
.nh-partner-head { margin-bottom: 18px !important; }
.nh-partner-head h2 { font-size: 1.5rem !important; }
.nh-logo-wall { grid-template-columns: repeat(4, 1fr) !important; }
.nh-logo-cell { min-height: 64px !important; padding: 8px 4px !important; }
.nh-logo-cell img { max-height: 30px !important; }
.nh-logo-name { font-size: 10px !important; }
/* 右侧浮动客服：缩小并禁用 hover 提示 */
.float_ul {
right: 4px !important;
bottom: auto !important;
top: 50% !important;
transform: translateY(-50%);
z-index: 9999;
}
.float_ul li { margin-top: 4px !important; }
.float_ul li img { width: 40px !important; height: auto !important; }
.float_ul .block_sub { display: none !important; }
/* 页脚 */
.copy {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
padding: 20px 12px !important;
font-size: 12px !important;
line-height: 1.8 !important;
text-align: center !important;
}
.copy a {
display: inline-block !important;
margin: 4px 6px !important;
font-size: 12px !important;
}
}
/* ---- 小屏手机（≤479px）---- */
@media (max-width: 479px) {
.tops .nav_ul li a { font-size: 13px !important; padding: 5px 5px !important; }
.banner .bd li { min-height: 150px; }
.banner .bd li a { min-height: 150px; }
.cp_bann, .news_bann, .agent_bann, .about_bann, .tech_bann { height: 150px !important; }
div[style*="no-repeat center 0"][style*="height:400px"] { height: 120px !important; }
/* 小屏手机：在“6 个商品整屏（含 SE 667）显示”前提下尽量放大产品图 */
.cp_ul li img { height: 115px !important; }
.cp_ul li { padding-bottom: 8px !important; }
.news h2, .protit h2 { font-size: 20px !important; }
.nh-section-title { font-size: 1.4rem !important; }
.nh-case-grid { grid-template-rows: repeat(3, 130px) !important; }
.nh-logo-wall { grid-template-columns: repeat(4, 1fr) !important; } /* 手机端 4 列 5 行 */
.nh-summary-item { padding: 12px 8px !important; }
}
/* ============================================================
手机端细化 2026-09-16
============================================================ */
/* 汉堡按钮 / 关闭按钮：桌面、平板默认隐藏，仅手机端显示 */
.nav_toggle, .nav_close { display: none; }
@media (max-width: 767px) {
/* ---------- 1. 顶栏：3 段文字整体居中偏左，中英文切换置于第二行右侧 ---------- */
.nh-topline { display: block !important; }
.nh-topline .nh-container {
position: relative !important;
display: block !important;
padding: 8px 76px 8px 12px !important; /* 右侧留语言切换空间，文字块整体偏左 */
min-height: 0 !important;
box-sizing: border-box !important;
text-align: center !important;
}
.nh-topline-main {
display: block !important;
width: auto !important;
text-align: center !important;
}
.nh-topline-item {
display: block !important;
white-space: normal !important;
font-size: 12px !important;
line-height: 1.5 !important;
text-align: center !important;
}
.nh-topline-sep { display: none !important; }
.nh-topline-tel { display: block !important; margin-left: 0 !important; white-space: normal !important; font-size: 12px !important; text-align: center !important; }
.nh-topline-lang {
display: block !important;
position: absolute !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%);
width: auto !important;
text-align: right !important;
font-size: 12px !important;
line-height: 1.5 !important;
white-space: nowrap !important;
}
.nh-topline-lang a { color: #dbe8f6 !important; }
/* ---------- 2. 头部：logo 居中缩小、文字与 logo 居中对齐，汉堡在右上；菜单改全屏下拉面板 ---------- */
.tops {
flex-direction: column !important;
align-items: flex-start !important;
flex-wrap: nowrap !important;
position: relative !important;
padding: 14px 12px !important;
gap: 6px !important;
}
.tops .logo_img { max-height: 34px !important; }
.tops .logo_text {
flex: 0 0 auto !important;
align-items: center !important;
text-align: center !important;
border-left: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.tops .logo_text strong { font-size: 13px !important; }
.tops .logo_text span { font-size: 11px !important; }
.tops .language {
display: block !important;
position: absolute !important;
right: 58px !important;
top: 50% !important;
transform: translateY(-50%);
margin: 0 !important;
float: none !important;
font-size: 12px !important;
color: #999;
}
.tops .language a { color: #999 !important; }
.tops .nav_toggle {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%);
width: 40px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e3e8ef;
background: #fff;
border-radius: 4px;
cursor: pointer;
}
.tops .nav_toggle_bar,
.tops .nav_toggle_bar::before,
.tops .nav_toggle_bar::after {
display: block; width: 20px; height: 2px; background: #071e42;
}
.tops .nav_toggle_bar { position: relative; }
.tops .nav_toggle_bar::before,
.tops .nav_toggle_bar::after { content: ""; position: absolute; left: 0; }
.tops .nav_toggle_bar::before { top: -6px; }
.tops .nav_toggle_bar::after { top: 6px; }
/* 菜单：默认收起；点开汉堡后为全屏下拉面板（右上角 × 关闭） */
.tops .nav_ul { display: none !important; }
.tops.nav_open .nav_close {
display: block !important;
position: fixed !important;
top: 8px !important;
right: 12px !important;
z-index: 10002 !important;
width: 44px; height: 44px; padding: 0;
border: 0; background: none; cursor: pointer;
color: #071e42; font-size: 34px; line-height: 1; text-align: center;
}
.tops.nav_open .nav_ul {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;
z-index: 10001 !important;
margin: 0 !important;
padding: 64px 0 24px !important;
background: #fff !important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.tops.nav_open .nav_ul li {
float: none !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
border-bottom: 1px solid #eef1f5;
white-space: normal !important;
line-height: normal !important;
}
.tops.nav_open .nav_ul li a {
display: block !important;
padding: 16px 22px !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #071e42 !important;
font-weight: 600;
border-radius: 0 !important;
}
/* ---------- 3. 资质条：一行四列，整体再缩小，保证每列内容在 2 行内 ---------- */
.nh-trust .nh-container {
display: grid !important;
grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr)) !important;
padding-left: 8px !important; /* 压缩两侧留白，为 4 列多留出文字宽度 */
padding-right: 8px !important;
}
.nh-trust-intro {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 6px 2px !important;
border-bottom: 0 !important;
border-right: 1px solid var(--nh-line);
gap: 1px;
}
.nh-trust-intro::before { display: none !important; }
.nh-trust-intro .nh-intro-t { font-size: 9.5px !important; white-space: nowrap !important; line-height: 1.25 !important; letter-spacing: -.02em !important; }
.nh-trust-intro .nh-intro-s { font-size: 7px !important; white-space: nowrap !important; line-height: 1.25 !important; letter-spacing: -.02em !important; }
.nh-trust-item {
min-height: 0 !important;
min-width: 0 !important;
overflow: visible;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
padding: 6px 1px !important;
border-left: 1px solid var(--nh-line) !important;
border-bottom: 0 !important;
text-align: center;
}
.nh-trust-item:nth-child(2) { border-left: 0 !important; }
.nh-trust-number { font-size: 14.5px !important; line-height: 1.15 !important; white-space: nowrap; }
.nh-trust-label { font-size: 8.8px !important; line-height: 1.25 !important; letter-spacing: -.02em !important; word-break: keep-all; }
.nh-trust-label small { display: none !important; } /* 手机端隐藏副标题小字，确保每列 2 行内 */
/* ---------- 4. Banner：等比缩小（固定高度，避免 fold 效果 li 绝对定位导致父级塌陷）+ 左右切换箭头 ---------- */
.banner { position: relative; height: 160px !important; }
.banner .bd, .banner .bd ul { height: 160px !important; }
.banner .bd li, .banner .bd li a { height: 160px !important; background-size: cover !important; background-position: center center !important; }
.banner-prev, .banner-next {
display: block !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 34px; height: 34px;
z-index: 6;
background: rgba(7,30,66,.45) !important;
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
}
.banner-prev { left: 8px; }
.banner-next { right: 8px; }
.banner-prev::after, .banner-next::after {
content: ""; position: absolute; left: 50%; top: 50%;
width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff;
}
.banner-prev::after { transform: translate(-30%,-50%) rotate(-45deg); }
.banner-next::after { transform: translate(-70%,-50%) rotate(135deg); }
/* ---------- 5. 3D打印产品：标题居中 + 分类菜单 2 行 + 轮播 2 张 + 箭头避开图片 ---------- */
.slider_title { display: block !important; text-align: left !important; padding: 14px 12px !important; }
.slider_title .protit { display: block !important; text-align: center !important; margin-bottom: 10px !important; }
.slider_title .protit h2 { text-align: center !important; margin: 0 auto !important; }
.slider_title .protit .tit { text-align: center !important; }
/* 分类导航：左对齐，分隔符随各项（换行时位于行首），保证两行分隔符位置对齐 */
.slider_title > a { display: inline-block !important; margin: 0 !important; font-size: 12px !important; white-space: normal !important; line-height: 1.9 !important; }
.slider_wraper { height: auto !important; padding: 0 !important; overflow: hidden !important; }
.slider_wraper .pic_block { padding: 0 44px !important; box-sizing: border-box !important; }
.pic_ul { display: block !important; flex-wrap: nowrap !important; }
.slider_wraper .pic_ul li { float: left !important; }
.pic_ul li img { width: 100% !important; height: auto !important; display: block; }
.arr_left, .arr_right {
display: block !important;
top: 50% !important;
transform: translateY(-50%);
z-index: 5;
}
.arr_left { left: 4px !important; }
.arr_right { right: 4px !important; }
/* ---------- 6. 两大平台：01 / BINDER JETTING 上移，避开图片中的文字 ---------- */
.nh-tech-index { top: 2px !important; left: 14px !important; }
/* ---------- 7. 学校 logo 墙：手机 4 列 5 行 ---------- */
.nh-logo-wall { grid-template-columns: repeat(4, 1fr) !important; }
.nh-logo-cell { min-height: 96px !important; padding: 10px 4px !important; }
.nh-logo-cell img { width: 70px !important; height: 70px !important; }
/* 案例适用方向：手机端两栏改上下堆叠 */
.nh-case-summary--two { grid-template-columns: 1fr !important; }
.nh-summary-col { border-right: 0 !important; border-bottom: 1px solid var(--nh-line); padding: 16px 12px !important; }
.nh-summary-col:last-child { border-bottom: 0; }
.nh-summary-col li { font-size: .84rem !important; line-height: 1.8 !important; }
/* 科研服务四大赋能维度：手机端 2 列 */
.nh-path { padding: 44px 0 !important; }
.nh-path-title { font-size: 1.45rem !important; }
.nh-path-sub { margin: 8px 0 22px !important; font-size: 13px !important; }
.nh-path-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.nh-path-card { padding: 16px 12px !important; gap: 10px !important; }
.nh-path-icon { width: 38px !important; height: 38px !important; }
.nh-path-icon svg { width: 36px !important; height: 36px !important; }
.nh-path-text span { font-size: 20px !important; }
.nh-path-text b { font-size: 12px !important; }
.nh-path-text em { font-size: 11px !important; }
.nh-logo-name { font-size: .68rem !important; }
/* ---------- 8. 新闻 tab：背景框宽度随文字自适应（长分类名不溢出），超出的向右滑动 ---------- */
.mt-tabpage-title {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
white-space: nowrap !important;
scrollbar-width: none;
padding: 0 !important;
height: auto !important;
}
.mt-tabpage-title::-webkit-scrollbar { display: none; }
.mt-tabpage-title .mt-tabpage-item,
.mt-tabpage-title a {
flex: 0 0 auto !important; /* 宽度由文字决定：短文字至少 24%，长文字自动加宽 */
width: auto !important;
max-width: none !important;
min-width: 24% !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 10px !important;
margin: 0 2px 0 0 !important;
box-sizing: border-box !important;
text-align: center !important;
font-size: 12.5px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: visible !important;
}
/* ---------- 9. 客户案例：每屏 1 张，等比缩小，左右切换 ---------- */
.nh-case-grid { grid-template-columns: 1fr !important; grid-template-rows: auto !important; gap: 0 !important; }
.nh-case-card,
.nh-case-card.is-first { grid-column: auto !important; grid-row: auto !important; aspect-ratio: auto !important; min-height: 0 !important; }
.nh-case-card img { flex: 0 0 auto !important; aspect-ratio: 4 / 3; height: auto !important; }
.nh-case-card.is-first .nh-case-content h3 { font-size: 1.2rem !important; }
.nh-case-arr { width: 36px; height: 36px; font-size: 20px; }
/* ---------- 10. 新闻：默认只显示第一条图文卡；点“展开更多 +”后显示该分类全部文章标题（无图），可收起 ---------- */
.listtop + .listtop { display: none; } /* 默认仅显示第一条（不加 !important，便于 JS 展开） */
.itemlistbw { /* 标题列表默认隐藏，展开后显示 */
display: none !important;
height: auto !important;
overflow: visible !important;
width: 100% !important;
}
li.mt-tabpage-item.news-open .itemlistbw { display: block !important; }
/* 展开后的标题列表：单列，只显示标题 + 日期，不显示图片 */
.itemlistbw .itemlistb { margin: 0 !important; overflow: visible !important; height: auto !important; }
.itemlistbw .itemlistb a {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 11px 2px !important;
line-height: 1.5 !important;
box-sizing: border-box !important;
border-bottom: 1px solid var(--nh-line) !important;
}
.itemlistbw .itemlistb a .itema {
float: none !important;
width: auto !important;
display: block !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
color: #071e42 !important;
font-size: 13.5px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
.itemlistbw .itemlistb a span {
float: none !important;
display: block !important;
margin-top: 3px;
color: #999 !important;
font-size: 11px !important;
}
.mt-tabpage-count { padding: 0 !important; }
/* “展开更多 +”按钮 */
.news-more {
display: block !important;
margin: 6px 0 16px;
padding: 11px 0;
text-align: center;
color: #071e42;
font-size: 13px;
font-weight: 700;
border: 1px solid var(--nh-line);
background: #f7f9fc;
}
/* ---------- 11. 其余区块（两大平台/流程/校徽/页脚）等比缩放 ---------- */
.nh-solutions, .nh-cases, .nh-path, .nh-partners { padding: 44px 0 !important; }
.nh-tech-copy h3 { font-size: 1.35rem !important; }
.nh-path-step { padding: 16px !important; }
.nh-path-step h3 { margin-top: 10px !important; }
.nh-partner-head h2 { font-size: 1.4rem !important; }
.copy { padding: 16px 12px !important; font-size: 12px !important; line-height: 1.8 !important; }
}
@media (max-width: 479px) {
.nh-topline-item, .nh-topline-tel, .nh-topline-lang { font-size: 11px !important; }
}