@charset "utf-8";
/* ==========================================================================
   顺发建材官网模板样式
   视觉风格与布局结构照搬参考站；主色调红 #ff0000 / 黄 #ffcb2d / 蓝 #3c5dc5
   ========================================================================== */

/* ---------- 基础重置（逐条照搬参考站 style.css 第 2-9 行原文） ---------- */
html {
    padding: 0; margin: 0;
    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
    font-size: 14px;
}
body {
    overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0; padding: 0; padding-top: 90px; background: #fff;
    transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;
}
header, article, aside, div, span, p, ul, li, ol, h1, h2, h3, h4, h5 { list-style: none; margin: 0; padding: 0; text-align: justify; }
img { border: 0; font-size: 0; margin: 0; vertical-align: bottom; }
a { background-color: transparent; text-decoration: none; color: #333; }
a:active, a:hover { outline: 0; }
b, strong { font-weight: bold; }
input, button, textarea { font-family: inherit; font-size: inherit; outline: none; }
.clearfix::after { content: ""; display: block; clear: both; }

/* 全站链接悬停色（参考站为 .header/.list-* 等分区块定义，此处统一兜底） */
a:hover { color: #ff0000; }
h1, h2, h3, h4, h5 { font-weight: bold; }

/* ---------- 通用容器 ----------
   参考站 style.css 内**没有** .container 的宽度规则（全文件仅在 #wrapper .container /
   #wrapper .end-container 两处出现 .container），正文里的 <div id="three" class="container">
   因此是普通块级元素、宽度随父级。此处不得给 .container 设宽度，否则正文分节会被压成
   1200px 居中，与参考站不符。 */

/* ==========================================================================
   头部导航（逐条照搬参考站）
   ========================================================================== */
.header {
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    position: fixed;
    z-index: 100;
    top: 0; left: 0; right: 0;
    transition: all .6s;
}
.header-box { position: relative; margin: 0 5%; height: 90px; }

/* Logo：绝对定位贴左，垂直居中 */
.header .logo { position: absolute; left: 0; z-index: 2; top: 19px; }
.header .logo img { height: 52px; display: block; }
.logo-placeholder {
    display: flex; align-items: center; justify-content: center;
    width: 160px; height: 52px; background: #f5f5f5; border: 1px dashed #ddd;
    color: #bbb; font-size: 13px;
}

/* 导航：绝对定位铺满，内容居中 */
.header .navbr { position: absolute; left: 0; right: 0; }
.header .navbr ul { text-align: center; }
.header .navbr ul li {
    display: inline-block;
    padding: 0 30px 0 32px;
    position: relative;
}
/* 菜单项之间的竖分隔线 */
.header .navbr ul li:before {
    content: ''; height: 14px; width: 2px; background: #e5e5e5;
    position: absolute; top: 50%; margin-top: -6px; left: 0;
}
.header .navbr ul li:first-child:before { display: none; }
.header .navbr ul li a {
    display: block; line-height: 90px; color: #656565;
    font-size: 17px; font-weight: 500; transition: all .6s; white-space: nowrap;
}
.header .navbr ul li.hover a,
.header .navbr ul li:hover a { color: #ff0000; }

/* 二级下拉：全宽灰底 */
.header .navbr ul li .subNav {
    display: none; position: absolute; top: 100%; left: 0;
    background-color: rgba(128, 128, 128, .8);
    padding: 10px; z-index: 1; width: 100%; box-sizing: border-box;
}
.header .navbr ul li:hover .subNav { display: block; }
.header .navbr ul li .subNav a {
    display: block; line-height: 30px; color: #fff; font-size: 15px; transition: all .3s;
}
.header .navbr ul li .subNav a:hover { color: #ffcccc; }

/* 三级下拉：靠相邻选择器触发 */
.header .navbr ul li .subNav .subSubNav {
    display: none; position: absolute; left: 100%; top: 0;
    background-color: rgba(128, 128, 128, .8);
    padding: 10px; z-index: 1; width: 100%; box-sizing: border-box;
}
.header .navbr ul li .subNav a:hover + .subSubNav,
.header .navbr ul li .subNav .subSubNav:hover { display: block; }
.header .navbr ul li .subNav .subSubNav a {
    display: block; line-height: 30px; color: #fff; font-size: 15px; transition: all .3s;
}
.header .navbr ul li .subNav .subSubNav a:hover { color: #ffcccc; }

/* 右侧联系方式：绝对定位贴右 */
.header .lianxi { position: absolute; right: 0; top: 0; }
.header .lianxi:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.header .lianxi ul li {
    position: relative; float: left; line-height: 90px; color: #333;
    margin-right: 20px; padding-right: 21px;
}
.header .lianxi ul li:nth-child(1):after {
    content: ''; position: absolute; top: 50%; right: 0; height: 14px;
    margin-top: -7px; width: 1px; background: rgba(0, 0, 0, .3);
}
.header .lianxi ul li:last-child { padding-right: 0; margin-right: 0; }
.header .lianxi ul li span.iconfont { vertical-align: middle; font-size: 18px; color: #ff0000; }
.header .lianxi ul li span.tel { vertical-align: middle; font-size: 16px; font-weight: bold; }
.header .lianxi ul li .weixin-hover {
    display: none; position: absolute; top: 72px; left: 50%; margin-left: -82.5px;
    width: 140px; padding: 5px; background: #fff; border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}
.header .lianxi ul li .weixin-hover img { width: 100%; }
.header .lianxi ul li .weixin-hover p { line-height: 1.5; color: #666; text-align: center; margin-bottom: 5px; }
.header .lianxi ul li:hover .weixin-hover { display: block; }

/* 移动端导航按钮（参考站无，小屏时启用） */
.mobile-nav-toggle { display: none; position: absolute; right: 0; top: 26px; font-size: 26px; color: #ff0000; cursor: pointer; }

/* ---------- 中等屏幕（断点与规则逐条照搬参考站 style.css 原文） ----------
   参考站原文三档：
     @media screen and (max-width:1750px){ body{padding-top:84px} .header-box{height:84px}
        .header .logo{top:16px} .header .navbr ul li:before{height:12px;margin-top:-5px}
        .header .navbr ul li a{font-size:16px;line-height:84px} .header .lianxi ul li{line-height:84px} }
     @media screen and (max-width:1440px){ .header .navbr ul li{padding:0 25px 0 27px} }
     @media screen and (max-width:1280px){ .header .logo{top:19px} .header .logo img{height:46px}
        .header .navbr ul li{padding:0 22px 0 24px} }
   注：参考站 1750px 档**不含** .header .logo img{height:46px}，该规则只在 1280px 档。
       此前误将 46px 放入 1750px 档，已按原文归位。 */
@media (max-width: 1750px) {
    body { padding-top: 84px; }
    .header-box { height: 84px; }
    .header .logo { top: 16px; }
    .header .navbr ul li:before { content: ''; height: 12px; margin-top: -5px; }
    .header .navbr ul li a { font-size: 16px; line-height: 84px; }
    .header .lianxi ul li { line-height: 84px; }
}
@media (max-width: 1440px) {
    .header .navbr ul li { padding: 0 25px 0 27px; }
}
@media (max-width: 1280px) {
    .header .logo { top: 19px; }
    .header .logo img { height: 46px; }
    .header .navbr ul li { padding: 0 22px 0 24px; }
}

/* ---------- 头部重叠修正（本站修正，刻意置于参考站断点之后以覆盖其项间距） ----------
   参考站头部为「logo 绝对定位贴左 + 导航绝对定位居中 + 微信电话绝对定位贴右」，
   logo 与微信区各占固定宽度，而导航的居中区间横跨整个 header-box，窄屏时必然两头相撞。
   实测参考站自身：
     · 左侧（logo 压「首页」）：全程无重叠，logo 右缘与首项左缘最小间距 30px（1366px）。
     · 右侧（末项「新闻资讯」压微信区）：1600px 起重叠 7px，1440px 44px，1366px 77px，1280px 95px。
   本站修正口径（按主人要求「首页不能被挡住」）：
     把导航可用区间收在「logo 右缘」与「微信区左缘」之间居中，再按视口逐档收紧项间距。
     不可只做单侧避让：曾用 .navbr{right:300px} 让导航整体左移，结果右侧不压了、
     左侧反而压住「首页」最多 294px（1024px 视口），是比原缺陷更严重的问题。
   取值依据：logo 800×218 在 height:52px 时渲染宽 191px、height:46px 时 169px；
             微信电话区实测宽 298px（1920px 视口）。 */
@media (max-width: 1600px) {
    .header .navbr { left: 191px; right: 298px; }
    .header .navbr ul li { padding: 0 20px 0 22px; }
}
@media (max-width: 1366px) {
    .header .navbr ul li { padding: 0 16px 0 18px; }
}
@media (max-width: 1280px) {
    .header .navbr { left: 169px; right: 298px; }
    .header .navbr ul li { padding: 0 14px 0 16px; }
}
@media (max-width: 1120px) {
    .header .navbr { left: 169px; right: 250px; }
    .header .navbr ul li { padding: 0 9px 0 11px; }
}
/* ==========================================================================
   轮播（照搬参考站 slideBox）
   ========================================================================== */
.slideBox { overflow: hidden; position: relative; background: #fff; margin-bottom: 80px; }
.slideBox .slide-list { position: relative; }
.slideBox .slide-item { display: none; overflow: hidden; }
.slideBox .slide-item.active { display: block; }
.slideBox .slide-item img { width: 100%; display: block; }
/* 指示条：横线样式 */
.slideBox .hd { overflow: hidden; position: absolute; width: 100%; bottom: 25px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; margin: 0 auto; width: 100%; text-align: center; }
.slideBox .hd ul li {
    display: inline-block; width: 40px; height: 3px; margin: 0 5px;
    background: rgba(255,255,255,.4); cursor: pointer;
}
.slideBox .hd ul li.on { background: #fff; }
@media (max-width: 1750px) { .slideBox { margin-bottom: 60px; } .slideBox .hd ul li { height: 2px; } }
@media (max-width: 1440px) { .slideBox { margin-bottom: 50px; } .slideBox .hd ul li { width: 35px; } }
@media (max-width: 1280px) { .slideBox { margin-bottom: 40px; } }
/* ==========================================================================
   区块通用（逐条照搬参考站）
   ========================================================================== */
.page-content { background: #fff; margin-bottom: 80px; }
.page-content-box { margin: 0 5%; }
.page-content-box:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

/* 区块标题：左对齐 + 红色半透明底衬 */
.head-title { margin-bottom: 40px; overflow: hidden; }
.head-title h2 {
    line-height: 42px; float: left; font-size: 32px; font-weight: 500; position: relative;
}
.head-title h2:before {
    content: ''; position: absolute; left: 0; bottom: 0; right: 0;
    height: 10px; background: rgba(255, 0, 0, .15); border-radius: 20px;
}
.head-title span.more { display: block; float: right; line-height: 42px; }
.head-title span.more a { font-size: 16px; color: #999; }
.head-title span.more a:hover { color: #ff0000; }
.head-title .son-nav { float: right; overflow: hidden; }
.head-title .son-nav ul li { float: left; font-size: 16px; line-height: 42px; }
.head-title .son-nav ul li i { padding: 0 20px; color: #ccc; font-style: normal; }
.head-title .son-nav ul li a:hover { color: #ff0000; }

/* 区块标题内的分类导航（照搬参考站：标题行右侧，斜杠分隔） */
.head-title .son-nav ul li a { color: #333; }
.head-title .son-nav ul li a:hover { color: #ff0000; }

@media (max-width: 1750px) {
    .page-content { margin-bottom: 60px; }
    .head-title { margin-bottom: 30px; }
    .head-title h2 { line-height: 38px; font-size: 28px; }
    .head-title h2:before { height: 8px; }
    .head-title span.more { line-height: 38px; }
    .head-title .son-nav ul li { line-height: 38px; }
}
@media (max-width: 1440px) {
    .page-content { margin-bottom: 50px; }
    .head-title .son-nav ul li { font-size: 15px; }
    .head-title .son-nav ul li i { padding: 0 15px; }
    .head-title span.more a { font-size: 15px; }
}
@media (max-width: 1280px) {
    .head-title { margin-bottom: 25px; }
    .head-title h2 { font-size: 24px; }
    .head-title h2:before { bottom: 3px; }
    .page-content { margin-bottom: 40px; }
}

/* ==========================================================================
   首页 · 免费留言咨询报价（逐条照搬参考站 index-form）
   ========================================================================== */
.index-form { overflow: hidden; }
.index-form ul { margin-left: -20px; }
.index-form ul li { width: 20%; float: left; }
.index-form ul li .box { margin-left: 20px; position: relative; }
/* 下划线式输入框 */
.index-form ul li .box input.intext {
    font-weight: bold; padding: 0; height: 38px; line-height: 38px;
    border: 0; border-bottom: solid 2px #ddd; background: #fff; outline: none;
    width: 100%; font-size: 15px; color: #333;
}
.index-form ul li .box input.intext:focus { border-bottom: solid 2px #ff0000; }
.index-form ul li .box span.tips {
    color: #999; line-height: 39px; font-size: 14px; position: absolute; z-index: 2; top: 0; right: 0;
}
/* 满宽红色提交按钮 */
.index-form ul li .box input.submit {
    font-weight: bold; padding: 0; height: 40px; line-height: 40px;
    border: 0; background: #ff0000; color: #fff; outline: none;
    width: 100%; font-size: 15px; text-align: center; cursor: pointer;
}
.index-form ul li .box input.submit:hover { background: #d40000; }

@media (max-width: 1440px) {
    .index-form ul { margin-left: -10px; }
    .index-form ul li .box { margin-left: 10px; }
}
@media (max-width: 992px) {
    .index-form ul li { width: 50%; margin-bottom: 15px; }
}
@media (max-width: 576px) {
    .index-form ul li { width: 100%; }
}
/* ==========================================================================
   首页 · 生产线（逐条照搬参考站 index-lingyu：图片叠加遮罩 + 白字）
   ========================================================================== */
.index-lingyu { overflow: hidden; }
.index-lingyu ul { margin-left: -5px; }
.index-lingyu ul li { width: 20%; float: left; margin-bottom: 5px; }
.index-lingyu ul li .box { margin-left: 5px; overflow: hidden; position: relative; }
.index-lingyu ul li .box .img { overflow: hidden; position: relative; }
.index-lingyu ul li .box .img img { width: 100%; display: block; transition: all .6s; }
.index-lingyu ul li .box:hover .img img { transform: scale(1.10); }
/* 半透明遮罩层 */
.index-lingyu ul li .box .desc {
    background: rgba(0,0,0,.1); position: absolute; z-index: 2;
    top: 0; bottom: 0; left: 0; right: 0; padding: 30px; transition: all .6s;
}
.index-lingyu ul li .box:hover .desc { background: rgba(0,0,0,.6); }
.index-lingyu ul li .box .desc h2 {
    height: 30px; line-height: 30px; font-size: 20px; color: #fff; font-weight: 500;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.index-lingyu ul li .box .desc i { display: block; margin: 10px 0; width: 40px; height: 2px; background: rgba(255,255,255,.6); }
.index-lingyu ul li .box .desc p.miaoshu {
    height: 24px; line-height: 24px; font-size: 14px; color: #fff;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.index-lingyu ul li .box .desc p.more {
    font-size: 14px; line-height: 24px; position: absolute; bottom: 30px; right: 30px;
    color: #fff; opacity: 0; transition: all .6s;
}
.index-lingyu ul li .box:hover .desc p.more { opacity: 1; }

/* ==========================================================================
   首页 · 产品中心（逐条照搬参考站 list-chanpin：方图 + 图下白底文字）
   ========================================================================== */
.list-chanpin { overflow: hidden; }
.list-chanpin ul { margin-left: -5px; margin-top: -3%; }
.list-chanpin ul li { width: 20%; float: left; margin-top: 3%; }
.list-chanpin ul li:nth-child(5n + 1) { clear: both; }
.list-chanpin ul li .box { margin-left: 5px; }
.list-chanpin ul li .box .img { overflow: hidden; margin-bottom: 30px; }
.list-chanpin ul li .box .img img { width: 100%; display: block; transition: all .6s; }
.list-chanpin ul li .box:hover .img img { transform: scale(1.10); }
.list-chanpin ul li .box .desc { overflow: hidden; padding: 0 5%; }
.list-chanpin ul li .box .desc h2 {
    height: 26px; line-height: 26px; font-size: 20px; color: #333; font-weight: 500;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px;
}
.list-chanpin ul li .box .desc p { line-height: 20px; font-size: 14px; color: #999; }
.list-chanpin ul li .box:hover .desc h2 { color: #ff0000; }

/* ==========================================================================
   首页 · 案例中心（逐条照搬参考站 list-anli：首项大卡 + 底部渐变遮罩白字）
   ========================================================================== */
.list-anli { display: flex; margin: -5px; }
.list-anli ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; width: 100%; }
.list-anli li { box-sizing: border-box; padding: 5px; }
.list-anli li:first-child { width: 50%; }
.list-anli li:not(:first-child) { width: 25%; }
.list-anli .box { position: relative; height: 100%; display: block; }
.list-anli .img { overflow: hidden; position: relative; height: 100%; }
.list-anli .img:before {
    content: ''; background: rgba(0,0,0,0); position: absolute; z-index: 2;
    top: 0; bottom: 0; right: 0; left: 0; transition: all .6s;
}
.list-anli .box:hover .img:before { background: rgba(0,0,0,.4); }
.list-anli .img:after {
    content: ''; position: absolute; z-index: 2; height: 90px; bottom: 0; right: 0; left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));
}
/* 照搬参考站：首图与非首图分成两条规则，且均不设 display:block
   （参考站为行内元素，图片下方保留基线间隙，去掉后区块高会少 4px） */
.list-anli li:not(:first-child) .img img {
    width: 100%; height: 100%; object-fit: cover;
    -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s;
}
.list-anli li:first-child .img img { width: 100%; height: 100%; object-fit: cover; }
.list-anli .box:hover .img img { transform: scale(1.10); }
.list-anli .desc {
    overflow: hidden; height: 26px; position: absolute; z-index: 3; bottom: 15px;
    left: 30px; right: 30px; transition: all .6s;
}
.list-anli .desc h2 {
    height: 26px; line-height: 26px; font-size: 18px; color: #fff; font-weight: 500;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px;
}
.list-anli .desc p { line-height: 20px; font-size: 12px; color: #fff; }
.list-anli .box:hover .desc { height: 51px; }

/* 断点（照搬参考站） */
@media (max-width: 1750px) {
    .index-lingyu ul li .box .desc { padding: 25px; }
    .index-lingyu ul li .box .desc h2 { height: 28px; line-height: 28px; font-size: 18px; }
    .index-lingyu ul li .box .desc i { width: 35px; }
    .index-lingyu ul li .box .desc p.miaoshu { font-size: 13px; }
    .index-lingyu ul li .box .desc p.more { font-size: 13px; bottom: 25px; right: 25px; }
    .list-anli .desc { left: 25px; right: 25px; }
}
/* 移动端：改为两列 / 单列 */
@media (max-width: 992px) {
    .index-lingyu ul li { width: 50%; }
    .list-chanpin ul li { width: 50%; }
    .list-anli { display: block; }
    .list-anli ul { display: block; }
    .list-anli li:first-child,
    .list-anli li:not(:first-child) { width: 100%; }
    .list-anli .img { height: 220px; }
}
/* ==========================================================================
   首页 · 关于我们 + 数字优势 + 视频弹层（逐条照搬参考站）
   ========================================================================== */
.index-about { overflow: hidden; margin-bottom: 50px; position: relative; }
.index-about .left-desc { width: 57.5%; }
.index-about .left-desc h2 { line-height: 34px; font-size: 24px; color: #333; font-weight: 500; margin-bottom: 20px; }
.index-about .left-desc i { width: 40px; height: 2px; display: block; background: #ccc; margin: 20px 0; }
.index-about .left-desc .jianjie p { line-height: 1.75; font-size: 15px; color: #555; }
.index-about .left-desc .jianjie a { color: #ff0000; }
/* 右侧视频封面：绝对定位铺满右列 */
.index-about .right-video {
    position: absolute; width: 33.1%; top: 0; bottom: 0; right: 0;
    background-size: cover !important; background-position: center center;
    background-color: #3c5dc5; cursor: pointer;
}
.index-about .right-video .about-play {
    cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: rgba(255,255,255,0); border: solid 2px #fff; border-radius: 100%;
    width: 52px; height: 52px; line-height: 52px; text-align: center;
}
.index-about .right-video .about-play i { font-size: 22px; color: #fff; }
.index-about .right-video .about-play:hover { background: rgba(255,255,255,.2); }
/* 视频弹层 */
.index-video-bg { display: none; position: fixed; z-index: 200; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6); }
.index-video-bg.show { display: block; }
.video-content { width: 960px; height: 540px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.video-content video { width: 960px; height: 540px; background: #000; }
.video-content .about-pause {
    cursor: pointer; position: absolute; z-index: 3; top: -40px; right: -40px;
    width: 32px; height: 32px; line-height: 32px; text-align: center;
    border: solid 2px #ccc; color: #ccc; border-radius: 100%;
}
.video-content .about-pause i { font-size: 16px; }
.video-content .about-pause:hover { color: #fff; border: solid 2px #fff; }

/* 数字优势：白底卡片 + 阴影，第一项红底白字 */
.index-youshi { box-shadow: 0 0 15px rgba(0,0,0,.1); background: #fff; }
.index-youshi:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.index-youshi ul li { width: 20%; float: left; padding: 40px 0; }
.index-youshi ul li .box { padding: 10px 40px; border-left: solid 1px #ddd; }
.index-youshi ul li .big-size { font-size: 52px; line-height: 1; color: #ff0000; }
.index-youshi ul li .desc { margin-top: 20px; }
.index-youshi ul li .desc p {
    white-space: pre-wrap; height: 40px; line-height: 20px;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; color: #555; font-size: 14px;
}
.index-youshi ul li:first-child { background: #ff0000; }
.index-youshi ul li:first-child .box { border: 0; }
.index-youshi ul li:nth-child(2) .box { border: 0; }
.index-youshi ul li:first-child .big-size { color: #fff !important; }
.index-youshi ul li:first-child .desc p { color: #fff !important; }

/* 逐条对齐参考站分档：1750 档只含 padding / desc 间距；字号降到 1440 档；内边距降到 1280 档 */
@media (max-width: 1750px) {
    .index-youshi ul li { padding: 30px 0; }
    .index-youshi ul li .desc { margin-top: 15px; }
    .index-about .left-desc h2 { font-size: 22px; line-height: 32px; }
    .index-about .left-desc i { width: 35px; }
}
@media (max-width: 1440px) {
    .index-youshi ul li .big-size { font-size: 46px; }
    .index-youshi ul li .desc p { font-size: 13px; }
    .index-about .left-desc .lianxi p { font-size: 18px; line-height: 28px; }
}
@media (max-width: 1280px) {
    .index-youshi ul li { padding: 20px 0; }
    .index-youshi ul li .desc p { font-size: 12px; }
    .index-youshi ul li .box { padding: 0 25px; }
    .index-youshi ul li .big-size { font-size: 42px; }
    .index-about .left-desc h2 { font-size: 20px; }
    .index-about .left-desc i { width: 30px; }
    .index-about .left-desc .jianjie p { font-size: 14px; line-height: 1.6; }
    .index-about .left-desc { width: 62.5%; }
}
/* 该规则已并入上方 1280 档 */
@media (max-width: 992px) {
    .index-about { overflow: visible; }
    .index-about .left-desc { width: 100%; }
    .index-about .right-video { position: static; width: 100%; height: 220px; margin-top: 20px; }
    .index-youshi ul li { width: 50%; padding: 20px 0; }
    .video-content { width: 92%; height: auto; }
    .video-content video { width: 100%; height: auto; }
}
/* ==========================================================================
   首页 · 新闻资讯（逐条照搬参考站 .list-index-article）
   ========================================================================== */
.list-index-article { overflow: hidden; position: relative; padding-bottom: 20px; margin-bottom: 50px; }

.list-index-article ul { margin-left: -5%; margin-top: -30px; }

.list-index-article ul li { width: 33.3333%; float: left; margin-top: 30px; }

.list-index-article ul li .box { margin-left: 14.3%; }

.list-index-article ul li .article-head { margin-bottom: 18px; border-bottom: solid 1px #ddd; height: 65px; line-height: 65px; position: relative; overflow: hidden; }

.list-index-article ul li .article-head a { font-size: 18px; position: absolute; left: 0; right: 100px; height: 65px; line-height: 65px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list-index-article ul li .article-head span { font-size: 18px; color: #ccc; display: block; position: absolute; right: 0; top: 0; }

.list-index-article ul li p { height: 48px; line-height: 24px; color: #999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.list-index-article ul li .article-head a:hover { color: #ff0000; }

@media screen and (max-width: 1750px) {
    .list-index-article ul li .article-head a { font-size: 17px; }
}

@media screen and (max-width: 1440px) {
    .list-index-article ul { margin-left: -40px; }
    .list-index-article ul li .box { margin-left: 40px; }
    .list-index-article ul li .article-head a { right: 70px; }
}

@media screen and (max-width: 1280px) {
    .list-index-article ul { margin-top: -20px; }
    .list-index-article ul li { margin-top: 20px; }
    .list-index-article ul li .article-head { height: 60px; line-height: 60px; margin-bottom: 15px; }
    .list-index-article ul li .article-head a { height: 60px; line-height: 60px; font-size: 16px; right: 60px; }
    .list-index-article ul li .article-head span { line-height: 60px; font-size: 14px; }
}

/* box-sizing 对齐：参考站无全局 border-box */
.list-index-article ul li .box { box-sizing: content-box; }

.list-index-article ul li .article-head { box-sizing: content-box; }

.list-index-article ul li .article-head a { box-sizing: content-box; }


/* ==========================================================================
   栏目顶部背景图（照搬参考站 list-img-bg）
   ========================================================================== */
.list-img-bg {
    position: relative;
    height: 300px;
    background-color: #3c5dc5;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* 底部半透明面包屑条 */
.list-img-bg .now {
    position: absolute; left: 0; right: 0; bottom: 0;
    height: 60px; background: rgba(0,0,0,.2); overflow: hidden;
}
.list-img-bg .now-box { width: 1200px; margin: 0 auto; padding: 0 15px; }
@media (max-width: 1240px) { .list-img-bg .now-box { width: 100%; } }
.list-img-bg .now .left { line-height: 60px; color: #fff; font-size: 14px; }
.list-img-bg .now .left a { color: #fff; }
.list-img-bg .now .left a:hover { color: #ff0000; }
.list-img-bg .now .left i { margin-right: 6px; }

/* 顶部大图未上传时的占位提示 */
.banner-empty-tip {
    position: absolute; left: 0; right: 0; top: 50%;
    transform: translateY(-50%);
    text-align: center; color: rgba(255,255,255,.75); font-size: 20px; line-height: 1.8;
}
.banner-empty-tip span { font-size: 13px; color: rgba(255,255,255,.55); }
@media (max-width: 992px) { .banner-empty-tip { font-size: 15px; } }
/* 详情页面包屑（无背景大图） */
.now2 { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; margin-bottom: 25px; }
.now2-box { width: 1200px; margin: 0 auto; padding: 0 15px; }
@media (max-width: 1240px) { .now2-box { width: 100%; } }
.now2 p { line-height: 24px; color: #999; font-size: 13px; }
.now2 p a { color: #999; }
.now2 p a:hover { color: #ff0000; }
.now2 p i { margin-right: 6px; }

@media (max-width: 992px) {
    .list-img-bg { height: 180px; }
    .list-img-bg .now { height: 46px; }
    .list-img-bg .now .left { line-height: 46px; font-size: 13px; }
}
/* ==========================================================================
   列表页：子栏目导航（逐条照搬参考站 list-son-nav2）
   ========================================================================== */
.list-son-nav2 { height: 80px; border-bottom: solid 1px #ddd; }
.list-son-nav2 ul { margin: 0 5%; }
.list-son-nav2 ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.list-son-nav2 ul li { float: left; margin-right: 40px; }
.list-son-nav2 ul li a { display: block; line-height: 80px; font-size: 16px; color: #333; }
.list-son-nav2 ul li.hover { border-bottom: solid 2px #ff0000; height: 79px; }
.list-son-nav2 ul li.hover a, .list-son-nav2 ul li:hover a { color: #ff0000; }

/* 列表页内容区 */
.chanpin-content { padding: 50px 5%; }

@media (max-width: 1750px) {
    .list-son-nav2 { height: 70px; }
    .list-son-nav2 ul li { margin-right: 35px; }
    .list-son-nav2 ul li a { line-height: 70px; font-size: 15px; }
    .list-son-nav2 ul li.hover { height: 69px; }
}
@media (max-width: 1280px) {
    .list-son-nav2 { height: 65px; }
    .list-son-nav2 ul li { margin-right: 30px; }
    .list-son-nav2 ul li a { line-height: 65px; font-size: 14px; }
    .list-son-nav2 ul li.hover { height: 64px; }
}
@media (max-width: 992px) {
    .list-son-nav2 { height: auto; overflow: hidden; }
    .list-son-nav2 ul li { margin-right: 20px; }
    .list-son-nav2 ul li a { line-height: 50px; font-size: 14px; }
    .list-son-nav2 ul li.hover { height: 49px; }
    .chanpin-content { padding: 30px 5%; }
    .list-chanpin ul li { width: 50%; }
}
/* ==========================================================================
   列表页 / 详情页
   ========================================================================== */
.pages { width: 1200px; margin: 0 auto; padding: 30px 15px 50px; }
@media (max-width: 1240px) { .pages { width: 100%; } }

/* 面包屑 */
.position { padding: 15px 0; font-size: 13px; color: #999; border-bottom: 1px solid #eee; margin-bottom: 25px; }
.position a { color: #999; }
.position a:hover { color: #ff0000; }

/* 产品/案例详情 */
.detail-box { display: flex; gap: 40px; margin-bottom: 40px; }
.detail-box .detail-img { flex: 1; }
.detail-box .detail-img img { width: 100%; display: block; }
.detail-box .detail-info { flex: 1; }
.detail-box .detail-info h1 { font-size: 24px; margin-bottom: 15px; color: #333; }
.detail-box .detail-info .price { font-size: 26px; color: #ff0000; font-weight: bold; margin-bottom: 20px; }
.detail-box .detail-info .price small { font-size: 14px; color: #999; font-weight: normal; }
.detail-box .detail-info table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.detail-box .detail-info table th,
.detail-box .detail-info table td { border: 1px solid #eee; padding: 10px 12px; font-size: 13px; text-align: left; }
.detail-box .detail-info table th { background: #f9f9f9; width: 110px; color: #666; font-weight: normal; }
.detail-box .detail-info .btn-ask {
    display: inline-block; padding: 12px 45px; background: #ff0000; color: #fff;
    border-radius: 3px; font-size: 16px;
}
.detail-box .detail-info .btn-ask:hover { background: #d40000; color: #fff; }
@media (max-width: 768px) { .detail-box { flex-direction: column; gap: 20px; } }

/* 详情正文 */
.detail-content { font-size: 15px; color: #555; line-height: 2; }
.detail-content h3 { font-size: 18px; color: #333; margin: 25px 0 15px; padding-left: 12px; border-left: 4px solid #ff0000; }
.detail-content img { max-width: 100%; height: auto; }
.detail-content p { margin-bottom: 15px; }

/* 上一篇/下一篇 */
.detail-nav { display: flex; justify-content: space-between; padding: 20px 0; border-top: 1px solid #eee; margin-top: 30px; font-size: 14px; color: #999; }
.detail-nav a { color: #666; }
.detail-nav a:hover { color: #ff0000; }

/* 分页 */
.page-nav { text-align: center; margin-top: 40px; }
.page-nav a, .page-nav span {
    display: inline-block; padding: 8px 15px; margin: 0 3px; border: 1px solid #ddd;
    border-radius: 3px; font-size: 14px; color: #666; background: #fff;
}
.page-nav a:hover, .page-nav span.current { background: #ff0000; border-color: #ff0000; color: #fff; }

/* 搜索框 */
.search-box { text-align: center; margin: 30px 0; }
.search-box input { width: 300px; padding: 10px 15px; border: 1px solid #ddd; border-radius: 3px 0 0 3px; }
.search-box button { padding: 10px 25px; background: #ff0000; color: #fff; border: 0; border-radius: 0 3px 3px 0; cursor: pointer; }

/* 留言表单 */
.message-form { max-width: 600px; margin: 0 auto; }
.message-form .item { margin-bottom: 15px; }
.message-form .item label { display: block; margin-bottom: 6px; font-size: 14px; color: #666; }
.message-form .item input, .message-form .item textarea {
    width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 3px;
}
.message-form .item textarea { height: 120px; resize: vertical; }
.message-form .item button { padding: 12px 50px; background: #ff0000; color: #fff; border: 0; border-radius: 3px; font-size: 16px; cursor: pointer; }

/* ==========================================================================
   详情页左右分栏（逐条照搬参考站 anli-view-*）
   ========================================================================== */
.anli-view-content { position: relative; margin: 0 5%; margin-top: 30px; margin-bottom: 80px; }
.anli-view-content:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.anli-view-content .anli-view-left { width: 320px; position: absolute; left: 0; top: 0; }
.anli-view-content .anli-view-left:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.anli-view-content .anli-view-main { margin-left: 410px; }
.anli-view-content .anli-view-main:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

/* 侧栏：相关资讯 */
.side-news-box { background: #f5f5f5; padding: 30px; margin-bottom: 20px; }
.side-news-box h4 {
    border-bottom: solid 1px #ddd; padding-bottom: 25px; text-align: center;
    font-size: 22px; font-weight: 500; line-height: 1; margin-bottom: 25px;
}
.list-text-news { overflow: hidden; }
.list-text-news ul li { height: 30px; line-height: 30px; position: relative; padding-left: 15px; }
.list-text-news ul li:after {
    content: ''; position: absolute; top: 50%; margin-top: -2px; left: 0;
    width: 4px; height: 4px; background: #c3c3c3;
}
.list-text-news ul li:hover:after { background: #ff0000; }
.list-text-news ul li a {
    font-size: 15px; color: #555; display: block; height: 30px; line-height: 30px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.list-text-news ul li a:hover { color: #ff0000; }

/* 侧栏：留言表单 */
.side-form-box { background: #f5f5f5; padding: 25px; }
.side-form-box h4 { text-align: center; font-size: 22px; font-weight: 500; line-height: 1; margin-bottom: 30px; }
.view-form { overflow: hidden; }
.view-form ul li { margin-bottom: 10px; position: relative; }
.view-form ul li:last-child { margin-bottom: 0; }
.view-form ul li input.intext {
    height: 38px; line-height: 38px; border: 0; background: #fff; outline: none;
    width: 100%; font-size: 14px; color: #333; border-radius: 3px; padding: 0 15px; box-sizing: border-box;
}
.view-form ul li span.tips { color: #999; line-height: 39px; font-size: 14px; position: absolute; z-index: 2; top: 0; right: 15px; }
.view-form ul li input.submit {
    font-weight: bold; height: 40px; line-height: 40px; border: 0; background: #ff0000;
    color: #fff; outline: none; width: 100%; border-radius: 3px; font-size: 15px; text-align: center; cursor: pointer;
}
.view-form ul li input.submit:hover { background: #d40000; }
.view-form ul li p { line-height: 1.5; font-size: 12px; text-align: center; color: #999; }

/* 产品头部：左图集 + 右参数（照搬参考站 chanpin-head）
   图集轮播由 superslide 驱动：.bigImg（大图）+ .smallScroll（sPrev/smallImg/sNext）+ .pageState
   尺寸为参考站四档：1920→384 / 1750→348 / 1580→300 / 1280→238 */
.chanpin-head { overflow: hidden; }
.solid-chanpin { position: relative; overflow: hidden; width: 384px; float: left; background: #fff; }
.solid-chanpin .bigImg { height: 384px; width: 384px; position: relative; text-align: center; overflow: hidden; background: #f5f5f5; }
.solid-chanpin .bigImg li img { vertical-align: middle; height: 384px; }
.solid-chanpin .bigImg h4 { font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
.solid-chanpin .smallScroll { width: 100%; margin-top: 5px; }
.solid-chanpin .sPrev, .solid-chanpin .sNext { float: left; display: block; width: 30px; height: 73px; line-height: 73px; text-align: center; background: #666; font-size: 16px; color: #ddd; cursor: pointer; }
.solid-chanpin .sPrev:hover { background: #ffcb2d; color: #333; }
.solid-chanpin .sNext:hover { background: #ffcb2d; color: #333; }
.solid-chanpin .smallImg { float: left; display: inline; width: calc(100% - 64px); margin: 0 0 0 2px; overflow: hidden; }
.solid-chanpin .smallImg ul { width: 9999px; overflow: hidden; }
.solid-chanpin .smallImg li { float: left; margin: 0 3px; width: 73px; cursor: pointer; display: inline; }
.solid-chanpin .smallImg img { width: 100%; height: 73px; opacity: .6; }
.solid-chanpin .smallImg .on img { opacity: 1; }
.solid-chanpin .pageState { position: absolute; bottom: 85px; right: 10px; letter-spacing: 2px; color: #fff; }
.solid-chanpin .pageState span { color: #ffcb2d; }

/* 1750 档 */
@media screen and (max-width: 1750px) {
    .solid-chanpin { width: 348px; }
    .solid-chanpin .bigImg { height: 348px; width: 348px; }
    .solid-chanpin .bigImg li img { height: 348px; }
    .solid-chanpin .bigImg h4 { font-size: 10px; }
    .solid-chanpin .sPrev, .solid-chanpin .sNext { width: 20px; height: 65px; line-height: 65px; font-size: 12px; }
    .solid-chanpin .smallImg { width: 285px; }
    .solid-chanpin .smallImg li { width: 65px; }
    .solid-chanpin .smallImg img { height: 65px; }
}

/* 1580 档 */
@media screen and (max-width: 1580px) {
    .solid-chanpin { width: 300px; }
    .solid-chanpin .bigImg { height: 300px; width: 300px; }
    .solid-chanpin .bigImg li img { height: 300px; }
    .solid-chanpin .bigImg h4 { font-size: 8px; line-height: 22px; height: 22px; padding-right: 20px; }
    .solid-chanpin .smallScroll { margin-top: 4px; }
    .solid-chanpin .sPrev, .solid-chanpin .sNext { width: 25px; height: 52px; line-height: 52px; font-size: 11px; }
    .solid-chanpin .smallImg { width: 240px; }
    .solid-chanpin .smallImg li { width: 52px; }
    .solid-chanpin .smallImg img { height: 44px; }
}

/* 1280 档 */
@media screen and (max-width: 1280px) {
    .solid-chanpin { width: 238px; }
    .solid-chanpin .bigImg { height: 238px; width: 238px; }
    .solid-chanpin .bigImg li img { height: 238px; }
    .solid-chanpin .bigImg h4 { font-size: 3px; line-height: 5px; height: 5px; padding-right: 5px; }
    .solid-chanpin .smallScroll { margin-top: 2px; }
    .solid-chanpin .sPrev, .solid-chanpin .sNext { width: 16px; height: 45px; line-height: 45px; font-size: 4px; }
    .solid-chanpin .smallImg { width: 206px; }
    .solid-chanpin .smallImg li { width: 45px; margin: 0 2px; }
    .solid-chanpin .smallImg img { height: 45px; }
}

.chanpin-top-canshu { width: 698px; float: left; margin-left: 80px; }
.chanpin-top-canshu h1 { font-size: 28px; line-height: 38px; margin-bottom: 10px; font-weight: 500; }
.chanpin-top-canshu .ds { line-height: 24px; color: #333; margin-bottom: 30px; }

/* 参数列表：span 标签 + p 值（照搬参考站 jbcs） */
.jbcs { overflow: hidden; }
.jbcs ul li { overflow: hidden; margin-bottom: 10px; line-height: 24px; }
.jbcs ul li span { display: block; float: left; color: #999; }
.jbcs ul li p { float: left; width: 495px; color: #333; }

/* 价格条（照搬参考站 price-item） */
.price-item { margin: 20px 0 !important; padding: 15px !important; background: #fff8f8 !important; border-radius: 8px !important; border: 1px solid #ffe5e5; }
.price-box { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.price-content { display: flex; align-items: baseline; gap: 5px; flex-grow: 1; }
.price-content .currency { color: #ff0000; font-size: 18px; }
.price-content .amount { color: #ff0000; font-size: 26px; }
.price-content .unit { color: #999; font-size: 14px; }
.consult-btn {
    flex-shrink: 0; display: inline-flex; align-items: center; padding: 12px 25px;
    background: #2d5be8; color: #fff !important; border-radius: 6px; transition: all .3s; text-decoration: none !important;
}
.consult-btn:hover { background: #1a4ab5; transform: translateY(-1px); box-shadow: 0 3px 12px rgba(45,91,232,.2); }
.consult-btn i { font-size: 16px; margin-right: 8px; }

/* 正文块（照搬参考站 item-danxiang-body） */
.item-danxiang-body { width: 100%; margin: 0 auto; overflow: hidden; line-height: 1.75; font-size: 16px; color: #444; }
.item-danxiang-body .title { overflow: hidden; height: 28px; line-height: 28px; font-weight: bold; color: #333; font-size: 18px; margin-bottom: 30px; }
.item-danxiang-body .title i { font-size: 18px; line-height: 28px; float: left; margin-top: 1px; margin-right: 8px; color: #ff0000; }
/* 分节标题图标：参考站用 .iconfont（22px 方块 + 红色），本地原先误写成 .title i，导致图标按
   iconfont.css 的 13px 行内渲染、高度少 28px。逐条照搬参考站原文。 */
.item-danxiang-body .title .iconfont { font-size: 22px; line-height: 28px; float: left; margin-top: -1px; margin-right: 5px; color: #ff0000; }
.item-danxiang-body p { text-align: justify; margin-top: 15px; }
.item-danxiang-body img { max-width: 100% !important; height: auto !important; }
.item-danxiang-body table { width: 100%; border-spacing: 0; margin-top: 20px; border-right: solid 1px #ddd; }
.item-danxiang-body table tr td { padding: 12px 10px; line-height: 24px; border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; }
.item-danxiang-body table tr:first-child { background: #cccccc; color: #333; font-weight: bold; }
.item-danxiang-body table tr:first-child:hover { background: #cccccc; }
.item-danxiang-body table tr:hover { background: #f5f5f5; }
.item-danxiang-body .t30 { margin-top: 30px; }
.item-danxiang-body table p { margin-top: 0; }
/* 说明：参考站 style.css 内**没有** .item-danxiang-body h3 规则，正文里的 h3 走 .about-body
   （15px/1.75）的继承 + 浏览器默认 h3 样式。本地曾额外加过一条 h3 规则（18px + 左侧红条），
   会使「产品详情」分节高出约 10px，故删除，保持与参考站一致。 */

/* 正文分节容器（逐条照搬参考站 #wrapper .container）
   参考站产品详情正文由若干「分节」组成，每节上下留白并带一条分隔线。 */
#wrapper .container { padding: 25px 0; padding-top: 65px; margin-top: -40px; border-bottom: solid 1px #ddd; }
#wrapper .end-container { border-bottom: solid 0 #ddd; padding: 0; padding-top: 25px; margin-top: -25px; }
#ab_img img { max-width: 100% !important; height: auto !important; display: inline-block; }
#ab_img p span { text-wrap: inherit !important; }
/* 正文里的 <video>：inline 元素按基线对齐，会在下方多出约 8px 的行盒下沉空隙，
   使「工厂介绍」分节比参考站高 8px。加 vertical-align:bottom 消除（参考站该处无此空隙）。 */
#ab_img video { vertical-align: bottom; }

/* 上一个/下一个产品（逐条照搬参考站 .sxp） */
.sxp { overflow: hidden; margin-bottom: 60px; }
.sxp p { font-size: 18px; color: #999; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sxp p.pre { float: left; width: 48%; }
.sxp p.next { float: right; width: 48%; text-align: right; }
.sxp a:hover { color: #ff0000; }

/* 相关产品（逐条照搬参考站 .about-anli / .list-about-anli） */
.about-anli { }
.about-anli h4 { font-size: 28px; line-height: 1; font-weight: 500; margin-bottom: 30px; }
.list-about-anli { overflow: hidden; }
.list-about-anli ul { margin-left: -20px; margin-top: -3%; }
.list-about-anli ul li { width: 20%; float: left; margin-top: 3%; }
.list-about-anli ul li .box { margin-left: 20px; }
.list-about-anli ul li .box .img { overflow: hidden; margin-bottom: 20px; }
.list-about-anli ul li .box .img img { width: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; }
.list-about-anli ul li .box:hover .img img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); transform: scale(1.10); }
.list-about-anli ul li .box .desc { overflow: hidden; }
.list-about-anli ul li .box .desc h2 { height: 26px; line-height: 26px; font-size: 18px; color: #333; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; }
.list-about-anli ul li .box .desc p { line-height: 20px; font-size: 13px; color: #999; }
.list-about-anli ul li .box:hover .desc h2 { color: #ff0000; }

@media (max-width: 1440px) {
    .chanpin-top-canshu { width: 608px; margin-left: 60px; }
    .chanpin-top-canshu h1 { font-size: 22px; line-height: 30px; margin-bottom: 7px; }
    .chanpin-top-canshu .ds { line-height: 20px; margin-bottom: 25px; }
    .jbcs ul li { margin-bottom: 8px; line-height: 22px; }
}
@media (max-width: 992px) {
    .solid-chanpin { width: 100%; float: none; }
    .solid-chanpin .bigImg { width: 100%; height: auto; }
    .solid-chanpin .bigImg li img { max-width: 100%; max-height: none; }
    .chanpin-top-canshu { width: 100%; float: none; margin-left: 0; margin-top: 20px; }
    .jbcs ul li p { width: auto; }
}
/* 详情正文标题 */
.anli-view-content .anli-view-main .anli-view-head { margin-bottom: 30px; }
.anli-view-content .anli-view-main .anli-view-head h1 { font-weight: 500; font-size: 28px; line-height: 1.5; margin-bottom: 10px; }
.anli-view-content .anli-view-main .anli-view-info { font-size: 16px; color: #999; overflow: hidden; }
.anli-view-content .anli-view-main .anli-view-info span { display: block; float: left; margin-right: 30px; }

/* 移动端：侧栏移到下方 */
@media (max-width: 992px) {
    .anli-view-content .anli-view-left { width: 100%; position: static; margin-bottom: 25px; }
    .anli-view-content .anli-view-main { margin-left: 0; }
}

/* 详情页四档响应式（逐条照搬参考站 1750/1580/1440/1280 三档原文） */
@media screen and (max-width: 1750px) {
    .anli-view-content .anli-view-main { margin-left: 390px; }
    .sxp p { font-size: 17px; }
    .about-anli h4 { font-size: 24px; }
    .list-about-anli ul { margin-left: -10px; }
    .list-about-anli ul li .box { margin-left: 10px; }
}
@media screen and (max-width: 1440px) {
    .anli-view-content { margin-top: 20px; }
    .anli-view-content .anli-view-left { width: 300px; }
    .anli-view-content .anli-view-main { margin-left: 360px; }
    .anli-view-content .anli-view-main .anli-view-head h1 { font-size: 22px; }
    .anli-view-content .anli-view-main .anli-view-info { font-size: 14px; }
    .sxp p { font-size: 16px; }
    .list-about-anli ul li .box .img { margin-bottom: 15px; }
    .list-about-anli ul li .box .desc h2 { font-size: 16px; height: 26px; line-height: 26px; margin-bottom: 5px; }
    .list-about-anli ul li .box .desc p { font-size: 12px; }
}
@media screen and (max-width: 1280px) {
    .anli-view-content .anli-view-main .anli-view-head h1 { font-size: 18px; }
    .sxp { margin-bottom: 40px; }
    .sxp p { font-size: 15px; }
    .about-anli h4 { font-size: 22px; margin-bottom: 20px; }
}
/* ==========================================================================
   底部（逐条照搬参考站 .footer 系列）
   ========================================================================== */
.footer { padding: 60px 0; background: #333; }

.footer-box { margin: 0 5%; overflow: hidden; }

.footer-content { overflow: hidden; }

.footer-content .left-nav { float: left; overflow: hidden; margin-right: 5%; }

.footer-content .left-nav h4 { color: #999; line-height: 30px; font-size: 20px; font-weight: 500; margin-bottom: 15px; }

.footer-content .left-nav a { display: block; color: #999; line-height: 28px; }

.footer-content .left-nav a:hover { color: #fff; }

.footer-content .center-contact { float: left; overflow: hidden; }

.footer-content .center-contact h4 { color: #999; line-height: 30px; font-size: 20px; font-weight: 500; margin-bottom: 15px; }

.footer-content .center-contact p { overflow: hidden; position: relative; line-height: 28px; color: #999; }

.footer-content .right-erweima { float: right; overflow: hidden; }

.footer-content .right-erweima img { width: 140px; }

.footer-content .right-erweima p { line-height: 28px; text-align: center; color: #999; margin-top: 10px; }

.footer-copy { line-height: 24px; font-size: 12px; color: #999; padding-top: 30px; margin-top: 30px; border-top: solid 1px #444; overflow: hidden; }

.footer-copy .left { float: left; overflow: hidden; }

.footer-copy .right { float: right; overflow: hidden; }

.footer-copy a { color: #999; }

@media screen and (max-width: 1750px) {
    .footer { padding: 50px 0; }
    .footer-content .left-nav h4 { font-size: 18px; line-height: 28px; }
    .footer-content .center-contact h4 { font-size: 18px; line-height: 28px; }
    .footer-content .left-nav a { font-size: 13px; }
    .footer-content .center-contact p { font-size: 13px; }
}

@media screen and (max-width: 1580px) {
    .footer-content .left-nav a { line-height: 26px; }
    .footer-content .left-nav h4 { margin-bottom: 10px; }
    .footer-content .center-contact h4 { margin-bottom: 10px; }
}

@media screen and (max-width: 1440px) {
    .footer-copy { padding-top: 20px; margin-top: 20px; }
    .footer-content .right-erweima img { width: 120px; }
}


/* ==========================================================================
   侧边悬浮客服（逐条照搬参考站 kefu.css 的 .toolbar）
   ========================================================================== */
.toolbar {
    position: fixed; top: 50%; right: .5%; margin-top: -163px;
    z-index: 100; width: 80px;
}
.toolbar dd {
    position: relative; float: left; width: 80px; height: 80px;
    background: #ff0000; margin: 2px 0 0 0; border-radius: 5px;
    color: #fff; font-size: 14px; line-height: 21px; text-align: center;
    cursor: pointer; transition: all .5s;
}
.toolbar dd:first-child { margin-top: 0; }
/* 图标用 Font Awesome 替代参考站的雪碧图 */
.toolbar dd i {
    width: 100%; height: 30px; display: block; margin-top: 13px;
    font-size: 26px; line-height: 30px; font-style: normal;
}
.toolbar dd span { display: block; color: #fff; text-align: center; }
/* 弹出框 */
.toolbar dd.tel .box,
.toolbar dd.code .box {
    position: absolute; top: 0; border-radius: 5px; background: #ff0000;
    opacity: 0; transition: all .5s; margin-right: 10px;
}
.toolbar dd.tel .box { width: 190px; right: -200px; height: 100%; }
.toolbar dd.tel .box p { font-size: 12px; margin: 15px auto 7px; text-align: center; }
.toolbar dd.tel .box h3 { font-size: 18px; font-weight: bold; text-align: center; }
.toolbar dd.code .box { width: 162px; right: -172px; height: 162px; }
.toolbar dd.code .box img { width: 140px; height: 140px; padding: 11px; }
/* 弹出框箭头 */
.toolbar dd.tel .box:after,
.toolbar dd.code .box:after {
    display: block; content: " "; border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #ff0000; border-width: 9px;
    width: 0; height: 0; position: absolute; right: -18px; margin-left: -12px;
}
.toolbar dd.tel .box:after { top: 50%; margin-top: -9px; }
.toolbar dd.code .box:after { top: 30px; }
/* 悬停 */
.toolbar dd:hover { background: #333; }
.toolbar dd.tel:hover .box { opacity: 1; right: 80px; }
.toolbar dd.code:hover .box { opacity: 1; right: 80px; }
/* ==========================================================================
   移动端适配
   ========================================================================== */
@media (max-width: 992px) {
    body { padding-top: 64px; }
    .header-box { height: 64px; }
    .header .logo { top: 10px; }
    .header .logo img { height: 44px; }
    .header .navbr {
        display: none; position: absolute; left: 0; right: 0; top: 64px;
        background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.1); max-height: 70vh; overflow-y: auto;
    }
    .header .navbr.open { display: block; }
    .header .navbr ul { text-align: left; }
    .header .navbr ul li { display: block; padding: 0; }
    .header .navbr ul li:before { display: none; }
    .header .navbr ul li a {
        line-height: 46px; padding: 0 20px; border-bottom: 1px solid #f0f0f0;
        white-space: normal; font-size: 15px;
    }
    .header .navbr ul li .subNav { display: block; position: static; width: 100%; background: #fafafa; padding: 0; }
    .header .navbr ul li .subNav a { color: #666; padding-left: 40px; border-bottom: 1px solid #f5f5f5; }
    .header .navbr ul li .subNav .subSubNav { display: block; position: static; width: 100%; background: #f5f5f5; padding: 0; }
    .header .navbr ul li .subNav .subSubNav a { color: #666; padding-left: 60px; }
    .mobile-nav-toggle { display: block; }
    .header .lianxi { display: none; }
    .page-content { padding: 30px 0; }
    .head-title h2 { font-size: 22px; }
    .head-title .more { position: static; display: block; margin-top: 8px; }
    .toolbar { display: none; }
    .detail-content { font-size: 14px; }
}

/* ==========================================================================
   box-sizing 对齐：参考站无全局 border-box，下列选择器恢复 content-box 语义，
   使 width/padding 计算方式与参考站逐字节一致（见 _env/matched.json 取证）。
   ========================================================================== */
.list-chanpin ul li .box { box-sizing: content-box; }
.list-chanpin ul li .box .img { box-sizing: content-box; }
.list-chanpin ul li .box .desc { box-sizing: content-box; }
.index-lingyu ul li .box { box-sizing: content-box; }
.index-lingyu ul li .box .img { box-sizing: content-box; }
.index-lingyu ul li .box .desc { box-sizing: content-box; }
.index-youshi ul li .box { box-sizing: content-box; }
.index-anli ul li .box { box-sizing: content-box; }

/* ==========================================================================
   施工服务列表（逐条照搬参考站 list-gongchengfuwu：图右文左的大卡片）
   ========================================================================== */
.list-gongchengfuwu { overflow: hidden; padding: 80px 5%; }
.list-gongchengfuwu ul li { position: relative; margin-bottom: 30px; }
.list-gongchengfuwu ul li:last-child { margin-bottom: 0; }
.list-gongchengfuwu ul li .box { background: #f5f5f5; overflow: hidden; position: relative; }
.list-gongchengfuwu ul li .box .img { width: 60%; margin-left: auto; position: relative; }
.list-gongchengfuwu ul li .box .img img { width: 100%; display: block; }
.list-gongchengfuwu ul li .box .img:after {
    content: ''; position: absolute; top: 50%; margin-top: -25px; left: 0;
    border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #f5f5f5;
}
.list-gongchengfuwu ul li .box .desc { position: absolute; top: 50%; transform: translateY(-50%); left: 5%; right: 65%; }
.list-gongchengfuwu ul li .box .desc h2 a { display: block; margin-bottom: 20px; font-size: 28px; line-height: 1; font-weight: 500; color: #333; }
.list-gongchengfuwu ul li .box .desc h2 a:hover { color: #ff0000; }
.list-gongchengfuwu ul li .box .desc p {
    line-height: 2; color: #999; font-size: 16px; margin-bottom: 60px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.list-gongchengfuwu ul li .box .desc .btn-more a {
    display: block; width: 50px; height: 50px; background: #ddd;
    line-height: 50px; text-align: center; color: #999;
}
.list-gongchengfuwu ul li .box .desc .btn-more a:hover { color: #fff; background: #ff0000; }

/* ==========================================================================
   单页（逐条照搬参考站 danye-*：左栏目导航 + 右正文）
   ========================================================================== */
.danye-content { overflow: hidden; position: relative; }
.danye-content .danye-side {
    background: #fafafa; border-right: solid 1px #eee; padding: 4.5% 5%;
    width: 24%; float: left; overflow: hidden; box-sizing: border-box;
    position: absolute; left: 0; bottom: 0; top: 0;
}
.danye-content .danye-nav h2 {
    margin-bottom: 25px; font-weight: 500; font-size: 26px; line-height: 1;
    padding-bottom: 35px; border-bottom: solid 1px #ddd; color: #b5b5b5;
}
.danye-content .danye-nav ul li { padding-left: 25px; margin-bottom: 10px; position: relative; }
.danye-content .danye-nav ul li:after {
    content: ''; position: absolute; left: 0; top: 50%; margin-top: -5px;
    width: 8px; height: 8px; border-radius: 100%; border: solid 2px #999;
}
.danye-content .danye-nav ul li a {
    display: block; color: #666; height: 44px; line-height: 44px; font-size: 20px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.danye-content .danye-nav ul li.hover a, .danye-content .danye-nav ul li:hover a { color: #ff0000; }
.danye-content .danye-nav ul li.hover:after, .danye-content .danye-nav ul li:hover:after { content: ''; border: solid 2px #ff0000; }
.danye-content .danye-main {
    min-height: 600px; box-sizing: border-box; width: 76%; padding: 4.5% 5%;
    background: #fff; overflow: hidden; margin-left: auto;
}
.danye-content .danye-main .danye-head { margin-bottom: 80px; }
.danye-content .danye-main .danye-head h1 { margin-top: -0.25em; font-size: 28px; line-height: 1.5; text-align: center; font-weight: 500; }
.danye-content .danye-main .danye-body { text-align: justify; line-height: 1.75; font-size: 18px; color: #555; }
.danye-content .danye-main .danye-body img { max-width: 100% !important; height: auto !important; }
.danye-content .danye-main .danye-body video { max-width: 100% !important; height: auto !important; }
@media (max-width: 1750px) {
    .danye-content .danye-nav h2 { font-size: 24px; }
    .danye-content .danye-nav ul li a { font-size: 18px; }
    .danye-content .danye-main .danye-head h1 { font-size: 24px; }
    .danye-content .danye-main .danye-body { font-size: 16px; }
}
@media (max-width: 1440px) {
    .danye-content .danye-main .danye-head { margin-bottom: 50px; }
}
@media (max-width: 1280px) {
    .danye-content .danye-nav ul li { margin-bottom: 5px; }
    .danye-content .danye-main .danye-head { margin-bottom: 40px; }
}
@media (max-width: 992px) {
    .danye-content .danye-side { position: static; width: 100%; float: none; border-right: 0; border-bottom: solid 1px #eee; }
    .danye-content .danye-main { width: 100%; margin-left: 0; padding: 30px 5%; }
    .list-gongchengfuwu { padding: 40px 5%; }
    .list-gongchengfuwu ul li .box .img { width: 100%; }
    .list-gongchengfuwu ul li .box .img:after { display: none; }
    .list-gongchengfuwu ul li .box .desc { position: static; transform: none; left: auto; right: auto; padding: 25px; }
    .list-gongchengfuwu ul li .box .desc p { margin-bottom: 20px; }
}

/* ==========================================================================
   案例列表（逐条照搬参考站 anli-content / list-case）
   参考站：4 列网格，图片容器固定高 280px + object-fit:cover
   ========================================================================== */
.anli-content { padding: 80px 5%; }
.list-case { overflow: hidden; }
.list-case ul { margin-left: -5px; margin-top: -3%; }
.list-case ul li { width: 25%; float: left; margin-top: 3%; }
.list-case ul li:nth-child(4n + 1) { clear: both; }
.list-case ul li .box { margin-left: 5px; }
.list-case ul li .box .img {
    overflow: hidden; margin-bottom: 30px; width: 100%; height: 280px; position: relative;
}
.list-case ul li .box .img img {
    width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .6s;
}
.list-case ul li .box:hover .img img { transform: scale(1.10); }
.list-case ul li .box .desc { overflow: hidden; padding: 0 5%; }
.list-case ul li .box .desc h2 {
    height: 26px; line-height: 26px; font-size: 20px; color: #333; font-weight: 500;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px;
}
.list-case ul li .box .desc p { line-height: 20px; font-size: 14px; color: #999; }
.list-case ul li .box:hover .desc h2 { color: #ff0000; }
@media (max-width: 1750px) {
    .anli-content { padding: 60px 5%; }
    .list-case ul li .box .desc h2 { font-size: 18px; }
}
@media (max-width: 1440px) {
    .anli-content { padding: 50px 5%; }
    .list-case ul li .box .img { margin-bottom: 20px; }
    .list-case ul li .box .desc { padding: 0 3%; }
    .list-case ul li .box .desc h2 { font-size: 16px; margin-bottom: 5px; }
    .list-case ul li .box .desc p { font-size: 12px; }
}
@media (max-width: 1280px) { .anli-content { padding: 40px 5%; } }
@media (max-width: 992px) {
    .list-case ul li { width: 50%; }
    .list-case ul li:nth-child(4n + 1) { clear: none; }
    .list-case ul li:nth-child(2n + 1) { clear: both; }
}

/* ==========================================================================
   新闻列表（逐条照搬参考站 news-content / list-article）
   参考站：3 列，灰底卡片 + 绝对定位日期块（大号日 + 小号年）
   ========================================================================== */
.news-content { padding: 80px 5%; }
.list-article { overflow: hidden; }
.list-article ul { margin-top: -30px; margin-left: -30px; }
.list-article ul li { width: 33.3334%; float: left; margin-top: 30px; }
.list-article ul li .box {
    margin-left: 30px; background: #f5f5f5; padding: 50px; overflow: hidden; position: relative;
}
.list-article ul li .data {
    position: absolute; top: 50px; left: 50px; border-bottom: solid 1px #ccc; height: 103px;
}
.list-article ul li .data span.day { display: block; font-size: 32px; line-height: 42px; }
.list-article ul li .data span.year { display: block; font-size: 15px; line-height: 22px; color: #ccc; }
.list-article ul li .desc { padding-left: 120px; }
.list-article ul li .desc h2 a {
    display: block; font-size: 22px; line-height: 30px; height: 60px; font-weight: 500;
    text-align: justify; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.list-article ul li .desc p {
    margin-top: 20px; display: block; font-size: 14px; line-height: 24px; height: 48px; color: #999;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.list-article ul li .desc h2 a:hover { color: #ff0000; }
@media (max-width: 1750px) {
    .news-content { padding: 60px 5%; }
    .list-article ul { margin-top: -20px; margin-left: -20px; }
    .list-article ul li { margin-top: 20px; }
    .list-article ul li .box { margin-left: 20px; padding: 30px; }
    .list-article ul li .data { top: 30px; left: 30px; height: 95px; }
    .list-article ul li .data span.day { font-size: 28px; line-height: 38px; }
    .list-article ul li .data span.year { font-size: 14px; line-height: 20px; }
    .list-article ul li .desc { padding-left: 110px; }
    .list-article ul li .desc h2 a { font-size: 20px; line-height: 26px; height: 52px; }
    .list-article ul li .desc p { font-size: 13px; line-height: 22px; height: 44px; }
}
@media (max-width: 1440px) {
    .news-content { padding: 50px 5%; }
    .list-article ul li .data { height: 94px; }
    .list-article ul li .data span.day { font-size: 26px; }
    .list-article ul li .desc h2 a { font-size: 18px; line-height: 26px; height: 52px; font-weight: 500; text-align: justify; }
    .list-article ul li .desc { padding-left: 100px; }
}
@media (max-width: 1280px) {
    .news-content { padding: 40px 5%; }
    .list-article ul li .desc h2 a { font-size: 16px; line-height: 24px; height: 48px; }
    .list-article ul li .data { height: 90px; }
    .list-article ul li .data span.day { font-size: 24px; line-height: 34px; }
}
@media (max-width: 992px) {
    .list-article ul li { width: 50%; }
}
@media (max-width: 576px) {
    .list-article ul { margin-left: 0; margin-top: 0; }
    .list-article ul li { width: 100%; }
    .list-article ul li .box { margin-left: 0; }
}

/* ==========================================================================
   联系我们（逐条照搬参考站 /skin/css/ContactUs.css 的 NyContactUs 段）
   ========================================================================== */
.NyContactUs { width: 100%; height: auto; min-height: 320px; margin: 0 auto; padding: 80px 0; box-sizing: border-box; }
.NyContactUs .NyContactUs_Infor { width: 100%; height: auto; margin: 0 auto 40px; padding: 0; box-sizing: border-box; }
.NyContactUs_Infor .NyContactUsInfor_Main { width: 1400px; max-width: 90%; height: auto; margin: 0 auto; padding: 0; }
.NyContactUsInfor_Main .NyContactUsInfor_Img { width: 100%; height: 350px; margin: 0 auto; padding: 0; position: relative; }
.NyContactUsInfor_Img img.contactImg {
    display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; padding: 0;
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
}
.NyContactUsInfor_Img .contactText {
    width: 50%; height: 100%; overflow: hidden; margin: 0; padding: 100px 20% 100px 60px;
    background: url(../../../static/upload/ph/contactbg.png) 0 0 no-repeat; background-size: 100% 100%;    position: absolute; left: 0; top: 0; box-sizing: border-box;
}
.contactText p { width: 100%; height: auto; line-height: 36px; color: #fff; font-size: 24px; font-weight: bold; word-break: break-all; margin: 0 auto; padding: 0; }
.contactText i { display: block; width: 50px; height: 2px; margin: 10px 0 40px; padding: 0; background: url(../../../static/upload/ph/line06.png) 0 0 no-repeat; }
.contactText span { display: block; width: 100%; height: auto; line-height: 30px; color: rgba(255,255,255,.85); font-size: 16px; margin: 0 auto; padding: 0; }
.contactText em { display: block; width: 80px; height: 80px; margin: 0; padding: 0; background: url(../../../static/upload/ph/xs.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: 50px; right: 40%; }
.NyContactUsInfor_Main .NyContactUsInfor_Con { width: 100%; height: auto; margin: 0 auto; padding: 40px 0; background-color: #fff; overflow: hidden; }
.NyContactUsInfor_Con .NyContactUs_Ewm {
    width: 25%; height: 200px; overflow: hidden; margin: 0; padding: 20px 40px;
    border-right: 1px solid #e6e6e6; float: left; box-sizing: border-box;
}
.NyContactUs_Ewm span {
    display: block; width: 130px; height: 130px; overflow: hidden; margin: 0 auto 10px;
    padding: 4px; border: 1px solid #e6e6e6; box-sizing: border-box;
}
.NyContactUs_Ewm span img { display: block; width: 120px; height: 120px; margin: 0 auto; padding: 0; }
.NyContactUs_Ewm p { width: 100%; height: auto; line-height: 20px; color: #666; font-size: 16px; text-align: center; margin: 0 auto; padding: 0; }
.NyContactUsInfor_Con .NyContactUs_Lxfs { width: 75%; height: 200px; overflow: hidden; margin: 0; padding: 42px 0; float: right; box-sizing: border-box; }
.NyContactUs_Lxfs ul li {
    width: 33.333333%; height: auto; margin: 0; padding: 0 20px;
    border-right: 1px solid #e6e6e6; float: left; box-sizing: border-box;
}
.NyContactUs_Lxfs ul li:nth-child(3) { border: 0; }
/* 三项联系方式的图标：参考站原文为 margin: 0 auto 20px（图标下方留 20px 再跟文字） */
.NyContactUs_Lxfs ul li img { display: block; width: 44px; height: 44px; margin: 0 auto 20px; padding: 0; }
.NyContactUs_Lxfs ul li span { display: block; width: 100%; height: auto; line-height: 30px; color: #333; font-size: 18px; text-align: center; margin: 0 auto; padding: 0; }
.NyContactUs_Lxfs ul li p {
    width: 100%; height: auto; max-height: 48px; overflow: hidden; line-height: 24px; color: #666;
    font-size: 18px; text-align: center; word-break: break-all; display: -webkit-box;
    text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 auto; padding: 0;
}
@media (max-width: 1440px) {
    .NyContactUs { padding: 60px; }
    .NyContactUs_Infor .NyContactUsInfor_Main { width: 100%; }
    .contactText em { top: 40px; right: 30%; }
    .NyContactUs .NyContactUs_Infor { margin: 0 auto 30px; }
    .NyContactUsInfor_Main .NyContactUsInfor_Con { padding: 30px 0; }
    .NyContactUsInfor_Con .NyContactUs_Ewm { padding: 20px; }
    .NyContactUs_Lxfs ul li span { font-size: 16px; }
    .NyContactUs_Lxfs ul li p { font-size: 16px; }
}
@media (max-width: 1366px) {
    .NyContactUsInfor_Main .NyContactUsInfor_Img { height: 320px; }
    .NyContactUsInfor_Img .contactText { padding: 80px 15% 80px 60px; }
    .contactText span { line-height: 25px; font-size: 15px; }
    .contactText em { width: 72px; height: 72px; }
    .NyContactUs_Ewm p { font-size: 15px; }
}
@media (max-width: 1280px) {
    .NyContactUsInfor_Main .NyContactUsInfor_Img { height: 300px; }
    .contactText em { width: 70px; height: 70px; top: 30px; right: 20%; }
    .NyContactUsInfor_Con .NyContactUs_Ewm { height: 220px; padding: 30px; }
    .NyContactUsInfor_Con .NyContactUs_Lxfs { height: 220px; padding: 52px 0; }
}
@media (max-width: 1200px) {
    .NyContactUs { padding: 60px 40px; }
    .NyContactUsInfor_Main .NyContactUsInfor_Img { height: 260px; }
    .NyContactUsInfor_Img .contactText { padding: 60px 12% 60px 40px; }
    .contactText p { line-height: 32px; font-size: 22px; }
    .contactText span { line-height: 24px; font-size: 14px; }
    .contactText i { margin: 10px 0 30px; }
    .NyContactUsInfor_Con .NyContactUs_Ewm { height: 200px; padding: 20px; }
    .NyContactUs_Ewm p { line-height: 20px; font-size: 14px; }
    .NyContactUsInfor_Con .NyContactUs_Lxfs { height: 200px; padding: 40px 0; }
    .NyContactUs_Lxfs ul li span { font-size: 16px; }
    .NyContactUs_Lxfs ul li p { font-size: 15px; }
}
@media (max-width: 800px) {
    .NyContactUs { padding: 40px 20px; }
    .NyContactUsInfor_Main .NyContactUsInfor_Img { height: 240px; }
    .NyContactUsInfor_Img .contactText { width: 65%; padding: 50px 12% 50px 40px; }
    .contactText em { width: 60px; height: 60px; top: 30px; right: 20%; }
    .NyContactUsInfor_Main .NyContactUsInfor_Con { padding: 20px 0; }
    .NyContactUsInfor_Con .NyContactUs_Ewm { width: 100%; height: auto; margin: 0 auto; padding: 20px; border: 0; float: none; }
    .NyContactUsInfor_Con .NyContactUs_Lxfs { width: 100%; height: auto; margin: 0 auto; padding: 20px; float: none; }
}
@media (max-width: 767px) {
    .NyContactUsInfor_Main .NyContactUsInfor_Img { height: 180px; }
    .NyContactUsInfor_Img .contactText { width: 100%; padding: 30px 12% 30px 20px; }
    .contactText p { line-height: 30px; font-size: 20px; }
    .contactText i { margin: 10px 0 20px; }
    .NyContactUs_Lxfs ul li { width: 100%; margin: 0 auto; padding: 20px 0; border-right: 0; border-bottom: 1px solid #e6e6e6; float: none; }
}

/* 服务城市：省份分组列表（参考站 dl/dt/dd 结构）
   ★参考站 .news-content 内**没有** .content 的自定义样式，dl/dt/dd 全部走浏览器默认
   （dt 加粗块级、dd 左缩进 40px、行高 normal）。
   此处不得添加 line-height / color / margin 等覆盖，否则会把行高或间距撑大，
   页面整体高度与参考站不符。
   ★h2 上的 .text-center / .my-4 是 Bootstrap 类名，参考站未加载 Bootstrap，
   这两个类**不生效**（h2 的 margin 为 0）；本地也不得为它们补样式。 */
.news-content .text-center { text-align: center; }
/* dd 内的城市名：参考站是 <a>（inline），本地用 <span>，需保证同样不换行、间距一致 */
.news-content .content dd span { margin-right: 12px; }

/* ==========================================================================
   生产线列表（逐条照搬参考站 lst-shengchanxian：5 列卡片 + 遮罩 + hover 箭头）
   ========================================================================== */
.lst-shengchanxian { overflow: hidden; padding: 80px 5%; }
.lst-shengchanxian ul { margin-left: -5px; margin-top: -40px; }
.lst-shengchanxian ul li { width: 20%; float: left; margin-top: 40px; }
.lst-shengchanxian ul li .box { margin-left: 5px; overflow: hidden; position: relative; }
.lst-shengchanxian ul li .box .img { overflow: hidden; position: relative; margin-bottom: 20px; }
.lst-shengchanxian ul li .box .img img { width: 100%; display: block; transition: all .6s; }
.lst-shengchanxian ul li .box:hover .img img { transform: scale(1.10); }
.lst-shengchanxian ul li .box .img:before {
    content: ''; background: rgba(0,0,0,.05); position: absolute; z-index: 2;
    top: 0; bottom: 0; left: 0; right: 0; transition: all .6s;
}
.lst-shengchanxian ul li .box:hover .img:before { content: ''; background: rgba(0,0,0,.4); }
.lst-shengchanxian ul li .box .img p.more {
    line-height: 50px; width: 50px; border-radius: 100%; border: solid 1px #fff;
    position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%);
    color: #fff; opacity: 0; text-align: center; transition: all .6s;
}
.lst-shengchanxian ul li .box .img p.more .iconfont { font-size: 18px; }
.lst-shengchanxian ul li .box:hover .img p.more { opacity: 1; }
.lst-shengchanxian ul li .box .desc { overflow: hidden; }
.lst-shengchanxian ul li .box .desc h2 {
    height: 34px; line-height: 34px; font-size: 24px; color: #333; font-weight: 500;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;
}
.lst-shengchanxian ul li .box .desc i { display: block; margin: 10px auto; width: 40px; height: 2px; background: #ddd; }
.lst-shengchanxian ul li .box .desc p.miaoshu {
    height: 26px; line-height: 26px; font-size: 16px; color: #999;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;
}
.lst-shengchanxian ul li .box:hover .desc h2 { color: #ff0000; }
@media (max-width: 1750px) {
    .lst-shengchanxian ul li .box .desc h2 { font-size: 20px; }
    .lst-shengchanxian ul li .box .desc p.miaoshu { font-size: 14px; }
}
@media (max-width: 1280px) {
    .lst-shengchanxian { padding: 60px 5%; }
    .lst-shengchanxian ul li { width: 25%; }
    .lst-shengchanxian ul li .box .desc h2 { font-size: 18px; }
}
@media (max-width: 992px) {
    .lst-shengchanxian { padding: 40px 5%; }
    .lst-shengchanxian ul li { width: 33.3333%; }
}
@media (max-width: 576px) {
    .lst-shengchanxian ul li { width: 50%; }
}
/* ==========================================================================
   厂家页 · 关于我们（逐条照搬参考站 .about-content / .about-body）
   参考站原文：
     .about-content{ padding:80px 5%;}      1750档 60px 5% / 1580档 50px 5% / 1440档 40px 5%
     .about-body{ line-height:1.75;font-size:15px;color:#555;}
     .about-body p{ margin-bottom:1em;}     1580档 .5em / 1440档 font-size:14px;line-height:1.6
   ========================================================================== */
.about-content { padding: 80px 5%; }

.about-body { line-height: 1.75; font-size: 15px; color: #555; }

.about-body p { margin-bottom: 1em; }

.about-body img { max-width: 100%; height: auto; }

/* 厂家页标题 h1：参考站未对 .index-about h1 定义任何规则，
   实测生效的是浏览器默认（font-size:28px、font-weight:bold、line-height:normal），
   故此处不写规则，保持一致。 */

/* 分档阈值经实测确认（_env/tier_probe.js 逐宽度二分）：
   1920→80px / 1750→60px / 1580→50px / 1440→50px / 1280→40px，且 1280 档 .about-body 降为 14px/1.6 */
@media screen and (max-width: 1750px) {
    .about-content { padding: 60px 5%; }
}

@media screen and (max-width: 1580px) {
    .about-content { padding: 50px 5%; }
}

@media screen and (max-width: 1440px) {
    .about-content { padding: 50px 5%; }
    .about-body p { margin-bottom: .5em; }
}

@media screen and (max-width: 1280px) {
    .about-content { padding: 40px 5%; }
    .about-body { font-size: 14px; line-height: 1.6; }
}

/* box-sizing 对齐：参考站无全局 border-box */
.about-content .index-about { box-sizing: content-box; }
.about-content .left-desc { box-sizing: content-box; }
.about-content .index-youshi { box-sizing: content-box; }
/* ==========================================================================
   分页（逐条照搬参考站 .pagebar / .pagination）
   ========================================================================== */
.pagebar { padding: 20px; overflow: hidden; clear: both; }

.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }

.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height: 100%; }

.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; }

.pagination a:hover { color: #333; border: 1px solid #333; }

.pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; }

.pagination .st { font-family: 宋体; }