.navbar{background-color:var(--color-bg-main);box-shadow:var(--shadow-sm);z-index:1000;align-items:center;height:80px;display:flex;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-img{object-fit:contain;width:auto;height:50px}.navbar-links{gap:var(--spacing-lg);display:flex}.nav-item{color:var(--color-text-main);padding:5px 0;font-size:1.05rem;font-weight:500;position:relative}.nav-item:after{content:"";background-color:var(--color-primary);width:0;height:3px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-item:hover{color:var(--color-primary)}.nav-item:hover:after,.nav-item.active:after{width:100%}.nav-item.active{color:var(--color-primary)}.mobile-menu-btn{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.mobile-menu-btn{display:block}.navbar-links{background-color:var(--color-bg-main);padding:var(--spacing-md);box-shadow:var(--shadow-md);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path var(--transition-normal);flex-direction:column;position:absolute;top:80px;left:0;right:0}.navbar-links.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-item{padding:var(--spacing-sm);text-align:center}}.footer{background-color:var(--color-bg-dark);color:var(--color-text-light);padding-top:var(--spacing-xl)}.footer-container{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-title{color:#fff;margin-bottom:var(--spacing-md);font-size:1.5rem}.footer-subtitle{color:#fff;margin-bottom:var(--spacing-md);font-size:1.2rem}.footer-desc{line-height:1.8}.footer-links li,.footer-contact li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-text-light);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary-light);padding-left:5px}.footer-contact li{align-items:center;gap:var(--spacing-sm);display:flex}.footer-bottom{padding:var(--spacing-md) 0;text-align:center;background-color:#0003;font-size:.9rem}.hero{color:#fff;background-image:url(../assets/hero_bg.png);background-position:50%;background-size:cover;align-items:center;height:80vh;min-height:600px;display:flex;position:relative}.hero-overlay{z-index:1;background:linear-gradient(#121820b3,#003d8280);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;animation:1s ease-out forwards fadeIn;position:relative}.hero-title{margin-bottom:var(--spacing-md);color:#fff;text-shadow:0 2px 4px #0000004d;font-size:3.5rem;font-weight:700}.hero-subtitle{margin-bottom:var(--spacing-lg);color:#ffffffe6;max-width:800px;margin-left:auto;margin-right:auto;font-size:1.5rem}.hero-actions{gap:var(--spacing-md);justify-content:center;display:flex}.features{background-color:var(--color-bg-alt)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#fff;border-radius:8px}.feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.feature-icon{width:80px;height:80px;color:var(--color-primary);margin-bottom:var(--spacing-md);background-color:#0056b31a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.home-projects{background-color:#fff}.home-projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.home-project-card{height:300px;box-shadow:var(--shadow-md);cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.home-project-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.home-project-card:hover img{transform:scale(1.1)}.home-project-info{padding:var(--spacing-md);color:#fff;text-align:center;background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.home-project-info h3{color:#fff;margin:0;font-size:1.1rem}.advantages{background-color:#fff;overflow:hidden}.section-subtitle-text{margin-top:-var(--spacing-lg);margin-bottom:var(--spacing-xl);color:var(--color-text-muted)}.certificates-scroller{width:100%;padding:var(--spacing-md) 0;position:relative;overflow:hidden}.certificates-track{gap:var(--spacing-xl);width:max-content;animation:30s linear infinite scroll;display:flex}.certificate-item{width:250px;height:350px;box-shadow:var(--shadow-md);padding:var(--spacing-sm);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.certificate-item img{object-fit:contain;max-width:100%;max-height:100%}@keyframes scroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--spacing-xl) / 2)))}}.cta-section{background-color:var(--color-primary);color:#fff;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem}.cta-section p{margin-bottom:var(--spacing-lg);color:#ffffffe6;font-size:1.2rem}.cta-section .btn{color:var(--color-primary);padding:var(--spacing-md) var(--spacing-xl);background-color:#fff;font-size:1.1rem;font-weight:600}.cta-section .btn:hover{background-color:var(--color-bg-alt);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-actions{flex-direction:column}}.page-header{background-color:var(--color-primary);color:#fff;padding:var(--spacing-xxl) 0;text-align:center}.page-header h1{color:#fff;margin-bottom:var(--spacing-sm);font-size:3rem}.page-header p{opacity:.9;font-size:1.2rem}.about-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text h2{margin-bottom:var(--spacing-md);color:var(--color-primary);font-size:2rem}.about-text p{margin-bottom:var(--spacing-md);color:var(--color-text-muted);font-size:1.1rem}.company-culture{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-alt);border-left:4px solid var(--color-primary)}.company-culture h3{margin-bottom:var(--spacing-xs);color:var(--color-text-main);font-size:1.2rem}.company-culture p{margin-bottom:var(--spacing-sm);color:var(--color-primary-dark);font-size:1rem;font-weight:500}.rounded-img{box-shadow:var(--shadow-lg);border-radius:8px}.bg-alt{background-color:var(--color-bg-alt)}.service-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.service-card{padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border-top:3px solid var(--color-primary);transition:transform var(--transition-normal);background:#fff;border-radius:8px}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.service-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.service-header .icon{color:var(--color-primary)}.service-header h3{margin:0;font-size:1.2rem}@media (width<=768px){.about-grid{grid-template-columns:1fr}}.products-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.product-card{box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background-color:#fff;border-radius:8px;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-image-wrapper{background-color:var(--color-bg-alt);width:100%;padding-top:75%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:var(--spacing-md);text-align:center}.product-info h3{color:var(--color-text-main);margin:0;font-size:1.1rem}.projects-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.project-item{box-shadow:var(--shadow-md);transition:transform var(--transition-normal);background:#fff;border-radius:12px;overflow:hidden}.project-item:hover{transform:translateY(-10px)}.project-img-box{width:100%;height:250px;overflow:hidden}.project-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-item:hover .project-img-box img{transform:scale(1.05)}.project-title-box{padding:var(--spacing-lg);text-align:center;border-bottom:4px solid var(--color-primary);background-color:#fff}.project-title-box h3{color:var(--color-text-main);margin:0;font-size:1.3rem}.contact-info-centered{text-align:center;max-width:900px;margin:0 auto}.contact-info-centered h2{margin-bottom:var(--spacing-md);color:var(--color-primary);font-size:2.5rem}.contact-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-xxl);font-size:1.2rem}.info-list-horizontal{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;display:grid}.info-item{text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.info-icon{width:70px;height:70px;color:var(--color-primary);transition:transform var(--transition-normal);background-color:#0056b31a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-item:hover .info-icon{background-color:var(--color-primary);color:#fff;transform:scale(1.1)}.info-text h3{margin-bottom:var(--spacing-xs);color:var(--color-text-main);font-size:1.3rem}.info-text p{color:var(--color-text-muted);font-size:1.1rem}@media (width<=768px){.info-list-horizontal{gap:var(--spacing-lg);grid-template-columns:1fr}}:root{--color-primary:#0056b3;--color-primary-dark:#003d82;--color-primary-light:#4d94ff;--color-secondary:#f0c14b;--color-text-main:#1a1a1a;--color-text-muted:#666;--color-text-light:#999;--color-bg-main:#fff;--color-bg-alt:#f5f7fa;--color-bg-dark:#121820;--color-border:#e0e0e0;--font-family-sans:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-xxl:8rem;--container-width:1200px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 15px #0000001a;--shadow-hover:0 20px 25px #00000026;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);color:var(--color-text-main);background-color:var(--color-bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--color-text-main);font-weight:600;line-height:1.3}a{color:var(--color-primary);transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--color-primary-dark)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-width);padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-xxl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl);font-size:2.5rem;position:relative}.section-title:after{content:"";background-color:var(--color-primary);width:60px;height:4px;margin:var(--spacing-md) auto 0;display:block}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.btn{padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:#fff}@media (width<=768px){.section{padding:var(--spacing-xl) 0}.section-title{font-size:2rem}}