*{margin:0;padding:0;box-sizing:border-box} :root{--primary:#c41e3a;--secondary:#8b0000;--white:#fff} body{font-family:"Microsoft YaHei",sans-serif;line-height:1.6;background:#f8f8f8} .container{max-width:1200px;margin:0 auto;padding:0 20px} .main-header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:1rem 0;position:sticky;top:0;z-index:1000} .main-header .container{display:flex;justify-content:space-between;align-items:center} .logo-section h1 a{color:var(--white);text-decoration:none;font-size:1.5rem} .main-nav ul{display:flex;list-style:none;gap:2rem} .main-nav a{color:var(--white);text-decoration:none;padding:0.5rem 1rem} .main-nav a:hover,.main-nav li.active a{background:rgba(255,255,255,0.2)} .mobile-menu-toggle{display:none;font-size:1.5rem;cursor:pointer} .hero-slider{position:relative;height:500px;overflow:hidden} .slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s;background:linear-gradient(135deg,#c41e3a,#8b0000);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center} .slide.active{opacity:1} .slide-content{text-align:center;color:var(--white);background:rgba(0,0,0,0.5);padding:2rem;border-radius:10px;max-width:800px} .slide-content h2{font-size:2.5rem;margin-bottom:1rem} .slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px} .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer} .dot.active{background:var(--white)} .section{padding:4rem 0} .section-title{text-align:center;font-size:2rem;color:var(--primary);margin-bottom:3rem} .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem} .service-card{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);text-align:center} .service-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem} .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem} .news-card{background:var(--white);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);padding:1.5rem} .news-date{color:#666;font-size:0.9rem;margin-bottom:0.5rem} .btn{background:var(--primary);color:var(--white);padding:0.75rem 2rem;border:none;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block} .btn:hover{background:var(--secondary)} .main-footer{background:#333;color:var(--white);padding:3rem 0 1rem} .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem} .footer-section h3{color:#ff6b6b;margin-bottom:1rem} .footer-section ul{list-style:none} .footer-section ul li{margin-bottom:0.5rem} .footer-section a{color:var(--white);text-decoration:none} .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1)} .about-content,.service-detail{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin-bottom:2rem} .about-content h2,.service-detail h3{color:var(--primary);margin-bottom:1rem} .contact-form{max-width:600px;margin:0 auto;background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)} .form-group{margin-bottom:1.5rem} .form-group label{display:block;margin-bottom:0.5rem;font-weight:bold} .form-group input,.form-group textarea{width:100%;padding:0.75rem;border:2px solid #ddd;border-radius:5px} .form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}