*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--primary:#c8161e;--primary-dark:#a01015;--primary-light:#e8404a;--secondary:#2b2b2b;--gray-dark:#333;--gray:#666;--gray-light:#999;--bg-light:#f5f5f5;--bg-gray:#e8e8e8;--white:#fff;--border:#e0e0e0;--shadow:0 2px 12px rgba(0,0,0,0.08);--shadow-hover:0 8px 30px rgba(0,0,0,0.12);--transition:all 0.3s ease;--max-width:1200px}html{font-size:16px;scroll-behavior:smooth;line-break:strict;overflow-wrap:break-word}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;color:var(--gray-dark);background:var(--white);line-height:1.6;overflow-x:hidden}::selection{background:var(--primary);color:var(--white)}@view-transition{navigation:auto}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary)}img{max-width:100%;display:block}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section-title{text-align:center;padding:50px 0 30px}.section-title h2{font-size:30px;color:var(--gray-dark);font-weight:700;position:relative;display:inline-block;padding-bottom:15px}.section-title h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:var(--primary);border-radius:2px}.section-title p{margin-top:12px;font-size:14px;color:var(--gray-light);text-transform:uppercase;letter-spacing:2px}.header{background:var(--white);box-shadow:0 1px 6px rgba(0,0,0,0.06);position:relative;z-index:100}.header-top{background:var(--secondary);color:#ccc;font-size:14px;padding:6px 0}.header-top .container{display:flex;justify-content:space-between;align-items:center}.header-top .welcome{color:#aaa}.header-top .contact-info{display:flex;gap:20px}.header-top .contact-info span{display:flex;align-items:center;gap:5px}.header-top .contact-info svg{width:14px;height:14px;fill:var(--primary-light)}.header-main{padding:18px 0}.header-main .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(200,22,30,0.3)}.logo-icon svg{width:32px;height:32px;fill:white}.logo-text h1{font-size:24px;font-weight:700;color:var(--gray-dark);letter-spacing:1px}.logo-text p{font-size:12px;color:var(--gray-light);letter-spacing:3px;text-transform:uppercase;margin-top:2px}.header-contact{display:flex;gap:30px}.header-contact-item{display:flex;align-items:center;gap:10px}.header-contact-item .icon{width:40px;height:40px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-contact-item .icon svg{width:20px;height:20px;fill:var(--primary)}.header-contact-item .info p{font-size:12px;color:var(--gray-light)}.header-contact-item .info strong{font-size:18px;color:var(--gray-dark);font-weight:700}.nav{background:linear-gradient(135deg,var(--primary),var(--primary-dark));position:relative;z-index:99}.nav .container{display:flex;align-items:center}.nav-list{display:flex;flex:1}.nav-list li{position:relative}.nav-list a{display:block;color:white;font-size:16px;font-weight:500;padding:16px 28px;position:relative;transition:var(--transition)}.nav-list a::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:white;transition:var(--transition)}.nav-list a:hover::before,.nav-list a.active::before{width:30px}.nav-list a:hover,.nav-list a.active{background:rgba(0,0,0,0.15)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px}.nav-toggle span{width:25px;height:3px;background:white;border-radius:2px;transition:var(--transition)}.banner{position:relative;height:500px;overflow:hidden;background:var(--secondary)}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;display:flex;align-items:center;justify-content:center;text-align:center;color:white}.banner-slide.active{opacity:1}.banner-slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.banner-slide-1{background:linear-gradient(135deg,#0a0a1a 0%,#16213e 40%,#1a1a2e 60%,#c8161e 100%)}.banner-slide-1::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='500' viewBox='0 0 1200 500' preserveAspectRatio='xMidYMax'%3E%3C!-- industrial skyline silhouette --%3E%3Cpath d='M0 500 L0 350 L60 350 L60 200 L80 200 L80 350 L120 350 L120 280 L140 280 L140 350 L200 350 L200 250 L220 240 L240 250 L240 350 L300 350 L300 180 L320 180 L320 350 L400 350 L400 300 L420 290 L440 300 L440 350 L520 350 L520 220 L540 210 L560 220 L560 350 L640 350 L640 280 L660 270 L680 280 L680 350 L760 350 L760 240 L780 230 L800 240 L800 350 L880 350 L880 200 L900 190 L920 200 L920 350 L1000 350 L1000 300 L1020 290 L1040 300 L1040 350 L1200 350 L1200 500 Z' fill='rgba(255,255,255,0.04)'/%3E%3C!-- crane silhouette --%3E%3Cg transform='translate(150 80)' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2'%3E%3Cpath d='M0 0 L0 250 M0 0 L120 0 L120 250 M0 50 L120 50 M0 100 L120 100 M0 150 L120 150 M0 200 L120 200 M-20 0 L140 0'/%3E%3Cpath d='M60 0 L60 -30 M40 -30 L80 -30 M50 -25 L70 -25' stroke-width='1.5'/%3E%3Cline x1='60' y1='-30' x2='60' y2='250' /%3E%3C/g%3E%3C!-- gear decorations --%3E%3Cg transform='translate(950 100)'%3E%3Ccircle cx='0' cy='0' r='50' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='2'/%3E%3Ccircle cx='0' cy='0' r='35' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='2'/%3E%3Ccircle cx='0' cy='0' r='15' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center bottom}.banner-slide-2{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 40%,#2b2b3e 60%,#a01015 100%)}.banner-slide-2::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='500' viewBox='0 0 1200 500' preserveAspectRatio='xMidYMax'%3E%3C!-- warehouse/building silhouettes --%3E%3Cpath d='M0 500 L0 380 L100 380 L100 300 L110 295 L120 300 L120 380 L200 380 L200 250 L210 245 L220 250 L220 380 L350 380 L350 320 L360 315 L370 320 L370 380 L500 380 L500 280 L510 275 L520 280 L520 380 L650 380 L650 350 L660 345 L670 350 L670 380 L800 380 L800 300 L810 295 L820 300 L820 380 L950 380 L950 260 L960 255 L970 260 L970 380 L1100 380 L1100 320 L1110 315 L1120 320 L1120 380 L1200 380 L1200 500 Z' fill='rgba(255,255,255,0.04)'/%3E%3C!-- large gear --%3E%3Cg transform='translate(200 120)'%3E%3Ccircle cx='0' cy='0' r='60' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='3'/%3E%3Ccircle cx='0' cy='0' r='40' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='2'/%3E%3Ccircle cx='0' cy='0' r='20' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='2'/%3E%3Cline x1='-60' y1='0' x2='-70' y2='0' stroke='rgba(255,255,255,0.03)' stroke-width='4'/%3E%3Cline x1='60' y1='0' x2='70' y2='0' stroke='rgba(255,255,255,0.03)' stroke-width='4'/%3E%3Cline x1='0' y1='-60' x2='0' y2='-70' stroke='rgba(255,255,255,0.03)' stroke-width='4'/%3E%3Cline x1='0' y1='60' x2='0' y2='70' stroke='rgba(255,255,255,0.03)' stroke-width='4'/%3E%3Cline x1='-42' y1='-42' x2='-49' y2='-49' stroke='rgba(255,255,255,0.02)' stroke-width='3'/%3E%3Cline x1='42' y1='42' x2='49' y2='49' stroke='rgba(255,255,255,0.02)' stroke-width='3'/%3E%3Cline x1='42' y1='-42' x2='49' y2='-49' stroke='rgba(255,255,255,0.02)' stroke-width='3'/%3E%3Cline x1='-42' y1='42' x2='-49' y2='49' stroke='rgba(255,255,255,0.02)' stroke-width='3'/%3E%3C/g%3E%3C!-- small gear --%3E%3Cg transform='translate(950 180)'%3E%3Ccircle cx='0' cy='0' r='35' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='2'/%3E%3Ccircle cx='0' cy='0' r='22' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center bottom}.banner-slide-3{background:linear-gradient(135deg,#1a0a0a 0%,#2b0a0d 40%,#3d0d12 60%,#c8161e 100%)}.banner-slide-3::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='500' viewBox='0 0 1200 500' preserveAspectRatio='xMidYMax'%3E%3C!-- factory buildings with smokestacks --%3E%3Cpath d='M0 500 L0 350 L50 350 L50 280 L55 275 L60 280 L60 350 L150 350 L150 200 L155 195 L160 200 L160 350 L280 350 L280 230 L285 225 L290 230 L290 350 L400 350 L400 300 L405 295 L410 300 L410 350 L520 350 L520 260 L525 255 L530 260 L530 350 L640 350 L640 290 L645 285 L650 290 L650 350 L760 350 L760 220 L765 215 L770 220 L770 350 L880 350 L880 310 L885 305 L890 310 L890 350 L1000 350 L1000 270 L1005 265 L1010 270 L1010 350 L1200 350 L1200 500 Z' fill='rgba(255,255,255,0.04)'/%3E%3C!-- smokestacks --%3E%3Crect x='155' y='170' width='5' height='30' fill='rgba(255,255,255,0.03)'/%3E%3Crect x='285' y='200' width='5' height='30' fill='rgba(255,255,255,0.03)'/%3E%3Crect x='525' y='230' width='5' height='30' fill='rgba(255,255,255,0.03)'/%3E%3Crect x='765' y='190' width='5' height='30' fill='rgba(255,255,255,0.03)'/%3E%3C!-- smoke puffs --%3E%3Ccircle cx='157' cy='165' r='8' fill='rgba(255,255,255,0.02)'/%3E%3Ccircle cx='150' cy='155' r='12' fill='rgba(255,255,255,0.015)'/%3E%3Ccircle cx='160' cy='145' r='15' fill='rgba(255,255,255,0.01)'/%3E%3Ccircle cx='287' cy='195' r='8' fill='rgba(255,255,255,0.02)'/%3E%3Ccircle cx='280' cy='185' r='12' fill='rgba(255,255,255,0.015)'/%3E%3C!-- safety harness icon --%3E%3Cg transform='translate(950 120)'%3E%3Cpath d='M0 -30 L-20 -10 L-20 30 L20 30 L20 -10 Z' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='2'/%3E%3Cline x1='0' y1='-30' x2='0' y2='30' stroke='rgba(255,255,255,0.03)' stroke-width='1.5'/%3E%3Cline x1='-20' y1='0' x2='20' y2='0' stroke='rgba(255,255,255,0.03)' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center bottom}.banner-content{position:relative;z-index:2;max-width:800px;padding:0 30px;animation:bannerFade 1.5s ease}@keyframes bannerFade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.banner-content h2{font-size:42px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 20px rgba(0,0,0,0.3);letter-spacing:2px}.banner-content p{font-size:18px;margin-bottom:25px;opacity:0.9;letter-spacing:1px}.banner-content .btn{display:inline-block;padding:12px 35px;background:var(--primary);color:white;border-radius:30px;font-size:15px;font-weight:500;border:2px solid rgba(255,255,255,0.3);transition:var(--transition)}.banner-content .btn:hover{background:white;color:var(--primary);border-color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.banner-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.banner-dots .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:var(--transition)}.banner-dots .dot.active{background:var(--primary);width:35px;border-radius:6px}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:var(--transition);border:none}.banner-arrow:hover{background:var(--primary)}.banner-arrow svg{width:24px;height:24px;fill:white}.banner-arrow.prev{left:30px}.banner-arrow.next{right:30px}.products-section{padding:0 0 60px;background:var(--white)}.product-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:35px}.category-tab{padding:8px 22px;background:var(--bg-light);border-radius:20px;font-size:14px;color:var(--gray);cursor:pointer;transition:var(--transition);border:1px solid transparent}.category-tab:hover,.category-tab.active{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 4px 12px rgba(200,22,30,0.25)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product-card{background:var(--white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.product-card-img{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card-img svg{width:80px;height:80px;fill:white;opacity:0.9;transition:var(--transition);z-index:2}.product-card:hover .product-card-img svg{transform:scale(1.1)}.product-card-body{padding:15px;text-align:center}.product-card-body h3{font-size:16px;color:var(--gray-dark);margin-bottom:6px;font-weight:600}.product-card-body p{font-size:14px;color:var(--gray-light);line-height:1.5}.product-card-body .price{margin-top:8px;color:var(--primary);font-size:14px;font-weight:600}.product-card[data-cat="0"] .cases-section{padding:0 0 60px;background:var(--bg-light)}.case-scroll-wrap{overflow:hidden;position:relative;padding:10px 0}.case-scroll-track{display:flex;gap:20px;animation:scrollLeft 40s linear infinite;width:max-content}.case-scroll-wrap:hover .case-scroll-track{animation-play-state:paused}@keyframes scrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}.case-card{flex:0 0 280px;background:var(--white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.case-card-img{height:200px;background:linear-gradient(135deg,#e0e0e0,#c0c0c0);display:flex;align-items:center;justify-content:center;position:relative}.case-card-img svg{width:60px;height:60px;fill:rgba(255,255,255,0.6)}.case-card-img .case-label{position:absolute;top:10px;left:10px;background:var(--primary);color:white;padding:3px 10px;border-radius:4px;font-size:12px}.case-card-body{padding:15px}.case-card-body h3{font-size:15px;margin-bottom:5px;color:var(--gray-dark)}.case-card-body p{font-size:14px;color:var(--gray-light)}.about-section{padding:60px 0;background:var(--white)}.about-flex{display:flex;align-items:stretch;gap:50px}.about-image{flex:0 0 45%;display:flex}.about-image-box{flex:1;min-height:350px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-hover)}.about-image-box::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Crect width='100' height='100' fill='none' stroke='rgba(200,22,30,0.1)' stroke-width='1'/%3E%3C/svg%3E")}.about-image-box svg{width:100px;height:100px;fill:rgba(255,255,255,0.15);position:absolute}.about-image-box .stat-box{position:relative;z-index:2;text-align:center;color:white}.about-image-box .stat-box .number{font-size:56px;font-weight:700;color:var(--primary-light);line-height:1}.about-image-box .stat-box .label{font-size:14px;margin-top:8px;opacity:0.8}.about-content{flex:1}.about-content h2{font-size:28px;color:var(--gray-dark);margin-bottom:8px;font-weight:700}.about-content .subtitle{font-size:14px;color:var(--gray-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.about-content .desc{font-size:15px;color:var(--gray);line-height:2;margin-bottom:25px}.about-stats{display:flex;gap:30px;margin-bottom:30px}.about-stat{text-align:center}.about-stat .num{font-size:36px;font-weight:700;color:var(--primary);line-height:1}.about-stat .text{font-size:14px;color:var(--gray-light);margin-top:5px}.btn-main{display:inline-block;padding:12px 30px;background:var(--primary);color:white;border-radius:25px;font-size:14px;font-weight:500;transition:var(--transition);border:none;cursor:pointer}.btn-main:hover{background:var(--primary-dark);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(200,22,30,0.3)}.advantages-section{padding:60px 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);position:relative}.advantages-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Crect width='60' height='60' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3C/svg%3E")}.advantages-section .section-title h2{color:white}.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:2}.advantage-card{text-align:center;padding:35px 20px;background:rgba(255,255,255,0.05);border-radius:10px;border:1px solid rgba(255,255,255,0.1);transition:var(--transition)}.advantage-card:hover{background:rgba(200,22,30,0.15);border-color:var(--primary);transform:translateY(-5px)}.advantage-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(200,22,30,0.3)}.advantage-icon svg{width:35px;height:35px;fill:white}.advantage-card h3{color:white;font-size:20px;margin-bottom:12px;font-weight:600}.advantage-card p{color:rgba(255,255,255,0.6);font-size:14px;line-height:1.8}.news-section{padding:0 0 60px;background:var(--white)}.news-flex{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.news-featured{border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.news-featured:hover{box-shadow:var(--shadow-hover)}.news-featured-img{height:250px;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.news-featured-img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.news-featured-img svg{width:80px;height:80px;fill:rgba(255,255,255,0.3)}.news-featured-body{padding:20px;background:var(--white)}.news-featured-body .date{font-size:14px;color:var(--primary);margin-bottom:8px;font-weight:600}.news-featured-body h3{font-size:18px;margin-bottom:10px;color:var(--gray-dark);line-height:1.5}.news-featured-body p{font-size:14px;color:var(--gray);line-height:1.8}.news-list{display:flex;flex-direction:column;gap:20px}.news-item{display:flex;gap:20px;padding:20px;background:var(--bg-light);border-radius:8px;transition:var(--transition);cursor:pointer;border-left:4px solid transparent}.news-item:hover{background:var(--white);box-shadow:var(--shadow);border-left-color:var(--primary);transform:translateX(5px)}.news-date-box{flex:0 0 70px;text-align:center;border-right:1px solid var(--border);padding-right:15px}.news-date-box .day{font-size:28px;font-weight:700;color:var(--primary);line-height:1}.news-date-box .month{font-size:12px;color:var(--gray-light);margin-top:3px}.news-item-content h3{font-size:16px;color:var(--gray-dark);margin-bottom:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.news-item-content p{font-size:14px;color:var(--gray-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.links-section{padding:25px 0;background:var(--bg-light);border-top:1px solid var(--border)}.links-section .container{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.links-section .links-title{font-weight:600;color:var(--gray-dark);font-size:15px}.links-section a{font-size:14px;color:var(--gray);padding:3px 0}.links-section a:hover{color:var(--primary)}.footer{background:var(--secondary);color:#aaa}.footer-main{padding:50px 0 30px}.footer-main .container{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.footer-info h3{color:white;font-size:20px;margin-bottom:15px}.footer-info .footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:15px}.footer-info .footer-logo .logo-icon{width:40px;height:40px}.footer-info .footer-logo .logo-icon svg{width:26px;height:26px}.footer-info .footer-logo h3{font-size:18px;margin:0}.footer-info p{font-size:14px;line-height:2;color:#999}.footer-contact li{font-size:14px;padding:5px 0;display:flex;align-items:flex-start;gap:8px}.footer-contact svg{width:16px;height:16px;fill:var(--primary-light);flex-shrink:0;margin-top:3px}.footer h4{color:white;font-size:16px;margin-bottom:20px;position:relative;padding-bottom:10px}.footer h4::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary)}.footer-nav li{padding:5px 0}.footer-nav a{font-size:14px;color:#999}.footer-nav a:hover{color:var(--primary-light);padding-left:5px}.footer-qrcode{text-align:center}.footer-qrcode p{font-size:14px;color:#999}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:15px 0;text-align:center}.footer-bottom p{font-size:14px;color:#666}.footer-bottom a{color:#888}.footer-bottom a:hover{color:var(--primary-light)}.float-sidebar{position:fixed;right:15px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px}.float-btn{width:50px;height:50px;border-radius:8px;background:var(--white);box-shadow:0 2px 12px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative;border:none}.float-btn:hover{background:var(--primary);transform:translateX(-5px)}.float-btn:hover svg{fill:white}.float-btn svg{width:24px;height:24px;fill:var(--primary);transition:var(--transition)}.float-btn .tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:var(--secondary);color:white;padding:8px 15px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);pointer-events:none}.float-btn .tooltip::after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--secondary)}.float-btn:hover .tooltip{opacity:1;visibility:visible}.float-btn.top{opacity:0;visibility:hidden}.float-btn.top.visible{opacity:1;visibility:visible}.page-banner{height:280px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,#c8161e 100%);display:flex;align-items:center;justify-content:center;text-align:center;color:white;position:relative;overflow:hidden}.page-banner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 10 L70 40 L40 70 L10 40 Z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/svg%3E")}.page-banner h2{font-size:36px;font-weight:700;margin-bottom:10px;position:relative;z-index:2;letter-spacing:2px}.page-banner p{font-size:15px;opacity:0.8;position:relative;z-index:2;letter-spacing:1px}.breadcrumb{background:var(--bg-light);padding:12px 0;font-size:14px}.breadcrumb .container{display:flex;gap:8px;align-items:center}.breadcrumb a{color:var(--gray)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .separator{color:var(--gray-light)}.breadcrumb .current{color:var(--gray-dark)}.about-page-content{padding:50px 0}.about-hero{display:flex;gap:50px;align-items:center;margin-bottom:60px}.about-hero-text h2{font-size:28px;color:var(--gray-dark);margin-bottom:15px}.about-hero-text .subtitle{color:var(--primary);font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.about-hero-text p{color:var(--gray);line-height:2;margin-bottom:15px;font-size:15px}.about-hero-image{flex:0 0 40%;height:300px;background:linear-gradient(135deg,#1a1a2e,#c8161e);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-hover)}.about-hero-image svg{width:100px;height:100px;fill:rgba(255,255,255,0.2)}.about-culture{background:var(--bg-light);padding:50px 0;margin:0 -9999px;padding-left:9999px;padding-right:9999px}.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.culture-card{background:var(--white);padding:35px 25px;border-radius:10px;text-align:center;box-shadow:var(--shadow);transition:var(--transition);border-top:4px solid var(--primary)}.culture-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.culture-card .icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center}.culture-card .icon svg{width:30px;height:30px;fill:white}.culture-card h3{font-size:20px;margin-bottom:12px;color:var(--gray-dark)}.culture-card p{color:var(--gray);font-size:14px;line-height:1.8}.products-page{padding:50px 0}.products-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-page{padding:50px 0}.news-page-list{display:flex;flex-direction:column;gap:20px}.news-page-item{display:flex;gap:25px;padding:25px;background:var(--white);border-radius:10px;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:1px solid var(--border)}.news-page-item:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateX(5px)}.news-page-item-img{flex:0 0 200px;height:140px;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.news-page-item-img img{width:100%;height:100%;object-fit:cover;border-radius:8px}.news-page-item-img svg{width:50px;height:50px;fill:rgba(255,255,255,0.3)}.news-page-item-body .date{font-size:14px;color:var(--primary);margin-bottom:8px}.pagination a:hover,.pagination a.active{background:var(--primary);color:white;border-color:var(--primary)}.news-page-item-content{padding:20px}.news-page-item-content .meta{font-size:14px;color:var(--gray-light);margin-bottom:8px}.news-page-item-content h3{font-size:17px;color:var(--gray-dark);margin-bottom:8px;transition:var(--transition)}.news-page-item-content h3:hover{color:var(--primary)}.news-page-item-content p{font-size:14px;color:var(--gray);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;transition:-webkit-line-clamp 0.3s ease}.news-page-item-content p.expanded{-webkit-line-clamp:unset;display:block}.read-more{display:inline-block;font-size:14px;color:var(--primary);font-weight:500;transition:var(--transition)}.read-more:hover{color:var(--primary-dark);transform:translateX(5px)}.cases-page{padding:50px 0}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-page-card{border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);background:var(--white);border:1px solid var(--border)}.case-page-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.case-page-card-img{height:220px;background:linear-gradient(135deg,#e8e8e8,#c0c0c0);display:flex;align-items:center;justify-content:center;position:relative}.case-page-card-img svg{width:60px;height:60px;fill:rgba(255,255,255,0.6)}.case-page-card-img .placeholder-text{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,0.5);color:white;padding:3px 10px;border-radius:4px;font-size:12px}.case-page-card-body{padding:20px}.case-page-card-body h3{font-size:17px;color:var(--gray-dark);margin-bottom:8px}.case-page-card-body p{font-size:14px;color:var(--gray);line-height:1.7}.contact-page{padding:50px 0}.contact-info-card{background:var(--white);padding:35px;border-radius:10px;box-shadow:var(--shadow)}.contact-info-card h2{font-size:24px;color:var(--gray-dark);margin-bottom:25px;position:relative;padding-bottom:15px}.contact-info-card h2::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.contact-info-list .icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-list .icon svg{width:20px;height:20px;fill:white}.contact-info-list .text p{font-size:14px;color:var(--gray-light);margin-bottom:3px}.contact-info-list .text strong{font-size:16px;color:var(--gray-dark);font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;color:var(--gray-dark);margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;transition:var(--transition);background:var(--bg-light)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px rgba(200,22,30,0.1)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.contact-info-row:last-child{border-bottom:none}.contact-info-card{background:var(--white);padding:30px 20px;border-radius:10px;box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.contact-info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.contact-info-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto 20px}.contact-info-icon svg{width:28px;height:28px;fill:white}.contact-info-card h3{font-size:18px;color:var(--gray-dark);margin-bottom:10px}.contact-info-card p{font-size:14px;color:var(--gray);line-height:1.8}.contact-form-map{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px}.contact-form-box{background:var(--white);padding:35px;border-radius:10px;box-shadow:var(--shadow)}.contact-form-box h2{font-size:24px;color:var(--gray-dark);margin-bottom:8px;position:relative;padding-bottom:15px}.contact-form-box h2::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.form-subtitle{font-size:14px;color:var(--gray);margin-bottom:25px}.contact-map-box{background:var(--white);padding:35px;border-radius:10px;box-shadow:var(--shadow)}.contact-map-box h2{font-size:24px;color:var(--gray-dark);margin-bottom:8px;position:relative;padding-bottom:15px}.contact-map-box h2::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.contact-map-box .map-placeholder{margin-top:20px}.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit}.btn-submit:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 4px 15px rgba(200,22,30,0.3);transform:translateY(-2px)}.contact-extra{background:linear-gradient(135deg,#2b2b2b,#1a1a1a);padding:40px 0;text-align:center;color:white}.contact-extra h2{font-size:26px;margin-bottom:15px}.contact-extra p{font-size:16px;color:#ccc;margin-bottom:20px}.contact-extra .btn-primary{display:inline-block}.header-contact{display:flex;align-items:center;gap:30px}.header-contact-item .icon{width:36px;height:36px;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.header-contact-item .icon svg{width:18px;height:18px;fill:var(--primary)}.header-contact-item .info strong{font-size:16px;color:var(--gray-dark)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.8s ease forwards}#app{min-height:500px}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}.advantages-grid{grid-template-columns:repeat(2,1fr)}.footer-main .container{grid-template-columns:1fr 1fr}.news-flex{grid-template-columns:1fr}}@media (max-width:768px){.header-top{display:none}.header-main .container{flex-direction:column;gap:15px}.header-contact{gap:15px}.header-contact-item .info strong{font-size:14px}.nav .container{position:relative}.nav-toggle{display:flex;position:absolute;right:15px;top:12px;z-index:10}.nav-list{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.nav-list.active{display:flex;z-index:9999}.nav-list a{padding:14px 25px;border-bottom:1px solid rgba(255,255,255,0.1)}.banner{height:350px}.banner-content h2{font-size:26px}.banner-content p{font-size:14px}.banner-arrow{width:35px;height:35px}.banner-arrow svg{width:18px;height:18px}.section-title h2{font-size:24px}.product-grid,.products-page-grid{grid-template-columns:repeat(2,1fr)}.about-flex{flex-direction:column;gap:30px}.about-image,.about-content{flex:1;width:100%}.about-image-box{height:250px}.advantages-grid{grid-template-columns:1fr}.footer-main .container{grid-template-columns:1fr;gap:30px}.contact-info-row{grid-template-columns:repeat(2,1fr)}.contact-form-map{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.cases-grid{grid-template-columns:repeat(2,1fr)}.culture-grid{grid-template-columns:1fr}.about-hero{flex-direction:column}.about-hero-image{flex:1;width:100%;height:200px}.float-sidebar{right:8px}.float-btn{width:42px;height:42px}.float-btn svg{width:20px;height:20px}.page-banner h2{font-size:26px}.news-page-item{flex-direction:column}.news-page-item-img{flex:1;width:100%;height:160px}}@media (max-width:480px){.product-grid,.products-page-grid,.cases-grid{grid-template-columns:1fr}.banner-content h2{font-size:20px}.banner-dots .dot{width:8px;height:8px}.banner-dots .dot.active{width:20px}.about-stats{flex-wrap:wrap;gap:15px}.contact-info-row{grid-template-columns:1fr}}.wechat-qr-img{width:120px;height:120px;border-radius:8px;margin:0 auto 10px;display:block;background:white;padding:5px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.popup-overlay.active{opacity:1;visibility:visible}.popup-box{background:white;border-radius:12px;padding:35px 30px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform:translateY(-20px);transition:all 0.3s ease;position:relative}.popup-overlay.active .popup-box{transform:translateY(0)}.popup-close{position:absolute;top:12px;right:15px;width:30px;height:30px;border:none;background:#f5f5f5;border-radius:50%;font-size:18px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;line-height:1}.popup-close:hover{background:var(--primary);color:white}.popup-title{font-size:22px;font-weight:700;color:var(--gray-dark);margin-bottom:8px}.popup-subtitle{font-size:14px;color:var(--gray);margin-bottom:20px}.popup-qr{width:200px;height:200px;margin:0 auto 15px;border-radius:10px;overflow:hidden;border:2px solid var(--border)}.popup-qr img{width:100%;height:100%;display:block}.popup-qr-hint{font-size:14px;color:var(--gray);margin-bottom:20px}.popup-actions{display:flex;flex-direction:column;gap:10px}.popup-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease;border:none;text-decoration:none}.popup-btn svg{width:20px;height:20px;fill:currentColor}.popup-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white}.popup-btn-primary:hover{box-shadow:0 4px 15px rgba(200,22,30,0.3);transform:translateY(-2px)}.popup-btn-outline{background:white;color:var(--gray-dark);border:1px solid var(--border)}.popup-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.contact-qr-card{background:var(--white);padding:30px 20px;border-radius:10px;box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.contact-qr-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.contact-qr-card .qr-icon{width:60px;height:60px;background:linear-gradient(135deg,#07c160,#06ad56);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.contact-qr-card .qr-icon svg{width:32px;height:32px;fill:white}.contact-qr-card h3{font-size:18px;color:var(--gray-dark);margin-bottom:10px}.contact-qr-card .qr-img{width:140px;height:140px;margin:0 auto 10px;border-radius:8px;border:1px solid var(--border)}.contact-qr-card .qr-img img{width:100%;height:100%;display:block;border-radius:8px}.contact-qr-card p{font-size:14px;color:var(--gray);line-height:1.8}.form-success-box{text-align:center}.success-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#07c160,#06ad56);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:40px;height:40px;fill:white}.form-success-box h3{font-size:22px;color:var(--gray-dark);margin-bottom:10px}.form-success-box p{font-size:14px;color:var(--gray);margin-bottom:20px;line-height:1.8}.form-success-box .popup-qr{width:180px;height:180px}@media (max-width:768px){.popup-box{padding:25px 20px;max-width:320px}.popup-qr{width:170px;height:170px}.form-success-box .popup-qr{width:160px;height:160px}}.nav-right{display:flex;align-items:center;gap:15px;margin-left:auto}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{width:18px;height:18px;fill:rgba(255,255,255,0.7);position:absolute;left:10px;pointer-events:none}.search-box input{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:20px;padding:7px 15px 7px 35px;color:white;font-size:14px;width:160px;transition:all 0.3s ease;outline:none}.search-box input::placeholder{color:rgba(255,255,255,0.6)}.search-box input:focus{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5);width:200px}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;position:relative;z-index:3}.product-card:hover .product-card-img img{transform:scale(1.08)}.product-card-img::before,.case-card-img img,.case-page-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;position:relative;z-index:2}.case-card:hover .case-card-img img,.case-page-card:hover .case-page-card-img img{transform:scale(1.08)}.case-card-img:has(img),.case-page-card-img:has(img){background:transparent}.about-image-box img,.about-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:10px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.showcase-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;cursor:pointer}.showcase-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.showcase-item:hover img{transform:scale(1.1)}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);padding:20px;color:white}.showcase-overlay h3{font-size:18px;margin-bottom:5px}.showcase-overlay p{font-size:14px;opacity:0.9}.search-no-result{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--gray);font-size:16px}.search-no-result svg{width:64px;height:64px;fill:var(--gray-light);margin-bottom:15px}@media (max-width:768px){.nav-right{display:none}.showcase-grid{grid-template-columns:1fr}.search-box input{width:120px}.search-box input:focus{width:140px}}@media (max-width:1024px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}.about-image-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px}.about-image-box::before{background:linear-gradient(135deg,rgba(26,26,46,0.4),rgba(200,22,30,0.3))}.contact-info-card,.contact-qr-card{min-height:220px;display:flex;flex-direction:column;justify-content:center}.section-title p,.about-content .subtitle,.about-hero-text .subtitle{font-size:16px;color:var(--gray);opacity:0.7}.header-top .contact-info{gap:25px}.header-top .contact-info span{gap:6px}.news-featured-img img{width:100%;height:100%;object-fit:cover}.news-featured-img:has(img) svg{display:none}.news-featured-img svg{display:none}@media (min-width:769px){.float-sidebar{top:auto;bottom:30px;right:20px;transform:none;flex-direction:column}}.map-container iframe{display:block}.news-page-item-img svg{display:none}.btn-submit:active{transform:translateY(0)}.btn-main:active{transform:translateY(0)}.showcase-item{aspect-ratio:4/3}.footer-bottom p,.footer-bottom a{color:#888;font-size:14px}@media (max-width:768px){.nav-right{display:flex;position:absolute;right:50px;top:12px;gap:8px}.search-box input{width:100px;font-size:12px;padding:5px 10px 5px 28px}.search-box input:focus{width:120px}.search-box .search-icon{width:14px;height:14px;left:7px}}.product-card-body{min-height:90px;display:flex;flex-direction:column;justify-content:flex-start}.product-card-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.banner-content p{font-size:16px;opacity:0.85}.news-featured{min-height:300px}.news-featured-img{height:100%;min-height:300px}.news-date-box{min-width:60px;text-align:center}.about-stats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:40px 0;background:var(--bg-light);border-radius:10px;margin:40px 0}.about-showcase{padding:50px 0;background:var(--white)}.about-culture{background:var(--bg-light);padding:50px 0}.about-honors{padding:50px 0}.culture-card-accent{border-top-color:var(--primary)}.contact-map-container{width:100%;height:400px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.contact-map-container iframe{width:100%;height:400px;border:0}.contact-info-title{margin-top:20px}.header-contact-item,.footer-info a[href^="tel:"],.footer-info a[href^="mailto:"],.contact-info-list a[href^="tel:"],.contact-info-list a[href^="mailto:"]{text-decoration:none;color:inherit}.header-contact-item{cursor:pointer}.products-page-grid .product-categories{margin-bottom:40px}.product-card-img,.case-page-card-img,.news-page-item-img,.showcase-item{background-color:#f0f0f0;background-image:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 50%,#f0f0f0 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out}.product-card-img img,.case-page-card-img img,.news-page-item-img img,.showcase-item img{position:relative;z-index:1}.product-card-img img[src],.case-page-card-img img[src],.news-page-item-img img[src],.showcase-item img[src]{background:transparent}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}html.js-reveal [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0ms)}html.js-reveal [data-reveal].revealed{opacity:1;transform:none}.banner-slide.active{animation:kenBurns 16s ease-out both}@keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.06)}}.banner-slide.active .banner-content>*{animation:bannerUp .8s cubic-bezier(.22,.61,.36,1) both}.banner-slide.active .banner-content>:nth-child(1){animation-delay:.15s}.banner-slide.active .banner-content>:nth-child(2){animation-delay:.32s}.banner-slide.active .banner-content>:nth-child(3){animation-delay:.48s}@keyframes bannerUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}#backTopBtn{display:none}#backTopBtn.visible{display:flex;align-items:center;justify-content:center}.product-card-img img{transition:transform .55s ease}.product-card:hover .product-card-img img{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.banner-slide.active{animation:none}.banner-slide.active .banner-content>*{animation:none}.product-card:hover .product-card-img img{transform:none}.case-scroll-track{animation:none}.showcase-item:hover img{transform:none}.case-card:hover .case-card-img img,.case-page-card:hover .case-page-card-img img{transform:none}}@media (max-width:768px){#backTopBtn .tooltip{display:none}}a,button,[role="button"],.nav-list a,.nav-toggle,.category-tab,.banner-arrow,.banner-dots .dot,.popup-btn,.popup-close{-webkit-tap-highlight-color:rgba(0,0,0,0.08);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}a[href^="tel:"]{touch-action:manipulation}@media (max-width:768px){.float-btn .tooltip{opacity:1;visibility:visible;pointer-events:none}.float-btn:hover{transform:none}.float-btn{width:46px;height:46px}.header-contact-item{min-width:44px;min-height:44px}.nav-right{display:none}}.case-scroll-wrap{overflow:hidden}.case-scroll-track{display:flex;width:max-content;animation:caseScroll 30s linear infinite}.case-scroll-track:hover{animation-play-state:paused}@keyframes caseScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:768px){.case-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:0 20px}.case-scroll-track{animation:none;transform:none}.case-scroll-track .case-card{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 auto}.case-scroll-track .case-card.case-card-duplicate{display:none}}.product-card-img,.case-card-img,.case-page-card-img,.news-featured-img,.news-page-item-img,.showcase-item,.about-hero-image,.about-image-box,.popup-qr{position:relative;overflow:hidden}.product-card-img img,.case-card-img img,.case-page-card-img img,.news-featured-img img,.news-page-item-img img,.showcase-item img,.about-hero-image img,.about-image-box img{width:100%;height:100%;object-fit:cover}.product-card-img,.case-card-img,.case-page-card-img,.news-featured-img,.news-page-item-img,.showcase-item{background:#f0f0f0}.news-page-item-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s ease}.news-page-item-content p.expanded{-webkit-line-clamp:unset;overflow:visible}.read-more{cursor:pointer;color:var(--primary);font-size:14px;display:inline-block;margin-top:8px;border:none;background:none;padding:0;font-family:inherit}.read-more:hover{text-decoration:underline}html{scroll-behavior:smooth}@media (max-width:768px){.nav-list{max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out}.nav-list.active{max-height:400px}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.nav-toggle{border:none;background:transparent}.products-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}.product-search{width:100%;max-width:320px;padding:10px 16px;border:1px solid var(--border);border-radius:20px;font-size:14px;font-family:inherit;background:var(--bg-light);transition:all 0.3s ease}.product-search:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(200,22,30,0.1)}.no-result{text-align:center;padding:30px 0;color:var(--gray);font-size:15px}@media (max-width:768px){.products-toolbar{justify-content:stretch}.product-search{max-width:none}}.case-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease;padding:20px}.case-modal-overlay.active{opacity:1;visibility:visible}.case-modal-box{background:#fff;border-radius:12px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform 0.25s ease}.case-modal-overlay.active .case-modal-box{transform:translateY(0)}.case-modal-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.05);border:none;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#666;transition:background 0.2s;z-index:2}.case-modal-close:hover{background:rgba(0,0,0,0.1);color:#333}.case-modal-img{width:100%;height:360px;background:#f0f0f0;overflow:hidden;border-radius:12px 12px 0 0}.case-modal-img img{width:100%;height:100%;object-fit:cover}.case-modal-body{padding:28px 32px 32px}.case-modal-label{display:inline-block;background:var(--primary);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;margin-bottom:12px}.case-modal-body h3{font-size:22px;color:#222;margin:0 0 16px;line-height:1.4}.case-modal-body p{color:#666;line-height:1.8;font-size:15px;margin:0 0 24px}.case-modal-meta{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:24px}.case-modal-meta-item{font-size:14px;color:#888}.case-modal-meta-item strong{color:#333;display:block;margin-top:2px}.case-modal-actions{display:flex;gap:12px;flex-wrap:wrap}.case-modal-actions .btn-cm-primary{background:var(--primary);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background 0.2s}.case-modal-actions .btn-cm-primary:hover{background:var(--primary-dark)}.case-modal-actions .btn-cm-outline{border:1px solid #ddd;color:#555;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;transition:border-color 0.2s,color 0.2s}.case-modal-actions .btn-cm-outline:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.case-modal-img{height:220px}.case-modal-body{padding:20px}.case-modal-body h3{font-size:18px}}.case-card,.case-page-card{cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease}.case-card:hover,.case-page-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}.case-card:focus-visible,.case-page-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.form-group{position:relative}.form-error{color:var(--primary);font-size:12px;margin-top:4px;min-height:16px;display:block}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--primary);background:#fef5f5}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 2px rgba(200,22,30,0.15);border-color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.popup-close:focus-visible,.float-btn:focus-visible,.banner-arrow:focus-visible,.category-tab:focus-visible,.nav-list a:focus-visible,.case-modal-close:focus-visible,.case-modal-actions a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary,#c8161e);color:#fff;padding:8px 16px;z-index:9999;transition:top 0.2s;text-decoration:none;font-size:14px}.skip-link:focus{top:0}body.modal-open{overflow:hidden}.float-btn.consult{transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.2s ease}.float-btn.consult.collapsed{opacity:0.45;transform:scale(0.85)}.float-btn.consult.collapsed:hover{opacity:1;transform:scale(1)}.float-btn.consult.collapsed .tooltip{opacity:0;pointer-events:none}[hidden]{display:none!important}.form-group select{padding-right:36px}.search-box input,.search-box input:focus{background:rgba(0,0,0,0.25)}.search-box input::placeholder{color:rgba(255,255,255,0.7)}.products-search-form{display:flex;align-items:center;gap:10px;width:100%;max-width:420px}.products-search-form .product-search{flex:1 1 auto}.logo-text .logo-name{display:block;font-size:24px;font-weight:700;color:var(--gray-dark);letter-spacing:1px}.logo-text .logo-en{display:block;font-size:12px;color:var(--gray-light);letter-spacing:3px;text-transform:uppercase;margin-top:2px}.header-top .contact-info a{display:inline-flex;align-items:center}.header-contact-item,.contact-phones a,.footer-contact a[href^="tel:"]{-webkit-user-select:text;user-select:text}.news-item>.news-item-link{display:flex;gap:20px;width:100%;align-items:flex-start}.category-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.banner-dots .dot{position:relative}.banner-dots .dot::after{content:"";position:absolute;inset:-10px;border-radius:50%}.popup-close,.case-modal-close{min-width:44px;min-height:44px}.form-success-box h2{font-size:22px;color:var(--gray-dark);margin-bottom:10px}.case-modal-body h2{font-size:22px;color:#222;margin:0 0 16px;line-height:1.4}.banner-dots .dot{border:0;padding:0}body.modal-open{overflow:hidden}.case-modal-overlay.active,.popup-overlay.active{-webkit-overflow-scrolling:touch}.btn-submit.is-loading{opacity:.7;cursor:progress}.btn-submit[disabled]{cursor:not-allowed}.form-status{margin-top:10px;font-size:14px;min-height:20px}.form-status.is-error{color:var(--primary)}.form-status.is-ok{color:#1a7f37}.form-status.is-warn{color:#b26a00}.form-status.is-info{color:var(--gray)}.form-fallback-link{color:var(--primary);text-decoration:underline;font-weight:600}.form-label-static{display:block;font-size:14px;margin-bottom:8px;color:var(--gray-dark)}.radio-row{display:flex;gap:18px;align-items:center;min-height:44px}.radio-item{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.form-consent{margin:12px 0}.checkbox-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--gray);cursor:pointer}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.required{color:var(--primary)}.btn-outline{display:inline-block;border:1px solid var(--primary);color:var(--primary);padding:12px 32px;border-radius:4px;min-height:44px}.btn-outline:hover{background:var(--primary);color:#fff}.products-cta{padding:50px 0 60px;background:var(--bg-light);text-align:center}.products-cta h2{font-size:24px;margin-bottom:12px}.products-cta p{color:var(--gray);max-width:720px;margin:0 auto 24px;line-height:1.9}.products-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.case-page-card-more{margin-top:10px;color:var(--primary);font-size:14px}.case-page-card{position:relative}.faq-box{padding:40px 0 60px}.faq-box h2{font-size:24px;margin-bottom:20px;text-align:center}.faq-item{border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin-bottom:12px;background:var(--white)}.faq-item h3{font-size:16px;margin-bottom:8px;color:var(--gray-dark)}.faq-item p{font-size:14px;color:var(--gray);line-height:1.9}.case-card-img,.case-page-card-img{background:transparent}:root{color-scheme:light}@media print{.header,.nav,.float-sidebar,.banner,.footer-bottom,.links-section,.popup-overlay,.case-modal-overlay{display:none!important}body{color:#000;background:#fff}a[href^="tel:"]::after,a[href^="mailto:"]::after{content:""}}.about-hero-text p,.about-content p,.news-page-item-content p,.case-page-card-body p,.faq-item p{max-width:46em}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}