@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif;}
:root {--primary-red:#d4001a;--dark-red:#a80015;--gold:#d4af37;--dark:#1a1a1a;--light:#f8f9fa;--gray:#6c757d;}
body {background-color:#fff;color:var(--dark);line-height:1.6;overflow-x:hidden;}
/* 导航栏样式 */  
header {background-color:rgba(255,255,255,0.95);box-shadow:0 2px 15px rgba(0,0,0,0.1);position:fixed;width:100%;z-index:1000;padding:0 5%;}
.navbar {display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;}
.logo {display:flex;align-items:center;}
.logo-icon {width:300px;height:66px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;color:white;font-weight:bold;font-size:24px;/*          box-shadow:0 4px 10px rgba(212,0,26,0.3);*/}
.logo-text {font-size:1.8rem;font-weight:700;color:var(--dark);}
.logo-text span {color:var(--primary-red);}
.nav-links {display:flex;list-style:none;}
.nav-links li {margin-left:2rem;}
.nav-links a {text-decoration:none;color:var(--dark);font-weight:500;font-size:1.05rem;transition:color 0.3s;position:relative;}
.nav-links a:hover {color:var(--primary-red);}
.nav-links a::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-red);transition:width 0.3s;}
.nav-links a:hover::after {width:100%;}
.nav-actions {display:flex;align-items:center;}
.language-selector {margin-right:1.5rem;font-weight:500;cursor:pointer;}
.language-selector i {margin-right:5px;color:var(--primary-red);}
.language-selector a {text-decoration:none;color:var(--dark);font-weight:500;font-size:1.05rem;transition:color 0.3s;position:relative;}
.language-selector a:hover {color:var(--primary-red);}
.language-selector a::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-red);transition:width 0.3s;}
.language-selector a:hover::after {width:100%;}
.china-flag { color: #de2910; /* 中国红 */	}
.cta-button {background:var(--primary-red);color:white;border:none;padding:0.8rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 15px rgba(212,0,26,0.3);}
.cta-button:hover {background:var(--dark-red);transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,0,26,0.4);}
/* 英雄区域样式 */        
.hero {height:100vh;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../image/about04.png');background-size:cover;background-position:center;display:flex;align-items:center;color:white;padding:0 10%;}
.hero-content {max-width:1200px;}
.hero h1 {font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;}
.hero p {font-size:1.3rem;margin-bottom:2rem;opacity:0.9;}
.hero-buttons {display:flex;gap:1rem;}
.btn {padding:1rem 2rem;border-radius:30px;font-weight:600;text-decoration:none;transition:all 0.3s;display:inline-block;}
.btn-primary {background:var(--primary-red);color:white;box-shadow:0 4px 15px rgba(212,0,26,0.4);}
.btn-primary:hover {background:var(--dark-red);transform:translateY(-3px);box-shadow:0 6px 20px rgba(212,0,26,0.5);}
.btn-secondary {background:transparent;color:white;border:2px solid white;}
.btn-secondary:hover {background:white;color:var(--dark);}
/* 特色服务区域 */        
.features {padding:6rem 10%;background:var(--light);}
.section-title {text-align:center;margin-bottom:4rem;}
.section-title h2 {font-size:2.5rem;color:var(--dark);margin-bottom:1rem;position:relative;display:inline-block;}
.section-title h2::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--primary-red);}
.section-title p {color:var(--gray);max-width:700px;margin:0 auto;font-size:1.1rem;}
.features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;}
.feature-card {border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s;}
.feature-card:hover {transform:translateY(-10px);}
.feature-image {background-size:cover;background-position:center;}
.feature-content {padding:1.5rem;background:white;}
.feature-card h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--dark);}
.feature-card p {color:var(--gray);margin-bottom:1.5rem;}
.feature-link {color:var(--primary-red);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;}
.feature-link i {margin-left:5px;transition:transform 0.3s;}
.feature-link:hover i {transform:translateX(5px);}

/* 数据统计区域 */        
.stats {padding:5rem 10%;background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:white;text-align:center;}
.stats-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;}
.stat-item h3 {font-size:3rem;margin-bottom:0.5rem;font-weight:700;}
.stat-item p {font-size:1.2rem;opacity:0.9;}
/* 课程展示区域 */        
.courses {padding:6rem 10%;}
.courses-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;}
.course-card {border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s;}
.course-card:hover {transform:translateY(-10px);}
.course-image {background-size:cover;background-position:center;}
.course-content {padding:1.5rem;background:white;}
.course-content h3 {font-size:1.4rem;margin-bottom:0.8rem;color:var(--dark);}
.course-content p {color:var(--gray);margin-bottom:1.5rem;}
.course-meta {display:flex;justify-content:space-between;color:var(--gray);font-size:0.9rem;margin-bottom:1.5rem;}
.course-link {color:var(--primary-red);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;}
.course-link i {margin-left:5px;transition:transform 0.3s;}
.course-link:hover i {transform:translateX(5px);}
/* 文化活动 */        
.wenhua {padding:6rem 10%;}
.wenhua-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;}
.wenhua-card {border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s;}
.wenhua-card:hover {transform:translateY(-10px);}
.wenhua-image {background-size:cover;background-position:center;}
.wenhua-content {padding:1.5rem;background:white;}
.wenhua-content h3 {font-size:1.4rem;margin-bottom:0.8rem;color:var(--dark);}
.wenhua-content p {color:var(--gray);margin-bottom:1.5rem;}
.wenhua-meta {display:flex;justify-content:space-between;color:var(--gray);font-size:0.9rem;margin-bottom:1.5rem;}
.wenhua-link {color:var(--primary-red);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;}
.wenhua-link i {margin-left:5px;transition:transform 0.3s;}
.wenhua-link:hover i {transform:translateX(5px);}
/* 底部区域 */        
footer {background:var(--dark);color:white;padding:5rem 10% 2rem;}
.footer-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;}
.footer-column h3 {font-size:1.3rem;margin-bottom:1.5rem;position:relative;padding-bottom:10px;}
.footer-column h3::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary-red);}
.footer-links {list-style:none;}
.footer-links li {margin-bottom:0.8rem;}
.footer-links a {color:#aaa;text-decoration:none;transition:color 0.3s;}
.footer-links a:hover {color:white;}
.contact-info {list-style:none;}
.contact-info li {margin-bottom:1rem;display:flex;align-items:flex-start;}
.contact-info i {margin-right:10px;color:var(--primary-red);}
.social-links {display:flex;gap:1rem;margin-top:1.5rem;}
.social-links a {width:40px;height:40px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.3s;}
.social-links a:hover {background:var(--primary-red);transform:translateY(-3px);}
.copyright {text-align:center;padding-top:2rem;border-top:1px solid #333;color:#aaa;font-size:0.9rem;}
/* 响应式设计 */        @media (max-width:992px) {.nav-links {display:none;}
.hero h1 {font-size:2.8rem;}
.hero p {font-size:1.1rem;}
}
@media (max-width:768px) {.hero h1 {font-size:2.2rem;}
.hero-buttons {flex-direction:column;gap:1rem;}
.btn {text-align:center;}
.section-title h2 {font-size:2rem;}
}

