@import url("tech-theme.css");

/* 顶栏导航：补全图标类后，字标与图标间距（原模板依赖图标宽度占位） */
#nav_tem_71_34.nav_pc_t_6 .w-nav-item-link .mw-iconfont[class*="mw-icon-outline-"] {
  display: inline-block;
  margin-right: 6px;
  vertical-align: -0.1em;
}

/* 新闻/栏目顶区横幅：内联 background-color 为白，背景图 404 时会出现大块白条；改为深色兜底 */
#smv_tem_27_9 .w-slide-inner .content-box-inner,
.tem_27_9 .w-slide-inner .content-box-inner {
  background-color: #0f1729 !important;
}

/* 新闻明细页顶区：轮播槽位离线常为空，铺满「新闻资讯」通栏底图。
   使用 news-detail-banner-hd（约 1376×768）替代旧 1024×161，避免 cover 放大导致糊屏 */
.page-news-detail #smv_tem_27_9 {
  /* 突破 #smv_Main 的 1200px 内宽，横向铺满视口（自适应全宽） */
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: 0 !important;
  right: auto !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: #0a1628 !important;
  /* 主标题在图内：用伪元素承载背景并 scale，把底图里「新闻资讯」等字缩小；裁切由 overflow:hidden 吃掉 */
  background-image: none !important;
}

.page-news-detail #smv_tem_27_9::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #0a1628;
  background-image: url("contents/sitefiles2067/10338386/images/news-detail-banner-hd.png");
  background-repeat: no-repeat;
  background-position: 44% 42%;
  background-size: cover;
  transform: scale(0.66);
  transform-origin: 40% 40%;
}

.page-news-detail #smv_tem_27_9 .yibuFrameContent.tem_27_9 {
  position: relative;
  z-index: 1;
}

/* 顶栏「新闻资讯」PNG 字标（与底图叠加时略大则再收一档） */
.page-news-detail #smv_tem_28_9 .w-image-box,
.page-news-detail #smv_tem_28_9 .image-clip-wrap {
  transform: scale(0.78);
  transform-origin: left center;
}

.page-news-detail #img_smv_tem_28_9 {
  height: 46px !important;
  width: auto !important;
  max-width: 200px !important;
}

/* 横幅内副标题（覆盖内联 16px；再收一档与主标题体量匹配） */
.page-news-detail #smv_tem_29_9 .editableContent,
.page-news-detail #smv_tem_29_9 .editableContent p,
.page-news-detail #smv_tem_29_9 .editableContent span {
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.page-news-detail #smv_tem_27_9 #lider_smv_tem_27_9_wrapper,
.page-news-detail #smv_tem_27_9 #slider_smv_tem_27_9,
.page-news-detail #smv_tem_27_9 .w-slide-inner,
.page-news-detail #smv_tem_27_9 .content-box,
.page-news-detail #smv_tem_27_9 .slideset_AreaC {
  background-color: transparent !important;
  background-image: none !important;
}

/* 通栏后内层轨道勿再保持 1992px 负 left，避免裁切；与父同宽即可（底图已在 #smv_tem_27_9） */
.page-news-detail #smv_tem_27_9 #lider_smv_tem_27_9_wrapper,
.page-news-detail #smv_tem_27_9 #slider_smv_tem_27_9 {
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  left: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

.page-news-detail #smv_tem_27_9 #slider_smv_tem_27_9 > div {
  max-width: 100% !important;
}

/* 本地预览：首页新闻区块 */
#smv_con_201_30 {
  height: auto !important;
  padding-bottom: 32px;
}
.con_201_30 .w-list,
.con_201_30 .w-list .w-list-ul {
  overflow: visible !important;
  height: auto !important;
}

/* 产品服务 cpfw：列表模块固定高度 +链接 height:100% 导致卡片灰底被撑满整行 */
#smv_con_13_3 {
  height: auto !important;
  padding-bottom: 40px;
}
#smv_con_13_3 .w-list,
#smv_con_13_3 .w-list .w-list-ul {
  overflow: visible !important;
  height: auto !important;
}
#smv_con_13_3 .w-list-ul .w-list-item {
  height: auto !important;
}
#smv_con_13_3 .w-list-ul .w-list-item .w-list-link {
  height: auto !important;
}
#smv_con_13_3 .w-list-desc {
  height: auto !important;
  min-height: 3.6em;
  max-height: 3.6em;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

