/* ============================================================
四川正路建设工程检测 - 静态首页样式
设计稿宽度 1200px 居中 · 深蓝主色 · 工程行业稳重风
============================================================ */
:root{
--blue-deep:#073763;
--blue:#093c6c;
--blue-link:#0254b9;
--blue-light:#7AAFF0;
--blue-hover:#0064D4;
--deco:#dddddd;
--text:#5a5a5a;
--dark:#434343;
--gray-bg:#f5f5f5;
--footer-bg:#eeeeee;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
font-family:"Microsoft YaHei","微软雅黑",Arial,"宋体",Helvetica,sans-serif;
color:var(--text);
font-size:14px;
line-height:1.7;
background:#fff;
min-width:0;
}
a{text-decoration:none;color:inherit;}
ul,li{list-style:none;}
img{display:block;max-width:100%;}
.wrap{width:1200px;max-width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box;}
/* 手机端汉堡按钮（默认桌面隐藏） */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;height:2px;background:#093c6c;border-radius:2px;transition:.3s;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* 通用区块标题模块（复用） */
.sec-title{position:relative;}
.sec-title .en{
display:block;font-size:42px;font-weight:700;color:var(--deco);
text-transform:uppercase;letter-spacing:2px;line-height:1.1;
}
.sec-title .cn{display:block;font-size:22px;font-weight:700;color:#000;margin-top:4px;}
.sec-title .line{display:block;width:86px;height:1px;background:var(--blue);margin:10px auto 0;}
.sec-title-center{text-align:center;margin-bottom:46px;}
.sec-title-left .en,.sec-title-left .cn{display:inline-block;}
.sec-title-left{text-align:left;margin-bottom:22px;}
.sec-title-left .line{margin:12px 0 0;}
.sec-title-light .cn{color:#fff;}
.sec-title-light .line{background:#fff;}
/* 占位图（用 data-bg 赋渐变，离线可看，将来替换成真实图片即可） */
[data-bg]{background-size:cover;background-position:center;}
/* 后台上传的图片统一按比例完整显示（不裁切），比例与容器不符时露出区块底色
注：下列元素后面的区块不得再用 background 简写设底色，否则会把 background-size/position/repeat 重置失效 */
.biz-img,.case-img,.svc-img i,.news-thumb,.nlist-thumb,.cert-img,.culture-imgs i,.news-card .nc-img{
background-repeat:no-repeat;background-position:center;background-size:contain;}
/* ============ Header ============ */
.header{height:100px;background:#fff;position:relative;z-index:501;border-bottom:1px solid #eee;}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100px;}
.logo{display:flex;align-items:center;}
.logo-img{height:70px;width:auto;display:block;}
.logo-mark{
width:44px;height:44px;background:linear-gradient(135deg,#2e9e5b,#1c7a41);
color:#fff;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;
border-radius:4px;margin-right:12px;font-family:Arial;
}
.logo-text{display:flex;flex-direction:column;}
.logo-text b{font-size:18px;color:#000;font-weight:700;line-height:1.3;}
.logo-text i{font-style:normal;font-size:9px;color:#999;letter-spacing:.3px;}
.nav-list{display:flex;}
.nav-item{position:relative;width:96px;text-align:center;}
.nav-item>a{display:block;font-size:16px;color:#000;line-height:100px;}
.nav-item.current>a,.nav-item:hover>a{color:var(--blue-link);font-weight:700;}
.sub-menu{
position:absolute;top:100px;left:0;width:100%;background:var(--blue-light);
display:none;z-index:600;padding:6px 0;
}
.sub-menu li a{display:block;height:32px;line-height:32px;font-size:14px;color:#fff;text-align:center;}
.sub-menu li:hover a{background:var(--blue-link);}
.has-sub:hover .sub-menu{display:block;}
/* ============ Banner ============ */
.banner{position:relative;height:600px;overflow:hidden;background:#0a2c4d;}
.banner-slides{position:absolute;inset:0;}
.banner-slide{
position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;
background-size:cover;background-position:center;
background-repeat:no-repeat;
}
.banner-slide.is-active{opacity:1;animation:kenburns 6.5s ease-out forwards;}
@keyframes kenburns{from{transform:scale(1);}to{transform:scale(1.08);}}
/* 轮播用真实 ![]()
：桌面端沿用高度 600px + cover（保持原视觉）；手机端在响应式段落改为高度自适应 */
.banner-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
/* 后台未配图时的占位渐变层，桌面端靠 .banner 写死的 600px 高度，不需要它撑高 */
.bs-ph{display:none;}
.banner-overlay{position:absolute;left:50%;transform:translateX(-50%);top:0;height:600px;
display:flex;flex-direction:column;justify-content:center;z-index:10;pointer-events:none;}
.slogan{font-size:50px;font-weight:700;color:var(--blue-deep);text-shadow:0 1px 8px rgba(255,255,255,.35);}
.slogan em{font-style:normal;font-size:65px;color:var(--blue-deep);}
.banner-sub{margin-top:26px;max-width:821px;}
.banner-sub p{font-size:18px;font-weight:700;color:var(--blue-deep);line-height:2;text-shadow:0 1px 6px rgba(255,255,255,.3);}
.banner-btn{
pointer-events:auto;display:inline-block;width:152px;height:50px;line-height:46px;text-align:center;
margin-top:34px;font-size:14px;color:var(--blue-deep);border:2px solid var(--blue-deep);
transition:border-color .4s,background-color .4s,color .4s;
}
.banner-btn:hover{background:var(--blue-deep);color:#fff;border-color:var(--blue-deep);}
.banner-arrow{
position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;z-index:20;
background:rgba(0,0,0,.25);color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:2px;
}
.banner-arrow:hover{background:rgba(0,0,0,.5);}
.banner-arrow.prev{left:25px;}
.banner-arrow.next{right:25px;}
.banner-dots{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:20;}
.banner-dots i{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.4;cursor:pointer;transition:opacity .3s;}
.banner-dots i.on{opacity:1;}
.banner-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:rgba(255,255,255,.25);z-index:20;}
.banner-progress i{display:block;height:100%;width:0;background:var(--blue-link);}
/* ============ 公司荣誉 跑马灯 ============ */
.honor-bar{background:var(--gray-bg);height:90px;border-bottom:1px solid #ececec;}
.honor-inner{display:flex;align-items:center;height:90px;}
.honor-icon{width:34px;height:34px;object-fit:contain;margin-right:14px;flex-shrink:0;}
.honor-label{font-size:16px;color:var(--text);white-space:nowrap;}
.honor-divider{width:1px;height:30px;background:#d5d5d5;margin:0 22px;}
.honor-marquee{overflow:hidden;flex:1;}
.honor-track{display:flex;width:max-content;white-space:nowrap;animation:marquee 40s linear infinite;}
.honor-track li{font-size:12px;color:var(--text);padding:0 25px;flex-shrink:0;}
.honor-track li::before{content:"·";margin-right:8px;color:var(--blue);}
@keyframes marquee{to{transform:translateX(-50%);}}
/* ============ 关于我们 ============ */
.about{padding:70px 0 0;position:relative;background:#fff url(/static/gz/img/bg6.jpg) center/cover no-repeat;}
.about-grid{display:flex;justify-content:space-between;align-items:flex-start;}
.about-left{width:541px;position:relative;padding-right:120px;}
.about-declare{position:absolute;right:0;top:0;width:101px;height:35px;line-height:33px;text-align:center;
font-size:13px;color:var(--blue);border:1px solid var(--blue);}
.about-declare:hover{background:var(--blue);color:#fff;}
.about-left p{font-size:14px;color:var(--text);line-height:220%;margin-top:20px;}
.about-right{width:600px;}
.about-slider{position:relative;width:600px;height:380px;overflow:hidden;background:#dfe6ee;}
.about-slides{position:absolute;inset:0;}
.about-img{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;background-size:cover;background-position:center;}
.about-img.is-active{opacity:1;}
.about-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;
background:rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:14px;z-index:5;}
.about-arrow.prev{left:0;}.about-arrow.next{right:0;}
.about-thumbs{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:5;}
.about-thumbs i{width:36px;height:6px;background:rgba(255,255,255,.5);cursor:pointer;}
.about-thumbs i.on{background:#fff;}
/* 统计数字 */
.stats{display:flex;align-items:center;justify-content:space-between;margin-top:60px;padding-bottom:40px;}
.stat{flex:1;text-align:center;}
.stat .num{font-size:48px;font-weight:700;color:var(--blue);font-family:Arial;}
.stat .unit{font-size:18px;color:#666;margin-left:4px;}
.stat .label{display:block;font-size:18px;color:#666;margin-top:8px;}
.stat-divider{width:1px;height:115px;background:#ddd;}
/* ============ 业务领域 ============ */
.business{background:var(--gray-bg);padding:70px 0;}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 63px;}
.biz-card{position:relative;width:100%;height:258px;overflow:hidden;cursor:pointer;background:#cdd6e0;}
.biz-img{position:absolute;inset:0;transition:transform .8s ease;}
.biz-mask{position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
padding:0 24px;opacity:0;transition:opacity .5s ease;}
.biz-mask b{font-size:20px;font-weight:700;margin-bottom:14px;}
.biz-mask p{font-size:13px;line-height:1.8;}
.biz-card:hover .biz-mask{opacity:1;}
.biz-card:hover .biz-img{transform:scale(1.1);}
/* ============ 经典案例 ============ */
.cases{background:#fff;padding:70px 0;}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;}
.case-item{position:relative;width:100%;height:278px;overflow:hidden;cursor:pointer;background:#d3dae3;}
.case-img{position:absolute;inset:0;transition:transform .6s ease;}
.case-mask{position:absolute;inset:0;background:rgba(102,102,102,.3);opacity:0;transition:opacity .4s;
display:flex;align-items:center;justify-content:center;}
.case-mask b{color:#fff;font-size:17px;font-weight:700;padding:0 16px;text-align:center;}
.case-item:hover .case-mask{opacity:1;}
.case-item:hover .case-img{transform:scale(1.06);}
/* ============ 新闻中心 ============ */
.news{background:#fff;padding:20px 0 70px;}
.news-cols{display:flex;justify-content:space-between;gap:48px;}
.news-list{flex:1;}
.news-item{display:flex;height:90px;margin-bottom:20px;}
/* 缩略图框比例依据后台素材（以竖版 3:4 为主），配 contain 完整显示时留白最小 */
.news-thumb{width:100px;height:90px;flex-shrink:0;margin-right:14px;background-color:#cdd6e0;}
.news-txt{flex:1;display:flex;flex-direction:column;justify-content:center;}
.news-title{font-size:18px;color:var(--text);line-height:1.4;transition:color .3s;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-title:hover{color:var(--blue-hover);}
.news-date{font-size:13px;color:#929292;margin-top:8px;}
/* ============ 公司资质 ============ */
.certs{background:#1e3f6b;padding:60px 0 70px;
background-image:linear-gradient(rgba(20,45,80,.85),rgba(20,45,80,.9));}
.certs .sec-title-center{margin-bottom:40px;}
.cert-marquee{overflow:hidden;}
.cert-track{display:flex;width:max-content;animation:marquee 35s linear infinite;}
.cert-track li{flex-shrink:0;margin-right:25px;}
.cert-img{width:150px;height:190px;background-color:#f0f2f5;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);}
/* ============ 页脚 ============ */
.footer{background:var(--footer-bg);padding:48px 0 24px;}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;}
.footer-left .footer-company{display:block;font-size:22px;font-weight:700;color:var(--dark);margin-bottom:18px;}
.footer-left p{font-size:14px;color:var(--text);line-height:32px;}
.footer-right{display:flex;align-items:center;gap:16px;text-align:right;}
.footer-hotline-label{font-size:14px;color:var(--text);}
.footer-hotline{font-size:20px;font-weight:700;color:var(--dark);}
.footer-qr{width:120px;height:120px;object-fit:contain;background:#fff;border:1px solid #ddd;}
.footer-copy{font-size:13px;color:var(--text);margin-top:30px;padding-top:18px;border-top:1px solid #ddd5c5;text-align:center;}
.footer-copy a:hover{color:var(--blue-link);}
/* ============ 回到顶部 ============ */
.back-top{position:fixed;right:24px;bottom:60px;width:40px;height:40px;border:none;cursor:pointer;padding:0;
background:url(/static/gz/img/costom_1.gif) no-repeat center/contain;text-indent:-999em;overflow:hidden;opacity:0;visibility:hidden;
transition:opacity .3s;z-index:900;}
.back-top.show{opacity:.9;visibility:visible;}
.back-top:hover{opacity:1;background-image:url(/static/gz/img/costom_2.gif);}
/* ============ 滚动淡入 ============ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
/* ============ 占位图配色池 ============ */
/* 业务卡片占位 */
.biz-img{background-image:linear-gradient(135deg,#8aa4c0,#c5d4e4);}
/* Banner 精确规则置于最后，避免被通用前缀覆盖；用 .banner-slide 提升优先级 */
.banner-slide[data-bg="bg1"]{background-image:linear-gradient(120deg,#123a63,#2f6ea8);}
.banner-slide[data-bg="bg2"]{background-image:linear-gradient(120deg,#1b4d7a,#5f9ed0);}
.banner-slide[data-bg="bg3"]{background-image:linear-gradient(120deg,#0d2c4a,#3a7bb5);}
[data-bg="a1"]{background-image:linear-gradient(135deg,#6a8caf,#a9c2dd);}
[data-bg="a2"]{background-image:linear-gradient(135deg,#557ba0,#98b6d6);}
[data-bg="a3"]{background-image:linear-gradient(135deg,#7d97b6,#c2d3e6);}
[data-bg="a4"]{background-image:linear-gradient(135deg,#456b93,#8fadc9);}
[data-bg^="c"]{background-image:linear-gradient(135deg,#9db4cc,#d3dfeb);}
[data-bg^="n"]{background-image:linear-gradient(135deg,#aebfd2,#dbe4ee);}
[data-bg^="z"]{background-image:linear-gradient(135deg,#e6ebf1,#f6f8fa);}
[data-bg="qr"]{background-image:conic-gradient(#333 25%,#fff 0 50%,#333 0 75%,#fff 0);}
/* ============================================================
响应式断点
============================================================ */
/* ---- 平板 / 小笔记本：≤1024px ---- */
@media (max-width:1024px){
.biz-grid{gap:30px 26px;}
.slogan{font-size:42px;}
.slogan em{font-size:52px;}
}
/* ---- ≤820px：启用汉堡菜单，主区块改为单/双列 ---- */
@media (max-width:820px){
.header{height:64px;position:sticky;top:0;}
.header-inner{height:64px;}
.logo-img{height:42px;}
.nav-toggle{display:flex;}
.nav{position:fixed;top:64px;left:0;right:0;background:#fff;max-height:0;overflow:hidden;
transition:max-height .35s ease;box-shadow:0 8px 16px rgba(0,0,0,.12);z-index:500;}
.nav.open{max-height:calc(100vh - 64px);overflow-y:auto;}
.nav-list{flex-direction:column;width:100%;}
.nav-item{width:100%;border-bottom:1px solid #eee;}
.nav-item>a{line-height:50px;text-align:left;padding-left:18px;font-size:16px;}
.has-sub>a{display:flex;justify-content:space-between;align-items:center;padding-right:18px;}
.has-sub>a::after{content:"+";font-size:18px;color:#999;}
.sub-menu{position:static;width:100%;display:none;background:#f2f6fb;padding:0;box-shadow:none;}
.has-sub.open .sub-menu{display:block;}
.sub-menu li a{color:#093c6c;text-align:left;padding-left:34px;border-top:1px solid #e6ecf4;}
.sub-menu li:hover a{background:#e6ecf4;color:#0254b9;}
/* Banner：手机端改用 ![]()
真实图片，宽度 100%、高度由图片自己的比例自动撑开
—— 不裁切、不拉伸、没有空白，也不再需要模糊铺底那一层 */
.banner{height:auto;}
/* 原来的 slide 靠 absolute 叠放，手机端改成 grid 同格叠放：仍然交叉淡入，但高度由图片撑开 */
.banner-slides{position:relative;inset:auto;display:grid;}
.banner-slide{position:relative;inset:auto;grid-area:1/1;}
.banner-slide img{height:auto;} /* 覆盖桌面端的 height:100% + cover */
.bs-ph{display:block;width:100%;height:0;padding-bottom:53.01%;}
.banner-slide.is-active{animation:none;} /* kenburns 的 scale(1.08) 会把图片撑出容器底边，手机端关掉 */
.banner-overlay{height:100%;padding:0 20px;top:0;}
.slogan{font-size:30px;}
.slogan em{font-size:36px;}
.banner-sub{margin-top:14px;}
.banner-sub p{font-size:13px;line-height:1.9;}
.banner-sub p:nth-child(n+3){display:none;}
.banner-btn{width:130px;height:42px;line-height:38px;margin-top:18px;}
.banner-arrow{display:none;}
.banner-dots i {
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
opacity: .4;
cursor: pointer;
transition: opacity .3s;
}
.banner-dots {
bottom: 5px;
}
/* 关于我们 */
.honor-inner{
height: 50px;
}
.honor-bar{
height: 50px;
}
.about-grid{flex-direction:column;}
.about-left{width:100%;padding-right:0;}
.about-right{width:100%;margin-top:26px;}
.about-slider{width:100%;height:300px;}
/* 统计：两列 */
.stats{flex-wrap:wrap;gap:20px 0;}
.stat{flex:0 0 50%;}
.stat-divider{display:none;}
/* 网格：业务/案例改两列 */
.biz-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
.case-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
.biz-card,.case-item{height:200px;}
/* 新闻：单列堆叠 */
.news-cols{flex-direction:column;gap:10px;}
.news-item{height:auto;min-height:90px;}
.news-title{font-size:16px;}
/* 荣誉条 */
.honor-divider{display:none;}
.honor-label{margin-right:12px;}
/* 页脚：纵向 */
.footer-inner{flex-direction:column;gap:20px;}
.footer-right{text-align:left;}
}
/* ---- 手机竖屏：≤560px ---- */
@media (max-width:560px){
.banner{height:auto;}
.banner-overlay{height:100%;}
.slogan{font-size:22px;}
.slogan em{font-size:26px;}
.banner-sub p{font-size:12px;}
.logo-text b{font-size:14px;}
.logo-text i{display:none;}
.logo-mark{width:38px;height:38px;font-size:20px;}
.logo-img{height:38px;}
/* 全部网格单列 */
.biz-grid{grid-template-columns:1fr;}
.case-grid{grid-template-columns:1fr;}
.biz-card,.case-item{height:190px;}
.stat{flex:0 0 50%;}
.stat .num{font-size:34px;}
.sec-title .en{font-size:18px;}
.about-slider{height:230px;}
.cert-img{width:120px;height:152px;}
.footer-qr{width:100px;height:100px;}
.sec-title .cn{
font-size: 16px;
}
}
/* 手机端隐藏固定宽度下的横向溢出处 */
@media (max-width:560px){
body{overflow-x:hidden;}
}
/* ============================================================
内页通用模板：页头 → 内页banner → 面包屑 → 栏目标题 → 内容 → 页脚
============================================================ */
.page-banner{height:280px;background:#0d2c4a url(/static/gz/img/ny.jpg) center/cover no-repeat;position:relative;}
.page-banner::after{content:"";position:absolute;inset:0;background:rgba(9,44,74,.15);}
.breadcrumb{background:#f6f8fb;height:70px;display:flex;align-items:center;font-size:14px;color:var(--text);}
.breadcrumb .bc-icon{width:14px;height:14px;margin-right:8px;background:var(--blue);
-webkit-mask:radial-gradient(circle,#000 98%,transparent 100%);mask:radial-gradient(circle,#000 98%,transparent 100%);border-radius:2px;}
.breadcrumb a{color:#333;}
.breadcrumb a:hover{color:var(--blue-link);}
.breadcrumb .sep{margin:0 6px;color:#bbb;}
.breadcrumb .cur{color:var(--text);}
.page-main{padding:56px 0 70px;min-height:420px;}
/* 服务领域：图+标题+摘要 卡片 */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 21px;}
.svc-card{border:1px solid #eee;background:#fff;transition:box-shadow .3s,transform .3s;}
.svc-card:hover{box-shadow:0 8px 22px rgba(9,60,108,.14);transform:translateY(-4px);}
.svc-card .svc-img{width:100%;height:260px;overflow:hidden;}
.svc-card .svc-img i{display:block;width:100%;height:100%;transition:transform .6s;}
.svc-card:hover .svc-img i{transform:scale(1.06);}
.svc-card .svc-body{padding:16px 18px 20px;}
.svc-card .svc-body b{display:block;font-size:16px;color:#000;font-weight:700;line-height:1.4;}
.svc-card .svc-body p{font-size:13px;color:var(--text);line-height:1.9;margin-top:10px;
font-family:"FangSong","仿宋",serif;height:88px;overflow:hidden;}
.svc-card .svc-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--blue-link);}
/* 案例列表（内页） */
.clist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.clist .case-item{height:260px;}
/* 资质/证书网格（关于我们） */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cert-grid .cert-img{width:100%;height:auto;aspect-ratio:3/4;}
/* 新闻列表（内页） */
.nlist{display:flex;flex-direction:column;}
.nlist-item{display:flex;padding:22px 0;border-bottom:1px dashed #e2e2e2;transition:background .3s;}
.nlist-item:hover{background:#fafbfd;}
.nlist-thumb{width:200px;height:140px;flex-shrink:0;margin-right:22px;}
.nlist-info{flex:1;display:flex;flex-direction:column;}
.nlist-info .n-title{font-size:18px;color:#333;font-weight:700;transition:color .3s;}
.nlist-info .n-title:hover{color:var(--blue-link);}
.nlist-info .n-date{font-size:13px;color:#999;margin:8px 0;}
.nlist-info .n-desc{font-size:14px;color:var(--text);line-height:1.8;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nlist-info .n-more{margin-top:auto;color:var(--blue-link);font-size:13px;}
/* 新闻卡片网格（新闻资讯内页，对齐 sczljc.cn/page7） */
.sec-title-cnblue .cn{color:#0254B9;}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;}
.news-card{display:block;background:none;}
.news-card .nc-img{width:100%;aspect-ratio:4/3;background-color:#dfe5ec;overflow:hidden;margin-bottom:8px;}
.news-card .nc-body{padding:0 6px;}
.news-card .nc-title{display:block;font-size:16px;font-weight:400;color:#000;line-height:1.4;height:2.8em;overflow:hidden;padding-top:12px;transition:color .3s;}
.news-card:hover .nc-title{color:#0254B9;}
.news-card .nc-date{display:block;font-size:12px;color:#093C6C;margin-top:16px;}
.news-card .nc-desc{display:block;font-size:13px;color:#999;line-height:1.7;margin-top:4px;height:3.4em;overflow:hidden;}
/* 分页 */
.pager{margin-top:40px;text-align:center;font-size:14px;}
.pager a,.pager span{display:inline-block;min-width:34px;height:34px;line-height:34px;padding:0 8px;
margin:0 3px;border:1px solid #e2e2e2;color:var(--text);}
.pager a:hover,.pager .on{background:var(--blue);color:#fff;border-color:var(--blue);}
/* 详情页 */
.article{width:100%;max-width:900px;margin:0 auto;}
.article .a-title{font-size:24px;font-weight:700;color:#000;text-align:center;line-height:1.5;}
.article .a-meta{text-align:center;font-size:13px;color:#999;margin:16px 0 28px;padding-bottom:16px;border-bottom:1px solid #eee;}
.article .a-meta span{margin:0 8px;}
.article .a-body{font-size:15px;color:var(--text);line-height:1.9;}
.article .a-body p{margin-bottom:16px;text-indent:2em;}
.article .a-body .a-img{margin:22px auto;text-align:center;}
.article .a-body .a-img i{display:block;width:100%;max-width:500px;height:320px;margin:0 auto;}
.article .a-body .a-img figcaption{font-size:13px;color:#999;margin-top:8px;}
.article .a-prevnext{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #eee;font-size:14px;}
.article .a-prevnext a{color:var(--text);max-width:46%;}
.article .a-prevnext a:hover{color:var(--blue-link);}
/* 公司简介 */
.profile-grid{display:flex;gap:44px;align-items:flex-start;}
.profile-grid .pg-img{width:520px;height:340px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.profile-grid .pg-txt{flex:1;}
.profile-grid .pg-txt p{font-size:15px;color:var(--text);line-height:2;margin-bottom:16px;text-indent:2em;}
/* 联系我们 */
.contact-box{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:stretch;}
.contact-info h3{font-size:20px;color:var(--blue);margin-bottom:20px;}
.contact-info li{font-size:15px;color:var(--text);line-height:2.2;border-bottom:1px dashed #eee;}
.contact-info li b{color:#333;}
.contact-map{width:100%;min-height:340px;background:#dfe6ee url(/static/gz/img/map.png) center/cover no-repeat;border:1px solid #eee;position:relative;}
/* 在线留言表单 */
.msg-form{margin-top:20px;}
.msg-form label{display:block;font-size:14px;color:var(--text);}
.msg-row{display:flex;gap:24px;}
.msg-row label{flex:1;}
.msg-form input,.msg-form textarea{display:block;width:100%;margin-top:8px;padding:11px 12px;
border:1px solid #ddd;font-size:14px;font-family:inherit;color:#333;box-sizing:border-box;background:#fff;}
.msg-form input:focus,.msg-form textarea:focus{border-color:var(--blue);outline:none;}
.msg-full{margin-top:20px;}
.msg-submit{margin-top:20px;width:160px;height:44px;background:var(--blue);color:#fff;border:none;
font-size:15px;cursor:pointer;transition:background .3s;}
.msg-submit:hover{background:var(--blue-link);}
/* 人才招聘列表 */
.job-item{border:1px solid #eee;padding:22px 26px;margin-bottom:18px;transition:box-shadow .3s,transform .3s;}
.job-item:hover{box-shadow:0 8px 22px rgba(9,60,108,.12);transform:translateY(-3px);}
.job-item .j-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.job-item .j-title b{font-size:18px;color:var(--blue);}
.job-item .j-title span{font-size:14px;color:#999;}
.job-item .j-tags{margin:12px 0;}
.job-item .j-tags i{display:inline-block;font-style:normal;font-size:13px;color:var(--text);
background:#f2f6fb;padding:4px 12px;margin:0 8px 8px 0;border-radius:2px;}
.job-item .j-desc{font-size:14px;color:var(--text);line-height:1.9;}
.job-item .j-apply{display:inline-block;margin-top:12px;font-size:14px;color:var(--blue-link);}
/* 企业文化区块 */
.culture-block{margin-bottom:44px;}
.culture-block .sec-title-left{margin-bottom:18px;}
.culture-block p{font-size:15px;color:var(--text);line-height:2;text-indent:2em;margin-bottom:14px;}
.culture-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;}
.culture-imgs i{display:block;height:220px;}
/* 侧栏（关于我们子页可选） */
.sub-wrap{display:flex;gap:36px;}
.sub-side{width:240px;flex-shrink:0;}
.sub-side .ss-title{background:var(--blue);color:#fff;font-size:18px;text-align:center;line-height:52px;}
.sub-side a{display:block;padding:0 18px;line-height:48px;border-bottom:1px solid #eee;color:var(--text);font-size:15px;border-left:3px solid transparent;transition:background .25s,color .25s;}
.sub-side a:hover{background:#f2f6fb;color:var(--blue-link);}
.sub-side a.on{background:#eef4fc;color:var(--blue-link);font-weight:700;}
/* border-left:3px solid var(--blue-link); */
.sub-content{flex:1;min-width:0;}
/* 企业文化子栏目入口卡（父栏目总览） */
.cul-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;}
.cul-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:120px;background:#f5f8fc;border:1px solid #e6ecf5;border-top:3px solid var(--blue);color:var(--text);transition:box-shadow .3s,transform .3s,background .3s;}
.cul-card:hover{background:#fff;box-shadow:0 10px 26px rgba(9,60,108,.12);transform:translateY(-4px);}
.cul-card .cc-cn{font-size:18px;font-weight:700;color:var(--blue);}
.cul-card .cc-more{font-size:13px;color:var(--blue-link);}
/* 内页响应式 */
@media (max-width:820px){
.page-banner{height:180px;}
.breadcrumb{height:56px;font-size:13px;}
.svc-grid,.clist{grid-template-columns:repeat(2,1fr);}
.news-grid{grid-template-columns:repeat(2,1fr);}
.cert-grid{grid-template-columns:repeat(3,1fr);}
.culture-imgs{grid-template-columns:repeat(2,1fr);}
.cul-cards{grid-template-columns:1fr;}
.cul-card{height:88px;flex-direction:row;justify-content:space-between;}
.profile-grid{flex-direction:column;}
.profile-grid .pg-img{width:100%;height:240px;}
.contact-box{grid-template-columns:1fr;}
.nlist-thumb{width:130px;height:100px;margin-right:16px;}
.sub-wrap{flex-direction:column;}
.sub-side{width:100%;}
}
@media (max-width:560px){
.svc-grid,.clist{grid-template-columns:1fr;}
.news-grid{grid-template-columns:1fr;}
.cert-grid{grid-template-columns:repeat(2,1fr);}
.culture-imgs{grid-template-columns:1fr;}
.msg-row{flex-direction:column;gap:0;}
.msg-row label{margin-bottom:16px;}
.nlist-info .n-title{font-size:15px;}
.article .a-title{font-size:19px;}
.article .a-body .a-img i{height:220px;}
.page-main{padding:34px 0 50px;}
}