@charset "utf-8";
/*
 * 前台主题补充样式（在原站 ssm 主题 css 之后加载）。
 * 原则：原站样式一律以 theme/css 下的原文件为准，本文件只放「原站写在页面内联 style 里」
 * 的规则（等价搬运）与新增页面（404）的样式，不改变原站任何可见效果。
 */

/* 列表占位：老站内容均有封面，无封面时给一个中性占位，避免出现破图 */
.no-cover { position: relative; display: block; width: 100%; padding-top: 66%; background: #f0f0f0; }
.no-cover::after { content: "暂无图片"; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -.7em; font-size: 14px; line-height: 1.4em; color: #c2c2c2; text-align: center; }

/* 内页标签条：当前栏目高亮（原站写在每个页面里的 <style>） */
.ny_nav_con .hv { color: #3786c7; }
.ny_nav_con .hv .a_linex { width: 100%; opacity: 1; left: 0; }

/* 内页浅灰底（原站产品 / 方案 / 新闻 / 联系页的 body 背景） */
body.body-grey { background: #f5f5f5; }

/* 新闻列表三列卡片（原站 .new_wwp 定高 336px）：无封面时占位与图同高 */
.new_wwp .no-cover { height: 336px; padding-top: 0; }

/* 产品详情图册：缩略图与主图联动（原站内联样式） */
.pd_hd_l .swiper-container { width: 100%; margin: 0 auto; background: #fff; }
.gallery-top .swiper-slide img,
.gallery-thumbs .swiper-slide img { display: block; width: 100%; height: auto; }
.gallery-thumbs { box-sizing: border-box; padding: 10px 0; }
.gallery-thumbs .swiper-slide { opacity: .6; }
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.pd_hd_l .swiper-button-next,
.pd_hd_l .swiper-button-prev { color: #999; }

/* 解决方案详情：正文在右栏内留出左右边距（原站内联 padding:0 20px） */
#new_conl.conl-flush { padding: 0 20px; }

/* 解决方案列表：去掉上内边距（原站内联 padding-top:0） */
.cs_cont-top { padding-top: 0; }

/* 联系我们：左文右图（原站内联样式） */
@media only screen and (min-width: 1200px) {
  .lxlx_l { width: calc(100% - 840px); float: left; }
  .lxlx_r { width: 800px; float: right; }
}
@media only screen and (max-width: 1199px) {
  .lxlx_l { width: 100%; }
  .lxlx_r { display: none; }
}

/* 404 页（原站没有 404 模板，沿用内页正文宽度） */
.site-404 { padding: 60px 0 80px; text-align: center; }
.site-404 strong { display: block; font-size: 120px; line-height: 1; color: #3786c7; font-family: Arial, Helvetica, sans-serif; }
.site-404 h1 { padding: 20px 0 10px; font-size: 24px; color: #333; }
.site-404 p { padding-bottom: 30px; font-size: 16px; color: #888; }
.site-404 a { display: inline-block; padding: 0 40px; height: 42px; line-height: 42px; background: #3786c7; color: #fff; border-radius: 5px; transition: .5s; }
.site-404 a:hover { opacity: .85; }