.header{background:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;width:100%;top:0;z-index:1000;padding:0}.header-container{max-width:1200px;margin:0 auto;padding:0 24px}.logo{display:flex;align-items:center;gap:10px}.logo-img{height:40px;width:auto}.logo-text{font-size:24px;font-weight:700;color:#1890ff}.main-navigation{justify-content:center}.main-navigation .ant-menu-item{margin:0 20px;font-weight:500}.main-navigation .ant-menu-item:hover{color:#1890ff}.language-selector{border:none;box-shadow:none}.language-selector .ant-select-selector{border:1px solid #d9d9d9!important;border-radius:6px}.language-selector:hover .ant-select-selector{border-color:#40a9ff!important}@media (max-width: 768px){.header-container{padding:0 16px}.main-navigation .ant-menu-item{margin:0 10px}.logo-text{font-size:20px}}.main-footer{background:#001529;color:#fff;padding:60px 0 20px}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px}.footer-brand{margin-bottom:24px}.footer-logo{color:#1890ff!important;margin-bottom:16px!important;font-weight:700}.footer-description{color:#ffffffb3;font-size:16px;line-height:1.6}.footer-title{color:#fff!important;margin-bottom:20px!important;font-weight:600}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{color:#ffffffb3!important;transition:color .3s ease;font-size:14px}.footer-link:hover{color:#1890ff!important}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-contact-item{color:#ffffffb3;font-size:14px;line-height:1.5}.footer-divider{border-top:1px solid rgba(255,255,255,.1);margin:40px 0 20px}.footer-copyright{color:#ffffff80;font-size:14px}.footer-links-bottom{display:flex;gap:24px;justify-content:flex-end}.footer-bottom-link{color:#ffffff80!important;font-size:14px;transition:color .3s ease}.footer-bottom-link:hover{color:#1890ff!important}@media (max-width: 768px){.main-footer{padding:40px 0 20px}.footer-content{padding:0 16px}.footer-links-bottom{justify-content:center;margin-top:16px}}.hero-section{position:relative;padding:80px 24px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/security-bg.jpg) center center/cover;opacity:.1;z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.hero-text{text-align:left;color:#fff}.hero-title{color:#fff!important;font-size:3.5rem!important;font-weight:700!important;line-height:1.2!important;margin-bottom:16px!important}.hero-subtitle{color:#ffffffe6!important;font-size:1.5rem!important;font-weight:400!important;margin-bottom:24px!important}.hero-description{color:#fffc!important;font-size:1.1rem!important;line-height:1.6!important;margin-bottom:40px!important;white-space:pre-line}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-btn{height:48px;padding:0 32px;font-size:16px;border-radius:24px;background:#1890ff;border:none;box-shadow:0 4px 16px #1890ff4d}.hero-btn:hover{background:#40a9ff;transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}.hero-btn-secondary{height:48px;padding:0 32px;font-size:16px;border-radius:24px;background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#fff;color:#fff;transform:translateY(-2px)}.hero-image{text-align:center}.hero-img-container{position:relative;display:inline-block}.hero-img{width:100%;max-width:500px;height:auto;border-radius:16px;box-shadow:0 20px 40px #0000004d;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease}.hero-img:hover{transform:perspective(1000px) rotateY(0)}@media (max-width: 768px){.hero-section{padding:60px 16px}.hero-text{text-align:center;margin-bottom:40px}.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.2rem!important}.hero-actions{justify-content:center}.hero-btn,.hero-btn-secondary{width:100%;max-width:200px}}.company-profile-section{padding:100px 0;background:#fafafa}.profile-content{padding-right:40px;white-space:pre-line}.profile-text{font-size:16px!important;line-height:1.8!important;color:#666!important;text-align:justify}.profile-image{text-align:center}.profile-img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 12px 24px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.profile-img:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}@media (max-width: 768px){.company-profile-section{padding:60px 0}.container{padding:0 16px}.profile-content{padding-right:0;margin-bottom:32px}.section-title{text-align:center}.section-title:after{left:50%;transform:translate(-50%)}}.product-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease;height:100%}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.product-image-container{position:relative;height:240px;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.product-btn{border-radius:20px;height:40px;padding:0 24px;font-weight:500}.product-title{color:#1890ff!important;margin-bottom:12px!important;font-weight:600!important}.product-content{padding:0}.product-description{color:#666!important;font-size:14px!important;line-height:1.6!important;margin-bottom:16px!important}.product-features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{border:1px solid #d9d9d9;background:#fafafa;color:#666;border-radius:12px;padding:4px 12px;font-size:12px;margin:0}.feature-tag:hover{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}@media (max-width: 768px){.product-image-container{height:200px}.product-description{font-size:13px!important}.feature-tag{font-size:11px;padding:2px 8px}}.products-section{padding:100px 0;background:#fafafa}.section-header{text-align:center;margin-bottom:60px}.section-title.centered{color:#1890ff!important;font-weight:700!important;position:relative;display:inline-block}@media (max-width: 768px){.products-section{padding:60px 0}.container{padding:0 16px}.section-header{margin-bottom:40px}}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.about-hero .hero-title{color:#fff!important;font-size:3rem!important;font-weight:700!important;margin-bottom:24px!important}.about-hero .hero-subtitle{color:#ffffffe6!important;font-size:1.2rem!important;line-height:1.6!important;max-width:600px;margin:0 auto}.company-intro{padding:100px 0;background:#fff;white-space:pre-line}.intro-text{font-size:16px!important;line-height:1.8!important;color:#666!important;margin-bottom:40px!important}.company-stats .stat-item{text-align:center}.company-stats .stat-number{font-size:2rem;font-weight:700;color:#1890ff;margin-bottom:8px}.company-stats .stat-label{font-size:14px;color:#666}.company-image{text-align:center}.about-img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 12px 24px #0000001a}.company-timeline{padding:100px 0;background:#fafafa}.company-timeline-content{margin-top:60px}.timeline-item{padding:20px}.timeline-year{font-size:14px;font-weight:600;margin-bottom:8px}.timeline-title{font-size:18px;font-weight:600;color:#1890ff;margin:8px 0}.timeline-desc{color:#666;margin:0;line-height:1.6}.quality-section{padding:100px 0;background:#fff}.quality-card{border:none;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;height:100%}.quality-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.quality-content{text-align:center;padding:24px}.quality-icon{font-size:48px;margin-bottom:20px;display:block}.quality-title{color:#1890ff!important;margin-bottom:16px!important;font-weight:600!important}.quality-desc{color:#666!important;font-size:14px!important;line-height:1.6!important;margin:0!important}.values-section{padding:100px 0;background:#fafafa}.values-content{padding-right:40px}.value-item{display:flex;align-items:flex-start;margin-bottom:32px;gap:16px}.value-icon{font-size:32px;color:#1890ff;margin-top:4px;flex-shrink:0}.value-item h4{font-size:18px;font-weight:600;color:#1890ff;margin:0 0 8px}.value-item p{color:#666;margin:0;line-height:1.6}.values-image{text-align:center}.values-img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 12px 24px #0000001a}.section-title{color:#1890ff!important;font-weight:700!important;margin-bottom:32px!important;position:relative}@media (max-width: 768px){.about-hero{padding:80px 0 60px}.about-hero .hero-title{font-size:2.5rem!important}.company-intro,.company-timeline,.quality-section,.values-section{padding:60px 0}.container{padding:0 16px}.values-content{padding-right:0;margin-bottom:40px}.company-stats .stat-number{font-size:1.5rem}}.products-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.products-hero .hero-title{color:#fff!important;font-size:3rem!important;font-weight:700!important;margin-bottom:24px!important}.products-hero .hero-subtitle{color:#ffffffe6!important;font-size:1.2rem!important;line-height:1.6!important;max-width:600px;margin:0 auto}.products-content{padding:80px 0;background:#fafafa}.category-nav{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;position:sticky;top:100px}.nav-title{color:#1890ff!important;margin-bottom:24px!important;font-weight:600!important}.category-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.category-item:hover{background:#f0f7ff}.category-item.active{background:#e6f7ff;border:1px solid #91d5ff}.category-icon{font-size:24px;color:#1890ff;margin-top:4px;flex-shrink:0}.category-info h5{font-size:14px;font-weight:600;color:#1890ff;margin:0 0 4px;line-height:1.4}.category-info p{font-size:12px;color:#666;margin:0;line-height:1.4}.products-detail{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014}.category-content{display:none}.category-content.active{display:block}.category-header{margin-bottom:40px}.category-title{color:#1890ff!important;font-weight:700!important;margin-bottom:16px!important}.category-desc{color:#666!important;font-size:16px!important;line-height:1.6!important}.product-detail-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease;height:100%}.product-detail-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.product-image-placeholder{height:180px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image-placeholder img{width:100%;height:100%;object-fit:cover}.product-info{padding:20px}.product-name{color:#1890ff!important;font-size:16px!important;font-weight:600!important;margin-bottom:12px!important}.product-desc{color:#666!important;font-size:14px!important;line-height:1.5!important;margin-bottom:16px!important}.product-features{margin-bottom:16px}.feature-tag{font-size:12px;margin:2px 4px 2px 0;border-radius:10px}.product-btn{border-radius:20px;height:36px;font-size:14px}.applications-section{padding:80px 0;background:#fff}.application-card{text-align:center;border:none;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.application-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.app-content h4{color:#1890ff;font-weight:600;margin-bottom:8px}.app-content p{color:#666;margin:0;font-size:14px}.section-title{color:#1890ff!important;font-weight:700!important;margin-bottom:60px!important;position:relative}.section-title.centered:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#1890ff;border-radius:2px}@media (max-width: 992px){.category-nav{position:static;margin-bottom:32px}}@media (max-width: 768px){.products-hero{padding:80px 0 60px}.products-hero .hero-title{font-size:2.5rem!important}.products-content,.applications-section{padding:60px 0}.container{padding:0 16px}.products-detail{padding:24px}.category-nav{padding:20px}.category-item{padding:12px}.section-title{margin-bottom:40px!important}}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.contact-hero .hero-title{color:#fff!important;font-size:3rem!important;font-weight:700!important;margin-bottom:24px!important}.contact-hero .hero-subtitle{color:#ffffffe6!important;font-size:1.2rem!important;line-height:1.6!important;max-width:600px;margin:0 auto}.contact-info{padding:80px 0;background:#fafafa;margin-top:-40px;position:relative;z-index:2}.contact-card{border:none;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;text-align:center;height:100%}.contact-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.contact-content{padding:24px}.contact-icon{font-size:48px;margin-bottom:16px;display:block}.contact-title{color:#1890ff!important;margin-bottom:8px!important;font-weight:600!important}.contact-text{color:#666;font-size:14px}.contact-main{padding:80px 0;background:#fff}.contact-form-section,.address-section{height:100%}.section-title{color:#1890ff!important;font-weight:700!important;margin-bottom:24px!important;position:relative}.form-description{color:#666!important;margin-bottom:32px!important;line-height:1.6!important}.contact-form{background:#fafafa;padding:32px;border-radius:16px}.contact-form .ant-form-item-label>label{font-weight:600;color:#333}.contact-form .ant-input,.contact-form .ant-input:focus{border-radius:8px;border:1px solid #d9d9d9;padding:12px 16px}.contact-form .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.submit-btn{width:100%;height:48px;border-radius:24px;font-size:16px;font-weight:600}.address-card{border:none;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-bottom:24px}.address-content{display:flex;align-items:flex-start;gap:16px;padding:8px}.address-icon{font-size:32px;color:#1890ff;margin-top:4px;flex-shrink:0}.address-title{color:#1890ff!important;margin-bottom:12px!important;font-weight:600!important}.address-text{color:#666!important;line-height:1.6!important;margin-bottom:16px!important}.address-details{line-height:1.8}.map-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden}.map-placeholder{height:300px;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quick-contact{padding:80px 0;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.quick-contact-content{text-align:center}.quick-title{color:#fff!important;margin-bottom:16px!important;font-weight:600!important}.quick-desc{color:#ffffffe6!important;font-size:16px!important;margin-bottom:32px!important}.quick-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.quick-btn{height:48px;padding:0 32px;border-radius:24px;font-size:16px;font-weight:600;min-width:160px}.whatsapp-btn{background:#25d366;border-color:#25d366;color:#fff}.whatsapp-btn:hover{background:#128c7e;border-color:#128c7e;color:#fff}.text-center{text-align:center}@media (max-width: 768px){.contact-hero{padding:80px 0 60px}.contact-hero .hero-title{font-size:2.5rem!important}.contact-info,.contact-main,.quick-contact{padding:60px 0}.container{padding:0 16px}.contact-form{padding:24px}.address-content{flex-direction:column;text-align:center}.address-icon{align-self:center}.quick-actions{flex-direction:column;align-items:center}.quick-btn{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-layout{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{position:relative}.section-title{font-size:2.5rem;font-weight:700;color:#1890ff;margin-bottom:32px;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#1890ff;border-radius:2px}.section-title.centered{text-align:center;display:inline-block}.section-title.centered:after{left:50%;transform:translate(-50%)}.fade-in{animation:fadeIn .6s ease-in-out}.slide-up{animation:slideUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 16px}.section-title{font-size:2rem}}@media (max-width: 480px){.section-title{font-size:1.75rem}}.ant-layout{background:#fff}.ant-menu-horizontal{line-height:64px}.ant-card{border-radius:16px;box-shadow:0 4px 16px #00000014}.ant-btn-primary{background:#1890ff;border-color:#1890ff;border-radius:6px}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}