/* =======================================================================
 * lz-modern.css — 2026-07 重构现代化增强层（覆盖旧主题样式，不改结构）
 * 品牌色 #e60012 ；圆角/阴影/悬停过渡；产品列表·产品内页·新闻列表·新闻内页
 * ======================================================================= */
:root{ --lz-red:#e60012; --lz-red2:#ff5a2c; --lz-ink:#1f2733; --lz-gray:#6b7280; --lz-line:#eceef2; --lz-bg:#f5f6f8; }

/* ---------- 通用：卡片悬停过渡 ---------- */
.case_pic,.case_text,.posts_title a,.case_pic figure img{ transition:all .3s ease; }

/* ---------- 产品/新闻 卡片（首页最新产品 + 产品列表 + 新闻缩略） ---------- */
/* 关键：box-sizing 保证浮动定宽(22%等)不被 border/padding 撑破换行 */
.case_loop li,
li:has(> .case_pic),
li:has(> article > .case_pic),
li:has(> .product_pic){
  box-sizing:border-box!important;
  background:#fff; border:1px solid var(--lz-line); border-radius:12px; overflow:hidden;
  box-shadow:0 2px 10px rgba(20,30,50,.05); display:flex; flex-direction:column;
}
.case_loop li *,li:has(> .case_pic) *{ box-sizing:border-box; }
.case_loop li:hover,
li:has(> .case_pic):hover,
li:has(> article > .case_pic):hover,
li:has(> .product_pic):hover{
  box-shadow:0 14px 34px rgba(20,30,50,.14); transform:translateY(-6px); border-color:#e3e6ec;
}
.case_pic,.product_pic{ overflow:hidden; background:#f2f3f5; width:100%; }
.case_pic figure,.product_pic figure{ margin:0; width:100%; aspect-ratio:4/3; }
.case_pic figure img,.product_pic figure img{ width:100%; height:100%; object-fit:cover; display:block; }
li:hover .case_pic figure img,li:hover .product_pic figure img{ transform:scale(1.06); }
.case_pic figure figcaption{ display:none; }
.case_text.post_text,.case_text{ padding:14px 16px; flex:1; display:flex; flex-direction:column; }
/* 仅作用于产品/案例卡片标题（不影响首页新闻/视频列表 .news_list_loop） */
.case_text .posts_title{ flex:1; }
.case_text .posts_title a{
  color:var(--lz-ink); font-size:14.5px; font-weight:600; line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:2.9em;
}
.case_text .posts_title a:hover{ color:var(--lz-red); }
/* “查看详情”提示：仅产品/案例卡片 */
.case_text .posts_title::after{
  content:"查看详情 →"; display:block; margin-top:10px; font-size:12.5px; font-weight:600;
  color:var(--lz-red); opacity:.8;
}
li:hover .case_text .posts_title::after{ opacity:1; letter-spacing:1px; }

/* 首页 新闻/视频 列表标题：完整显示
   主题原设 .posts_title{height:21px;overflow:hidden}(单行裁切)，这里放开高度让标题最多2行完整显示 */
.news_left .news_list_loop li{ height:auto!important; padding:9px 0!important; overflow:visible!important; line-height:1.6; }
.news_left .news_list_loop li .posts_title{ height:auto!important; overflow:visible!important; width:74%!important; float:left; }
.news_left .news_list_loop li .posts_title a{
  color:#333; font-size:14px; line-height:1.55; white-space:normal;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.news_left .news_list_loop li time{ float:right; }
.news_left .news_list_loop li .posts_title a:hover{ color:var(--lz-red); }
.new_faq_loop li .posts_title a,.news_faq .posts_title a,.normal_text li a{ white-space:normal; line-height:1.6; }

/* ---------- 产品内页：规格表 .tg 现代化 + 响应式 ---------- */
table.tg{ width:100%!important; table-layout:auto!important; border-collapse:separate!important; border-spacing:0!important;
  border:1px solid var(--lz-line); border-radius:10px; overflow:hidden; margin:18px 0; font-size:14px; }
table.tg col{ width:auto!important; }
table.tg th,table.tg td{ border:0!important; border-bottom:1px solid var(--lz-line)!important; padding:13px 18px!important; line-height:1.7; vertical-align:middle; word-break:break-word; }
table.tg th{ background:linear-gradient(135deg,var(--lz-red),var(--lz-red2))!important; color:#fff!important; font-weight:700; text-align:left; font-size:15px; }
table.tg td:first-child{ background:#fafbfc; color:var(--lz-ink); font-weight:600; width:22%; }
table.tg tr:nth-child(even) td:not(:first-child){ background:#fcfcfd; }
table.tg tr:hover td{ background:#f6f7f9; }
table.tg tr:last-child th,table.tg tr:last-child td{ border-bottom:0!important; }
.single_contents,.canshu{ overflow-x:auto; }   /* 移动端表格可横向滚动 */

/* ---------- 产品/文章内页：正文排版 ---------- */
.single_contents{ font-size:15.5px; line-height:1.9; color:#333; }
.single_contents img{ max-width:100%; height:auto; border-radius:8px; margin:10px 0; }
.single_contents h1,.single_contents h2,.single_contents h3{ line-height:1.4; margin:22px 0 12px; color:var(--lz-ink); }
.single_contents p{ margin:12px 0; }
.single_tag a{ display:inline-block; padding:5px 14px; margin:4px 6px 4px 0; background:#f2f4f7; color:var(--lz-gray);
  border-radius:30px; font-size:13px; transition:all .25s; }
.single_tag a:hover{ background:var(--lz-red); color:#fff; }

/* ---------- 新闻列表项：横向卡片 ---------- */
.picdsa{ transition:all .3s ease; border-radius:10px; }
.picdsa img,.wp-post-image{ border-radius:8px; transition:transform .3s ease; }
.picdsa:hover img{ transform:scale(1.04); }

/* ---------- 侧栏模块标题 / 通用小标题 ---------- */
.modle_box_title,.mantitle{ font-weight:700; color:var(--lz-ink); }
.modle_title h3.mantitle,.mantitle{ position:relative; }

/* ---------- 按钮 / more ---------- */
.case_btn,.more,a.case_btn{ display:inline-block; background:linear-gradient(135deg,var(--lz-red),var(--lz-red2))!important;
  color:#fff!important; padding:11px 34px!important; border-radius:40px!important; font-weight:600; letter-spacing:1px;
  box-shadow:0 8px 20px rgba(230,0,18,.28); transition:all .3s; border:0!important; }
.case_btn:hover,.more:hover,a.case_btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(230,0,18,.4); }

/* ---------- 面包屑 ---------- */
.crumbs,.breadcrumbs,.wei{ color:var(--lz-gray); font-size:13px; }
.crumbs a,.breadcrumbs a,.wei a{ color:var(--lz-gray); }
.crumbs a:hover,.breadcrumbs a:hover,.wei a:hover{ color:var(--lz-red); }

/* ============ 内页通用容器（产品内页 + 新闻内页） ============ */
.content_page{ background:var(--lz-bg); padding:26px 0 40px; }
.content_page .right_mian .enter{ background:#fff; border-radius:16px; box-shadow:0 6px 30px rgba(20,30,50,.06); padding:30px 34px; }
.content_page .left_mian{ }
.content_page .left_mian .modle_box,.content_page .left_mian .modle_box_title{ border-radius:10px; }

/* 内页文章头部（标题+元信息） */
.title_page h1{ font-size:27px; line-height:1.45; color:var(--lz-ink); font-weight:800; }
.des_page .infot{ margin-top:14px; padding-bottom:16px; border-bottom:1px solid var(--lz-line);
  color:var(--lz-gray); font-size:13px; display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
.des_page .infot time,.des_page .infot em{ font-style:normal; }
.des_page .infot a{ color:var(--lz-red); }

/* 正文排版（阅读优化） */
.single_contents{ font-size:16px; line-height:1.95; color:#374151; padding-top:6px; }
.single_contents p{ margin:15px 0; }
.single_contents img{ max-width:100%; height:auto; border-radius:10px; margin:18px auto; display:block; box-shadow:0 6px 20px rgba(0,0,0,.09); }
.single_contents h2,.single_contents h3{ margin:28px 0 14px; padding-left:14px; border-left:4px solid var(--lz-red);
  font-size:20px; line-height:1.5; color:var(--lz-ink); font-weight:700; }
.single_contents ul,.single_contents ol{ padding-left:24px; margin:14px 0; }
.single_contents li{ margin:6px 0; }
.single_contents blockquote{ margin:18px 0; padding:14px 20px; background:#f7f8fa; border-left:4px solid var(--lz-red); border-radius:0 8px 8px 0; color:#555; }
.single_vedio{ border-radius:12px; overflow:hidden; box-shadow:0 8px 26px rgba(0,0,0,.18); margin:6px 0 10px; }
.single_vedio video,.single_vedio iframe,.single_vedio embed{ width:100%!important; display:block; border-radius:12px; }

/* 上一篇/下一篇 */
.next_post{ margin-top:26px; padding-top:18px; border-top:1px solid var(--lz-line); display:flex; flex-direction:column; gap:10px; }
.next_post p{ margin:0; font-size:14px; color:var(--lz-gray); }
.next_post a{ color:var(--lz-ink); font-weight:500; }
.next_post a:hover{ color:var(--lz-red); }
#vedio_like{ margin-top:28px; }
#vedio_like .mantitle,#vedio_like h3{ font-size:19px; font-weight:700; color:var(--lz-ink);
  padding-left:12px; border-left:4px solid var(--lz-red); margin-bottom:16px; }

/* ============ 产品内页 hero（#5 重设计，增强不改布局） ============ */
#product_sinlge .p_tops{ background:#fff; border-radius:16px; box-shadow:0 6px 30px rgba(20,30,50,.08);
  padding:30px 34px; margin-bottom:22px; overflow:hidden; }
#product_sinlge .p_images figure{ margin:0; }
#product_sinlge .p_images #product_image img,
#product_sinlge .p_images figure a img{ width:100%; border-radius:12px; border:1px solid var(--lz-line); background:#fafbfc; }
#product_sinlge .title_page h1{ font-size:30px; }
#product_sinlge .p_p_box{ margin:0; padding:0; background:none; border:0; }
/* 有价格时才显示为高亮块 */
#product_sinlge .p_p_box:has(.price_p_p:not(:empty)),
#product_sinlge .p_p_box:has(.price_p_p2:not(:empty)){ margin:18px 0; padding:14px 20px; background:#fbfbfc; border:1px solid var(--lz-line); border-radius:10px; }
#product_sinlge .price_p_p{ color:var(--lz-red); font-size:30px; font-weight:800; }
#product_sinlge .price_p_p2{ color:var(--lz-gray); font-size:15px; }
#product_sinlge .p_description{ font-size:15px; color:#555; line-height:1.85; margin-top:16px; }
#product_sinlge .p_p_botton{ display:inline-block; margin-top:20px; background:linear-gradient(135deg,var(--lz-red),var(--lz-red2));
  color:#fff!important; padding:15px 52px; border-radius:50px; font-size:17px; font-weight:700;
  box-shadow:0 12px 28px rgba(230,0,18,.38); transition:all .3s; letter-spacing:1px; }
#product_sinlge .p_p_botton:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(230,0,18,.5); }
/* 产品图册缩略 */
#product_sinlge .p_images .swiper-slide img,#product_sinlge .p_images .thumbnail img{ border-radius:8px; border:1px solid var(--lz-line); }

/* ---------- 移动端 ---------- */
@media (max-width:768px){
  table.tg td:first-child{ width:34%; }
  table.tg th,table.tg td{ padding:10px 12px!important; font-size:13px; }
  .case_text.post_text,.case_text{ padding:12px; }
}


/* Logo 显示尺寸约束(仅控制显示大小,不改logo结构/比例;源图高清→等比缩放清晰不裁切) */
.header_in .logo{ overflow:visible!important; max-height:none!important; }
.header_in .logo img.pclogo{ height:66px!important; width:auto!important; max-height:66px!important; }
.header_in .logo img.movelogo{ height:44px!important; width:auto!important; }
@media (max-width:1024px){ .header_in .logo img{ height:42px!important; width:auto!important; } }