*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);position:fixed;top:0;width:100%;z-index:1000}.navbar .container{justify-content:space-between;padding:1rem 20px}.logo,.navbar .container{align-items:center;display:flex}.logo-img{height:40px;max-width:200px;width:auto}.nav-links{display:flex;list-style:none}.nav-links li a{color:#333;padding:.5rem 1rem;text-decoration:none}.nav-toggle{display:none}.hero{background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin-top:60px;padding:120px 0;text-align:center}.hero h1{color:#2b3035;font-size:2.8rem;font-weight:600;letter-spacing:-.5px;margin-bottom:1.5rem}.hero-subtitle{margin-bottom:2rem}.hero-subtitle p{color:#6c757d;font-size:1.2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center}.cta-button{border-radius:50px;font-size:1.1rem;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#007bff;box-shadow:0 4px 15px rgba(0,123,255,.2);color:#fff}.cta-button.secondary{background:#fff;border:2px solid #007bff;color:#007bff}.cta-button.primary:hover{background:#0056b3;box-shadow:0 6px 20px rgba(0,123,255,.3);transform:translateY(-2px)}.cta-button.secondary:hover{background:#f8f9fa;transform:translateY(-2px)}@media (max-width:768px){.hero{padding:80px 0}.hero h1{font-size:2rem}.hero-subtitle p{font-size:1rem}.hero-buttons{flex-direction:column;gap:.8rem}.cta-button{text-align:center;width:100%}}.products{padding:4rem 0}.product-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:2rem;padding:0 1rem}.product-card{background:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image{height:450px;overflow:hidden;position:relative;width:100%}.product-img{height:100%;object-fit:contain;object-position:center;width:100%}.product-card h3{background:#f8f9fa;border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin:0;padding:1.5rem}.product-details{padding:1.5rem}.product-details h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.product-details ul{list-style:none;margin:0;padding-left:0}.product-details ul li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.product-details ul li:before{color:#007bff;content:"•";font-weight:700;left:0;position:absolute}.about{background:#f8f9fa;padding:4rem 0}.about-content{display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}footer{background:#333;color:#fff;padding:1rem 0;text-align:center}.beian{color:#999;display:inline-block;font-size:.9rem;margin-top:.5rem;text-decoration:none}.beian:hover{color:#fff}@media (max-width:768px){.nav-toggle{cursor:pointer;display:block}.nav-links{background:#fff;display:none;flex-direction:column;left:0;position:absolute;text-align:center;top:100%;width:100%}.nav-links.active{display:flex}.nav-links li{margin:1rem 0}.about-content{grid-template-columns:1fr}.logo-img{height:30px}.product-card h3{font-size:1.2rem;padding:1rem}.product-details{padding:1rem}.product-grid{grid-template-columns:1fr}}.logo-container{align-items:center;display:flex;gap:10px;text-decoration:none}.company-name{color:#333;font-size:1.2rem;font-weight:700}@media (max-width:768px){.company-name{font-size:1rem}}.about-text{background:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.1);padding:2rem}.company-advantages{margin-top:2rem}.company-advantages h3{color:#333;margin-bottom:1rem}.company-advantages ul{list-style:none;padding-left:0}.company-advantages ul li{padding:.5rem 0 .5rem 1.5rem;position:relative}.company-advantages ul li:before{color:#28a745;content:"✓";left:0;position:absolute}.wechat-info{margin-top:15px}.qr-code{height:150px;margin-top:10px;width:150px}.qr-code img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;object-fit:contain;width:100%}.customer-service{bottom:120px;position:fixed;right:20px;z-index:1000}.cs-button{align-items:center;background:#007bff;border:none;border-radius:50px;box-shadow:0 4px 12px rgba(0,123,255,.2);color:#fff;cursor:pointer;display:flex;gap:8px;padding:12px 24px;transition:all .3s ease}.cs-button:hover{background:#0056b3;box-shadow:0 6px 16px rgba(0,123,255,.3);transform:translateY(-2px)}.cs-button i{font-size:1.2rem}.cs-dialog{background:#fff;border-radius:12px;bottom:180px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:none;overflow:hidden;position:fixed;right:20px;width:300px}.cs-dialog.active{animation:slideIn .3s ease;display:block}.cs-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.cs-header h3{font-size:1.1rem;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:5px}.cs-content{padding:20px}.cs-info p{color:#666;margin-bottom:15px}.cs-contact{display:flex;flex-direction:column;gap:20px}.cs-item{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.cs-item i{color:#007bff;font-size:24px;margin-bottom:8px}.cs-item .qr-code{display:block;height:150px;margin:10px auto;width:150px}.cs-item .email{color:#007bff;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cs-dialog{bottom:190px;width:calc(100% - 40px)}.cs-button span{display:none}.cs-button{border-radius:50%;padding:12px}}