*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{font-size:clamp(14px, 1vw, 18px);scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}body{margin:0 auto;padding:0;font-family:Arial,sans-serif;font-size:1rem;line-height:1.6;background-color:var(--background-color);scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}:root{--primary-color:#2C3E50;--secondary-color:#555555;--light-gray:#BDC3C7;--background-color:#E6EFF4;--text-color:#333333;--header-background-color:#E6EFF4;--navbar-background-color:#3A536D;--navbar-hover-color:#4A86B8}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.1rem .2rem;max-width:2000px;margin:0 auto;border-bottom:1px solid #D0D0D0;background-color:var(--header-background-color);color:var(--primary-color);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.header-left{display:flex;align-items:center}.logo{width:clamp(50px, 3vw, 60px);height:auto;margin-right:.15rem;margin-top:-3.3rem;object-fit:contain;transition:transform var(0.3s)}.logo:hover{transform:scale(1.05)}.company-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:96%}.company-info h1{font-size:clamp(1.2rem, 2vw, 1.8rem);color:var(--primary-color);margin:0;width:100%;text-align:left}#gem{font-size:clamp(0.7rem, 1vw, 0.8rem);margin:0 0;color:#777;letter-spacing:.36em;width:100%;text-align:left}.company-info p{font-size:clamp(0.7rem, 1vw, 0.8rem);color:#777;margin:0;width:100%;text-align:left}.product-line p{font-size:.8rem;color:var(--primary-color) margin-top:.1rem;margin-bottom:0;letter-spacing:normal;width:96%;max-width:98%}.company-info .product-line{font-size:.8rem;color:var(--primary-color);margin:1px 0 0}.navbar{background-color:var(--navbar-background-color);box-shadow:0 1px 2px rgb(0 0 0 / .1);padding:1em 0;transition:border 0.3s ease-in-out}.navbar.active{position:absolute;top:0;left:0;width:100vw;background-color:rgb(0 0 0 / .8);color:#fff;flex-direction:column;height:100vh;justify-content:center;align-items:center;z-index:100}.navbar ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style:none;padding:0;margin:0;transition:max-height 0.5s ease;border-radius:12px}.navbar.active ul{display:flex}.navbar ul li{margin:0 1em;text-align:center}.navbar ul li a{font-size:clamp(0.8rem, 1vw, 1rem);text-decoration:none;color:#FFF;padding:.5em 1em;border-radius:5px;transition:background-color 0.3s ease,color 0.3s ease}.navbar ul li a:hover,.navbar ul li a:focus{background-color:var(--navbar-hover-color);color:#FFF;box-shadow:0 2px 5px rgb(0 0 0 / .1)}/*.navbar ul li a .icon{width:16px;height:16px;margin-right:.5em;vertical-align:middle}/* 图标样式 */
.navbar ul li a i {
  font-size: 1.2em; /* 统一图标尺寸 */
  vertical-align: middle;
  transition: transform 0.3s ease;
}

/* Tabler Icons 特有调整 */
.navbar ul li .iconify {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.15em; /* 对齐微调 */
}

/* 悬停动效 */
.navbar ul li a:hover i {
  transform: translateY(-2px);
}.screen1,.screen2,.screen3,.screen4,.screen5,.screen6,.screen7,.screen8{width:100%;max-width:none;text-align:center;margin:1vh auto}.screen1 .banner{display:flex;overflow:hidden;justify-content:center;align-items:center;max-height:600px;height:60vh;margin:0;padding:0;position:relative}.screen1 .banner img{position:absolute;width:100%;max-width:100%;height:auto;object-fit:cover;top:0;left:0;opacity:0;transition:opacity 1s ease}#home .banner img.active{opacity:1;z-index:1}.banner-description{margin-top:.2rem;font-size:clamp(0.8rem, 1vw, 1rem);text-align:center;color:#a5acb0!important;font-weight:700;line-height:1.5;margin:0;padding:0;overflow:hidden}.screen1{width:100%;max-width:none;text-align:center;margin:0;padding:0}.screen1 h2,.screen2 h2,.screen3 h2,.screen4 h2,.screen5 h2,.screen6 h2,.screen7 h2,.screen8 h2{text-align:center;font-size:1.8rem;color:var(--primary-color);margin-bottom:1vh;margin:0 auto;display:inline-block}.screen1 p,.screen3 p,.screen4 p,.screen5 p,.screen6 p,.screen7 p,.screen8 p{text-align:center;font-size:var(--base-font-size);line-height:1.8;color:var(--secondary-color);max-width:60%;width:70%;margin:1rem auto}.screen2{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:20px;background-color:var(--background-color);text-align:center}#about{background-color:var(--background-color);padding:20px 10px;text-align:center}#about h1{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}#about p{text-align:center;font-size:1rem;line-height:2;color:var(--secondary-color);width:100%;max-width:90%;margin:1.1rem auto}#about .about-cards .card .card-content p{font-size:.95rem;line-height:1.6;color:var(--secondary-color);margin:.5rem auto;width:100%;max-width:95%;padding:.5rem .3rem}.about-description{margin-bottom:2rem}.screen2 .about-title{font-size:clamp(1rem, 2vw, 1.6rem);margin-bottom:1rem;;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.about-title i{margin-right:10px;color:var(--secondary-color)}.about-title span{font-size:1.2rem;color:var(--light-gray);margin-left:10px}.screen2 .about-cards{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;justify-content:space-between}.card{flex:1 1 calc(33.333% - 30px);box-sizing:border-box;max-width:350px;background:#FFF;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0 / .1);overflow:hidden;display:flex;flex-direction:column;transition-delay:0.2s;opacity:0;transform:translateX(100%);transition:opacity 0.6s ease,transform 0.6s ease}.card.hidden{opacity:0;transform:translateX(0);transition:opacity 0.1s ease}.about-cards .card:hover{transform:scale(1.05);box-shadow:0 8px 15px rgb(0 0 0 / .2)}.card-content .card-link{display:block;margin:0 auto;color:var(--primary-color);text-decoration:none;font-weight:700;transition:color 0.3s ease}.card-link:hover{color:var(--light-gray)}.card.visible{opacity:1;transform:translateY(0)}.about-cards .card img{width:100%;max-width:100%;height:clamp(150px, 20vh, 300px);object-fit:cover}.card-content{padding:1rem;text-align:center}.card-content h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.section-divider{width:95%;height:1px;background-color:#ddd;margin:2rem auto;box-sizing:border-box}.screen3{display:flex;flex-direction:column;justify-content:center;align-items:center}#products{display:flex;flex-wrap:wrap;gap:0;width:70vw;height:70vh;margin:1rem auto;padding:0;align-items:stretch;background-color:#fff}#product-title{margin-top:4rem;margin-bottom:2rem}#product-title span{font-size:1.2rem;color:var(--light-gray);margin-left:10px}#product-title .sidebar{position:relative;flex:1 1 15%;max-width:25%;height:100%;overflow-y:auto;overflow-x:auto;background-color:#fff;margin:0;padding:0;border:none;transition:all 0.3s ease}#product-title .sidebar.collapsed{display:none}.container .table-content{flex:1;margin:0;padding:0;flex-direction:column;height:100%;overflow-y:auto;overflow-x:auto;min-width:75%}.table-container{position:relative;display:flex;flex-direction:column;height:auto;table-layout:fixed;margin:0;padding:0}#product-title .tdheader{display:flex;justify-content:space-around;align-items:center;border:1px solid #ddd;padding:20px;background-color:#f9f9f9;;border-top:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 -2px 5px 0 #ddd}#product-title .breadcrumb{flex-grow:1;text-align:center;margin:0;font-size:.875rem;color:#065bb6}#product-title .image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:.5rem auto;padding:0;width:100%;max-width:800px;background-color:#fff;gap:.5rem;overflow:hidden}#product-title .image-frame{flex:0 1 100%;flex-direction:column;align-items:center;max-width:100%;max-height:100%;border:1px solid #ddd;padding:5px;text-align:center;margin-top:0}#product-title p{width:100%;max-width:95%}#product-title .image-frame img{flex:0 1 100%;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}#product-title .image-frame p{line-height:.8;font-size:.75rem;margin:2px 0}#product-title .scroll-container{border:1px solid #ddd;box-shadow:0 1px 3px rgb(0 0 0 / .1);overflow-y:auto;overflow-x:auto;padding:0;height:100%}table{flex:1;width:100%;border-collapse:collapse;margin:0;padding:0;table-layout:fixed}th,td{border:1px solid #ddd;padding:5px}th{background-color:#f2f2f2;font-size:.875rem}ul{padding:0;margin-left:.5rem;margin-right:0;margin-bottom:0;list-style:none;border:none;text-align:left}#product-title .nav-item>.toggle{font-size:1rem;font-weight:700;cursor:pointer;color:#065bb6}#product-title .sub-menu>li{margin:10px 0;list-style-type:circle;padding-left:20px}#product-title .sub-menu>li>.toggle{font-size:.875rem;font-weight:400;color:#065bb6}#product-title .sub-menu>li>ul>li{font-size:.75rem;margin:12px 0;cursor:pointer;color:#333;list-style:disc}#product-title .nav-item{list-style:none;margin:2.2rem 0;border:none}#product-title .toggle{cursor:pointer;color:#333}#product-title .sub-menu{display:none;transition:max-height 0.3s ease-out,opacity 0.3s ease-out;overflow:hidden;opacity:0;list-style-type:none}#product-title .sub-menu.hidden{max-height:0;opacity:0}#product-title .sub-menu:not(.hidden){opacity:1}#product-title .hidden{display:none}#product-list-btn{margin:0;display:block;cursor:pointer;color:#044d9a}#product-title .collapsed{display:none}#product-title .sub-items{display:none;list-style-type:none;padding-left:20px;margin:0;background-color:#e6eff4;border-radius:5px}#product-title .nav-item:hover .sub-items{display:block}#product-title .sub-items li{background-color:#e6eff4;padding:.5em;border:1px solid #ccc;margin:.3em 0;border-radius:.5em;cursor:pointer;transition:background-color 0.3s;font-size:.75rem;line-height:1.1}#product-title .sub-items li:hover{background-color:#d0d0d0}.screen4{display:flex;flex-direction:column;justify-content:center;align-items:center}#certifications .highlighted-text{color:red}#certifications h2{text-align:center;font-size:2rem;color:var(--primary-color);margin-top:0;margin-bottom:2rem}#certifications p{text-align:center;font-size:1.1rem;line-height:1.8;color:var(--secondary-color);max-width:900px;margin:0 auto .5rem}#certifications p+p{margin-top:.5rem}.section-divider+#certifications{margin-top:0}#certifications{text-align:center;padding:0 0;max-width:96%;margin-top:2rem}#certifications span{font-size:1.2rem;color:var(--light-gray);margin-left:10px}.certification-content-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:.75rem auto;gap:20px;box-shadow:0 2px 5px rgb(0 0 0 / .2);padding:1.2rem 1.2rem}.certification-container{flex:0 0 50%;margin-right:.5rem;opacity:0;transform:scale(.9);transition:opacity 0.5s ease-out,transform 0.5s ease-out}.certification-container img{width:100%;max-width:100%;height:auto;object-fit:contain;max-height:800px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.certification-container.start-animation{opacity:1;transform:scale(1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.text-list-container{flex:0 0 45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10px}.text-list{text-align:left;font-size:.875rem;line-height:1.5;margin:0;padding:0}.text-list li{margin:.3rem 0;transition:opacity 0.5s linear;list-style-type:disc;font-size:.875rem;text-indent:-1rem;padding-left:1.5rem}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .5);animation:fadeIn 0.3s ease-out}.modal-content{background-color:#fff;margin:20% auto;padding:30px;border-radius:10px;border:1px solid #ccc;width:60%;max-width:400px;box-shadow:0 2px 8px rgb(0 0 0 / .1);text-align:center}.close-button{color:#aaa;float:right;font-size:24px;font-weight:700;cursor:pointer;transition:color 0.3s}.close-button:hover,.close-button:focus{color:#333}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.certificate-images{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;padding:1rem}.certificate-images img{width:120px;max-width:100%;height:auto;box-shadow:0 2px 5px rgb(0 0 0 / .1);transition:transform 0.3s ease;text-align:center}.certificate-images img:hover{transform:scale(1.1)}.screen5{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f9f9f9;border-radius:8px;padding:40px 20px;overflow:hidden;max-width:96%}#serve{margin-top:2rem;margin-bottom:2rem}.services{width:100%;max-width:1300px;padding:10px}#our-serve p{font-size:1rem;line-height:1.5;word-wrap:break-word;word-break:break-word;margin:0 auto;text-align:justify;padding:0 15px;width:90%;max-width:96%}.services-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;box-shadow:0 4px 8px rgb(0 0 0 / .2)}.service-image{overflow:hidden;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.service-image img{width:100%;max-width:100%;height:200px;object-fit:cover;border-radius:8px;display:block;transition:transform 0.3s ease}.service-image img:hover{transform:scale(1.05)}#our-serve span{font-size:1rem;color:var(--light-gray);margin-left:10px}.screen6{justify-content:center;align-items:center}#projects3 span{font-size:1.2rem;color:var(--light-gray);margin-left:10px}#projects3 p{font-size:1.1rem;width:85%;max-width:90%}.carousel-container{display:flex;flex-direction:column;align-items:center;padding:.875rem .625rem;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0 / .1);max-width:90%;margin:0 auto}.carousel-slide{display:flex;overflow:hidden;position:relative;width:90%;height:auto}#case1 p,#case2 p,#case3 p{font-size:1.1rem}.project-case{min-width:100%;position:absolute;padding:0 .5rem;top:0;left:0;opacity:0;visibility:hidden;transition:opacity 0.5s ease;object-fit:contain}.project-case.active{opacity:1;visibility:visible;position:relative;object-fit:contain}.carousel-slide p{width:90%;margin:1rem auto;line-height:1.8;text-align:justify;font-size:1.2rem;color:#555}.project-case h4{font-size:1.1em;color:#333;margin-bottom:1rem;margin-top:1rem;font-weight:700}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-top:1rem}.project-images img{width:100%;max-width:100%;height:clamp(150px, 20vh, 300px);object-fit:cover;border-radius:8px;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.project-images img:hover{transform:scale(1.05);box-shadow:0 8px 15px rgb(0 0 0 / .2)}.carousel-indicators{text-align:center;margin-top:1rem}#case3 ul{list-style:none;padding:0;margin:0 auto;text-align:left;display:inline-block}#case3 ul li{position:relative;padding-left:25px;line-height:2.2}#case3 ul li::before{content:'✔';position:absolute;left:0;top:0;font-size:1rem;color:green}.dot{display:inline-block;width:10px;height:10px;margin:5px;background-color:#ddd;border-radius:50%;cursor:pointer;transition:background-color 0.3s ease}.dot.active{background-color:#333}.screen7{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem .5rem;background-color:#f8f8f8;width:90%;max-width:100%;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0 / .1);margin:0 auto}.more-customers{max-width:100%;width:92%;text-align:center;justify-content:center;align-items:center}.more-customers h2{margin-bottom:1rem;font-size:2rem;line-height:1.5;padding:auto}#customers p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;width:100%;max-width:1000px;margin:0 auto}.customer-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:92%;width:100%;margin:1.7rem auto;padding:1rem;gap:1.2rem;padding:1rem 1rem;align-items:center;box-sizing:border-box;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.customer-logos img{max-width:80px;height:auto;object-fit:contain;background-color:#f7f7f7;padding:0;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.customer-logos img:hover{color:#fff;transform:translateY(-3px);transform:scale(1.2);box-shadow:0 4px 10px rgb(0 0 0 / .3)}.screen8{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;background-color:#f8f8f8;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.contact-us{text-align:center;width:85%;max-width:90%;margin:0 auto;padding:1rem}.contact-us h2{font-size:2rem;color:#2c3e50;margin-bottom:.9rem}#screen-eight .contact-us p{font-size:1.1rem;color:#555;margin-bottom:1.6rem}.contact-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.contact-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem;width:500px;box-shadow:0 2px 5px rgb(0 0 0 / .1);text-align:left;transition:transform 0.3s ease,box-shadow 0.3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgb(0 0 0 / .2)}.contact-card h3{font-size:1.2rem;color:#2c3e50;margin-top:.6rem;text-align:center;margin-bottom:.4rem}#contact .contact-cards .contact-card p{font-size:.9rem;color:#555;margin-top:.1rem;margin-bottom:.2rem}.contact-card a{color:#0078d7;text-decoration:none;font-size:1rem}.contact-card a:hover{text-decoration:underline}.contact-note{color:#2c3e50;font-weight:700;display:block;margin-bottom:.5rem}.footer{width:100vw;background-color:#2c3e50;color:#fff;text-align:center;padding:20px 0;font-size:.75rem;line-height:1.6;box-shadow:0 -2px 5px rgb(0 0 0 / .1);margin:0}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top a{font-size:.9rem;color:#74640b;text-decoration:none;transition:transform 0.3s ease}.footer-top a:hover{color:#feec27;transform:scale(1.2)}.footer-top{margin-bottom:10px}.divider{width:90%;height:1px;background-color:#7f8c8d;margin:10px auto;opacity:.5}.footer-bottom{font-size:.75rem;color:#bdc3c7}@media (min-width:2001px){.header,.about-cards,.services-images-grid{max-width:1600px;margin:0 auto}.project-images img{height:400px;max-width:100%}}@media (max-width:767px){body{font-size:14px}.header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;align-items:center;padding:1vh 1vw}.header-left{display:flex;align-items:center}.logo{width:45px;height:auto;margin-right:.5rem;margin-top:-1.6rem;object-fit:contain;transform:translateY(-2.8rem)}.company-info{align-items:center}.company-info h1{font-size:1.5rem;margin:0}#gem{margin:0;width:100%;font-size:.75rem;letter-spacing:.25em}.company-info p{font-size:.65rem}.navbar ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-content:center}.navbar ul li{text-align:center}.screen1 p,.screen2 p,.screen3 p{max-width:95%;width:auto}.screen1{max-height:70vh}.screen1 .banner{height:calc(100vw * 0.45);margin:0;padding:0;position:relative}.screen1 .banner img{object-fit:contain;max-width:100%;height:auto;margin:0}.banner-description{margin-top:0;font-size:14px}.screen2 .about-cards{display:flex;flex-direction:column;align-items:center;gap:1rem}.screen2 .about-cards .card{flex:1 1 auto;max-width:90%;margin:0 auto}#products{display:flex;flex-direction:row;width:100vw;height:75vh;padding:5px;overflow-y:auto}#product-title .sidebar{flex:1 1 30%;width:30%;font-size:.8rem;padding:5px;overflow-x:auto}#product-title .scroll-container{height:100%;overflow-y:auto}.scroll-container .sub-menu{font-size:.9rem;line-height:1.5;white-space:normal}.sub-menu li{padding:5px 0;margin:2px 0}#product-title .table-content{flex:1;max-width:70%;padding-left:5px;height:100%;overflow-x:auto;table-layout:auto;table-layout:fixed}#product-title .breadcrumb{font-size:.8rem;white-space:wrap;text-overflow:ellipsis}.image-container{display:flex;flex-direction:column;gap:5px}.image-frame{flex:0 1 100%;max-width:100%;height:auto}#product-title .image-frame img{width:100%;height:auto;margin:3px;object-fit:contain;overflow-y:auto}.text-list li{font-size:.8rem}.certification-container{flex:0 0 100%;margin-bottom:1rem}.certification-container img{width:100%;max-width:100%;height:auto;text-align:center;align-items:center;object-fit:contain;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.certification-content-wrapper{flex-direction:column;gap:10px}.certificate-images{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.scroll-container .nav-item>.toggle{font-size:.75rem;font-weight:700;line-height:1.4;padding:5px 0}.scroll-container .sub-menu>li{font-size:.65rem;font-weight:400;line-height:1.3;padding:4px 0}.scroll-container .nav-item>.sub-menu{margin-left:10px}.scroll-container .sub-menu .sub-menu>li{font-size:.55rem;line-height:1.2;padding:3px 0}.scroll-container .nav-item{margin-bottom:10px}#our-serve p{font-size:.9rem;text-align:justify;padding:0 10px}.certificate-images img{height:auto;max-width:100%;object-fit:cover}.services-images-grid{grid-template-columns:repeat(auto-fit,minmax(150px,2fr));gap:1em;padding:.5em}#projects3 span{font-size:1rem}#projects3 p,#case1 p,#case2 p,#case3 p{font-size:.9rem;line-height:1.6}.project-case h4{font-size:1rem;margin-top:.5rem}#case3 ul li{font-size:.9rem}.carousel-slide p{font-size:.9rem;line-height:1.6;padding:.5rem;text-align:left}.project-images{display:grid;grid-template-columns:1fr}.project-images img{width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:8px;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.more-customers h2{font-size:1.5rem;margin-bottom:15px}#customers p{font-size:1rem;line-height:1.6;margin-bottom:20px;padding:0 10px}.customer-logos{grid-template-columns:repeat(3,1fr);gap:15px;padding:15px;width:90%;max-width:95%}.customer-logos img{width:70px;max-width:100%;max-height:70px;padding:3px}.screen7{padding:30px 15px;max-width:100%}.more-customers{margin-bottom:1rem}.contact-us h2{font-size:1.5rem;line-height:1.4}#screen-eight .contact-us p{font-size:1rem;line-height:1.6;max-width:90%;margin:0 auto}.contact-cards{flex-wrap:wrap;gap:1.2rem;justify-content:center}.contact-card{width:98%;margin:0 auto;padding:1rem}.contact-card h3{font-size:1rem;margin-bottom:.3rem}.contact-card p{font-size:.8rem;line-height:1.4}.contact-card a{font-size:.9rem}.screen8 .contact-card .contact-note{font-size:0.9rem!important;line-height:1.4;margin-bottom:.4rem}.footer{width:100vw;padding:1px 0}#screen-nine .footer-content{padding:.875rem 10px}#screen-nine .footer-content .footer-bottom{font-size:.5rem;line-height:1.4}#screen-nine .footer-content .footer-top{font-size:.4rem;margin-bottom:8px}.section-divider{width:90%;margin:1.5rem auto}}@media (min-width:768px) and (max-width:1023px){body{font-size:16px}.header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;align-items:center;padding:2vh 2vw}.header-left{display:flex;align-items:center}.logo{width:50px;height:auto;margin-right:.1rem;margin-top:-1.3rem;object-fit:contain;transform:translateY(-2rem)}.company-info{align-items:flex-start}.company-info h1{font-size:1.6rem;margin:0}#gem{font-size:.75rem;margin:0;letter-spacing:.31em}.company-info p{font-size:.65rem}.product-image{max-width:200px}.navbar ul{display:flex;justify-content:center;gap:10px}.navbar ul li{text-align:center;font-size:1rem}.navbar ul li a{font-size:.85rem;line-height:1.2;white-space:nowrap}.screen1 .banner{height:calc(100vw * 0.5)}.banner-description{font-size:1rem}.screen2 .about-cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.about-cards .card{flex:1 1 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem);margin:1rem auto}.about-cards .card img{height:auto;max-height:300px;object-fit:cover;max-width:100%}.about-cards .card-content{padding:1rem}#products{display:flex;width:98vw;height:55vh}#product-title .sidebar{width:22%;max-width:22%;font-size:.85rem;padding:5px}#product-title .table-content{width:78%;height:100%;overflow-y:auto;table-layout:fixed}#product-title .scroll-container{height:100%;overflow-y:auto}#product-title .table-container{height:auto;table-layout:fixed}#product-title .breadcrumb{font-size:.8rem;white-space:wrap;text-overflow:ellipsis}#product-title .image-container{flex-direction:column;gap:5px;overflow-y:auto}.image-frame{flex:0 1 100%;height:auto}#product-title .image-frame img{max-width:100%;max-height:400px;width:auto;height:auto;margin:5px;object-fit:contain;overflow-y:auto}.certification-content-wrapper{justify-content:center;align-items:center;text-align:center}.certification-container{flex:0 0 100%;margin-bottom:1rem}.certification-container img{width:100%;max-width:100%;height:auto;text-align:center;align-items:center;object-fit:contain;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.certificate-images{gap:1rem}.text-list li{text-align:left;font-size:.9rem}.services-images-grid{grid-template-columns:repeat(auto-fit,minmax(200px,3fr));gap:2em;padding:1em;object-fit:contain}.services-images-grid img{height:250px;max-width:100%}.project-case{padding:1rem}.carousel-slide p{font-size:1rem;line-height:1.6}.project-case h4{font-size:1rem;margin-top:.5rem}.project-images{display:grid;grid-template-columns:repeat(2,2fr);grid-template-rows:repeat(2,auto);gap:15px;margin:0 auto;justify-content:center;align-items:center}.project-images img{width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:8px;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.more-customers h2{font-size:1.5rem;margin-bottom:15px}#customers p{word-wrap:break-word;word-break:break-word;font-size:1rem;line-height:1.6;margin-bottom:20px;padding:0 10px}.customer-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;padding:15px;width:90%;max-width:95%;padding:15px}.customer-logos img{width:70px;max-width:100%;max-height:70px;padding:3px}.screen7{padding:30px 15px;max-width:100%}.more-customers{margin-bottom:1rem}.contact-cards{flex-wrap:wrap;gap:1.5rem;justify-content:center}.contact-card{width:95%;margin:0 auto;padding:1rem}.contact-us{display:flex;flex-wrap:wrap;padding:2rem 10px}.contact-note{font-size:1rem}.footer{font-size:.85rem;padding:1rem 0}.footer-content{padding:0 2rem}}