@charset "utf-8";
/* ============================================================
   云南巍馋偶建筑工程有限责任公司 — 全站共享样式 style.css
   配色还原参考站：主色 #019fe9 / 辅助 #7fcff4 / 浅灰 #f5f5f5 / 深底 #333
   字体：Microsoft YaHei | 布局：响应式（桌面>1024 / 平板768-1024 / 手机<768）
   ============================================================ */

:root{
  --c-main:#019fe9;      /* 主色 蓝 */
  --c-main-2:#7fcff4;    /* 辅助 浅蓝 */
  --c-deep:#0179b3;      /* 深蓝（渐变末色） */
  --c-bg:#f5f5f5;        /* 区块浅灰底 */
  --c-dark:#333;         /* 深底 */
  --c-text:#333;         /* 正文 */
  --c-text-2:#666;       /* 次要文字 */
  --c-text-3:#999;       /* 灰文字 */
  --c-line:#e6e6e6;      /* 分割线 */
  --w:1200px;            /* 主内容宽度 */
  --radius:4px;
}

/* ---------- reset ---------- */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;font-size:16px;color:var(--c-text);list-style:none;-webkit-font-smoothing:antialiased;}
html,body{width:100%;}
body{overflow-x:hidden;background:#fff;line-height:1.6;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;transition:color .3s,background .3s;}
ul,ol{list-style:none;}
img{display:block;border:0;max-width:100%;}
h1,h2,h3,h4,h5{font-weight:bold;}

/* ---------- 通用容器 ---------- */
.container{width:100%;max-width:var(--w);margin:0 auto;padding:0 15px;}
.section{width:100%;}
.text-center{text-align:center;}

/* ============================================================
   顶部：topbox 包裹 lotbox（信息栏）+ menubox（导航栏）
   ============================================================ */
.topbox{width:100%;position:relative;z-index:100;}

/* 信息栏 */
.lotbox{width:100%;background:#fff;border-bottom:1px solid var(--c-line);}
.lot-center{max-width:var(--w);height:110px;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;height:110px;}
.logo-ico{width:56px;height:56px;margin-right:14px;flex-shrink:0;}
.logo-ico svg{width:56px;height:56px;display:block;}
.logo-txt{display:flex;flex-direction:column;justify-content:center;}
.logo-txt .brand{font-size:26px;font-weight:bold;color:var(--c-text);letter-spacing:1px;line-height:1.2;}
.logo-txt .slogan{font-size:13px;color:var(--c-main);letter-spacing:3px;margin-top:4px;}
.tel{display:flex;align-items:center;}
.tel-ico{width:44px;height:44px;margin-right:12px;flex-shrink:0;}
.tel-ico svg{width:44px;height:44px;}
.tel-txt p:nth-child(1){font-size:13px;color:var(--c-text-3);letter-spacing:1px;}
.tel-txt p:nth-child(2){font-size:28px;font-weight:bold;color:var(--c-main);line-height:1.2;}

/* 导航栏 */
.menubox{width:100%;background:var(--c-main);position:sticky;top:0;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.menu-center{max-width:var(--w);margin:0 auto;padding:0 15px;}
.nav{display:flex;width:100%;}
.nav>li{flex:1;position:relative;}
.nav>li>a{display:flex;align-items:center;justify-content:center;height:64px;color:#fff;font-size:17px;letter-spacing:1px;}
.nav>li>a:hover,.nav>li>a.on,.nav>li>a.active{background:var(--c-main-2);}
.nav>li:hover{background:var(--c-main-2);}
/* 下拉子菜单 */
.nav .sub{display:none;position:absolute;top:64px;left:0;width:100%;background:#f5f5f5;z-index:99;border-bottom:3px solid var(--c-main);}
.nav>li:hover .sub{display:block;}
.nav .sub li a{display:flex;align-items:center;justify-content:center;height:48px;color:var(--c-text);border-bottom:1px solid #e6e6e6;font-size:15px;}
.nav .sub li:last-child a{border-bottom:none;}
.nav .sub li a:hover{background:var(--c-main);color:#fff;}

/* 移动端汉堡按钮（默认隐藏） */
.nav-toggle{display:none;width:44px;height:44px;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.nav-toggle span{display:block;width:26px;height:3px;background:#fff;border-radius:2px;transition:.3s;}

/* ============================================================
   Banner 轮播
   ============================================================ */
.banner{width:100%;height:535px;position:relative;overflow:hidden;background:#0a0a0a;}
.banner-slides{width:100%;height:100%;position:relative;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease-in-out;}
.slide.active{opacity:1;z-index:2;}
.slide-img{width:100%;height:535px;object-fit:cover;}
.slide-cap{position:absolute;left:0;bottom:0;width:100%;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 100%);color:#fff;padding:80px 0 60px;}
.slide-cap .container{display:block;}
.slide-cap h2{font-size:40px;font-weight:bold;color:#fff;margin-bottom:14px;text-shadow:0 2px 8px rgba(0,0,0,.4);}
.slide-cap p{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:20px;}
.slide-cap .btn{display:inline-block;padding:12px 34px;background:var(--c-main);color:#fff;border-radius:var(--radius);font-size:15px;}
.slide-cap .btn:hover{background:var(--c-main-2);}
.banner-prev,.banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:64px;background:rgba(0,0,0,.35);color:#fff;border:none;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;}
.banner-prev{left:20px;}
.banner-next{right:20px;}
.banner-prev:hover,.banner-next:hover{background:var(--c-main);}
.banner-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px;}
.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;border:2px solid #fff;}
.dot.active{background:var(--c-main);border-color:var(--c-main);width:30px;border-radius:6px;}

/* ============================================================
   搜索栏
   ============================================================ */
.search{width:100%;background:var(--c-bg);border-bottom:1px solid var(--c-line);}
.search-center{max-width:var(--w);height:68px;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.hot-words{display:flex;align-items:center;flex-wrap:wrap;}
.hot-words span{color:var(--c-text-3);margin-right:10px;}
.hot-words a{font-size:14px;margin-right:14px;color:var(--c-text-2);}
.hot-words a:hover{color:var(--c-main);}
.search-box{display:flex;}
.search-box input.kw{width:230px;height:40px;border:1px solid var(--c-line);background:#fff;padding:0 15px;font-size:14px;color:var(--c-text-2);outline:none;border-right:none;}
.search-box button{width:90px;height:40px;border:none;cursor:pointer;background:var(--c-main) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.5' y2='16.5'/></svg>") center no-repeat;background-size:20px;}
.search-box button:hover{background-color:var(--c-deep);}

/* ============================================================
   通用区块标题 sec-title
   ============================================================ */
.sec-title{margin:55px auto 35px;text-align:center;}
.sec-title h2{font-size:34px;font-weight:bold;color:var(--c-text);position:relative;display:inline-block;padding:0 0 14px;}
.sec-title h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:50px;height:3px;background:var(--c-main);}
.sec-title span{display:block;font-size:15px;color:var(--c-text-3);letter-spacing:3px;text-transform:uppercase;margin-top:10px;font-weight:normal;}
.sec-title.left{text-align:left;margin-top:0;}
.sec-title.left h2{font-size:30px;}
.sec-title.left h2::after{left:0;transform:none;}

/* ============================================================
   产品展示 / 业务领域（分类标签 + 4列网格）
   ============================================================ */
.business{padding-bottom:30px;}
.cat-tabs{max-width:var(--w);margin:0 auto;border-bottom:1px solid var(--c-line);display:flex;flex-wrap:wrap;justify-content:center;}
.cat-tabs a{display:inline-block;padding:0 26px;line-height:58px;font-size:17px;color:var(--c-text-2);}
.cat-tabs a.active,.cat-tabs a:hover{color:var(--c-main);border-bottom:4px solid var(--c-main);}
.prod-grid{max-width:var(--w);margin:30px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.prod-card{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 12px #ddd;transition:box-shadow .3s,transform .3s;}
.prod-card:hover{box-shadow:0 8px 22px rgba(1,159,233,.25);transform:translateY(-4px);}
.prod-img{width:100%;height:214px;overflow:hidden;}
.prod-img img{width:100%;height:214px;object-fit:cover;transition:transform .6s;}
.prod-card:hover .prod-img img{transform:scale(1.15);}
.prod-name{line-height:50px;text-align:center;font-size:16px;color:var(--c-text);font-weight:500;}
.prod-card:hover .prod-name{background:var(--c-main);color:#fff;}

/* 更多按钮 */
.more{max-width:var(--w);margin:10px auto 50px;text-align:center;clear:both;}
.more a{display:inline-block;padding:0 38px;height:46px;line-height:46px;border:1px solid var(--c-text);font-size:15px;color:var(--c-text);border-radius:var(--radius);}
.more a:hover{background:var(--c-main);color:#fff;border-color:var(--c-main);}
.more-link{color:var(--c-main);font-size:15px;}
.more-link:hover{color:var(--c-deep);}

/* ============================================================
   成功案例（3列 + 悬停遮罩上滑）
   ============================================================ */
.cases{padding:60px 0;background:var(--c-bg);background-image:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),url("https://images.unsplash.com/photo-1460472178825-e5240623afd5?w=1920&h=600&fit=crop&auto=format&q=80");background-size:cover;background-position:center;background-attachment:fixed;}
.case-grid{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.case-card{position:relative;display:block;width:100%;height:285px;overflow:hidden;border-radius:var(--radius);box-shadow:0 4px 14px rgba(0,0,0,.1);}
.case-card img{width:100%;height:285px;object-fit:cover;transition:transform .6s;}
.case-card:hover img{transform:scale(1.08);}
.case-overlay{position:absolute;left:0;right:0;bottom:-285px;height:100%;background:rgba(1,159,233,.82);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:bottom .4s ease;padding:20px;}
.case-card:hover .case-overlay{bottom:0;}
.case-overlay h3{color:#fff;font-size:20px;margin-bottom:8px;}
.case-overlay p{color:rgba(255,255,255,.9);font-size:14px;line-height:1.7;}
.case-overlay .ov-ico{width:50px;height:50px;margin-bottom:10px;}

/* ============================================================
   服务流程 / 核心业务（4步交替排列）
   ============================================================ */
.service{padding:40px 0 20px;}
.proc-wrap{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.proc-col{display:flex;flex-direction:column;}
.proc-img{width:100%;height:200px;overflow:hidden;}
.proc-img img{width:100%;height:200px;object-fit:cover;}
.proc-txt{height:200px;padding:18px;background:var(--c-bg);display:flex;flex-direction:column;justify-content:center;text-align:center;}
.proc-txt h3{font-size:21px;font-weight:500;text-align:center;line-height:1.4;margin-bottom:10px;}
.proc-txt h3 span{font-size:42px;font-style:italic;font-weight:bold;margin-right:8px;color:rgba(51,51,51,.35);}
.proc-txt p{font-size:14px;color:var(--c-text-2);line-height:1.8;padding:0 10px;}
.proc-txt.alt{background:var(--c-main);}
.proc-txt.alt h3,.proc-txt.alt p{color:#fff;}
.proc-txt.alt h3 span{color:rgba(255,255,255,.55);}

/* ============================================================
   关于我们（左文右图）
   ============================================================ */
.about{padding:70px 0;background:var(--c-bg);}
.about .container{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center;}
.about-txt p{color:var(--c-text-2);line-height:2;margin-bottom:18px;font-size:15px;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0;}
.stat{text-align:center;background:#fff;border-radius:var(--radius);padding:18px 8px;box-shadow:0 0 12px #e2e2e2;}
.stat .num{font-size:30px;font-weight:bold;color:var(--c-main);}
.stat .label{font-size:13px;color:var(--c-text-3);margin-top:4px;}
.about-img{height:420px;overflow:hidden;border-radius:var(--radius);box-shadow:0 8px 26px rgba(0,0,0,.12);}
.about-img img{width:100%;height:420px;object-fit:cover;}

/* ============================================================
   新闻中心（左大图 + 右列表）
   ============================================================ */
.news{padding:70px 0;}
.news .container{display:grid;grid-template-columns:566px 1fr;gap:30px;}
.news-feat{position:relative;height:482px;overflow:hidden;border-radius:var(--radius);}
.news-feat img{width:100%;height:482px;object-fit:cover;transition:transform .6s;}
.news-feat:hover img{transform:scale(1.06);}
.news-feat-cap{position:absolute;left:0;bottom:0;width:100%;background:rgba(1,159,233,.9);color:#fff;padding:22px 24px;}
.news-feat-cap h3{color:#fff;font-size:21px;font-weight:500;line-height:1.5;}
.news-feat:hover .news-feat-cap h3{text-decoration:underline;}
.news-feat-cap time{display:block;color:rgba(255,255,255,.75);font-size:13px;margin:8px 0;}
.news-feat-cap p{color:rgba(255,255,255,.85);font-size:14px;line-height:1.7;}
.news-list{display:flex;flex-direction:column;}
.news-list li{border-bottom:1px solid var(--c-line);padding:18px 0;display:flex;align-items:center;flex:1;}
.news-list li:last-child{border-bottom:none;}
.news-date{border-right:2px solid #ddd;width:96px;text-align:center;color:var(--c-text-3);flex-shrink:0;}
.news-date p:nth-child(1){font-size:40px;color:var(--c-text-3);line-height:1;}
.news-date p:nth-child(2){font-size:13px;color:var(--c-text-3);margin-top:4px;}
.news-r{margin-left:24px;flex:1;overflow:hidden;}
.news-r h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-r h3 a{font-size:17px;font-weight:bold;color:var(--c-text);}
.news-r h3 a:hover{color:var(--c-main);}
.news-r p{color:var(--c-text-2);line-height:1.7;font-size:14px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ============================================================
   合作伙伴（Logo 墙）
   ============================================================ */
.partner{padding:60px 0;background:var(--c-bg);}
.partner-list{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.partner-logo{height:96px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--c-text-3);font-weight:bold;letter-spacing:1px;text-align:center;padding:6px;transition:all .3s;filter:grayscale(1);}
.partner-logo:hover{filter:grayscale(0);border-color:var(--c-main);color:var(--c-main);transform:translateY(-3px);box-shadow:0 6px 16px rgba(1,159,233,.18);}

/* ============================================================
   页脚 footer
   ============================================================ */
.footer{width:100%;background:var(--c-dark);color:rgba(255,255,255,.7);}
.foot-main{max-width:var(--w);margin:0 auto;padding:48px 15px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:34px;}
.foot-col .foot-title{color:#fff;font-size:17px;font-weight:bold;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--c-main);display:inline-block;}
.foot-col p{color:rgba(255,255,255,.6);font-size:14px;line-height:2;}
.foot-links li a{color:rgba(255,255,255,.6);font-size:14px;line-height:2.1;}
.foot-links li a:hover{color:var(--c-main-2);padding-left:5px;}
.foot-contact p{color:rgba(255,255,255,.6);font-size:14px;line-height:2;display:flex;align-items:flex-start;gap:8px;}
.foot-contact p svg{width:16px;height:16px;flex-shrink:0;margin-top:5px;fill:var(--c-main-2);}
.foot-contact .b-tel{font-size:24px;color:#fff;font-weight:bold;letter-spacing:1px;}
.foot-qr{text-align:center;}
.foot-qr img{width:120px;height:120px;margin:0 auto;background:#fff;padding:6px;border-radius:6px;}
.foot-qr span{display:block;color:rgba(255,255,255,.6);font-size:13px;margin-top:10px;}
.copyright{width:100%;background:#2a2a2a;text-align:center;padding:16px 15px;}
.copyright span,.copyright span a{font-size:13px;color:rgba(255,255,255,.5);margin:0 6px;}
.copyright span a:hover{color:var(--c-main-2);}

/* ============================================================
   内页 Banner + 面包屑
   ============================================================ */
.n-banner{width:100%;height:300px;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;}
.n-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,121,179,.82) 0%,rgba(1,159,233,.55) 100%);}
.n-banner-txt{position:relative;z-index:2;max-width:var(--w);margin:0 auto;padding:0 15px;width:100%;}
.n-banner-txt h1{font-size:38px;color:#fff;font-weight:bold;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.3);}
.n-banner-txt p{font-size:16px;color:rgba(255,255,255,.85);letter-spacing:2px;}

.ntit{background:#fff;border-bottom:1px solid var(--c-line);}
.ntit .container{display:flex;align-items:center;justify-content:space-between;min-height:64px;}
.ntt h1{font-size:22px;font-weight:bold;color:var(--c-text);display:inline-block;}
.ntt i{font-style:normal;font-size:13px;color:var(--c-text-3);margin-left:10px;letter-spacing:2px;text-transform:uppercase;}
.weiz{font-size:13px;color:var(--c-text-3);}
.weiz a{font-size:13px;color:var(--c-text-3);padding:0 4px;}
.weiz a:hover{color:var(--c-main);}

/* 内页主内容 */
.in-main{max-width:var(--w);margin:0 auto;padding:40px 15px 60px;}
.in-content{background:#fff;}

/* 分页 */
.page{text-align:center;margin:30px 0 10px;}
.page a{display:inline-block;min-width:38px;height:36px;line-height:36px;padding:0 10px;border:1px solid var(--c-line);font-size:14px;color:var(--c-text-2);margin:0 3px;}
.page a:hover,.page a.active{background:var(--c-main);color:#fff;border-color:var(--c-main);}

/* ============================================================
   关于我们页 about.html
   ============================================================ */
.about-page p{color:var(--c-text-2);line-height:2;font-size:15px;margin-bottom:16px;text-indent:2em;}
.timeline{position:relative;margin:40px 0;padding-left:30px;border-left:2px solid var(--c-line);}
.tl-item{position:relative;padding:0 0 32px 24px;}
.tl-item::before{content:"";position:absolute;left:-39px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--c-main);border:3px solid #fff;box-shadow:0 0 0 2px var(--c-main);}
.tl-item .tl-year{font-size:22px;font-weight:bold;color:var(--c-main);}
.tl-item h3{font-size:18px;margin:6px 0;}
.tl-item p{color:var(--c-text-2);font-size:14px;line-height:1.8;text-indent:0;margin-bottom:0;}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:30px 0;}
.culture-card{background:var(--c-bg);border-radius:var(--radius);padding:34px 26px;text-align:center;border-top:4px solid var(--c-main);transition:transform .3s;}
.culture-card:hover{transform:translateY(-6px);background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.1);}
.culture-card .cc-ico{width:60px;height:60px;margin:0 auto 16px;color:var(--c-main);}
.culture-card h3{font-size:20px;margin-bottom:12px;}
.culture-card p{color:var(--c-text-2);font-size:14px;line-height:1.9;text-indent:0;}
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:30px 0;}
.team-card{text-align:center;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 12px #e2e2e2;transition:transform .3s;}
.team-card:hover{transform:translateY(-5px);}
.team-card img{width:100%;height:200px;object-fit:cover;}
.team-card h3{font-size:17px;margin:14px 0 4px;}
.team-card p{color:var(--c-text-3);font-size:13px;margin-bottom:16px;text-indent:0;}

/* ============================================================
   产品详情页 product-N.html
   ============================================================ */
.pd-top{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:40px;}
.pd-img{overflow:hidden;border-radius:var(--radius);box-shadow:0 6px 20px rgba(0,0,0,.12);}
.pd-img img{width:100%;height:100%;max-height:420px;object-fit:cover;}
.pd-info h1{font-size:26px;margin-bottom:16px;line-height:1.4;}
.pd-info .pd-desc{color:var(--c-text-2);line-height:1.9;font-size:15px;margin-bottom:20px;}
.pd-params{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:14px;}
.pd-params th,.pd-params td{border:1px solid var(--c-line);padding:11px 14px;text-align:left;}
.pd-params th{background:var(--c-bg);color:var(--c-text-2);width:30%;font-weight:500;}
.pd-body{margin-bottom:40px;}
.pd-body h2{font-size:21px;margin:26px 0 14px;padding-left:14px;border-left:5px solid var(--c-main);}
.pd-body p{color:var(--c-text-2);line-height:2;font-size:15px;margin-bottom:14px;text-indent:2em;}
.pd-body img{margin:18px auto;border-radius:var(--radius);max-width:100%;}
.pd-features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:40px;}
.feat-item{display:flex;align-items:flex-start;gap:14px;background:var(--c-bg);padding:20px;border-radius:var(--radius);}
.feat-item .feat-ico{width:44px;height:44px;flex-shrink:0;background:var(--c-main);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:18px;}
.feat-item h4{font-size:16px;margin-bottom:4px;}
.feat-item p{font-size:13px;color:var(--c-text-2);line-height:1.7;text-indent:0;margin-bottom:0;}
.pd-rel-title{font-size:22px;margin:10px 0 24px;padding-left:14px;border-left:5px solid var(--c-main);}

/* ============================================================
   新闻列表页 news/index.html
   ============================================================ */
.news-page-list{margin-top:10px;}
.news-page-item{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--c-line);}
.news-page-item:hover{background:#fafcff;}
.np-img{width:240px;height:160px;overflow:hidden;border-radius:var(--radius);}
.np-img img{width:240px;height:160px;object-fit:cover;transition:transform .6s;}
.news-page-item:hover .np-img img{transform:scale(1.1);}
.np-r h3{font-size:18px;font-weight:bold;color:var(--c-text);line-height:1.5;overflow:hidden;}
.news-page-item:hover .np-r h3{color:var(--c-main);}
.np-r time{display:block;font-size:13px;color:var(--c-text-3);margin:8px 0;}
.np-r p{color:var(--c-text-2);font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ============================================================
   新闻详情页 news-N.html
   ============================================================ */
.article{background:#fff;padding:10px 0;}
.art-title{font-size:26px;text-align:center;color:var(--c-text);margin:10px 0 14px;line-height:1.5;}
.art-meta{text-align:center;font-size:13px;color:var(--c-text-3);padding-bottom:20px;border-bottom:1px solid var(--c-line);}
.art-meta span{margin:0 12px;}
.art-body{padding:28px 0;}
.art-body p{color:var(--c-text-2);line-height:2;font-size:15px;margin-bottom:18px;text-indent:2em;}
.art-body h2{font-size:20px;margin:26px 0 14px;color:var(--c-text);}
.art-body img{margin:18px auto;border-radius:var(--radius);max-width:100%;}
.art-nav{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);margin-top:30px;padding:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.art-nav a{color:var(--c-text-2);font-size:14px;line-height:1.8;}
.art-nav a:hover{color:var(--c-main);}
.art-nav .next{text-align:right;}
.art-nav .prev{text-align:left;}

/* ============================================================
   联系我们 contact.html
   ============================================================ */
.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;}
.ci-card{background:var(--c-bg);border-radius:var(--radius);padding:34px 24px;text-align:center;border-top:4px solid var(--c-main);transition:transform .3s;}
.ci-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.1);}
.ci-card .ci-ico{width:54px;height:54px;margin:0 auto 16px;color:var(--c-main);}
.ci-card h3{font-size:18px;margin-bottom:8px;}
.ci-card p{color:var(--c-text-2);font-size:15px;line-height:1.7;text-indent:0;}
.contact-form{background:var(--c-bg);border-radius:var(--radius);padding:36px;}
.contact-form h3{font-size:20px;margin-bottom:24px;padding-left:12px;border-left:5px solid var(--c-main);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-row{display:flex;flex-direction:column;}
.form-row.full{grid-column:1 / -1;}
.form-row label{font-size:14px;color:var(--c-text-2);margin-bottom:6px;}
.form-row input,.form-row textarea{padding:11px 14px;border:1px solid var(--c-line);border-radius:var(--radius);font-size:14px;outline:none;background:#fff;color:var(--c-text);font-family:inherit;}
.form-row input:focus,.form-row textarea:focus{border-color:var(--c-main);}
.form-row textarea{min-height:120px;resize:vertical;}
.form-btn{grid-column:1 / -1;justify-self:start;margin-top:10px;}
.form-btn button{padding:12px 40px;background:var(--c-main);color:#fff;border:none;border-radius:var(--radius);font-size:16px;cursor:pointer;letter-spacing:2px;}
.form-btn button:hover{background:var(--c-deep);}

/* ============================================================
   动画 / 工具 / 兜底 / 返回顶部
   ============================================================ */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
.img-fallback{background:linear-gradient(135deg,#019fe9,#7fcff4);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:160px;color:#fff;font-size:14px;border-radius:var(--radius);text-align:center;padding:10px;}
.back-top{position:fixed;right:24px;bottom:30px;width:46px;height:46px;background:var(--c-main);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:22px;display:none;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:500;}
.back-top.show{display:flex;}
.back-top:hover{background:var(--c-deep);}

/* ============================================================
   响应式：平板 <=1024px
   ============================================================ */
@media (max-width:1024px){
  :root{--w:96%;}
  .lot-center{height:90px;}
  .logo{height:90px;}
  .logo-txt .brand{font-size:22px;}
  .tel-txt p:nth-child(2){font-size:24px;}
  .banner{height:420px;}
  .slide-img,.banner{height:420px;}
  .slide-cap h2{font-size:30px;}
  .prod-grid{grid-template-columns:repeat(3,1fr);}
  .case-grid{grid-template-columns:repeat(2,1fr);}
  .news .container{grid-template-columns:1fr;}
  .news-feat{height:360px;}
  .news-feat img{height:360px;}
  .partner-list{grid-template-columns:repeat(4,1fr);}
  .foot-main{grid-template-columns:1fr 1fr;gap:28px;}
  .about .container{grid-template-columns:1fr;}
  .about-img{height:320px;}
  .about-img img{height:320px;}
  .proc-wrap{grid-template-columns:repeat(2,1fr);}
  .team-grid{grid-template-columns:repeat(3,1fr);}
  .culture-grid{grid-template-columns:1fr 1fr;}
}

/* ============================================================
   响应式：手机 <=768px
   ============================================================ */
@media (max-width:768px){
  :root{--w:100%;}
  .lot-center{height:auto;padding:12px 15px;flex-wrap:wrap;gap:8px;}
  .logo{height:auto;}
  .logo-ico{width:44px;height:44px;}
  .logo-ico svg{width:44px;height:44px;}
  .logo-txt .brand{font-size:18px;}
  .logo-txt .slogan{font-size:11px;letter-spacing:2px;}
  .tel{display:none;}
  /* 导航改汉堡 */
  .menu-center{position:relative;}
  .nav-toggle{display:flex;}
  .nav{position:absolute;top:64px;left:-15px;right:-15px;flex-direction:column;background:var(--c-main);max-height:0;overflow:hidden;transition:max-height .4s ease;box-shadow:0 6px 14px rgba(0,0,0,.2);}
  .nav.open{max-height:640px;}
  .nav>li{flex:none;}
  .nav>li>a{height:52px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.15);}
  .nav .sub{position:static;display:none;background:var(--c-deep);border-bottom:none;}
  .nav>li.expand .sub{display:block;}
  .nav .sub li a{height:44px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);}
  .banner{height:260px;}
  .slide-img{height:260px;}
  .slide-cap{padding:40px 0 30px;}
  .slide-cap h2{font-size:22px;margin-bottom:8px;}
  .slide-cap p{font-size:14px;margin-bottom:12px;}
  .slide-cap .btn{padding:9px 22px;font-size:13px;}
  .banner-prev,.banner-next{width:34px;height:50px;font-size:20px;}
  .search-center{height:auto;padding:12px 15px;}
  .hot-words{margin-bottom:6px;}
  .hot-words a{margin-right:10px;}
  .search-box{width:100%;}
  .search-box input.kw{flex:1;width:auto;}
  .sec-title{margin:35px auto 22px;}
  .sec-title h2{font-size:26px;}
  .cat-tabs a{padding:0 14px;font-size:14px;}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .prod-img{height:120px;}
  .prod-img img{height:120px;}
  .prod-name{font-size:14px;line-height:42px;}
  .case-grid{grid-template-columns:1fr;gap:16px;}
  .case-card{height:220px;}
  .case-card img{height:220px;}
  .proc-wrap{grid-template-columns:1fr;}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .partner-list{grid-template-columns:repeat(2,1fr);}
  .foot-main{grid-template-columns:1fr;gap:24px;text-align:left;}
  .foot-qr{text-align:left;}
  .foot-qr img{margin:0;}
  .copyright span{display:block;margin:4px 0;}
  .n-banner{height:180px;}
  .n-banner-txt h1{font-size:26px;}
  .ntit .container{flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;padding-bottom:12px;}
  .pd-top{grid-template-columns:1fr;gap:20px;}
  .pd-features{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .culture-grid{grid-template-columns:1fr;}
  .contact-info{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .news-page-item{grid-template-columns:1fr;gap:12px;}
  .np-img,.np-img img{width:100%;height:180px;}
  .art-nav{grid-template-columns:1fr;}
  .art-nav .next{text-align:left;}
  .cases{background-attachment:scroll;}
}