*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f5f5f5;color:#333;line-height:1.7}
a{text-decoration:none;color:inherit}
ul,li{list-style:none}
img{border:0;max-width:100%}
.container{width:1200px;max-width:96%;margin:0 auto}
.banner-box{width:100%;height:390px;background:#1a1a1a url("../imgs/banner.jpg") no-repeat center top;background-size:cover;position:relative}
.banner-box .absolute-style{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.45))}
.head-nav{overflow:hidden;padding:18px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 0}
.head-nav li{float:left;padding:0 22px;font-size:17px;line-height:44px;font-weight:500}
.head-nav a{color:#fff}
.head-nav a:hover,.head-nav a.active,.head-nav li.active a{color:#f23c41}
.brand-tag{color:#fff;font-size:18px;font-weight:700;margin-right:12px;letter-spacing:1px}
.hero-copy{color:#fff;text-align:center;padding-top:48px}
.hero-copy h1{font-size:36px;font-weight:700;line-height:1.4;padding:0 16px 14px}
.hero-copy .sub{font-size:22px;opacity:.95;padding-bottom:10px}
.hero-copy .desc{font-size:16px;opacity:.9}
.home-single{width:100%;background:#fff;padding:10px 0 40px}
.home-cons-des{width:1200px;max-width:96%;margin:30px auto;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-cons-des .cons-des-no{width:32%;height:216px;overflow:hidden;position:relative;margin-bottom:25px;border-radius:10px;background:#222;box-shadow:0 0 12px rgba(0,0,0,.18)}
.home-cons-des .cons-des-no:hover .img-des{transform:scale(1.12)}
.home-cons-des .cons-des-no .img-des{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .3s;display:block}
.home-cons-des .cons-des-no .ph{width:100%;height:100%;background:linear-gradient(135deg,#2b2b2b,#4a4a4a 40%,#1f1f1f);display:block}
.home-cons-des .cons-des-no h3{position:absolute;left:10px;top:10px;right:10px;color:rgba(255,255,255,.95);z-index:2;background:rgba(0,0,0,.72);font-size:15px;padding:6px 10px;border-radius:5px;line-height:1.4;max-height:3.2em;overflow:hidden}
.section-title{width:1200px;max-width:96%;margin:10px auto 0;font-size:22px;color:#222;padding:8px 0}
.cat-row{width:1200px;max-width:96%;margin:12px auto 8px;display:flex;flex-wrap:wrap;gap:10px}
.cat-row a{display:inline-block;padding:8px 14px;border-radius:6px;background:#fff;border:1px solid #eee;color:#333;box-shadow:0 0 8px rgba(0,0,0,.06);font-size:14px}
.cat-row a:hover{color:#f23c41;border-color:#f23c41}
.pagination-ul{text-align:center;margin:10px auto 20px}
.pagination-ul li{display:inline-block;min-width:28px;height:28px;background:#eee;margin:0 5px 10px;line-height:28px;font-size:14px;color:#000;border-radius:3px;padding:0 6px}
.pagination-ul li a{color:#000;display:block}
.pagination-ul li.active{background:#00a0d2;color:#fff}
.cons-box{width:100%;background:#fff;padding:30px 0 50px}
.single-box{width:1200px;max-width:96%;margin:0 auto;overflow:hidden;padding:10px 0 30px;display:flex;gap:24px;justify-content:space-between}
.single-left{width:68%;background:#fff;color:#333;padding:22px;border-radius:5px;margin-top:10px;box-shadow:0 0 10px rgba(0,0,0,.18)}
.left-bt{font-size:28px;color:#222;padding-bottom:12px;line-height:1.35}
.single-left p{font-size:15px;color:#333;line-height:34px;padding-bottom:14px}
.single-left h2{font-size:20px;color:#222;padding:8px 0 12px}
.meta-line{color:#888;font-size:13px;margin-bottom:16px}
.meta-line a{color:#00a0d2;margin-right:8px}
.single-right{width:30%}
.single-des{background:#fff;padding:16px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.18);margin-top:10px;border-radius:5px}
.single-right h3{color:#03a9f4;border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px;font-size:18px}
.single-right ul li{font-size:14px;padding:6px 0;border-bottom:1px dashed #eee;line-height:1.5}
.single-right ul li a{color:#333}
.single-right ul li a:hover{color:#f23c41}
.list-card{background:#fff;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.12);padding:16px 18px;margin:0 auto 16px;width:1200px;max-width:96%}
.list-card a{color:#222}
.list-card h3{font-size:20px;margin-bottom:6px}
.list-card p{color:#666;font-size:14px;line-height:1.7}
.cta-band{margin:28px 0 8px;padding:22px 18px;border-radius:10px;background:linear-gradient(135deg,#1f1f1f,#3a3a3a);text-align:center;box-shadow:0 0 14px rgba(0,0,0,.25)}
.cta-band p{color:#fff;font-size:16px;margin-bottom:12px}
.cta-btn{display:inline-block;min-width:260px;padding:12px 22px;border-radius:10px;border:2px solid #fff;color:#fff;font-size:18px;font-weight:700;background:rgba(242,60,65,.92)}
.cta-btn:hover{background:#fff;color:#111}
.footer{width:100%;text-align:center;padding:28px 12px 40px;color:#666;background:#fff;margin-top:20px;font-size:13px}
.footer a{color:#999;margin:0 8px}
.page-inner{width:1200px;max-width:96%;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.12);padding:28px 24px;margin-top:20px;margin-bottom:30px}
.page-inner h1{font-size:28px;margin-bottom:14px;color:#222}
.page-inner p{margin-bottom:12px;line-height:1.85;color:#333}
@media (max-width:900px){
  .banner-box{height:220px}
  .hero-copy{padding-top:24px}
  .hero-copy h1{font-size:20px}
  .hero-copy .sub{font-size:14px}
  .hero-copy .desc{font-size:13px}
  .head-nav li{padding:0 10px;font-size:14px;line-height:36px}
  .home-cons-des .cons-des-no{width:48%;height:160px}
  .single-box{flex-direction:column}
  .single-left,.single-right{width:100%}
  .left-bt{font-size:22px}
}
@media (max-width:600px){
  .home-cons-des .cons-des-no{width:100%;height:180px}
}