*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo h1{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav-links a:hover{color:#3498db}.main-content{flex:1;margin-top:80px}.footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1.5rem 0;margin-top:auto}.footer .beian{font-size:.85rem;margin-top:.5rem;opacity:.8}.container{max-width:1200px;margin:0 auto;padding:2rem}.home{padding-top:80px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:6rem 2rem}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.cta-button:hover{background-color:#2980b9}.features{padding:4rem 0;background-color:#f8f9fa}.features h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:center}.feature-card .icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.2rem;margin-bottom:1rem;color:#2c3e50}.services{padding:4rem 0}.services h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:#2c3e50}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-item{border-left:4px solid #3498db;padding:1.5rem;background-color:#f8f9fa;border-radius:0 5px 5px 0}.service-item h3{color:#2c3e50;margin-bottom:.5rem}.about{padding:2rem}.about h1{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.company-info{margin-bottom:3rem}.company-info h2{font-size:1.5rem;margin-bottom:1rem;color:#3498db}.company-info p{margin-bottom:1rem;line-height:1.8}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.mission,.vision{background-color:#f8f9fa;padding:2rem;border-radius:10px;text-align:center}.mission h3,.vision h3{color:#2c3e50;margin-bottom:1rem}.team{margin-bottom:3rem}.team h2{font-size:1.5rem;margin-bottom:2rem;color:#3498db}.team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.member{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:10px}.member-photo{font-size:4rem;margin-bottom:1rem}.member h4{color:#2c3e50;margin-bottom:.5rem}.achievements{background-color:#f8f9fa;padding:2rem;border-radius:10px}.achievements h2{font-size:1.5rem;margin-bottom:1.5rem;color:#3498db}.achievements ul{list-style:none}.achievements li{padding:.5rem 0;border-bottom:1px solid #ddd}.achievements li:last-child{border-bottom:none}.products{padding:2rem}.products h1{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.product-card{background-color:#f8f9fa;padding:2rem;border-radius:10px;transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-image{font-size:4rem;margin-bottom:1rem}.product-card h3{color:#2c3e50;margin-bottom:1rem}.product-card p{margin-bottom:1rem}.product-card ul{list-style:none}.product-card li{padding:.3rem 0;color:#666}.pricing h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:#2c3e50}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.pricing-card{background-color:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000001a}.pricing-card.featured{border:2px solid #3498db;transform:scale(1.05)}.pricing-card h3{color:#2c3e50;margin-bottom:1rem}.pricing-card .price{font-size:2rem;color:#3498db;margin-bottom:1.5rem}.pricing-card ul{list-style:none;margin-bottom:2rem}.pricing-card li{padding:.5rem 0;border-bottom:1px solid #eee}.pricing-card button{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.pricing-card button:hover{background-color:#2980b9}.contact{padding:2rem}.contact h1{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.contact-info h2,.contact-form h2{font-size:1.5rem;margin-bottom:2rem;color:#3498db}.info-item{display:flex;gap:1rem;margin-bottom:2rem}.info-item .icon{font-size:1.5rem}.info-item h3{color:#2c3e50;margin-bottom:.3rem}.info-item p{color:#666}.contact-form{background-color:#f8f9fa;padding:2rem;border-radius:10px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.submit-btn{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.submit-btn:hover{background-color:#2980b9}.success-message{background-color:#d4edda;color:#155724;padding:1rem;border-radius:5px;margin-top:1rem;text-align:center}.map h2{font-size:1.5rem;margin-bottom:1.5rem;color:#3498db}.map-placeholder{background-color:#f8f9fa;padding:3rem;border-radius:10px;text-align:center}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}