/* 新闻动态 xwzx：同上 + 列表容器 */
#smv_con_5_7 {
  height: auto !important;
  padding-bottom: 40px;
}
#smv_con_5_7 .w-list,
#smv_con_5_7 .w-list .w-list-ul {
  overflow: visible !important;
  height: auto !important;
}
#smv_con_5_7 .w-list-ul .w-list-item {
  height: auto !important;
}
#smv_con_5_7 .w-list-ul .w-list-item .w-list-link {
  height: auto !important;
}
#smv_con_5_7 .w-list-desc {
  height: auto !important;
}

/* 页脚地图：原后台 iframe 离线不可用，改为静态图（摩码大厦）铺满原区域 */
#smv_tem_84_53 {
  display: block !important;
  /* 原约 741×219，略缩小并右移保持视觉平衡 */
  width: 520px !important;
  height: 165px !important;
  left: 628px !important;
  top: 38px !important;
}

#smv_tem_84_53 .yibuFrameContent.tem_84_53 {
  height: 100% !important;
  overflow: hidden !important;
}

#smv_tem_84_53 .MapItem {
  height: 100%;
  min-height: 165px;
  background: #e8eef2 url("contents/sitefiles2067/10338386/images/footer-map-moma.png") center center / cover no-repeat;
}

#smv_tem_84_53 iframe {
  display: none !important;
}

/* 列表底部分页：通栏 fullcolumn-outer 可能盖住分页导致无法点击 */
.xn-pager {
  position: relative;
  z-index: 3;
}

/* 产品/新闻正文里 WPS 粘贴图：覆盖 Word 导出的异常宽高，便于在文件齐全时正常显示 */
.w-detail img[src*="wps-embed"] {
  max-width: 100% !important;
  height: auto !important;
  max-height: 85vh;
  object-fit: contain;
  vertical-align: middle;
}

/* 详情页正文媒体：仅做尺寸约束，不改原始绝对定位版式，避免图文被拆散 */
#mainContentWrapper #smv_tem_9_3 .w-detail img,
#mainContentWrapper #smv_tem_26_24 .w-detail img {
  max-width: 100% !important;
  height: auto !important;
}

#mainContentWrapper #smv_tem_9_3 .w-detail .ckeditor-html5-video,
#mainContentWrapper #smv_tem_26_24 .w-detail .ckeditor-html5-video {
  max-width: 100%;
}

#mainContentWrapper #smv_tem_9_3 .w-detail video,
#mainContentWrapper #smv_tem_26_24 .w-detail video {
  max-width: 100%;
  height: auto !important;
}

/* 新闻详情：1133604 导出 CSS 只含 .tem_9_3（产品正文）与 .tem_7_36（示例标题），
   实际新闻页使用 .tem_25_33（标题）与 .tem_26_24（正文），无对应规则会退回浏览器默认，
   表现为行距过紧、字体随意、与产品详情不一致。此处补全与模板一致的版式。 */
.page-news-detail .tem_25_33 .w-title {
  padding: 0 0 12px;
  margin: 0 0 0.35em;
  width: 100%;
  height: auto;
  font-family: "Noto Sans CJK", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma,
    sans-serif;
  color: #404040;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.page-news-detail .tem_26_24 .w-detail {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  font-family: Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  line-height: 1.75;
  word-wrap: break-word;
  word-break: normal;
}

.page-news-detail .tem_26_24 .w-detail p {
  margin: 0 0 0.85em;
}

.page-news-detail .tem_26_24 .w-detailcontent {
  text-align: left;
}

/* ========== 新闻详情正文：规整多图/表格混排，避免「一行挤多张、竖图顶到悬浮条」 ========== */
.page-news-detail #tem_26_24_txt.w-detailcontent {
  box-sizing: border-box;
}

/* 右侧固定悬浮条占位，避免正文图与按钮重叠 */
.page-news-detail #smv_tem_26_24 .yibuFrameContent.tem_26_24 {
  padding-right: 56px;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .page-news-detail #smv_tem_26_24 .yibuFrameContent.tem_26_24 {
    padding-right: 48px;
  }
}

/* 正文内图片：统一纵向堆叠，禁止行内并排导致版面碎裂 */
.page-news-detail #smv_tem_26_24 .w-detail img {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 18px;
  box-sizing: border-box;
  vertical-align: top;
}

.page-news-detail #smv_tem_26_24 .w-detail p:has(img) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin-bottom: 1em;
}

