/* 通亮窗帘 企业站样式 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; color:#333; background:#faf8f5; font-size:15px; line-height:1.7; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; border:0; }
ul { list-style:none; }
.container { width:1200px; max-width:94%; margin:0 auto; }

/* topbar */
.topbar { background:#2b2620; color:#d8cfc2; font-size:13px; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; height:34px; }
.topbar a { color:#e8c98a; }

/* header */
.header { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.06); position:relative; z-index:99; }
.header .container { display:flex; align-items:center; justify-content:space-between; height:76px; }
.logo { font-size:26px; font-weight:700; color:#7a5c3e; letter-spacing:2px; }
.logo small { display:block; font-size:11px; color:#b0a290; letter-spacing:3px; font-weight:400; }
.nav { display:flex; gap:38px; }
.nav a { font-size:16px; padding:26px 2px; border-bottom:3px solid transparent; transition:.2s; }
.nav a:hover, .nav a.on { color:#7a5c3e; border-color:#c9a86a; }
.nav-hd { color:#7a5c3e; font-weight:700; }

/* hero */
.hero { position:relative; height:520px; overflow:hidden; }
.hero img.bg { width:100%; height:100%; object-fit:cover; }
.hero .mask { position:absolute; inset:0; background:linear-gradient(90deg,rgba(30,24,16,.72) 0%,rgba(30,24,16,.35) 60%,rgba(30,24,16,.1) 100%); }
.hero .txt { position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:1200px; max-width:94%; margin:0 auto; right:0; }
.hero h2 { font-size:44px; letter-spacing:4px; margin-bottom:14px; }
.hero p { font-size:18px; color:#e8e2d8; margin-bottom:30px; }
.btn { display:inline-block; padding:12px 34px; border:1px solid #c9a86a; color:#fff; margin-right:16px; transition:.2s; }
.btn:hover { background:#c9a86a; }
.btn.solid { background:#c9a86a; }
.btn.solid:hover { background:#b3924f; }

/* section */
.sec { padding:70px 0; }
.sec-title { text-align:center; margin-bottom:44px; }
.sec-title h2 { font-size:30px; color:#2b2620; letter-spacing:2px; }
.sec-title .line { width:56px; height:3px; background:#c9a86a; margin:14px auto 10px; }
.sec-title p { color:#999; font-size:14px; }

/* 分类卡片 */
.cats { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.cat-card { position:relative; overflow:hidden; display:block; height:220px; }
.cat-card img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.cat-card:hover img { transform:scale(1.06); }
.cat-card span { position:absolute; left:0; right:0; bottom:0; background:rgba(43,38,32,.72); color:#fff; text-align:center; padding:12px 0; font-size:17px; letter-spacing:2px; }

/* 产品网格 */
.grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.p-card { background:#fff; display:block; transition:.25s; }
.p-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.1); transform:translateY(-4px); }
.p-card .im { height:230px; overflow:hidden; }
.p-card .im img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.p-card:hover .im img { transform:scale(1.05); }
.p-card h3 { font-size:16px; color:#2b2620; padding:14px 16px 4px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.p-card p { font-size:13px; color:#999; padding:0 16px 16px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.more { text-align:center; margin-top:36px; }

/* 关于 */
.about-sec .container { display:grid; grid-template-columns:1fr 1.15fr; gap:50px; align-items:center; }
.about-sec img { border-radius:6px; height:340px; width:100%; object-fit:cover; }
.about-sec h2 { font-size:28px; color:#2b2620; margin-bottom:18px; }
.about-sec p { color:#666; margin-bottom:14px; text-align:justify; }
.feat { display:flex; gap:28px; margin-top:22px; }
.feat div { flex:1; background:#fff; padding:16px; text-align:center; border-top:3px solid #c9a86a; }
.feat b { display:block; font-size:18px; color:#7a5c3e; }
.feat i { font-style:normal; font-size:13px; color:#999; }

/* 新闻 */
.nlist { display:grid; grid-template-columns:repeat(2,1fr); gap:26px; }
.n-item { display:grid; grid-template-columns:180px 1fr; gap:18px; background:#fff; padding:16px; }
.n-item img { width:180px; height:120px; object-fit:cover; }
.n-item h3 { font-size:17px; margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.n-item h3 a:hover { color:#7a5c3e; }
.n-item p { font-size:13px; color:#888; height:42px; overflow:hidden; }
.n-item .date { font-size:12px; color:#b0a290; }

/* CTA */
.cta { background:#7a5c3e; color:#fff; text-align:center; padding:52px 0; }
.cta h2 { font-size:26px; letter-spacing:2px; margin-bottom:10px; }
.cta p { color:#e0d5c5; margin-bottom:24px; }
.cta .btn { border-color:#fff; }
.cta .btn.solid { background:#fff; color:#7a5c3e; border-color:#fff; }

/* 内页 */
.banner-in { height:200px; background:url(../images/banner.jpg) center/cover no-repeat; position:relative; }
.banner-in .mask { position:absolute; inset:0; background:rgba(43,38,32,.55); }
.banner-in h2 { position:absolute; width:100%; top:50%; transform:translateY(-50%); text-align:center; color:#fff; font-size:30px; letter-spacing:4px; }
.crumbs { background:#fff; border-bottom:1px solid #eee; font-size:13px; color:#999; }
.crumbs .container { height:44px; display:flex; align-items:center; }
.crumbs a { color:#7a5c3e; }

.page-wrap { background:#fff; padding:40px; min-height:400px; }
.page-wrap h1 { font-size:24px; color:#2b2620; margin-bottom:24px; }
.page-wrap p { margin-bottom:14px; color:#555; text-align:justify; }
.page-wrap img { margin:10px 0; border-radius:4px; }

.contact-box { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:36px; }
.contact-box div { background:#faf8f5; padding:28px 20px; text-align:center; border-top:3px solid #c9a86a; }
.contact-box b { display:block; font-size:18px; color:#7a5c3e; margin-bottom:6px; }
.contact-box i { font-style:normal; font-size:13px; color:#999; }
.contact-box .v { display:block; font-size:17px; color:#333; margin-top:10px; }

/* 列表页 */
.list-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.nrow { display:grid; grid-template-columns:220px 1fr; gap:24px; background:#fff; padding:20px; margin-bottom:20px; }
.nrow img { width:220px; height:150px; object-fit:cover; }
.nrow h3 { font-size:18px; margin-bottom:10px; }
.nrow h3 a:hover { color:#7a5c3e; }
.nrow p { color:#888; font-size:14px; margin-bottom:12px; }
.nrow .meta { font-size:12px; color:#b0a290; }

/* 分页 */
.epages { text-align:center; padding:30px 0; }
.epages a, .epages b { display:inline-block; min-width:34px; padding:6px 12px; margin:0 4px; background:#fff; border:1px solid #e5ded2; color:#666; }
.epages b { background:#7a5c3e; border-color:#7a5c3e; color:#fff; }

/* 内容页 */
.news-wrap { background:#fff; padding:44px 50px; }
.news-wrap h1 { font-size:26px; text-align:center; margin-bottom:12px; color:#2b2620; }
.news-wrap .meta { text-align:center; color:#b0a290; font-size:13px; padding-bottom:24px; border-bottom:1px solid #f0ebe2; margin-bottom:26px; }
.news-wrap .content p { margin-bottom:16px; color:#555; }
.news-wrap .content img { margin:14px auto; }
.pn { display:flex; justify-content:space-between; margin-top:36px; padding-top:20px; border-top:1px solid #f0ebe2; font-size:14px; }
.pn a { color:#7a5c3e; }

/* footer */
.footer { background:#2b2620; color:#a89e8e; margin-top:70px; }
.footer .container { display:grid; grid-template-columns:2fr 1fr 1.4fr; gap:40px; padding:52px 0 40px; }
.footer h4 { color:#fff; font-size:16px; margin-bottom:16px; letter-spacing:1px; }
.footer p, .footer a { font-size:13px; line-height:2; }
.footer a:hover { color:#e8c98a; }
.footer .tel { color:#e8c98a; font-size:20px; font-weight:700; }
.copyright { border-top:1px solid #3d372e; text-align:center; padding:16px 0; font-size:12px; color:#6f6656; }

@media (max-width:900px){
  .container { width:96%; }
  .header .container { flex-direction:column; height:auto; padding:12px 0; gap:4px; }
  .nav { gap:18px; flex-wrap:wrap; justify-content:center; }
  .nav a { padding:6px 2px; }
  .hero { height:360px; }
  .hero h2 { font-size:28px; }
  .cats,.grid4,.list-grid { grid-template-columns:repeat(2,1fr); }
  .about-sec .container { grid-template-columns:1fr; }
  .nlist { grid-template-columns:1fr; }
  .contact-box { grid-template-columns:1fr; }
  .footer .container { grid-template-columns:1fr; gap:24px; }
  .news-wrap { padding:24px; }
  .nrow { grid-template-columns:1fr; }
}