{"id":953,"date":"2025-12-26T03:25:17","date_gmt":"2025-12-26T03:25:17","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=953"},"modified":"2026-03-16T02:36:53","modified_gmt":"2026-03-16T02:36:53","slug":"piezo-valve-2","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/vi\/piezo-valve-2\/","title":{"rendered":"Piezo valve 2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"953\" class=\"elementor elementor-953\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d87535 e-con-full e-flex e-con e-parent\" data-id=\"2d87535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d92ca43 elementor-widget elementor-widget-html\" data-id=\"d92ca43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>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;\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            .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\">Van ph\u00e2n ph\u1ed1i<\/p>\r\n                <h1 class=\"hero-title\">Van piezo<\/h1>\r\n                <p class=\"hero-subtitle\">Van phun tia piezoelectric t\u1ed1c \u0111\u1ed9 cao v\u1edbi th\u1eddi gian ph\u1ea3n h\u1ed3i c\u1ef1c nhanh, cho ph\u00e9p phun ch\u00ednh x\u00e1c kh\u00f4ng ti\u1ebfp x\u00fac cho c\u00e1c \u1ee9ng d\u1ee5ng s\u1ea3n xu\u1ea5t \u0111i\u1ec7n t\u1eed ti\u00ean ti\u1ebfn.<\/p>\r\n                <div class=\"hero-tags\">\r\n                    <span class=\"hero-tag\">Tia phun kh\u00f4ng ti\u1ebfp x\u00fac<\/span>\r\n                    <span class=\"hero-tag\">T\u1ea7n s\u1ed1 cao<\/span>\r\n                    <span class=\"hero-tag\">Th\u1ec3 t\u00edch ch\u00ednh x\u00e1c<\/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-2_\u7ed3\u679c.webp \" alt=\"Van piezo\" 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=\"\/vi\/\">Trang ch\u1ee7<\/a><span>><\/span>\r\n            <a href=\"\/vi\/product\/\">S\u1ea3n ph\u1ea9m<\/a><span>><\/span>\r\n            <a href=\"\/vi\/product\/\">Van ph\u00e2n ph\u1ed1i<\/a><span>><\/span>\r\n            <span>Van piezo<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"description-content\">\r\n            <div class=\"description-text\">\r\n                <h2>M\u00f4 t\u1ea3 s\u1ea3n ph\u1ea9m<\/h2>\r\n                <p>Van Piezo s\u1eed d\u1ee5ng c\u00f4ng ngh\u1ec7 piezoelectric ti\u00ean ti\u1ebfn \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c t\u1ed1c \u0111\u1ed9 phun tia si\u00eau nhanh v\u00e0 kh\u00f4ng ti\u1ebfp x\u00fac. Van n\u00e0y cung c\u1ea5p \u0111\u1ed9 ch\u00ednh x\u00e1c v\u00e0 \u0111\u1ed9 l\u1eb7p l\u1ea1i v\u01b0\u1ee3t tr\u1ed9i cho c\u00e1c \u1ee9ng d\u1ee5ng s\u1ea3n xu\u1ea5t \u0111i\u1ec7n t\u1eed \u0111\u00f2i h\u1ecfi kh\u1eaft khe.<\/p>\r\n                <p>V\u1edbi kh\u1ea3 n\u0103ng ho\u1ea1t \u0111\u1ed9ng \u1edf t\u1ea7n s\u1ed1 cao v\u00e0 \u0111i\u1ec1u khi\u1ec3n l\u01b0u l\u01b0\u1ee3ng ch\u00ednh x\u00e1c, van Piezo l\u00e0 l\u1ef1a ch\u1ecdn l\u00fd t\u01b0\u1edfng cho c\u00e1c \u1ee9ng d\u1ee5ng y\u00eau c\u1ea7u vi\u1ec7c ph\u00e2n ph\u1ed1i ch\u00ednh x\u00e1c c\u00e1c ch\u1ea5t k\u1ebft d\u00ednh, b\u1ed9t h\u00e0n, v\u1eadt li\u1ec7u l\u1ea5p \u0111\u1ea7y v\u00e0 c\u00e1c ch\u1ea5t l\u1ecfng ch\u00ednh x\u00e1c kh\u00e1c.<\/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\">Ph\u1ea3n h\u1ed3i c\u1ef1c nhanh<\/span>\r\n                        <div class=\"highlight-value\">\u0110i\u1ec1u khi\u1ec3n \u1edf m\u1ee9c mili gi\u00e2y<\/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\">T\u1ea7n s\u1ed1 cao<\/span>\r\n                        <div class=\"highlight-value\">Ho\u1ea1t \u0111\u1ed9ng l\u00ean \u0111\u1ebfn 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\">Tia phun kh\u00f4ng ti\u1ebfp x\u00fac<\/span>\r\n                        <div class=\"highlight-value\">Kh\u00f4ng c\u1ea7n ti\u1ebfp x\u00fac b\u1ec1 m\u1eb7t.<\/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\">\u0110i\u1ec1u khi\u1ec3n ch\u00ednh x\u00e1c<\/span>\r\n                        <div class=\"highlight-value\">\u0110\u1ed9 ch\u00ednh x\u00e1c \u1edf m\u1ee9c nanolit<\/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\">T\u00cdNH N\u0102NG N\u1ed4I B\u1eacT<\/h2>\r\n            <p class=\"section-subtitle\">C\u00f4ng ngh\u1ec7 piezoelectric ti\u00ean ti\u1ebfn cho hi\u1ec7u su\u1ea5t ph\u00e2n ph\u1ed1i v\u01b0\u1ee3t tr\u1ed9i<\/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\">\u0110i\u1ec1u khi\u1ec3n b\u1eb1ng hi\u1ec7u \u1ee9ng piezoelectric<\/h3>\r\n                <p class=\"feature-card-desc\">C\u1ea3m bi\u1ebfn piezoelectric ti\u00ean ti\u1ebfn cung c\u1ea5p ph\u1ea3n h\u1ed3i c\u1ef1c nhanh v\u00e0 ki\u1ec3m so\u00e1t chuy\u1ec3n v\u1ecb ch\u00ednh x\u00e1c, \u0111\u1ea3m b\u1ea3o qu\u00e1 tr\u00ecnh ph\u00e2n ph\u1ed1i nh\u1ea5t qu\u00e1n.<\/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\">Ph\u00e2n ph\u1ed1i kh\u00f4ng ti\u1ebfp x\u00fac<\/h3>\r\n                <p class=\"feature-card-desc\">C\u00f4ng ngh\u1ec7 phun tia lo\u1ea1i b\u1ecf ti\u1ebfp x\u00fac b\u1ec1 m\u1eb7t, gi\u1ea3m nguy c\u01a1 \u00f4 nhi\u1ec5m v\u00e0 cho ph\u00e9p t\u1ea1o ra c\u00e1c \u0111\u01b0\u1eddng phun 3D.<\/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\">Ho\u1ea1t \u0111\u1ed9ng t\u1ed1c \u0111\u1ed9 cao<\/h3>\r\n                <p class=\"feature-card-desc\">C\u00f3 kh\u1ea3 n\u0103ng ph\u00e2n ph\u1ed1i \u1edf t\u1ea7n s\u1ed1 l\u00ean \u0111\u1ebfn 1000Hz, gi\u00fap t\u0103ng \u0111\u00e1ng k\u1ec3 n\u0103ng su\u1ea5t s\u1ea3n xu\u1ea5t.<\/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\">\u0110i\u1ec1u khi\u1ec3n \u00e2m l\u01b0\u1ee3ng ch\u00ednh x\u00e1c<\/h3>\r\n                <p class=\"feature-card-desc\">\u0110\u1ed9 ch\u00ednh x\u00e1c ph\u00e2n ph\u1ed1i \u1edf m\u1ee9c nanolitre v\u1edbi \u0111\u1ed9 l\u1eb7p l\u1ea1i xu\u1ea5t s\u1eafc, ph\u00f9 h\u1ee3p cho c\u00e1c \u1ee9ng d\u1ee5ng ph\u00e2n ph\u1ed1i vi l\u01b0\u1ee3ng \u0111\u00f2i h\u1ecfi kh\u1eaft khe.<\/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\">T\u01b0\u01a1ng th\u00edch r\u1ed9ng v\u1edbi c\u00e1c lo\u1ea1i ch\u1ea5t l\u1ecfng<\/h3>\r\n                <p class=\"feature-card-desc\">T\u01b0\u01a1ng th\u00edch v\u1edbi nhi\u1ec1u lo\u1ea1i ch\u1ea5t l\u1ecfng, bao g\u1ed3m keo d\u00e1n, b\u1ed9t h\u00e0n, ch\u1ea5t l\u1ea5p \u0111\u1ea7y, b\u1ed9t b\u1ea1c v\u00e0 nhi\u1ec1u lo\u1ea1i kh\u00e1c.<\/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\">D\u1ec5 d\u00e0ng b\u1ea3o tr\u00ec<\/h3>\r\n                <p class=\"feature-card-desc\">Thi\u1ebft k\u1ebf m\u00f4-\u0111un cho ph\u00e9p v\u1ec7 sinh v\u00e0 b\u1ea3o tr\u00ec nhanh ch\u00f3ng, gi\u00fap gi\u1ea3m thi\u1ec3u th\u1eddi gian ng\u1eebng s\u1ea3n xu\u1ea5t.<\/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\">\u1ee8ng d\u1ee5ng<\/h2>\r\n            <p class=\"section-subtitle\">Gi\u1ea3i ph\u00e1p ph\u00e2n ph\u1ed1i ch\u00ednh x\u00e1c cho s\u1ea3n xu\u1ea5t ti\u00ean ti\u1ebfn<\/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=\"Ch\u1ea5t l\u1ea5p \u0111\u1ea7y SMT\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">Ch\u1ea5t l\u1ea5p \u0111\u1ea7y 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=\"Keo h\u00e0n\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">Keo h\u00e0n<\/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=\"\u0110\u00f3ng g\u00f3i th\u00e0nh ph\u1ea7n\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">\u0110\u00f3ng g\u00f3i th\u00e0nh ph\u1ea7n<\/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=\"\u0110\u00f3ng g\u00f3i linh ki\u1ec7n b\u00e1n d\u1eabn\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">\u0110\u00f3ng g\u00f3i linh ki\u1ec7n b\u00e1n d\u1eabn<\/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=\"M\u00f4-\u0111un camera\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">M\u00f4-\u0111un camera<\/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=\"Keo \u0111\u1ecf\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">Keo \u0111\u1ecf<\/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=\"Keo \u0111en\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">Keo \u0111en<\/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=\"\u0110\u00f3ng g\u00f3i chip\">\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-name\">\u0110\u00f3ng g\u00f3i chip<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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-43f87d4 e-con-full e-flex e-con e-parent\" data-id=\"43f87d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0deff1f elementor-widget elementor-widget-html\" data-id=\"0deff1f\" 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\" itemscope itemtype=\"https:\/\/schema.org\/Product\">\r\n    <div class=\"param-container\">\r\n        <!-- SEO Hidden Meta -->\r\n        <meta itemprop=\"name\" content=\"Piezo Valve Structure Specification\">\r\n        <meta itemprop=\"brand\" content=\"Sanco\">\r\n        \r\n        <!-- Title Section -->\r\n        <div class=\"param-header\">\r\n            <span class=\"param-tag\">TH\u00d4NG S\u1ed0 K\u1ef8 THU\u1eacT<\/span>\r\n            <h2 class=\"param-title\">Quy c\u00e1ch c\u1ea5u tr\u00fac<\/h2>\r\n            <p class=\"param-subtitle\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt c\u1ea5u tr\u00fac \u0111\u1ea7y \u0111\u1ee7 v\u00e0 chi ti\u1ebft v\u1eadt li\u1ec7u.<\/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=\"Quy c\u00e1ch c\u1ea5u tr\u00fac\">\r\n                    <!-- Section 1 -->\r\n                    <thead>\r\n                        <tr class=\"header-row\">\r\n                            <th>K\u00edch th\u01b0\u1edbc<\/th>\r\n                            <th>Tr\u1ecdng l\u01b0\u1ee3ng t\u1ecbnh<\/th>\r\n                            <th>C\u1ed5ng c\u1ea5p keo<\/th>\r\n                            <th>V\u1eadt li\u1ec7u c\u1ee7a b\u1ed9 ph\u1eadn ti\u1ebfp x\u00fac v\u1edbi keo<\/th>\r\n                            <th>Ch\u1ea5t li\u1ec7u c\u1ee7a b\u1ed9 ph\u1eadn \u0111\u00e1nh l\u1eeda<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>99 x 78 x 37,5 (mm)<\/td>\r\n                            <td>350 gam<\/td>\r\n                            <td>K\u1ebft n\u1ed1i SS<\/td>\r\n                            <td>Th\u00e9p kh\u00f4ng g\u1ec9 SUS 304<\/td>\r\n                            <td>Th\u00e9p vonfram\/g\u1ed1m s\u1ee9<\/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>Ph\u1ea1m vi nhi\u1ec7t \u0111\u1ed9<\/th>\r\n                            <th>C\u00f4ng su\u1ea5t s\u01b0\u1edfi \u1ea5m<\/th>\r\n                            <th>Ph\u1edbt k\u00edn ch\u1ea5t l\u1ecfng<\/th>\r\n                            <th>Ch\u1ebf \u0111\u1ed9 l\u00e1i<\/th>\r\n                            <th>Ch\u1ea5t li\u1ec7u c\u1ee7a v\u00f2i phun<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>Nhi\u1ec7t \u0111\u1ed9 ph\u00f2ng \u0111\u1ebfn 180\u00b0C<\/td>\r\n                            <td>80 W<\/td>\r\n                            <td>PEEK\/PE\/PTFE<\/td>\r\n                            <td>Piezoelectric<\/td>\r\n                            <td>Th\u00e9p vonfram\/g\u1ed1m s\u1ee9<\/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>K\u00edch th\u01b0\u1edbc ch\u1ea5m t\u1ed1i thi\u1ec3u<\/th>\r\n                            <th>T\u1ea7n su\u1ea5t ph\u00e2n ph\u1ed1i t\u1ed1i \u0111a<\/th>\r\n                            <th colspan=\"2\">Lo\u1ea1i keo c\u00f3 kh\u1ea3 n\u0103ng th\u00edch \u1ee9ng<\/th>\r\n                            <th>M\u00f4i tr\u01b0\u1eddng nhi\u1ec7t \u0111\u1ed9<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>3NL<\/td>\r\n                            <td>500 Hz<\/td>\r\n                            <td colspan=\"2\">Ch\u1ea5t k\u1ebft d\u00ednh, ch\u1ea5t k\u1ebft d\u00ednh, dung m\u00f4i n\u01b0\u1edbc, v.v.<\/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-cc793a5 e-con-full e-flex e-con e-parent\" data-id=\"cc793a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fef454f elementor-widget elementor-widget-html\" data-id=\"fef454f\" 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        Thi\u1ebft b\u1ecb ph\u00e2n ph\u1ed1i n\u1ed5i b\u1eadt:<br>\r\n        \u0110\u1ed9 ch\u00ednh x\u00e1c t\u1eeb keo h\u00e0ng \u0111\u1ea7u<br>\r\n        Nh\u00e0 s\u1ea3n xu\u1ea5t m\u00e1y ph\u00e2n ph\u1ed1i \r\n      <\/h2>\r\n      <a href=\"#\" class=\"sanco-featured-readmore\">\u0110\u1ecdc th\u00eam<\/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=\"\/vi\/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=\"M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u1ea1ng th\u1eb3ng h\u00e0ng series LM\"> \r\n             <p>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u1ea1ng th\u1eb3ng h\u00e0ng series LM<\/p>\r\n             <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 2: Offline Dispensing Machine -->\r\n        <a href=\"\/vi\/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=\"M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn\">\r\n            <p>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 3: Desktop Visual Dispensing Machine -->\r\n        <a href=\"\/vi\/giao-dien-nguoi-dung-tren-may-tinh-de-ban\/\" 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=\"M\u00e1y ph\u00e2n ph\u1ed1i h\u00ecnh \u1ea3nh tr\u00ean m\u00e0n h\u00ecnh desktop\">\r\n            <p>M\u00e1y ph\u00e2n ph\u1ed1i h\u00ecnh \u1ea3nh tr\u00ean m\u00e0n h\u00ecnh desktop<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 4: DS Series -->\r\n        <a href=\"\/vi\/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=\"M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u00f2ng DS\">\r\n            <p>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u00f2ng DS<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 5: Piezo Valve 1 -->\r\n        <a href=\"\/vi\/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=\"Van piezo\">\r\n            <p>Van piezo<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 6: Piezo Valve 2 -->\r\n        <a href=\"\/vi\/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=\"Van piezo\">\r\n            <p>Van piezo<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 7: Piezo Valve Controller -->\r\n        <a href=\"\/vi\/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=\"B\u1ed9 \u0111i\u1ec1u khi\u1ec3n van piezo\">\r\n            <p>B\u1ed9 \u0111i\u1ec1u khi\u1ec3n van piezo<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 8: Single Liquid Screw Valve -->\r\n        <a href=\"\/vi\/chat-long-don\/\" 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=\"Van \u1ed1c v\u00edt ch\u1ea5t l\u1ecfng \u0111\u01a1n\">\r\n            <p>Van \u1ed1c v\u00edt ch\u1ea5t l\u1ecfng \u0111\u01a1n<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 9: Dual Liquid Screw Valve -->\r\n        <a href=\"\/vi\/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=\"Van \u1ed1c v\u00edt hai ch\u1ea5t l\u1ecfng\">\r\n            <p>Van \u1ed1c v\u00edt hai ch\u1ea5t l\u1ecfng<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 10: CANP 5G Pump -->\r\n        <a href=\"\/vi\/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=\"B\u01a1m CANP 5G\">\r\n            <p>B\u01a1m CANP 5G<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \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, [&hellip;]<\/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-953","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":34,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/953\/revisions"}],"predecessor-version":[{"id":5677,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/953\/revisions\/5677"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/media?parent=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}