{"id":951,"date":"2025-12-26T03:25:08","date_gmt":"2025-12-26T03:25:08","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=951"},"modified":"2026-03-16T02:36:40","modified_gmt":"2026-03-16T02:36:40","slug":"piezo-valve-1","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/th\/piezo-valve-1\/","title":{"rendered":"Piezo valve 1"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Piezo Valve | High-Speed Precision Dispensing Valve | Sanco<\/title>\r\n <meta name=\"description\" content=\"Piezo valve for high-speed non-contact jet dispensing with ultra-fast response time, high frequency operation, and precise volume control for electronics manufacturing.\">\r\n <meta name=\"keywords\" content=\"piezo valve, jet dispensing valve, piezoelectric valve, precision dispensing, non-contact dispensing, SMT dispensing, Sanco\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/piezo-valve-1\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"Piezo Valve | High-Speed Precision Dispensing | Sanco\">\r\n <meta property=\"og:description\" content=\"Piezo valve for high-speed non-contact jet dispensing with ultra-fast response time and precise volume control.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/piezo-valve-1\/\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-dark: #0d2137;\r\n --primary-mid: #14334d;\r\n --primary-light: #1e4a6d;\r\n --accent: #2d6a9f;\r\n --white: #ffffff;\r\n --off-white: #f9f7f5;\r\n --gray-light: #f0ece8;\r\n --gray: #64748b;\r\n --dark: #1a2332;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Outfit', sans-serif; background: var(--white); color: var(--dark); overflow-x: hidden; }\r\n\r\n \/* ========== Hero Section ========== *\/\r\n .hero {\r\n min-height: 100vh;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u52a8\u6001\u6d6e\u52a8\u5149\u6591 *\/\r\n .hero-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n opacity: 0.4;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-orb-1 {\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\r\n top: -100px;\r\n left: -100px;\r\n animation: floatOrb1 15s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.5) 0%, transparent 70%);\r\n top: 30%;\r\n right: 10%;\r\n animation: floatOrb2 12s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-3 {\r\n width: 250px;\r\n height: 250px;\r\n background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%);\r\n bottom: 20%;\r\n left: 20%;\r\n animation: floatOrb3 18s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floatOrb1 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(50px, 30px) scale(1.1); }\r\n 50% { transform: translate(30px, 60px) scale(0.95); }\r\n 75% { transform: translate(-20px, 40px) scale(1.05); }\r\n }\r\n\r\n @keyframes floatOrb2 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(-40px, 50px) scale(1.15); }\r\n 66% { transform: translate(30px, -30px) scale(0.9); }\r\n }\r\n\r\n @keyframes floatOrb3 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(60px, -40px) scale(1.2); }\r\n }\r\n\r\n \/* \u6d41\u52a8\u5149\u7ebf *\/\r\n .hero-light-streak {\r\n position: absolute;\r\n width: 150%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transform: rotate(-35deg);\r\n animation: lightStreak 8s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-light-streak-1 { top: 20%; left: -50%; animation-delay: 0s; }\r\n .hero-light-streak-2 { top: 50%; left: -50%; animation-delay: 3s; opacity: 0.6; }\r\n .hero-light-streak-3 { top: 80%; left: -50%; animation-delay: 5s; opacity: 0.4; }\r\n\r\n @keyframes lightStreak {\r\n 0% { transform: rotate(-35deg) translateX(-100%); }\r\n 100% { transform: rotate(-35deg) translateX(100%); }\r\n }\r\n\r\n \/* \u7c92\u5b50 *\/\r\n .hero-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: rgba(255,255,255,0.6);\r\n border-radius: 50%;\r\n animation: particleFloat 20s linear infinite;\r\n }\r\n\r\n .particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 25s; }\r\n .particle:nth-child(2) { left: 20%; animation-delay: 2s; animation-duration: 20s; }\r\n .particle:nth-child(3) { left: 30%; animation-delay: 4s; animation-duration: 28s; }\r\n .particle:nth-child(4) { left: 40%; animation-delay: 1s; animation-duration: 22s; }\r\n .particle:nth-child(5) { left: 50%; animation-delay: 3s; animation-duration: 18s; }\r\n .particle:nth-child(6) { left: 60%; animation-delay: 5s; animation-duration: 24s; }\r\n .particle:nth-child(7) { left: 70%; animation-delay: 2.5s; animation-duration: 26s; }\r\n .particle:nth-child(8) { left: 80%; animation-delay: 4.5s; animation-duration: 21s; }\r\n\r\n @keyframes particleFloat {\r\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\r\n 10% { opacity: 1; transform: translateY(80vh) scale(1); }\r\n 90% { opacity: 1; transform: translateY(10vh) scale(1); }\r\n 100% { transform: translateY(-10vh) scale(0); opacity: 0; }\r\n }\r\n\r\n \/* \u52a8\u6001\u6ce2\u6d6a *\/\r\n .hero-wave {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 200%;\r\n height: 250px;\r\n overflow: hidden;\r\n animation: waveSlide 25s linear infinite;\r\n }\r\n\r\n .hero-wave svg {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 100%;\r\n }\r\n\r\n .hero-wave svg:nth-child(2) { left: 50%; }\r\n .hero-wave-1 { fill: rgba(30, 74, 109, 0.3); }\r\n .hero-wave-2 { fill: rgba(45, 106, 159, 0.2); }\r\n\r\n @keyframes waveSlide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n \/* \u5149\u6655 *\/\r\n .hero-glow-1 {\r\n position: absolute;\r\n top: 5%;\r\n left: -5%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: glowPulse 8s ease-in-out infinite;\r\n }\r\n\r\n .hero-glow-2 {\r\n position: absolute;\r\n bottom: 10%;\r\n right: 20%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: glowPulse 6s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes glowPulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.5; }\r\n 50% { transform: scale(1.1); opacity: 0.8; }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 60px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-text {\r\n color: var(--white);\r\n padding-top: 40px;\r\n }\r\n\r\n .hero-category {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2.8rem, 5.5vw, 4.5rem);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n margin-bottom: 24px;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.1);\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.1rem;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 32px;\r\n line-height: 1.7;\r\n max-width: 500px;\r\n }\r\n\r\n .hero-tags {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-tag {\r\n display: inline-block;\r\n padding: 12px 24px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(8px);\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: var(--white);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .hero-tag:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .valve-image {\r\n width: 50%;\r\n max-width: 380px;\r\n filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.25));\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .valve-image:hover {\r\n transform: scale(1.05) rotate(2deg);\r\n }\r\n\r\n \/* ========== Product Description Section ========== *\/\r\n .description-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .breadcrumb {\r\n max-width: 1400px;\r\n margin: 0 auto 50px;\r\n font-size: 0.9rem;\r\n color: var(--gray);\r\n }\r\n\r\n .breadcrumb a {\r\n color: var(--gray);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .breadcrumb a:hover { color: var(--primary-dark); }\r\n .breadcrumb span { margin: 0 8px; }\r\n\r\n .description-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n\r\n .description-text h2 {\r\n font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 24px;\r\n position: relative;\r\n padding-bottom: 16px;\r\n }\r\n\r\n .description-text h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 2px;\r\n }\r\n\r\n .description-text p {\r\n font-size: 1.05rem;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .description-highlights {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 16px;\r\n background: var(--off-white);\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .highlight-item:hover {\r\n background: #e8f0f5;\r\n transform: translateX(5px);\r\n }\r\n\r\n .highlight-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: white;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .highlight-value {\r\n font-size: 0.8rem;\r\n color: var(--gray);\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ========== Key Features Section ========== *\/\r\n .features-section {\r\n padding: 100px 60px;\r\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 60px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 16px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .feature-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n box-shadow: 0 4px 25px rgba(13, 33, 55, 0.06);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(13, 33, 55, 0.15);\r\n }\r\n\r\n .feature-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .feature-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #e8f0f5, #d1e4f0);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .feature-card:hover .feature-icon {\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .feature-icon svg {\r\n width: 32px;\r\n height: 32px;\r\n fill: var(--primary-dark);\r\n transition: fill 0.4s ease;\r\n }\r\n\r\n .feature-card:hover .feature-icon svg {\r\n fill: white;\r\n }\r\n\r\n .feature-card-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .feature-card-desc {\r\n font-size: 0.95rem;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Applications Section ========== *\/\r\n .applications {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .app-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .app-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(13, 33, 55, 0.05);\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .app-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 40px rgba(13, 33, 55, 0.1);\r\n }\r\n\r\n .app-img {\r\n width: 100%;\r\n height: 160px;\r\n overflow: hidden;\r\n background: #f0f4f8;\r\n }\r\n\r\n .app-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .app-card:hover .app-img img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .app-content {\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n .app-name {\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: var(--dark);\r\n transition: color 0.3s ease;\r\n line-height: 1.4;\r\n }\r\n\r\n .app-card:hover .app-name {\r\n color: var(--primary-dark);\r\n }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n .hero-tags { justify-content: center; }\r\n .hero-subtitle { margin: 0 auto 32px; }\r\n .description-content { grid-template-columns: 1fr; gap: 40px; }\r\n .description-highlights { grid-template-columns: 1fr 1fr; }\r\n .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n .app-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { min-height: auto; padding: 100px 0 80px; }\r\n .hero-content { padding: 0 24px; }\r\n .hero-title { font-size: 2.2rem; }\r\n .hero-tag { padding: 10px 18px; font-size: 0.85rem; }\r\n .description-section, .features-section, .applications { padding: 80px 24px; }\r\n .description-highlights { grid-template-columns: 1fr; }\r\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .app-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n .app-img { height: 130px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero { padding: 80px 0 60px; }\r\n .hero-title { font-size: 1.9rem; }\r\n .hero-tags { gap: 8px; }\r\n .hero-tag { padding: 8px 14px; font-size: 0.8rem; }\r\n .app-grid { grid-template-columns: 1fr; }\r\n .app-img { height: 160px; }\r\n .valve-image { max-width: 280px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div>\r\n <div class=\"hero-orb hero-orb-2\"><\/div>\r\n <div class=\"hero-orb hero-orb-3\"><\/div>\r\n\r\n <div class=\"hero-light-streak hero-light-streak-1\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-2\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-3\"><\/div>\r\n\r\n <div class=\"hero-particles\">\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-glow-1\"><\/div>\r\n <div class=\"hero-glow-2\"><\/div>\r\n \r\n <div class=\"hero-wave\">\r\n <svg viewbox=\"0 0 1440 250\" preserveaspectratio=\"none\">\r\n <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n <\/svg>\r\n <svg viewbox=\"0 0 1440 250\" preserveaspectratio=\"none\">\r\n <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <p class=\"hero-category\">\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e08\u0e48\u0e32\u0e22<\/p>\r\n <h1 class=\"hero-title\">\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b<\/h1>\r\n <p class=\"hero-subtitle\">\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e08\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e41\u0e1a\u0e1a\u0e40\u0e08\u0e47\u0e17\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e34\u0e01\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e27\u0e25\u0e32\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">\u0e40\u0e08\u0e47\u0e17\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a<\/span>\r\n <span class=\"hero-tag\">\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e2a\u0e39\u0e07<\/span>\r\n <span class=\"hero-tag\">\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e15\u0e23\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\" class=\"valve-image\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Product Description Section -->\r\n <section class=\"description-section\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"\/th\/\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a><span>><\/span>\r\n <a href=\"\/th\/product\/\">\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c<\/a><span>><\/span>\r\n <a href=\"\/th\/product\/\">\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e08\u0e48\u0e32\u0e22<\/a><span>><\/span>\r\n <span>\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b<\/span>\r\n <\/div>\r\n\r\n <div class=\"description-content\">\r\n <div class=\"description-text\">\r\n <h2>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/h2>\r\n <p>\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e34\u0e01\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e41\u0e1a\u0e1a\u0e40\u0e08\u0e47\u0e17\u0e17\u0e35\u0e48\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a \u0e27\u0e32\u0e25\u0e4c\u0e27\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e19\u0e35\u0e49\u0e21\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e0b\u0e49\u0e33\u0e17\u0e35\u0e48\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e2a\u0e39\u0e07.<\/p>\r\n <p>\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e2a\u0e39\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e08\u0e36\u0e07\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e34\u0e48\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e0a\u0e48\u0e19 \u0e01\u0e32\u0e27, \u0e2a\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21, \u0e27\u0e31\u0e2a\u0e14\u0e38\u0e2d\u0e38\u0e14\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e2d\u0e37\u0e48\u0e19 \u0e46.<\/p>\r\n <\/div>\r\n \r\n <div class=\"description-highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span>\r\n <div class=\"highlight-value\">\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e34\u0e25\u0e25\u0e34\u0e27\u0e34\u0e19\u0e32\u0e17\u0e35<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e2a\u0e39\u0e07<\/span>\r\n <div class=\"highlight-value\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e16\u0e36\u0e07 1000Hz<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h.71C7.37 7.69 9.48 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3s-1.34 3-3 3z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">\u0e40\u0e08\u0e47\u0e17\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a<\/span>\r\n <div class=\"highlight-value\">\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1e\u0e37\u0e49\u0e19\u0e1c\u0e34\u0e27<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33<\/span>\r\n <div class=\"highlight-value\">\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e32\u0e42\u0e19\u0e25\u0e34\u0e15\u0e23<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Key Features Section -->\r\n <section class=\"features-section\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e40\u0e14\u0e48\u0e19<\/h2>\r\n <p class=\"section-subtitle\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e34\u0e01\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e01\u0e27\u0e48\u0e32<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"feature-card-title\">\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22\u0e1c\u0e25\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e34\u0e01<\/h3>\r\n <p class=\"feature-card-desc\">\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e34\u0e01\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"feature-card-title\">\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a<\/h3>\r\n <p class=\"feature-card-desc\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e41\u0e1a\u0e1a\u0e40\u0e08\u0e47\u0e17\u0e0a\u0e48\u0e27\u0e22\u0e02\u0e08\u0e31\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e01\u0e31\u0e1a\u0e1c\u0e34\u0e27\u0e2b\u0e19\u0e49\u0e32 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e19\u0e40\u0e1b\u0e37\u0e49\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e43\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07 3 \u0e21\u0e34\u0e15\u0e34\u0e44\u0e14\u0e49.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"feature-card-title\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07<\/h3>\r\n <p class=\"feature-card-desc\">\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e48\u0e32\u0e22\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e2a\u0e39\u0e07\u0e16\u0e36\u0e07 1000Hz \u0e0b\u0e36\u0e48\u0e07\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"feature-card-title\">\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33<\/h3>\r\n <p class=\"feature-card-desc\">\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e32\u0e42\u0e19\u0e25\u0e34\u0e15\u0e23\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e0b\u0e49\u0e33\u0e17\u0e35\u0e48\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e44\u0e21\u0e42\u0e04\u0e23\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"feature-card-title\">\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22<\/h3>\r\n <p class=\"feature-card-desc\">\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e27 \u0e2a\u0e32\u0e23\u0e1a\u0e31\u0e14\u0e01\u0e23\u0e35 \u0e2a\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21\u0e40\u0e15\u0e47\u0e21\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e07\u0e27\u0e07\u0e08\u0e23 \u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e40\u0e07\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e2d\u0e37\u0e48\u0e19\u0e46.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"feature-card-title\">\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e07\u0e48\u0e32\u0e22<\/h3>\r\n <p class=\"feature-card-desc\">\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1a\u0e1a\u0e42\u0e21\u0e14\u0e39\u0e25\u0e32\u0e23\u0e4c\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27 \u0e25\u0e14\u0e40\u0e27\u0e25\u0e32\u0e2b\u0e22\u0e38\u0e14\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e43\u0e2b\u0e49\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Applications Section -->\r\n <section class=\"applications\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49<\/h2>\r\n <p class=\"section-subtitle\">\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07<\/p>\r\n <\/div>\r\n <div class=\"app-grid\">\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/SMT-underfill_\u7ed3\u679c.webp\" alt=\"\u0e2a\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21\u0e40\u0e15\u0e47\u0e21\u0e43\u0e15\u0e49\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19 SMT\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e2a\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21\u0e40\u0e15\u0e47\u0e21\u0e43\u0e15\u0e49\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19 SMT<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Solder-paste_\u7ed3\u679c.webp\" alt=\"\u0e19\u0e49\u0e33\u0e22\u0e32\u0e1a\u0e31\u0e14\u0e01\u0e23\u0e35\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e19\u0e49\u0e33\u0e22\u0e32\u0e1a\u0e31\u0e14\u0e01\u0e23\u0e35<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Component-packaging_\u7ed3\u679c.webp\" alt=\"\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Semiconductor-packaging_\u7ed3\u679c-1.webp\" alt=\"\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e40\u0e0b\u0e21\u0e34\u0e04\u0e2d\u0e19\u0e14\u0e31\u0e01\u0e40\u0e15\u0e2d\u0e23\u0e4c\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e40\u0e0b\u0e21\u0e34\u0e04\u0e2d\u0e19\u0e14\u0e31\u0e01\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Camera-module_\u7ed3\u679c.webp\" alt=\"\u0e42\u0e21\u0e14\u0e39\u0e25\u0e01\u0e25\u0e49\u0e2d\u0e07\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e42\u0e21\u0e14\u0e39\u0e25\u0e01\u0e25\u0e49\u0e2d\u0e07<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Red-glue_\u7ed3\u679c.webp\" alt=\"\u0e01\u0e32\u0e27\u0e41\u0e14\u0e07\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e01\u0e32\u0e27\u0e41\u0e14\u0e07<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Black-glue_\u7ed3\u679c.webp\" alt=\"\u0e01\u0e32\u0e27\u0e14\u0e33\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e01\u0e32\u0e27\u0e14\u0e33<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Pin-encapsulation_\u7ed3\u679c.webp\" alt=\"\u0e01\u0e32\u0e23\u0e2b\u0e48\u0e2d\u0e2b\u0e38\u0e49\u0e21\u0e02\u0e32\">\r\n <\/div>\r\n <div class=\"app-content\">\r\n <div class=\"app-name\">\u0e01\u0e32\u0e23\u0e2b\u0e48\u0e2d\u0e2b\u0e38\u0e49\u0e21\u0e02\u0e32<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Scroll animations\r\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { \r\n if (entry.isIntersecting) { \r\n entry.target.style.opacity = '1'; \r\n entry.target.style.transform = 'translateY(0)'; \r\n } \r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.feature-card, .app-card, .highlight-item').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.feature-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.1}s`; });\r\n document.querySelectorAll('.app-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.06}s`; });\r\n document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9f4e7c e-con-full e-flex e-con e-parent\" data-id=\"a9f4e7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6950e3e elementor-widget elementor-widget-html\" data-id=\"6950e3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Structure Specification Table -->\r\n<!-- SEO\u4f18\u5316 + \u4e09\u7aef\u54cd\u5e94\u5f0f -->\r\n<!-- \u5c06\u6b64\u4ee3\u7801\u6dfb\u52a0\u5230 Elementor HTML \u5c0f\u90e8\u4ef6\u4e2d -->\r\n\r\n<section class=\"tech-param-section\" \r\n <div>\r\n <!-- SEO Hidden Meta -->\r\n \r\n <!-- Title Section -->\r\n <div class=\"param-header\">\r\n <span class=\"param-tag\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e40\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04<\/span>\r\n <h2 class=\"param-title\">\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07<\/h2>\r\n <p class=\"param-subtitle\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e31\u0e2a\u0e14\u0e38.<\/p>\r\n <\/div>\r\n \r\n <div class=\"param-table-wrapper\">\r\n <div class=\"param-table-scroll\">\r\n <table class=\"param-table\" aria-label=\"\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\">\r\n <!-- Section 1 -->\r\n <thead>\r\n <tr class=\"header-row\">\r\n <th>\u0e21\u0e34\u0e15\u0e34<\/th>\r\n <th>\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e2a\u0e38\u0e17\u0e18\u0e34<\/th>\r\n <th>\u0e17\u0e32\u0e07\u0e40\u0e02\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e27<\/th>\r\n <th>\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e02\u0e2d\u0e07\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e27<\/th>\r\n <th>\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e01\u0e23\u0e30\u0e41\u0e17\u0e01<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>99x78x37.5 (\u0e21\u0e21.)<\/td>\r\n <td>350 \u0e01\u0e23\u0e31\u0e21<\/td>\r\n <td>\u0e02\u0e31\u0e49\u0e27\u0e15\u0e48\u0e2d SS<\/td>\r\n <td>SUS 304<\/td>\r\n <td>\u0e17\u0e31\u0e07\u0e2a\u0e40\u0e15\u0e19\u0e2a\u0e15\u0e35\u0e25\/\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n\r\n <!-- Section 2 -->\r\n <thead>\r\n <tr class=\"sub-header-row\">\r\n <th>\u0e0a\u0e48\u0e27\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19<\/th>\r\n <th>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19<\/th>\r\n <th>\u0e0b\u0e35\u0e25\u0e01\u0e31\u0e19\u0e23\u0e31\u0e48\u0e27<\/th>\r\n <th>\u0e42\u0e2b\u0e21\u0e14\u0e02\u0e31\u0e1a\u0e02\u0e35\u0e48<\/th>\r\n <th>\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e02\u0e2d\u0e07\u0e2b\u0e31\u0e27\u0e09\u0e35\u0e14<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e2b\u0e49\u0e2d\u0e07\u0e16\u0e36\u0e07 180\u00b0C<\/td>\r\n <td>80 \u0e27\u0e31\u0e15\u0e15\u0e4c<\/td>\r\n <td>\u0e1e\u0e35\u0e2d\u0e35\u0e2d\u0e35\u0e40\u0e04\/\u0e1e\u0e35\u0e2d\u0e35\/\u0e1e\u0e35\u0e17\u0e35\u0e40\u0e2d\u0e1f\u0e2d\u0e35<\/td>\r\n <td>\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e34\u0e01<\/td>\r\n <td>\u0e17\u0e31\u0e07\u0e2a\u0e40\u0e15\u0e19\u0e2a\u0e15\u0e35\u0e25\/\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n\r\n <!-- Section 3 -->\r\n <thead>\r\n <tr class=\"sub-header-row\">\r\n <th>\u0e02\u0e19\u0e32\u0e14\u0e08\u0e38\u0e14\u0e15\u0e48\u0e33\u0e2a\u0e38\u0e14<\/th>\r\n <th>\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e22\u0e32<\/th>\r\n <th colspan=\"2\">\u0e01\u0e32\u0e27\u0e0a\u0e19\u0e34\u0e14\u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49<\/th>\r\n <th>\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e17\u0e32\u0e07\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>3NL<\/td>\r\n <td>500 \u0e40\u0e2e\u0e34\u0e23\u0e15\u0e0b\u0e4c<\/td>\r\n <td colspan=\"2\">\u0e01\u0e32\u0e27, \u0e15\u0e31\u0e27\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21, \u0e15\u0e31\u0e27\u0e17\u0e33\u0e25\u0e30\u0e25\u0e32\u0e22\u0e19\u0e49\u0e33, \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19.<\/td>\r\n <td>0-45\u00b0<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== Structure Specification Table ========== *\/\r\n.tech-param-section {\r\n padding: 80px 60px;\r\n background: #ffffff;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\n.param-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Title Section *\/\r\n.param-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n}\r\n\r\n.param-tag {\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #2596be;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.param-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #0f172a;\r\n margin: 0 0 16px 0;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.param-subtitle {\r\n font-size: 1rem;\r\n color: #64748b;\r\n margin: 0;\r\n font-weight: 400;\r\n}\r\n\r\n\/* Table Wrapper *\/\r\n.param-table-wrapper {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(8, 77, 164, 0.08);\r\n border: 1px solid #e5e7eb;\r\n}\r\n\r\n.param-table-scroll {\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.param-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 0.95rem;\r\n}\r\n\r\n\/* First Header Row - With gradient *\/\r\n.param-table .header-row {\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n}\r\n\r\n.param-table .header-row th {\r\n padding: 18px 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n color: #ffffff;\r\n border-right: 1px solid rgba(255,255,255,0.15);\r\n line-height: 1.4;\r\n}\r\n\r\n.param-table .header-row th:first-child {\r\n border-radius: 12px 0 0 0;\r\n}\r\n\r\n.param-table .header-row th:last-child {\r\n border-right: none;\r\n border-radius: 0 12px 0 0;\r\n}\r\n\r\n\/* Sub Header Rows - No color *\/\r\n.param-table .sub-header-row {\r\n background: #ffffff;\r\n border-top: 2px solid #e5e7eb;\r\n}\r\n\r\n.param-table .sub-header-row th {\r\n padding: 16px 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n color: #084da4;\r\n border: 1px solid #e5e7eb;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* Table Body *\/\r\n.param-table td {\r\n padding: 16px 20px;\r\n border: 1px solid #e5e7eb;\r\n color: #334155;\r\n vertical-align: middle;\r\n text-align: center;\r\n line-height: 1.5;\r\n background: #ffffff;\r\n}\r\n\r\n\/* ========== Responsive - Tablet ========== *\/\r\n@media (max-width: 1024px) {\r\n .tech-param-section {\r\n padding: 60px 40px;\r\n }\r\n\r\n .param-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .param-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .param-table .header-row th,\r\n .param-table .sub-header-row th,\r\n .param-table td {\r\n padding: 14px 16px;\r\n font-size: 0.85rem;\r\n }\r\n}\r\n\r\n\/* ========== Responsive - Small Tablet ========== *\/\r\n@media (max-width: 768px) {\r\n .tech-param-section {\r\n padding: 50px 20px;\r\n }\r\n\r\n .param-header {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .param-tag {\r\n font-size: 0.7rem;\r\n letter-spacing: 3px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .param-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .param-subtitle {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .param-table-wrapper {\r\n border-radius: 12px;\r\n }\r\n\r\n .param-table {\r\n min-width: 700px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table .header-row th,\r\n .param-table .sub-header-row th {\r\n padding: 12px 14px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table td {\r\n padding: 12px 14px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table .header-row th:first-child {\r\n border-radius: 8px 0 0 0;\r\n }\r\n\r\n .param-table .header-row th:last-child {\r\n border-radius: 0 8px 0 0;\r\n }\r\n}\r\n\r\n\/* ========== Responsive - Mobile ========== *\/\r\n@media (max-width: 480px) {\r\n .tech-param-section {\r\n padding: 40px 16px;\r\n }\r\n\r\n .param-header {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .param-tag {\r\n font-size: 0.65rem;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .param-title {\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .param-subtitle {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .param-table-wrapper {\r\n border-radius: 10px;\r\n }\r\n\r\n .param-table {\r\n min-width: 600px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table .header-row th,\r\n .param-table .sub-header-row th {\r\n padding: 10px 12px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .param-table td {\r\n padding: 10px 12px;\r\n font-size: 0.75rem;\r\n word-break: break-word;\r\n }\r\n}\r\n\r\n\/* ========== Very Small Screens ========== *\/\r\n@media (max-width: 360px) {\r\n .tech-param-section {\r\n padding: 32px 12px;\r\n }\r\n\r\n .param-tag {\r\n font-size: 0.6rem;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .param-title {\r\n font-size: 1.35rem;\r\n }\r\n\r\n .param-subtitle {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table {\r\n min-width: 550px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .param-table .header-row th,\r\n .param-table .sub-header-row th,\r\n .param-table td {\r\n padding: 8px 10px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aba511e e-con-full e-flex e-con e-parent\" data-id=\"aba511e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba58284 elementor-widget elementor-widget-html\" data-id=\"ba58284\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sanco-featured-section\">\r\n \r\n <div class=\"sanco-featured-container\">\r\n \r\n <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n <div class=\"sanco-featured-left\">\r\n <span class=\"sanco-featured-index\">SANCO<\/span>\r\n <h2 class=\"sanco-featured-title\"> \r\n \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e08\u0e48\u0e32\u0e22\u0e22\u0e32\u0e17\u0e35\u0e48\u0e41\u0e19\u0e30\u0e19\u0e33:<br>\r\n \u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e08\u0e32\u0e01\u0e01\u0e32\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33<br>\r\n \u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e22\u0e32 \r\n <\/h2>\r\n <a href=\"#\" class=\"sanco-featured-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n\r\n <div class=\"sanco-featured-arrows\">\r\n <button id=\"sancoFeaturedPrev\">\u2190<\/button>\r\n <button id=\"sancoFeaturedNext\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n <div class=\"sanco-featured-slider-wrapper\">\r\n <div class=\"sanco-featured-slider\" id=\"sancoFeaturedSlider\">\r\n\r\n <!-- \u4ea7\u54c1 1: LM Series -->\r\n <a href=\"\/th\/high-speed-dispenser\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\u0e41\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e23\u0e38\u0e48\u0e19 LM\"> \r\n <p>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\u0e41\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e23\u0e38\u0e48\u0e19 LM<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 2: Offline Dispensing Machine -->\r\n <a href=\"\/th\/offline-high-speed-dispensing-machine\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Offline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e1f\u0e44\u0e25\u0e19\u0e4c\">\r\n <p>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e1f\u0e44\u0e25\u0e19\u0e4c<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 3: Desktop Visual Dispensing Machine -->\r\n <a href=\"\/th\/desktop-visual\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Desktop-visual-dispenser-machine-scaled_\u7ed3\u679c.webp\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e22\u0e32\u0e14\u0e49\u0e27\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e1a\u0e1a\u0e15\u0e31\u0e49\u0e07\u0e42\u0e15\u0e4a\u0e30\">\r\n <p>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e22\u0e32\u0e14\u0e49\u0e27\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e1a\u0e1a\u0e15\u0e31\u0e49\u0e07\u0e42\u0e15\u0e4a\u0e30<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 4: DS Series -->\r\n <a href=\"\/th\/ds-series-linlinehigh-speeddispensing-machine\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\u0e41\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e23\u0e38\u0e48\u0e19 DS\">\r\n <p>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\u0e41\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e23\u0e38\u0e48\u0e19 DS<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 5: Piezo Valve 1 -->\r\n <a href=\"\/th\/piezo-valve-1\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\">\r\n <p>\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 6: Piezo Valve 2 -->\r\n <a href=\"\/th\/piezo-valve-2\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve-2_\u7ed3\u679c.webp\" alt=\"\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\">\r\n <p>\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 7: Piezo Valve Controller -->\r\n <a href=\"\/th\/piezo-valve-controller\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/piezo-Valve-Controller_\u7ed3\u679c.webp\" alt=\"\u0e15\u0e31\u0e27\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b\">\r\n <p>\u0e15\u0e31\u0e27\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e40\u0e1e\u0e35\u0e22\u0e42\u0e0b<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 8: Single Liquid Screw Valve -->\r\n <a href=\"\/th\/single-liquid\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e2a\u0e01\u0e23\u0e39\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\">\r\n <p>\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e2a\u0e01\u0e23\u0e39\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 9: Dual Liquid Screw Valve -->\r\n <a href=\"\/th\/dual-liquid-screw-valve\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Dual-liquid-Screw-Valve-scaled_\u7ed3\u679c.webp\" alt=\"\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e2a\u0e01\u0e23\u0e39\u0e2a\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27\">\r\n <p>\u0e27\u0e32\u0e25\u0e4c\u0e27\u0e2a\u0e01\u0e23\u0e39\u0e2a\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e2b\u0e25\u0e27<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 10: CANP 5G Pump -->\r\n <a href=\"\/th\/canp-5g-pump\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp\" alt=\"CANP 5G \u0e1b\u0e31\u0e4a\u0e21\">\r\n <p>CANP 5G \u0e1b\u0e31\u0e4a\u0e21<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Featured Section - \u72ec\u7acb\u547d\u540d\u7a7a\u95f4 ===== *\/\r\n.sanco-featured-section {\r\n background: linear-gradient(135deg, #f0f5fb 0%, #e3edf7 50%, #dce7f3 100%);\r\n padding: 120px 0;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 800px;\r\n}\r\n\r\n\/* \u80cc\u666f\u7f51\u683c *\/\r\n.sanco-featured-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: \r\n linear-gradient(rgba(8, 77, 164, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(8, 77, 164, 0.03) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n}\r\n\r\n\/* \u5927\u578b\u88c5\u9970\u5706 - \u53f3\u4e0a *\/\r\n.sanco-featured-section::after {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(8, 77, 164, 0.12) 0%, rgba(8, 77, 164, 0.06) 40%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoFeaturedFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(-30px, 30px) scale(1.05); }\r\n}\r\n\r\n\/* \u88c5\u9970\u5706\u73af *\/\r\n.sanco-featured-container::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -150px;\r\n left: -150px;\r\n width: 500px;\r\n height: 500px;\r\n border: 2px solid rgba(8, 77, 164, 0.08);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoFeaturedRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedRotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(380deg); }\r\n}\r\n\r\n\/* \u5c0f\u578b\u88c5\u9970\u70b9 *\/\r\n.sanco-featured-container::after {\r\n content: '';\r\n position: absolute;\r\n top: 15%;\r\n left: 10%;\r\n width: 120px;\r\n height: 120px;\r\n background: radial-gradient(circle, rgba(8, 77, 164, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoFeaturedPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedPulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.5; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n}\r\n\r\n.sanco-featured-container {\r\n max-width: 1600px;\r\n margin: auto;\r\n padding: 0 50px;\r\n display: flex;\r\n gap: 50px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* \u989d\u5916\u88c5\u9970\u5143\u7d20 - \u53f3\u4fa7\u5149\u6655 *\/\r\n.sanco-featured-slider-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(10, 95, 199, 0.08) 0%, transparent 60%);\r\n border-radius: 50%;\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n z-index: -1;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u88c5\u9970\u7ebf\u6761 *\/\r\n.sanco-featured-left::before {\r\n content: '';\r\n position: absolute;\r\n left: -30px;\r\n top: 20%;\r\n width: 4px;\r\n height: 60%;\r\n background: linear-gradient(180deg, transparent, rgba(8, 77, 164, 0.3), transparent);\r\n border-radius: 2px;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-featured-left {\r\n flex: 0 0 15%;\r\n position: relative;\r\n}\r\n\r\n.sanco-featured-index {\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: #d6deeb;\r\n margin-bottom: 8px;\r\n display: block;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 4px rgba(8, 77, 164, 0.1);\r\n}\r\n\r\n.sanco-featured-title {\r\n font-size: 26px;\r\n line-height: 1.4;\r\n margin-bottom: 24px;\r\n color: #1a2332;\r\n}\r\n\r\n\/* Read More \u94fe\u63a5 *\/\r\n.sanco-featured-readmore {\r\n text-decoration: underline;\r\n color: #084da4;\r\n font-size: 15px;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n display: inline-block;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.sanco-featured-readmore:hover {\r\n color: #062c4d;\r\n}\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-featured-arrows {\r\n display: flex;\r\n gap: 12px;\r\n}\r\n\r\n.sanco-featured-arrows button {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #084da4;\r\n background: #fff;\r\n color: #084da4;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: all .3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 2px 8px rgba(8, 77, 164, 0.1);\r\n}\r\n\r\n.sanco-featured-arrows button:hover {\r\n background: #084da4;\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(8, 77, 164, 0.2);\r\n}\r\n\r\n.sanco-featured-arrows button:active {\r\n transform: translateY(0);\r\n}\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-featured-slider-wrapper {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.sanco-featured-slider {\r\n display: flex;\r\n gap: 35px;\r\n transition: transform 0.6s ease;\r\n}\r\n\r\n\/* ===== \u5361\u7247\u94fe\u63a5 ===== *\/\r\n.sanco-featured-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\/* ===== \u4ea7\u54c1\u5361 ===== *\/\r\n.sanco-featured-card {\r\n min-width: 380px;\r\n height: 550px;\r\n padding: 45px 35px;\r\n text-align: center;\r\n background: #fff;\r\n border-radius: 16px;\r\n box-shadow:\r\n 0 10px 30px rgba(8, 77, 164, 0.12),\r\n 0 4px 10px rgba(0, 0, 0, 0.05);\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.sanco-featured-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #084da4, #0a5fc7);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card {\r\n transform: translateY(-8px);\r\n box-shadow:\r\n 0 15px 40px rgba(8, 77, 164, 0.18),\r\n 0 6px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.sanco-featured-card img {\r\n max-width: 100%;\r\n height: 330px;\r\n object-fit: contain;\r\n margin-bottom: 24px;\r\n transition: transform 0.35s ease;\r\n transform-origin: center;\r\n}\r\n\r\n@media (hover: hover) {\r\n .sanco-featured-card-link:hover .sanco-featured-card img {\r\n transform: scale(1.12);\r\n }\r\n}\r\n\r\n\/* \u540d\u79f0 *\/\r\n.sanco-featured-card p {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #084da4;\r\n margin: 0 0 12px 0;\r\n min-height: 54px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n\/* Read More \u6309\u94ae *\/\r\n.sanco-featured-card-readmore {\r\n display: inline-block;\r\n font-size: 14px;\r\n color: #084da4;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n opacity: 0.8;\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card-readmore {\r\n opacity: 1;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* ===== \u5e73\u677f\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 1024px) {\r\n .sanco-featured-section {\r\n padding: 100px 0;\r\n min-height: 750px;\r\n }\r\n \r\n .sanco-featured-container {\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 0 30px;\r\n }\r\n \r\n .sanco-featured-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .sanco-featured-index {\r\n font-size: 42px;\r\n }\r\n \r\n .sanco-featured-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .sanco-featured-readmore {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .sanco-featured-arrows {\r\n justify-content: center;\r\n }\r\n \r\n .sanco-featured-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n \r\n .sanco-featured-slider {\r\n display: flex;\r\n gap: 30px;\r\n padding: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n \r\n .sanco-featured-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n \r\n .sanco-featured-card {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n height: 520px;\r\n padding: 40px 30px;\r\n }\r\n \r\n .sanco-featured-card img {\r\n height: 300px;\r\n }\r\n \r\n .sanco-featured-left::before,\r\n .sanco-featured-slider-wrapper::before {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* ===== \u79fb\u52a8\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 768px) {\r\n .sanco-featured-section {\r\n padding: 80px 20px;\r\n min-height: auto;\r\n }\r\n \r\n .sanco-featured-container {\r\n flex-direction: column;\r\n gap: 50px;\r\n padding: 0;\r\n }\r\n \r\n .sanco-featured-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .sanco-featured-index {\r\n font-size: 40px;\r\n }\r\n \r\n .sanco-featured-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .sanco-featured-readmore {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .sanco-featured-arrows {\r\n justify-content: center;\r\n }\r\n \r\n .sanco-featured-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n \r\n .sanco-featured-slider {\r\n display: flex;\r\n gap: 20px;\r\n padding: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n \r\n .sanco-featured-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-featured-card {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: none;\r\n height: 480px;\r\n padding: 40px 30px;\r\n }\r\n \r\n .sanco-featured-card img {\r\n height: 280px;\r\n }\r\n \r\n .sanco-featured-card p {\r\n min-height: 48px;\r\n }\r\n \r\n .sanco-featured-left::before,\r\n .sanco-featured-slider-wrapper::before {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* ===== \u5c0f\u5c4f\u624b\u673a ===== *\/\r\n@media (max-width: 480px) {\r\n .sanco-featured-section {\r\n padding: 60px 15px;\r\n }\r\n \r\n .sanco-featured-index {\r\n font-size: 36px;\r\n }\r\n \r\n .sanco-featured-title {\r\n font-size: 20px;\r\n }\r\n \r\n .sanco-featured-card {\r\n height: 440px;\r\n padding: 35px 25px;\r\n }\r\n \r\n .sanco-featured-card img {\r\n height: 240px;\r\n }\r\n \r\n .sanco-featured-card p {\r\n font-size: 16px;\r\n min-height: 44px;\r\n }\r\n \r\n .sanco-featured-arrows button {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 16px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n const slider = document.getElementById('sancoFeaturedSlider');\r\n const prev = document.getElementById('sancoFeaturedPrev');\r\n const next = document.getElementById('sancoFeaturedNext');\r\n \r\n if (!slider || !prev || !next) return;\r\n \r\n \/\/ \u5224\u65ad\u662f\u5426\u4e3a\u5355\u5361\u6a21\u5f0f\uff08\u5e73\u677f\u548c\u624b\u673a\uff09\r\n function isSingleCardMode() {\r\n return window.innerWidth <= 1024;\r\n }\r\n \r\n function getCardWidth() {\r\n const card = slider.querySelector('.sanco-featured-card');\r\n if (!card) return 395;\r\n const cardLink = slider.querySelector('.sanco-featured-card-link');\r\n const width = cardLink ? cardLink.offsetWidth : card.offsetWidth;\r\n const gap = isSingleCardMode() ? (window.innerWidth <= 768 ? 20 : 30) : 35;\r\n return width + gap;\r\n }\r\n \r\n const totalCards = slider.children.length;\r\n let index = 0;\r\n let autoScrollInterval;\r\n let isUserInteracting = false;\r\n\r\n \/\/ \u66f4\u65b0\u6ed1\u52a8\u4f4d\u7f6e\r\n function updateSliderPosition() {\r\n const cardWidth = getCardWidth();\r\n slider.style.transform = `translateX(-${index * cardWidth}px)`;\r\n }\r\n\r\n \/\/ \u81ea\u52a8\u6eda\u52a8\u51fd\u6570 - \u5faa\u73af\u64ad\u653e\r\n function autoScroll() {\r\n if (isUserInteracting) return;\r\n \r\n index++;\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n }\r\n\r\n \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n function startAutoScroll() {\r\n stopAutoScroll();\r\n autoScrollInterval = setInterval(autoScroll, 3000);\r\n }\r\n\r\n \/\/ \u505c\u6b62\u81ea\u52a8\u6eda\u52a8\r\n function stopAutoScroll() {\r\n if (autoScrollInterval) {\r\n clearInterval(autoScrollInterval);\r\n autoScrollInterval = null;\r\n }\r\n }\r\n\r\n \/\/ \u7528\u6237\u4ea4\u4e92\u5904\u7406\r\n function handleUserInteraction() {\r\n isUserInteracting = true;\r\n stopAutoScroll();\r\n setTimeout(() => {\r\n isUserInteracting = false;\r\n startAutoScroll();\r\n }, 5000);\r\n }\r\n\r\n \/\/ \u4e0b\u4e00\u5f20\r\n next.onclick = () => {\r\n handleUserInteraction();\r\n index++;\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n };\r\n\r\n \/\/ \u4e0a\u4e00\u5f20\r\n prev.onclick = () => {\r\n handleUserInteraction();\r\n index--;\r\n if (index < 0) {\r\n index = totalCards - 1;\r\n }\r\n updateSliderPosition();\r\n };\r\n \r\n \/\/ \u9f20\u6807\u60ac\u505c\u65f6\u6682\u505c\r\n slider.addEventListener('mouseenter', stopAutoScroll);\r\n slider.addEventListener('mouseleave', startAutoScroll);\r\n \r\n \/\/ \u89e6\u6478\u65f6\u6682\u505c\r\n slider.addEventListener('touchstart', handleUserInteraction);\r\n \r\n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n \/\/ \u786e\u4fddindex\u4e0d\u8d85\u51fa\u8303\u56f4\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n startAutoScroll();\r\n }, 250);\r\n });\r\n \r\n \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n startAutoScroll();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Piezo Valve | High-Speed Precision Dispensing Valve | Sanco Dispensing Valve Piezo Valve High-speed piezoelectric jet dispensing valve with ultra-fast response time, enabling non-contact precision dispensing for advanced electronics manufacturing applications. Non-Contact Jet High Frequency Precise Volume Home> Products> Dispensing Valves> Piezo Valve Product Description The Piezo Valve utilizes advanced piezoelectric technology to achieve ultra-fast, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-951","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/comments?post=951"}],"version-history":[{"count":55,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/951\/revisions"}],"predecessor-version":[{"id":5671,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/951\/revisions\/5671"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/media?parent=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}