*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
ul{list-style:none;}
a{text-decoration:none;color:#333;}
img{max-width:100%;height:auto;}
body{background:#f7f8fa;color:#333;line-height:1.7;}
.container{width:1200px;margin:0 auto;padding:0 15px;}

/* 头部导航 */
header{background:#1a1a2e;position:sticky;top:0;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.header-wrap{display:flex;justify-content:space-between;align-items:center;height:70px;}
.logo a{font-size:24px;font-weight:bold;color:#fff;}
.logo span{color:#ffb703;}
.nav ul{display:flex;gap:35px;}
.nav a{color:#e2e2e2;font-size:16px;transition:color 0.3s;}
.nav a:hover,.nav a.active{color:#ffb703;}

/* banner */
.banner{height:420px;background:#16213e;display:flex;align-items:center;background-image:linear-gradient(135deg,#16213e,#0f3460);}
.banner-text h1{font-size:42px;color:#fff;margin-bottom:18px;}
.banner-text h1 span{color:#ffb703;}
.banner-text p{font-size:18px;color:#ddd;max-width:650px;margin-bottom:25px;}
.btn{display:inline-block;padding:12px 28px;background:#ffb703;color:#111;border-radius:4px;font-weight:600;transition:0.3s;}
.btn:hover{background:#ffc845;}

/* 区块通用 */
.section{padding:70px 0;}
.section-title{text-align:center;margin-bottom:45px;}
.section-title h2{font-size:32px;color:#1a1a2e;margin-bottom:10px;}
.section-title p{color:#666;max-width:700px;margin:0 auto;}

/* 卡片布局 */
.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,0.08);transition:transform 0.3s;}
.card:hover{transform:translateY(-6px);}
.card-img{height:220px;background:#eee;display:flex;align-items:center;justify-content:center;color:#999;}
.card-body{padding:22px;}
.card-body h3{font-size:20px;margin-bottom:10px;color:#1a1a2e;}
.card-body p{color:#666;font-size:15px;margin-bottom:15px;}

/* 新闻列表 */
.news-list{display:flex;flex-direction:column;gap:22px;}
.news-item{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.06);display:flex;gap:24px;}
.news-item-img{width:220px;height:140px;background:#eee;border-radius:6px;flex-shrink:0;}
.news-item-text h3{font-size:20px;margin-bottom:8px;}
.news-item-text .date{color:#999;font-size:14px;margin-bottom:10px;}

/* 页脚 */
footer{background:#1a1a2e;color:#e2e2e2;padding:50px 0;margin-top:30px;}
.footer-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.footer-col h4{font-size:18px;margin-bottom:20px;color:#ffb703;}
.footer-col p,.footer-col a{color:#b9b9b9;font-size:15px;line-height:1.8;}
.copyright{text-align:center;padding-top:30px;margin-top:30px;border-top:1px solid #2c2c44;color:#888;font-size:14px;}

/* 内页内容容器 */
.page-content{background:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 14px rgba(0,0,0,0.07);}
.page-content h2{margin-bottom:20px;color:#1a1a2e;}
.page-content p{margin-bottom:16px;color:#446;font-size:16px;}

/* 响应式适配 */
@media(max-width:1200px){
    .container{width:100%;}
}
@media(max-width:768px){
    .header-wrap{flex-direction:column;height:auto;padding:15px 0;gap:15px;}
    .nav ul{gap:16px;flex-wrap:wrap;justify-content:center;}
    .banner{height:320px;}
    .banner-text h1{font-size:28px;}
    .card-list{grid-template-columns:1fr;}
    .news-item{flex-direction:column;}
    .news-item-img{width:100%;}
    .footer-wrap{grid-template-columns:1fr;}
}