* {margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans SC","Microsoft Yahei",sans-serif;}
ul,li {list-style:none;}
a {text-decoration:none;color:#2a2f3a;transition:color 0.2s;}
a:hover {color:#1e3a5f;}
img {max-width:100%;display:block;}
.container {max-width:1280px;margin:0 auto;padding:0 24px;}
.flex-row {display:flex;gap:24px;flex-wrap:wrap;}
.title {font-size:22px;color:#1e3a5f;padding-left:14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border-left:4px #1e3a5f solid;font-weight:600;}
.title a {font-size:14px;color:#6b7a8d;font-weight:400;}
.title a:hover {color:#1e3a5f;}

.header {background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06);position:sticky;top:0;z:99;transition:all 0.3s;}
.nav-wrap {display:flex;justify-content:space-between;align-items:center;height:72px;}
.logo {display:flex;align-items:center;gap:12px;}
.logo img {height:48px;}
.logo h1 {font-size:20px;color:#1e3a5f;font-weight:600;}
.menu-btn {display:none;font-size:24px;color:#2a2f3a;cursor:pointer;}
.nav {display:flex;gap:8px;}
.nav a {height:72px;line-height:72px;font-size:15px;padding:0 12px;position:relative;color:#6b7a8d;transition:color 0.2s;}
.nav a:hover,.nav a.active {color:#1e3a5f;}
.nav a.active::after {content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;background:#1e3a5f;border-radius:2px;}

.banner-box {width:100%;height:480px;overflow:hidden;position:relative;background:#f0f4f8;}
.banner-list {display:flex;width:100%;height:100%;transition:0.6s ease;}
.banner-item {min-width:100%;height:100%;}
.banner-item img {width:100%;height:100%;object-fit:cover;}
.banner-dot {position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:10px;}
.dot {width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s;}
.dot.active {background:#fff;transform:scale(1.2);}

.main {padding:64px 0;}
.news-box {flex:1;min-width:320px;background:#fff;padding:24px;border-radius:12px;border:1px solid #e4eaf2;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.news-list li {display:flex;justify-content:space-between;align-items:center;line-height:40px;border-bottom:1px solid #f0f4f8;transition:background 0.2s;}
.news-list li:hover {background:#faf8f3;}
.news-list li:last-child {border-bottom:none;}
.news-list li a {width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
.news-list li a:hover {color:#1e3a5f;}
.news-list li .time {color:#6b7a8d;font-size:13px;}

.gallery-wrap {margin:48px 0;display:flex;gap:32px;flex-wrap:wrap;}
.gallery-block {flex:1;min-width:450px;}
.slide-box {width:100%;overflow:hidden;position:relative;height:200px;border-radius:10px;}
.slide-track {display:flex;gap:16px;transition:0.3s ease;height:100%;}
.slide-item {min-width:220px;height:100%;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.slide-item img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.slide-item:hover img {transform:scale(1.05);}
.slide-prev,.slide-next {position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(30,58,95,0.7);color:#fff;border:none;cursor:pointer;font-size:16px;z:10;transition:background 0.2s;}
.slide-prev:hover,.slide-next:hover {background:rgba(30,58,95,0.9);}
.slide-prev {left:10px;}
.slide-next {right:10px;}

.school-section {margin-top:48px;}
.school-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;}
.school-card {background:#fff;border:1px solid #e4eaf2;border-radius:12px;overflow:hidden;transition:all 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.school-card:hover {transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.1);}
.school-card img {height:160px;width:100%;object-fit:cover;}
.school-card h3 {padding:12px 16px;font-size:16px;color:#1e3a5f;font-weight:600;}
.school-card p {padding:0 16px 10px;font-size:14px;color:#6b7a8d;line-height:22px;}

.project-section {margin-top:48px;}
.project-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px;}
.project-card {border:1px solid #e4eaf2;border-radius:12px;overflow:hidden;background:#fff;transition:all 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.project-card:hover {transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.1);}
.project-card img {height:180px;width:100%;object-fit:cover;}
.project-card h3 {padding:14px 16px;font-size:17px;color:#2a2f3a;font-weight:600;}
.project-card p {padding:0 16px 10px;font-size:14px;color:#6b7a8d;line-height:22px;}
.readmore {display:inline-block;margin:0 16px 16px;padding:8px 20px;background:#1e3a5f;color:#fff;border-radius:6px;font-size:14px;transition:background 0.2s;}
.readmore:hover {background:#2d5a8e;color:#fff;}

.footer {background:#1e3a5f;color:#fff;padding:48px 0;margin-top:64px;}
.footer-wrap {display:flex;gap:60px;flex-wrap:wrap;}
.footer-intro,.footer-contact {flex:1;min-width:300px;}
.footer h3 {margin-bottom:16px;font-size:18px;font-weight:600;}
.footer p {line-height:28px;color:rgba(255,255,255,0.75);font-size:15px;}
.copyright {width:100%;margin-top:32px;text-align:center;color:rgba(255,255,255,0.5);font-size:14px;border-top:1px solid rgba(255,255,255,0.15);padding-top:20px;}

@media screen and (max-width:768px) {
    .container {width:100%;}
    .menu-btn {display:block;}
    .nav {position:absolute;top:72px;left:0;width:100%;background:#fff;flex-direction:column;padding:16px;gap:0;display:none;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
    .nav.show {display:flex;}
    .nav a {height:48px;line-height:48px;border-bottom:1px solid #f0f4f8;padding:0 16px;}
    .nav a.active::after {display:none;}
    .banner-box {height:260px;}
    .school-grid {grid-template-columns:repeat(2,1fr);}
    .project-grid {grid-template-columns:repeat(2,1fr);}
    .gallery-block {min-width:100%;}
    .main {padding:32px 0;}
}