html{scroll-behavior:smooth}body,html{font-family:sans-serif;height:100%;margin:0;padding:0}.App{padding-top:70px}body{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background-color:#f1f1f1}body::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background-color:#555}.footer{background-color:#2c3e50;color:#ecf0f1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem 1rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:0 auto;max-width:1200px}.contact-us h3{border-bottom:2px solid #3498db;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.contact-us ul{list-style:none;margin:0;padding:0}.contact-us li{align-items:center;display:flex;gap:.75rem;margin:.75rem 0}.contact-us li i{color:#3498db;width:1.25rem}.contact-us li i,.copyright-info{text-align:center}.company-button{background:none;border:none;color:#ecf0f1;cursor:pointer;font-size:1rem;transition:color .3s ease}.company-button:hover{color:#3498db}.beian-link{color:#ecf0f1;text-decoration:none;transition:color .3s ease}.beian-link:hover{color:#3498db}.copyright-info p{font-size:.9rem;margin:.5rem 0}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.contact-us li{justify-content:center}}.navbar{background-color:#fff;box-shadow:0 2px 5px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:10px 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{margin-right:30px}.navbar-logo img{border:2px solid #fff;border-radius:4px;box-shadow:0 4px 8px #0000001a;height:60px;transition:transform .3s;width:auto}.navbar-logo img:hover{border-color:#d80c18;transform:scale(1.1)}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-menu li{margin:0 10px;position:relative}.navbar-menu a{color:#333;display:block;padding:10px;text-decoration:none}.navbar-menu a.active,.navbar-menu a:hover{color:#d80c18}.desktop-menu .active,.dropdown-button.active,.mobile-menu .active{color:#d80c18!important}.submenu{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:none;min-width:160px;position:absolute;text-align:center;z-index:1001}.submenu,.submenu li{list-style-type:none;margin:0;padding:0}.submenu a{color:#333;display:block;padding:10px;text-align:center;text-decoration:none}.submenu a:hover{background-color:#f5f5f5}.dropdown:hover .submenu{display:block}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:24px}.mobile-menu{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;left:0;position:absolute;right:0;top:60px;z-index:1002}.mobile-menu li{text-align:center;width:100%}.mobile-menu a{padding:15px}@media (max-width:768px){.desktop-menu{display:none}.menu-toggle{display:block}.mobile-menu{display:flex}}.dropdown-button{background:none;border:none;color:#333;cursor:pointer;font-family:inherit;font-size:inherit;padding:10px;text-decoration:none}.dropdown-button:hover{color:#d80c18}.text-shadow{text-shadow:2px 2px 4px #0009}.home-container{font-family:Arial,sans-serif;width:100%}.features-container{background-color:#f9f9f9;display:flex;justify-content:space-around;padding:40px 20px}.feature-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1 1;margin:0 10px;max-width:300px;padding:20px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-title{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.feature-description{color:#666;font-size:14px;line-height:1.6}.max-w-prose{max-width:65ch}.description-container{line-height:1.8;text-align:left}.product-container{min-height:100vh;overflow:hidden;position:relative;width:100%}.background-image{background-position:50%;background-size:cover;filter:brightness(.7)}.background-image,.background-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.background-overlay{background-color:#0000004d}.content-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;position:relative;z-index:1}.icon-container{margin-bottom:20px}.icon-container img{height:80px;width:80px}.text-content{margin-bottom:40px;max-height:400px;max-width:800px;overflow-y:auto;text-align:center}.description{margin-bottom:20px}.text-content::-webkit-scrollbar{width:6px}.text-content::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.text-content::-webkit-scrollbar-track{background-color:initial}.text-content{scrollbar-color:#ffffff80 #0000;scrollbar-width:thin}.text-content h3{font-size:32px;margin-bottom:20px}.text-content .description{font-size:18px;line-height:1.6;margin-bottom:30px}.details-button{background-color:#d70c19;border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px 30px}.details-button:hover{background-color:#b30a15}.tabs-container{display:flex;gap:20px;margin-bottom:40px}.tab-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:background-color .3s ease}.tab-item:hover{background-color:#ffffff1a}.tab-item.active{background-color:#d70c19cc}.tab-item img{height:40px;margin-bottom:10px;width:40px}.tab-item span{font-size:16px}.header{top:100px}.content,.header{left:0;position:absolute;right:0;text-align:center}.content{top:200px}.description{margin:20px 0}.details-button{background:#0000;border:2px solid #fff;border-radius:20px;color:#fff;padding:10px 20px;transition:background-color .3s ease}.details-button:hover{background-color:#ffffff1a}.tabs{bottom:50px;display:flex;justify-content:center;left:0;position:absolute;right:0}.tab{cursor:pointer;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.tab.active{background-color:#ffffff1a}.tab img{height:30px;margin-bottom:5px;width:30px}.tab{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.background-blur{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0006;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.product-container>.content,.product-container>.header,.product-container>.tabs,.product-container>img{position:relative;z-index:1}.content .description,.content h3{color:#fff;text-shadow:1px 1px 2px #000000b3}.info-window{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:15px;width:300px}.info-window h4{color:#e03131;margin-top:0}.info-window p{font-size:14px;margin:8px 0}.info-window i{color:#e03131;margin-right:8px}.content-block{margin:0 auto;max-width:1000px;padding:20px}.content-block h2{border-left:4px solid #d80c18;color:#333;font-size:24px;margin-bottom:16px;padding-left:12px}.content-block p{color:#666;margin-bottom:16px}.content-block ul{color:#666;list-style:disc inside;margin-bottom:20px}.content-block ul li{margin-bottom:8px}.about-section{background-color:#f9f9f9;padding:40px}.section-title{color:#333;margin-bottom:30px}.project-list-container{margin:0 auto;max-width:1200px}.project-list{-ms-overflow-style:none;display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.project-list::-webkit-scrollbar{display:none}.project-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex-shrink:0;margin-right:20px;min-width:300px;padding:20px;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card:last-child{margin-right:0}.project-details h3{color:#333;font-size:18px;margin-bottom:10px}.project-details p{color:#666;font-size:14px;margin:5px 0}.carousel-controls{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.carousel-controls button{background-color:#d80c18;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.indicators{display:flex;gap:10px}.indicator{background-color:#ccc;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s ease;width:10px}.indicator.active{background-color:#d80c18}.about-overlay-text{border-radius:10px;left:50%;max-width:800px;padding:2rem;top:50%;transform:translate(-50%,-50%)}.about-title{color:#fff;font-size:2.5rem;margin-bottom:1rem}.about-subtitle{color:#e6e6e6;font-size:1.1rem;line-height:1.6}.section-title{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.quality-process-cards{margin-bottom:3rem}.process-card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.process-card-container::-webkit-scrollbar{display:none}.process-card{margin-bottom:20px;width:45%}@media (max-width:1200px){.process-card{max-width:calc(50% - 1rem);min-width:calc(50% - 1rem)}}@media (max-width:768px){.process-card{width:90%}}.process-card h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.process-card p{color:#555;flex-grow:1;font-size:.95rem;line-height:1.6}.process-card:hover{transform:translateY(-8px)}.detailed-info-section{margin-top:2rem}.info-card{background-color:#fbfbfb;border-radius:10px;padding:2rem}.info-block{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000008;margin-bottom:2rem;padding:1.5rem}.info-block h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.info-block p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:1rem}.info-block ul{list-style:none;padding-left:1.2rem}.info-block ul li{color:#555;margin-bottom:.8rem;padding-left:1.2rem;position:relative}.info-block ul li:before{color:#d80c18;content:"•";font-size:1.2rem;left:0;position:absolute}.about-image{height:auto}.about-image,.about-image-container{display:block}.about-overlay-text{background:#00000080;bottom:38%;color:#fff;padding:20px;position:absolute;right:24%;text-align:center;width:52%;z-index:2}.about-title{font-size:24px;font-weight:700;margin-bottom:10px}.about-text{font-size:16px;line-height:1.5;margin:0 auto;max-width:80%}.about-container{color:#333;font-family:Arial,sans-serif}.section-title{color:#007bff;font-size:24px;margin-bottom:20px}.content-block p{font-size:16px;line-height:1.6;margin-bottom:20px;text-align:justify}.centered-img{display:block;height:100%;margin:0 auto;object-fit:cover;width:100%}.device-card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.device-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex-shrink:0;max-width:45%;min-width:300px;padding:20px;transition:transform .3s ease}.device-card:hover{transform:translateY(-5px)}.device-card h3{color:#333;font-size:18px;margin-bottom:10px}.device-card p{color:#666;font-size:14px;line-height:1.5}.device-card .image-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.device-card .image-container img{border-radius:8px;box-shadow:0 2px 6px #0000001a;height:auto;max-width:100%}@media (max-width:768px){.device-card{max-width:90%}}.content-section{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;margin:-4rem auto 0;max-width:1200px;padding:2rem}.about-section{margin-bottom:40px}.workmanship-process{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.process-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;flex-shrink:0;max-width:calc(33.333% - 2rem);min-width:300px;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease}.process-card:hover{transform:translateY(-5px)}.process-header{margin-bottom:1rem}.process-image-container{display:flex;justify-content:center;margin-bottom:1.5rem;width:100%}.process-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.process-header img{border-radius:8px;height:auto;max-width:60px}.process-content p{color:#34495e;font-size:1rem;line-height:1.6;margin:0}@media (max-width:1024px){.process-card{max-width:calc(50% - 2rem)}}@media (max-width:768px){.process-card{max-width:90%}.process-header{align-items:flex-start;flex-direction:column}.process-header img{max-width:100%}}.process-image{border-radius:8px;box-shadow:0 6px 12px #00000026;height:auto;max-width:80%;transition:all .3s ease}.process-image:hover{transform:scale(1.05)}@media (max-width:768px){.process-image{border-radius:12px;max-width:95%}.process-content p{font-size:.95rem}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.process-image{-ms-interpolation-mode:bicubic;image-rendering:crisp-edges}}.about-container{margin:0 auto;overflow-x:hidden;padding:0;width:100%}.hero-section{align-items:center;background-color:#f5f7fa;display:flex;justify-content:center;min-height:60vh;padding:2rem 0;position:relative}.about-image{filter:brightness(.9);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.about-image-container{align-items:center;display:flex;height:60vh;justify-content:center;overflow:hidden;position:relative;width:100%}.carousel-card{box-shadow:0 10px 20px #00000026;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.carousel-card:hover{box-shadow:0 15px 30px #0003;transform:scale(1.02)}.carousel-card img{height:auto;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.carousel-card img:hover{box-shadow:0 10px 20px #0003;transform:scale(1.05)}@media (max-width:768px){.carousel-card img{border-radius:12px;max-width:100%}.section-carousel{max-width:95%}}.slick-slide{align-items:center;display:flex!important;height:auto!important;justify-content:center}.section-header{margin-bottom:24px;text-align:center}.section-header h3{color:#333;font-size:28px;margin-bottom:12px}.section-header p{color:#666;font-size:16px;line-height:1.6;margin:0 auto;max-width:800px}.debug-border{border:2px solid red}
/*# sourceMappingURL=main.8b5ace6d.css.map*/