* {margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif;}
/* 全局变量 */
:root {--primary:#00a8e8;--secondary:#ffb800;--dark:#1a1a1a;--light:#f5f5f5;}
body {line-height:1.6;color:var(--dark);}
a {text-decoration:none;color:inherit;}
ul {list-style:none;}
.container {width:90%;max-width:1200px;margin:0 auto;}
/* 头部导航 */
header {background:#007bbf;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}
.navbar {display:flex;align-items:center;justify-content:space-between;padding:0;}
.logo {margin:auto;}
.logo img {height:60px;float: left;margin-right: 10px;}
.logo h1 {float: left;line-height: 60px;color: white;}
.nav-links {display:flex;gap:30px;}
.nav-links a {font-weight:600;font-size:15px;transition:color 0.3s;}
.nav-links a:hover {color:var(--primary);}
.cta-btn {background-color:var(--primary);color:white !important;padding:10px 20px;border-radius:50px;transition:background 0.3s;}
.cta-btn:hover {background-color:#0088c0;}
/* 英雄区 */
.hero {height:85vh;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url('../images/banner.jpg');background-size:cover;background-position:center;display:flex;align-items:center;text-align:center;color:white;}
.hero-content {width:100%;}
.hero h1 {font-size:60px;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.3);}
.hero p {font-size:20px;max-width:700px;margin:0 auto 30px;}
.hero-btns {display:flex;gap:20px;justify-content:center;}
.btn {padding:15px 35px;border-radius:50px;font-weight:bold;font-size:16px;transition:all 0.3s;}
.btn-primary {background-color:var(--primary);color:white;}
.btn-primary:hover {background-color:#0088c0;}
.btn-secondary {background-color:var(--secondary);color:white;}
.btn-secondary:hover {background-color:#e0a000;}
/* 欢迎区域 */
.welcome {padding:80px 0;text-align:center;}
.welcome h2 {font-size:50px;color:var(--primary);}
.welcome p {max-width:1200px;margin:0 auto;font-size:28px;}
.welcome img{width:100%;height:auto;}
.features {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;}
.feature-card {background:white;padding:10px;border-radius:15px;box-shadow:0 5px 15px rgba(0 0 0 / 30%);}
.features  img {width: 160px;height:160px;margin-bottom:20px;}
.features  h3 {font-size:22px;color:var(--primary);}
.features p {font-size:16px;text-align:center;}
/* 滑梯展示区 */
.slides {padding:40px 0;}
.section-title {text-align:center;font-size:40px;margin-bottom:50px;color:var(--dark);}
.slides-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
.slide-item {border-radius:6px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.slide-item img {width:100%;min-height:380px;object-fit:cover;}
.slide-info {padding:0;}
.slide-info h3 {font-size:24px;text-align: center;color:#1a1a1a}
.slides p {font-size:28px;margin:30px auto;text-align:center;}

/* 联系表单 */
.contact-form {padding:40px 0;background-color:var(--light);}
.contact-form p {font-size:16px;color:var(--primary);text-align:center;margin-bottom:20px;}
.form-title {text-align:center;font-size:36px;color:var(--primary);margin-bottom:5px;}
.form-group {margin-bottom:25px;}
.form-group label {display:block;margin-bottom:8px;font-weight:600;color:var(--dark);}
.form-control {width:100%;padding:15px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color 0.3s;}
.form-control:focus {outline:none;border-color:var(--primary);}
textarea.form-control {resize:vertical;min-height:120px;}
.submit-btn {background-color:var(--primary);color:white;border:none;padding:15px 40px;border-radius:50px;font-size:16px;font-weight:bold;cursor:pointer;transition:background 0.3s;width:100%;}
.submit-btn:hover {background-color:#0088c0;}
/* 页脚 */
footer {background-color:#007bbf;color:white;padding:30px 0 20px;}
footer h2 {color: #fff;font-size: 36px;text-align: center;margin-bottom: 20px;}
.footer-grid {display:grid;grid-template-columns:1fr 300px;gap:40px;margin-bottom:40px;}
.footer-grid h3 {font-size:20px;margin-bottom:20px;color:var(--secondary);}

.footer-l ul li {margin-bottom:10px;}
.footer-l ul li a:hover {color:var(--primary);}
.footer-r {margin: auto;}
.footer-r img{width: 130px;}
.copyright {text-align:center;padding-top:20px;border-top:1px solid #444;font-size:14px;}
/* 响应式 */        
@media (max-width:992px) {
.features,.slides-grid{grid-template-columns:repeat(2,1fr);gap: 10px;}
.nav-links {display:none;}
.logo h1{font-size: 1em;}
.hero {height: auto;min-height: 200px;width: 100%;}
.hero h1 {font-size:40px;}
.container {width: 96%;margin: 0 auto;}
.section-title{font-size: 28px;margin-bottom: 20px;}
.welcome {padding: 20px 0;}
.welcome h2{font-size: 24px;margin-bottom: 20px;}
.features {grid-template-columns: repeat(2, 1fr);}
.slide-item img {height: auto;}
.slide-info h3 {font-size: 16px;}
.slides{padding:20px 0;}
.slides p {font-size: 16px;margin: 15px auto;}
.welcome p {font-size: 16px;}
.features {margin-top: 20px;}
.features img{margin-bottom:0px;}
.features h3 {font-size: 18px;font-weight: bold;}
.form-title{font-size: 24px;}
footer h2{font-size: 24px;}
.footer-grid {grid-template-columns: 1fr;gap:10px;margin-bottom:20px;}
.footer-l {text-align: center;}
.footer-r img{width: 90%;}
.footer-grid h3 {text-align: center;margin-bottom: 10px;}
}