/* 无 :has 的浏览器：至少保证 p 内换行清晰 */
.page-news-detail #smv_tem_26_24 .w-detail p img + img {
  margin-top: 4px;
}

/* 表格排版的新闻图：等分列宽、图片不撑破单元格 */
.page-news-detail #smv_tem_26_24 .w-detail table {
  width: 100% !important;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  border-collapse: collapse;
}

.page-news-detail #smv_tem_26_24 .w-detail table td,
.page-news-detail #smv_tem_26_24 .w-detail table th {
  vertical-align: top;
  padding: 8px;
  box-sizing: border-box;
}

.page-news-detail #smv_tem_26_24 .w-detail table img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 1px;
  margin: 0 auto;
  vertical-align: top;
  opacity: 1 !important;
}

/* 新闻顶区轮播：避免脚本初始化前后短暂不可见造成「导航条下一大块空白」 */
.page-news-detail #smv_tem_27_9,
.page-news-detail #lider_smv_tem_27_9_wrapper,
.page-news-detail #slider_smv_tem_27_9 {
  visibility: visible !important;
}

.page-news-detail #smv_tem_27_9 {
  min-height: 300px;
}

/* 新闻顶区轮播背景：1133604 只含 .tem_1_40 的 .content-box-inner 尺寸规则，新闻页为 .tem_27_9，
 无宽高时 div 高度为 0，background-image 不显示，表现为导航下大块空白 */
.page-news-detail .tem_27_9 .w-slide-inner .content-box > .content-box-inner {
  width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  left: 0 !important;
  background-image: none !important;
  background-color: transparent !important;
  box-sizing: border-box;
}

.page-news-detail .tem_27_9 .w-slide-inner .content-box > .smAreaC {
  position: relative !important;
  z-index: 2 !important;
  min-height: 300px;
}

.page-news-detail .tem_26_24 .pagination {
  margin-top: 16px;
  display: inline-block;
  text-align: center;
  color: #666;
  font-size: 12px;
}

.page-news-detail .tem_26_24 .pagination .page,
.page-news-detail .tem_26_24 .pagination .other_page {
  margin-right: 5px;
  display: inline-block;
  border: 1px #ddd solid;
  border-radius: 3px;
  background-color: #fff;
  padding: 9px 12px;
  color: #666;
  font-size: 12px;
}

.page-news-detail .tem_26_24 .pagination .page:hover,
.page-news-detail .tem_26_24 .pagination .other_page:hover {
  background-color: #eee;
  cursor: pointer;
}

.page-news-detail .tem_26_24 .pagination .current_page {
  margin: 0 11px 0 5px;
  color: #404040;
}

.page-news-detail .tem_26_24 .pagination .page.hover {
  background-color: #eee;
  color: #404040;
}

/* 新闻详情：主画布高度由 responsive-i18n.js 的 fitDetailSmvMainHeight 按模块底边重算；
   勿再设过高 min-height，否则会与脚本裁切后的 height 取 max，底部仍留空。 */
.page-news-detail #smv_Main {
  min-height: 0 !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* 产品详情：同样避免导出模板里的 min-height 与脚本裁切冲突，减轻明细下方空白 */
#mainContentWrapper #smv_Main:has(#smv_tem_9_3) {
  min-height: 0 !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.page-news-detail .smvWrapper {
  overflow: visible !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.page-news-detail .main-layout-wrapper .main-layout {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.page-news-detail #tem_9_3_txt .w-news-summary,
.page-news-detail #tem_26_24_txt .w-news-summary {
  text-align: left;
  line-height: 1.75;
  color: #333;
  font-size: 14px;
  margin-top: 12px;
}

.page-news-detail #tem_9_3_txt .w-detail-gallery,
.page-news-detail #tem_26_24_txt .w-detail-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 8px;
  max-width: 100%;
}

.page-news-detail #tem_9_3_txt .w-detail-gallery figure,
.page-news-detail #tem_26_24_txt .w-detail-gallery figure {
  margin: 0;
  padding: 0;
}

.page-news-detail #tem_9_3_txt .w-detail-gallery img,
.page-news-detail #tem_26_24_txt .w-detail-gallery img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 2px;
}

@media screen and (max-width: 600px) {
  .page-news-detail #tem_9_3_txt .w-detail-gallery,
  .page-news-detail #tem_26_24_txt .w-detail-gallery {
    grid-template-columns: 1fr;
  }
}