@charset "utf-8";
/* CSS Document */
/* 页面标题区域 */        
.page-header {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('../image/ban-ab1.png'); background-size: cover;background-position: center; color: var(--light-text);text-align: center; padding: 10rem 0 6rem; position: relative; overflow: hidden;}
.page-header h1 { color:rgba(255,255,255,0.8); font-size:3.0rem;margin-bottom:1.5rem;font-weight:800;text-shadow:0 2px 10px rgba(0, 0, 0, 3);}
.breadcrumb {display:flex;justify-content:center;list-style:none;font-size:1.1rem;}
.breadcrumb li {margin:0 10px;}
.breadcrumb a {color:rgba(255,255,255,0.8);text-decoration:none;transition:var(--transition);}
.breadcrumb a:hover {color:white;}
.breadcrumb li:not(:last-child)::after {content:'>';margin-left:20px;color:rgba(255,255,255,0.5);}
/* 关于我们内容区域 */        
.about-content {padding:6rem 10%;}
.about-intro {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:6rem;}
.about-text h2 {font-size:2.8rem;margin-bottom:1.5rem;color:var(--dark);font-weight:800;position:relative;display:inline-block;}
.about-text h2::after {content:'';position:absolute;bottom:-15px;left:0;width:100px;height:5px;background:linear-gradient(to right,var(--primary-red),var(--dark-red));border-radius:3px;}
.about-text p {color:var(--gray);margin-bottom:1.8rem;font-size:1.1rem;line-height:1.8;}
.about-image {border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.15);transition:var(--transition);}
.about-image:hover {transform:translateY(-10px);}
.about-image img {width:100%;height:auto;display:block;}
/* 使命与价值观 */        
.mission-values {background:var(--light);padding:6rem 10%;border-radius:20px;margin-bottom:6rem;}
.section-title {text-align:center;margin-bottom:5rem;}
.section-title h2 {font-size:2.8rem;color:var(--dark);margin-bottom:1.2rem;position:relative;display:inline-block;font-weight:800;}
.section-title h2::after {content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:linear-gradient(to right,var(--primary-red),var(--dark-red));border-radius:3px;}
.section-title p {color:var(--gray);max-width:750px;margin:2rem auto 0;font-size:1.2rem;line-height:1.7;}
.values-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.8rem;}
.value-card {background:white;border-radius:16px;padding:3rem 2.2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:var(--transition);position:relative;overflow:hidden;}
.value-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--primary-red),var(--dark-red));}
.value-card:hover {transform:translateY(-15px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.value-icon {width:90px;height:90px;background:rgba(212,0,26,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.8rem;color:var(--primary-red);font-size:2.2rem;transition:var(--transition);}
.value-card:hover .value-icon {background:var(--primary-red);color:white;transform:scale(1.1) rotate(5deg);}
.value-card h3 {font-size:1.6rem;margin-bottom:1.2rem;color:var(--dark);font-weight:700;}
.value-card p {color:var(--gray);margin-bottom:1.8rem;line-height:1.7;}
/* 团队介绍 */        
.team-section {padding:6rem 10%;background:white;}
.team-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.8rem;}
.team-card {border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:var(--transition);background:white;text-align:center;}
.team-card:hover {transform:translateY(-15px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.team-image {height:280px;background-size:cover;background-position:center;transition:transform 0.8s;}
.team-card:hover .team-image {transform:scale(1.05);}
.team-content {padding:2rem;background:white;}
.team-content h3 {font-size:1.5rem;margin-bottom:0.5rem;color:var(--dark);font-weight:700;}
.team-content .position {color:var(--primary-red);font-weight:600;margin-bottom:1rem;display:block;}
.team-content p {color:var(--gray);margin-bottom:1.8rem;line-height:1.6;}
.team-social {display:flex;justify-content:center;gap:1rem;}
.team-social a {width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--dark);text-decoration:none;transition:var(--transition);font-size:1.1rem;}
.team-social a:hover {background:var(--primary-red);color:white;transform:translateY(-5px);}
/* 数据统计区域 */        
.stats {padding:6rem 10%;background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:white;text-align:center;position:relative;overflow:hidden;}
.stats::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.05)"/></svg>');background-size:cover;}
.stats-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;position:relative;z-index:2;}
.stat-item {padding:2rem;}
.stat-item h3 {font-size:3.5rem;margin-bottom:0.8rem;font-weight:800;}
.stat-item p {font-size:1.3rem;opacity:0.95;font-weight:500;}
/* CTA区域 */        
.cta-section {padding:6rem 10%;background:var(--light);text-align:center;border-radius:20px;margin:6rem 10%;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.cta-section h2 {font-size:2.8rem;margin-bottom:1.5rem;color:var(--dark);font-weight:800;}
.cta-section p {color:var(--gray);max-width:750px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.7;}
.cta-buttons {display:flex;justify-content:center;gap:1.5rem;}
.btn {padding:1.1rem 2.2rem;border-radius:30px;font-weight:700;text-decoration:none;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.btn-primary {background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:white;}
.btn-primary:hover {transform:translateY(-3px);box-shadow:0 10px 25px rgba(212,0,26,0.5);}
.btn-secondary {background:white;color:var(--dark);border:2px solid var(--primary-red);}
.btn-secondary:hover {background:var(--primary-red);color:white;transform:translateY(-3px);}
.btn i {margin-left:8px;transition:transform 0.3s;}
.btn:hover i {transform:translateX(5px);}
/* 底部区域 */        
footer {background:var(--dark);color:white;padding:5rem 10% 2rem;position:relative;}
.footer-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3.5rem;margin-bottom:3rem;}
.footer-column h3 {font-size:1.4rem;margin-bottom:1.8rem;position:relative;padding-bottom:12px;font-weight:700;}
.footer-column h3::after {content:'';position:absolute;bottom:0;left:0;width:50px;height:4px;background:var(--primary-red);border-radius:2px;}
.footer-links {list-style:none;}
.footer-links li {margin-bottom:1rem;}
.footer-links a {color:#aaa;text-decoration:none;transition:var(--transition);display:inline-block;}
.footer-links a:hover {color:white;transform:translateX(8px);}
.contact-info {list-style:none;}
.contact-info li {margin-bottom:1.2rem;display:flex;align-items:flex-start;}
.contact-info i {margin-right:12px;color:var(--primary-red);font-size:1.1rem;margin-top:4px;}
.social-links {display:flex;gap:1.2rem;margin-top:2rem;}
.social-links a {width:45px;height:45px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:var(--transition);font-size:1.2rem;}
.social-links a:hover {background:var(--primary-red);transform:translateY(-5px);}
.copyright {text-align:center;padding-top:2.5rem;border-top:1px solid #333;color:#aaa;font-size:0.95rem;}
/* 响应式设计 */        @media (max-width:1200px) {.about-intro {grid-template-columns:1fr;gap:3rem;}
.about-image {order:-1;}
}
@media (max-width:992px) {.nav-links {display:none;}
.page-header h1 {font-size:2.8rem;}
}
@media (max-width:768px) {.page-header h1 {font-size:2.4rem;}
.cta-buttons {flex-direction:column;gap:1rem;}
.btn {text-align:center;width:100%;}
.section-title h2 {font-size:2.2rem;}
.about-text h2 {font-size:2.2rem;}
}
@media (max-width:576px) {.page-header h1 {font-size:2rem;}
.section-title h2 {font-size:1.9rem;}
.values-grid,.team-grid {grid-template-columns:1fr;}
.cta-section {margin:6rem 5%;}
}