{"id":957,"date":"2025-12-26T03:25:40","date_gmt":"2025-12-26T03:25:40","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=957"},"modified":"2026-03-16T02:37:00","modified_gmt":"2026-03-16T02:37:00","slug":"single-liquid","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/pt\/single-liquid\/","title":{"rendered":"Single liquid screw valve"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Single Liquid Screw Valve | Precision Dispensing Valve | Sanco<\/title>\n <meta name=\"description\" content=\"Single liquid screw valve with constant output flow, pulsation-free delivery, suitable for high viscosity fluids up to 8,000,000cps. Accurate measurement with flow error less than 1%.\">\n <meta name=\"keywords\" content=\"single liquid screw valve, screw dispensing valve, high viscosity dispensing, precision valve, PCS series, Sanco\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"\/single-liquid\/\">\n \n <!-- Open Graph -->\n <meta property=\"og:title\" content=\"Single Liquid Screw Valve | Sanco\">\n <meta property=\"og:description\" content=\"Single liquid screw valve with constant output flow, pulsation-free delivery, suitable for high viscosity fluids.\">\n <meta property=\"og:type\" content=\"product\">\n <meta property=\"og:url\" content=\"\/single-liquid\/\">\n \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\">\n <style>\n :root {\n --primary-dark: #0d2137;\n --primary-mid: #14334d;\n --primary-light: #1e4a6d;\n --accent: #2d6a9f;\n --white: #ffffff;\n --off-white: #f8fafc;\n --gray-light: #e2e8f0;\n --gray: #64748b;\n --dark: #1a2332;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: 'Outfit', sans-serif; background: var(--white); color: var(--dark); overflow-x: hidden; }\n\n \/* ========== Hero Section ========== *\/\n .hero {\n min-height: 100vh;\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\n position: relative;\n display: flex;\n align-items: center;\n overflow: hidden;\n }\n\n .hero-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n opacity: 0.4;\n pointer-events: none;\n }\n\n .hero-orb-1 {\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\n top: -100px;\n left: -100px;\n animation: floatOrb1 15s ease-in-out infinite;\n }\n\n .hero-orb-2 {\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%);\n\n top: 30%;\n right: 10%;\n animation: floatOrb2 12s ease-in-out infinite;\n }\n\n .hero-orb-3 {\n width: 250px;\n height: 250px;\n background: radial-gradient(circle, rgba(53, 184, 216, 0.4) 0%, transparent 70%);\n bottom: 20%;\n left: 20%;\n animation: floatOrb3 18s ease-in-out infinite;\n }\n\n @keyframes floatOrb1 {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 25% { transform: translate(50px, 30px) scale(1.1); }\n 50% { transform: translate(30px, 60px) scale(0.95); }\n 75% { transform: translate(-20px, 40px) scale(1.05); }\n }\n\n @keyframes floatOrb2 {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 33% { transform: translate(-40px, 50px) scale(1.15); }\n 66% { transform: translate(30px, -30px) scale(0.9); }\n }\n\n @keyframes floatOrb3 {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(60px, -40px) scale(1.2); }\n }\n\n .hero-light-streak {\n position: absolute;\n width: 150%;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n transform: rotate(-35deg);\n animation: lightStreak 8s linear infinite;\n pointer-events: none;\n }\n\n .hero-light-streak-1 { top: 20%; left: -50%; animation-delay: 0s; }\n .hero-light-streak-2 { top: 50%; left: -50%; animation-delay: 3s; opacity: 0.6; }\n .hero-light-streak-3 { top: 80%; left: -50%; animation-delay: 5s; opacity: 0.4; }\n\n @keyframes lightStreak {\n 0% { transform: rotate(-35deg) translateX(-100%); }\n 100% { transform: rotate(-35deg) translateX(100%); }\n }\n\n .hero-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(255,255,255,0.6);\n border-radius: 50%;\n animation: particleFloat 20s linear infinite;\n }\n\n .particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 25s; }\n .particle:nth-child(2) { left: 20%; animation-delay: 2s; animation-duration: 20s; }\n .particle:nth-child(3) { left: 30%; animation-delay: 4s; animation-duration: 28s; }\n .particle:nth-child(4) { left: 40%; animation-delay: 1s; animation-duration: 22s; }\n .particle:nth-child(5) { left: 50%; animation-delay: 3s; animation-duration: 18s; }\n .particle:nth-child(6) { left: 60%; animation-delay: 5s; animation-duration: 24s; }\n\n @keyframes particleFloat {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 1; transform: translateY(80vh) scale(1); }\n 90% { opacity: 1; transform: translateY(10vh) scale(1); }\n 100% { transform: translateY(-10vh) scale(0); opacity: 0; }\n }\n\n .hero-wave {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 200%;\n height: 250px;\n overflow: hidden;\n animation: waveSlide 25s linear infinite;\n }\n\n .hero-wave svg {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 100%;\n }\n\n .hero-wave svg:nth-child(2) { left: 50%; }\n .hero-wave-1 { fill: rgba(30, 74, 109, 0.3); }\n .hero-wave-2 { fill: rgba(45, 106, 159, 0.2); }\n\n\n\n @keyframes waveSlide {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n .hero-glow-1 {\n position: absolute;\n top: 5%;\n left: -5%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%);\n border-radius: 50%;\n pointer-events: none;\n animation: glowPulse 8s ease-in-out infinite;\n }\n\n .hero-glow-2 {\n position: absolute;\n bottom: 10%;\n right: 20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(125, 204, 232, 0.2) 0%, transparent 60%);\n border-radius: 50%;\n pointer-events: none;\n animation: glowPulse 6s ease-in-out infinite reverse;\n }\n\n @keyframes glowPulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.1); opacity: 0.8; }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 60px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .hero-text {\n color: var(--white);\n padding-top: 40px;\n }\n\n .hero-category {\n font-size: 2rem;\n font-weight: 400;\n color: rgba(255,255,255,0.85);\n margin-bottom: 20px;\n font-style: italic;\n }\n\n .hero-title {\n font-size: clamp(3.5rem, 5vw, 4rem);\n font-weight: 800;\n line-height: 1.1;\n margin-bottom: 24px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.1);\n letter-spacing: -1px;\n }\n\n .hero-subtitle {\n font-size: 1.05rem;\n color: rgba(255,255,255,0.9);\n margin-bottom: 32px;\n line-height: 1.7;\n max-width: 500px;\n }\n\n .hero-tags {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .hero-tag {\n display: inline-block;\n padding: 12px 24px;\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(8px);\n border-radius: 30px;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--white);\n transition: all 0.3s ease;\n }\n\n .hero-tag:hover {\n background: rgba(255, 255, 255, 0.25);\n transform: translateY(-2px);\n }\n\n .hero-visual {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .valve-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.25));\n transition: transform 0.5s ease;\n }\n\n .valve-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n\n \/* ========== Description Section ========== *\/\n .description-section {\n padding: 100px 60px;\n background: var(--white);\n }\n\n .breadcrumb {\n max-width: 1400px;\n margin: 0 auto 50px;\n font-size: 0.9rem;\n color: var(--gray);\n }\n\n .breadcrumb a {\n color: var(--gray);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .breadcrumb a:hover { color: var(--primary-dark); }\n .breadcrumb span { margin: 0 8px; }\n\n .description-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .principle-section {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 80px;\n align-items: start;\n margin-bottom: 80px;\n }\n\n .principle-text h2 {\n font-size: clamp(1.8rem, 3vw, 2.5rem);\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 24px;\n position: relative;\n padding-bottom: 16px;\n }\n\n .principle-text h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\n border-radius: 2px;\n }\n\n .principle-text p {\n font-size: 1.05rem;\n color: var(--gray);\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .principle-highlights {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .highlight-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 14px;\n background: var(--off-white);\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n .highlight-item:hover {\n background: #e8f4fc;\n transform: translateX(5px);\n }\n\n .highlight-icon {\n width: 38px;\n height: 38px;\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .highlight-icon svg {\n width: 20px;\n height: 20px;\n fill: white;\n }\n\n .highlight-text {\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--dark);\n line-height: 1.3;\n }\n\n .highlight-value {\n font-size: 0.75rem;\n color: var(--gray);\n margin-top: 1px;\n line-height: 1.2;\n }\n\n \/* ========== Features Section ========== *\/\n .features-section {\n padding: 100px 60px;\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 60px;\n }\n\n .section-title {\n font-size: clamp(1.8rem, 3vw, 2.5rem);\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 16px;\n letter-spacing: 1px;\n }\n\n .section-subtitle {\n font-size: 1rem;\n color: var(--gray);\n line-height: 1.7;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .feature-card {\n background: var(--white);\n border-radius: 16px;\n padding: 32px 24px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 40px rgba(8, 77, 164, 0.12);\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-number {\n font-family: 'Space ', space;\n font-size: 2rem;\n font-weight: 700;\n color: rgba(8, 77, 164, 0.1);\n margin-bottom: 12px;\n }\n\n .feature-card-title {\n font-size: 1rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 10px;\n line-height: 1.3;\n }\n\n .feature-card-desc {\n font-size: 0.85rem;\n color: var(--gray);\n line-height: 1.55;\n }\n\n \/* ========== Related Products ========== *\/\n .related-section {\n padding: 100px 60px;\n background: var(--white);\n }\n\n .related-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .related-card {\n background: var(--white);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n transition: all 0.4s ease;\n text-decoration: none;\n }\n\n .related-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(8, 77, 164, 0.12);\n }\n\n .related-img {\n height: 200px;\n background: linear-gradient(135deg, #e3f2fd, #bbdefb);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 30px;\n overflow: hidden;\n }\n\n .related-img img {\n max-height: 140px;\n max-width: 100%;\n object-fit: contain;\n transition: transform 0.4s ease;\n }\n\n .related-card:hover .related-img img {\n transform: scale(1.08);\n }\n\n .related-content {\n padding: 28px;\n }\n\n .related-title {\n font-size: 1.15rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 10px;\n transition: color 0.3s ease;\n }\n\n .related-card:hover .related-title {\n color: var(--primary-dark);\n }\n\n .related-desc {\n font-size: 0.9rem;\n color: var(--gray);\n line-height: 1.6;\n }\n\n \/* ========== CTA Section ========== *\/\n .cta-section {\n padding: 80px 60px;\n background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-mid) 100%);\n text-align: center;\n }\n\n .cta-content {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: clamp(1.8rem, 3vw, 2.5rem);\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 16px;\n }\n\n .cta-text {\n color: rgba(255,255,255,0.85);\n font-size: 1.1rem;\n margin-bottom: 32px;\n }\n\n .cta-buttons {\n display: flex;\n gap: 16px;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 32px;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .cta-btn-primary {\n background: #ffffff;\n color: var(--primary-dark);\n }\n\n .cta-btn-primary:hover {\n background: #f0f4f8;\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .cta-btn-secondary {\n background: transparent;\n color: #ffffff;\n border: 2px solid rgba(255,255,255,0.5);\n }\n\n .cta-btn-secondary:hover {\n background: rgba(255,255,255,0.1);\n border-color: #ffffff;\n }\n\n .cta-btn svg {\n width: 20px;\n height: 20px;\n fill: currentColor;\n }\n\n \/* ========== Responsive ========== *\/\n @media (max-width: 1200px) {\n .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\n .hero-tags { justify-content: center; }\n .hero-subtitle { margin: 0 auto 32px; }\n .principle-section { grid-template-columns: 1fr; gap: 40px; }\n .features-grid { grid-template-columns: repeat(2, 1fr); }\n .related-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 768px) {\n .hero { min-height: auto; padding: 100px 0 80px; }\n .hero-content { padding: 0 24px; }\n .hero-title { font-size: 2rem; }\n .hero-tag { padding: 10px 18px; font-size: 0.85rem; }\n .description-section, .features-section, .related-section, .cta-section { padding: 80px 24px; }\n .principle-highlights { grid-template-columns: 1fr; }\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n .related-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n .cta-buttons { flex-direction: column; align-items: center; }\n }\n\n @media (max-width: 480px) {\n .hero { padding: 80px 0 60px; }\n .hero-title { font-size: 1.8rem; }\n .hero-tags { gap: 8px; }\n .hero-tag { padding: 8px 14px; font-size: 0.8rem; }\n .valve-image { max-width: 300px; }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-orb hero-orb-1\"><\/div>\n <div class=\"hero-orb hero-orb-2\"><\/div>\n <div class=\"hero-orb hero-orb-3\"><\/div>\n\n <div class=\"hero-light-streak hero-light-streak-1\"><\/div>\n <div class=\"hero-light-streak hero-light-streak-2\"><\/div>\n <div class=\"hero-light-streak hero-light-streak-3\"><\/div>\n\n <div class=\"hero-particles\">\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <\/div>\n\n <div class=\"hero-glow-1\"><\/div>\n <div class=\"hero-glow-2\"><\/div>\n \n <div class=\"hero-wave\">\n <svg viewBox=\"0 0 1440 250\" preserveAspectRatio=\"none\">\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>\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>\n <\/svg>\n <svg viewBox=\"0 0 1440 250\" preserveAspectRatio=\"none\">\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>\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>\n <\/svg>\n <\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <p class=\"hero-category\">Dispensing Valve<\/p>\n <h1 class=\"hero-title\">Single Liquid Screw Valve<\/h1>\n <p class=\"hero-subtitle\">High-precision screw valve with constant output flow, pulsation-free and low shear delivery, suitable for high viscosity fluids up to 8,000,000cps.<\/p>\n <div class=\"hero-tags\">\n <span class=\"hero-tag\">Pulsation-Free<\/span>\n <span class=\"hero-tag\">8M cps Viscosity<\/span>\n <span class=\"hero-tag\">\u00b11% Accuracy<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"Single Liquid Screw Valve\" class=\"valve-image\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Description Section -->\n <section class=\"description-section\">\n <div class=\"breadcrumb\">\n <a href=\"\/\">Home<\/a><span>><\/span>\n <a href=\"\/product\/\">Products<\/a><span>><\/span>\n <span>Single Liquid Screw Valve<\/span>\n <\/div>\n\n <div class=\"description-content\">\n <div class=\"principle-section\">\n <div class=\"principle-text\">\n <h2>Principle<\/h2>\n <p>The structure is combined with rotor and the stator. The liquid in the closed space is transported forward by the rotor rotation. When the rotor rotates continuously in the stator cavity, it moves smoothly and uniformly from the suction end of the pump to the discharge end due to the action of pressure, thus completing the stable delivery of the liquid medium.<\/p>\n <\/div>\n \n <div class=\"principle-highlights\">\n <div class=\"highlight-item\">\n <div class=\"highlight-icon\">\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>\n <\/div>\n <div>\n <span class=\"highlight-text\">Flow Error<\/span>\n <div class=\"highlight-value\">< 1%, Repeatability > 99%<\/div>\n <\/div>\n <\/div>\n <div class=\"highlight-item\">\n <div class=\"highlight-icon\">\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>\n <\/div>\n <div>\n <span class=\"highlight-text\">Min Trace Amount<\/span>\n <div class=\"highlight-value\">0.001mL Ultra-Micro Flow<\/div>\n <\/div>\n <\/div>\n <div class=\"highlight-item\">\n <div class=\"highlight-icon\">\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-8z\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"highlight-text\">Max Viscosity<\/span>\n <div class=\"highlight-value\">8,000,000 cps<\/div>\n <\/div>\n <\/div>\n <div class=\"highlight-item\">\n <div class=\"highlight-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"highlight-text\">Precision Control<\/span>\n <div class=\"highlight-value\">1% Precision Standard<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Features Section -->\n <section class=\"features-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">KEY FEATURES<\/h2>\n <p class=\"section-subtitle\">Advanced screw valve technology for precise and reliable dispensing<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-number\">01<\/div>\n <h3 class=\"feature-card-title\">Constant Output Flow<\/h3>\n <p class=\"feature-card-desc\">Output flow constant, smoothly, pulsation-free and low shear for consistent dispensing results.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">02<\/div>\n <h3 class=\"feature-card-title\">Accurate Measurement<\/h3>\n <p class=\"feature-card-desc\">Flow error < 1%, repeatability > 99% for precise and repeatable dispensing operations.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">03<\/div>\n <h3 class=\"feature-card-title\">Ultra-Micro Flow<\/h3>\n <p class=\"feature-card-desc\">Especially suitable for various ultra-micro flow occasions, minimum trace amount can reach 0.001mL.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">04<\/div>\n <h3 class=\"feature-card-title\">High Viscosity Compatible<\/h3>\n <p class=\"feature-card-desc\">Suitable for all kinds of high viscosity, high solid granular fluids, up to 8,000,000cps.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">05<\/div>\n <h3 class=\"feature-card-title\">Stable Output<\/h3>\n <p class=\"feature-card-desc\">Output flow is proportional to rotational speed, unaffected by medium viscosity, pressure, or temperature.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">06<\/div>\n <h3 class=\"feature-card-title\">Anti-Dripping Design<\/h3>\n <p class=\"feature-card-desc\">Forward and reverse rotation can be adjusted freely, perfectly avoids liquid dripping and drawing.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">07<\/div>\n <h3 class=\"feature-card-title\">Simple Structure<\/h3>\n <p class=\"feature-card-desc\">Easy to disassemble, easy to clean, easy to assemble for convenient maintenance.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n\n <script>\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { \n if (entry.isIntersecting) { \n entry.target.style.opacity = '1'; \n entry.target.style.transform = 'translateY(0)'; \n } \n });\n }, observerOptions);\n\n document.querySelectorAll('.feature-card, .highlight-item, .related-card').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n observer.observe(el);\n });\n\n document.querySelectorAll('.feature-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.08}s`; });\n document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\n document.querySelectorAll('.related-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.1}s`; });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd5e635 e-con-full e-flex e-con e-parent\" data-id=\"dd5e635\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e309573 elementor-widget elementor-widget-html\" data-id=\"e309573\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PCD Series 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 \r\n <!-- Title Section -->\r\n <div class=\"param-header\">\r\n <span class=\"param-tag\">TECHNICAL SPECIFICATIONS<\/span>\r\n <h2 class=\"param-title\">Specification<\/h2>\r\n <p class=\"param-subtitle\">Complete technical specifications for all model variants.<\/p>\r\n <\/div>\r\n\r\n <!-- Model Selector -->\r\n <div class=\"model-selector\">\r\n <button class=\"model-btn active\" onclick=\"selectModel(this, 'all')\">All Models<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'pcd015')\">PCD-015<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'pcd050')\">PCD-050<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'pcd150')\">PCD-150<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'pcd500')\">PCD-500<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'pcd1500')\">PCD-1500<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'pcd2000')\">PCD-2000<\/button>\r\n <\/div>\r\n\r\n <!-- Mobile Scroll Hint -->\r\n <div class=\"scroll-hint\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\">\r\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\r\n <\/svg>\r\n <span>Swipe to view all models<\/span>\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=\"PCD Series Specification\">\r\n <thead>\r\n <tr>\r\n <th class=\"spec-col\">Item<\/th>\r\n <th class=\"model-col pcd015-col\">PCD-015<\/th>\r\n <th class=\"model-col pcd050-col\">PCD-050<\/th>\r\n <th class=\"model-col pcd150-col\">PCD-150<\/th>\r\n <th class=\"model-col pcd500-col\">PCD-500<\/th>\r\n <th class=\"model-col pcd1500-col\">PCD-1500<\/th>\r\n <th class=\"model-col pcd2000-col\">PCD-2000<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"spec-name\">Dimension<\/td>\r\n <td class=\"model-col pcd015-col\">30 \u00d7 60\u00d7L275<\/td>\r\n <td class=\"model-col pcd050-col\">30\u00d760\u00d7L290<\/td>\r\n <td class=\"model-col pcd150-col\">30\u00d760\u00d7 L300<\/td>\r\n <td class=\"model-col pcd500-col\">30\u00d760\u00d7L300<\/td>\r\n <td class=\"model-col pcd1500-col\">45\u00d7 90\u00d7L550<\/td>\r\n <td class=\"model-col pcd2000-col\">60\u00d7 120\u00d7L720<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Weight<\/td>\r\n <td class=\"model-col pcd015-col\">1000g<\/td>\r\n <td class=\"model-col pcd050-col\">1050g<\/td>\r\n <td class=\"model-col pcd150-col\">1100g<\/td>\r\n <td class=\"model-col pcd500-col\">1100g<\/td>\r\n <td class=\"model-col pcd1500-col\">5.2kg<\/td>\r\n <td class=\"model-col pcd2000-col\">7.5kg<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Viscosity<\/td>\r\n <td class=\"model-col pcd015-col\">0-500,000cps<\/td>\r\n <td class=\"model-col pcd050-col\">0-500,000cps<\/td>\r\n <td class=\"model-col pcd150-col\">0-500,000cps<\/td>\r\n <td class=\"model-col pcd500-col\">0-500,000cps<\/td>\r\n <td class=\"model-col pcd1500-col\">0-500,000cps<\/td>\r\n <td class=\"model-col pcd2000-col\">0-500,000cp<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Glue volume per rotation<\/td>\r\n <td class=\"model-col pcd015-col\">0.015ml<\/td>\r\n <td class=\"model-col pcd050-col\">0.05ml<\/td>\r\n <td class=\"model-col pcd150-col\">0.15ml<\/td>\r\n <td class=\"model-col pcd500-col\">0.50ml<\/td>\r\n <td class=\"model-col pcd1500-col\">1.5ml<\/td>\r\n <td class=\"model-col pcd2000-col\">2.0ml<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Glue speed (MAX)<\/td>\r\n <td class=\"model-col pcd015-col\">1.8ml\/min<\/td>\r\n <td class=\"model-col pcd050-col\">6.0ml\/min<\/td>\r\n <td class=\"model-col pcd150-col\">20ml\/min<\/td>\r\n <td class=\"model-col pcd500-col\">60ml\/min<\/td>\r\n <td class=\"model-col pcd1500-col\">225ml\/min<\/td>\r\n <td class=\"model-col pcd2000-col\">300ml\/min<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Maximum input pressure<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"6\">0-6kgf\/cm\u00b2<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Maximum output pressure<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"6\">20kgf\/cm\u00b2<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Speed (rpm)<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"4\">1-120rpm<\/td>\r\n <td class=\"model-col pcd1500-col\" colspan=\"2\">0-150rpm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Precision control<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"6\">1%<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Stator material<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"6\">Ceramics<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Contact glue material<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"6\">SUS\/PE\/FKM<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Ambient temperature<\/td>\r\n <td class=\"model-col pcd015-col\" colspan=\"6\">0-40\u00b0C<\/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\/* ========== PCD Series 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: 40px;\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\/* Model Selector *\/\r\n.model-selector {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.model-btn {\r\n padding: 10px 20px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 50px;\r\n background: #ffffff;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #64748b;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n}\r\n\r\n.model-btn:hover {\r\n border-color: #2596be;\r\n color: #084da4;\r\n background: rgba(37, 150, 190, 0.06);\r\n}\r\n\r\n.model-btn.active {\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n border-color: transparent;\r\n color: #ffffff;\r\n box-shadow: 0 4px 12px rgba(8, 77, 164, 0.3);\r\n}\r\n\r\n\/* Scroll Hint - Hidden by default *\/\r\n.scroll-hint {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n color: #64748b;\r\n font-size: 0.8rem;\r\n margin-bottom: 16px;\r\n padding: 10px;\r\n background: rgba(37, 150, 190, 0.06);\r\n border-radius: 8px;\r\n}\r\n\r\n.scroll-hint svg {\r\n color: #2596be;\r\n animation: scrollHintAnim 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollHintAnim {\r\n 0%, 100% { transform: translateX(0); }\r\n 50% { transform: translateX(5px); }\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.9rem;\r\n}\r\n\r\n\/* Table Header *\/\r\n.param-table thead tr {\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n}\r\n\r\n.param-table th {\r\n padding: 16px 14px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.85rem;\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 th.spec-col {\r\n text-align: left;\r\n border-radius: 12px 0 0 0;\r\n min-width: 160px;\r\n}\r\n\r\n.param-table th:last-child {\r\n border-right: none;\r\n border-radius: 0 12px 0 0;\r\n}\r\n\r\n\/* Table Body *\/\r\n.param-table td {\r\n padding: 14px 14px;\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.param-table td.spec-name {\r\n text-align: left;\r\n font-weight: 500;\r\n color: #1e293b;\r\n background: #f8fafc;\r\n}\r\n\r\n.param-table td[colspan] {\r\n text-align: center;\r\n}\r\n\r\n.param-table tbody tr:hover td {\r\n background: rgba(37, 150, 190, 0.04);\r\n}\r\n\r\n.param-table tbody tr:hover td.spec-name {\r\n background: rgba(8, 77, 164, 0.06);\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: 30px;\r\n }\r\n\r\n .param-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .model-selector {\r\n gap: 8px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .model-btn {\r\n padding: 8px 16px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table th,\r\n .param-table td {\r\n padding: 12px 10px;\r\n font-size: 0.8rem;\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: 24px;\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 .model-selector {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 8px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .model-btn {\r\n width: 100%;\r\n padding: 8px 10px;\r\n font-size: 0.75rem;\r\n border-radius: 8px;\r\n }\r\n\r\n \/* Show scroll hint on mobile *\/\r\n .scroll-hint {\r\n display: flex;\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: 800px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table th {\r\n padding: 12px 10px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .param-table th.spec-col {\r\n border-radius: 8px 0 0 0;\r\n min-width: 130px;\r\n }\r\n\r\n .param-table th:last-child {\r\n border-radius: 0 8px 0 0;\r\n }\r\n\r\n .param-table td {\r\n padding: 10px 8px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n \/* Sticky first column *\/\r\n .param-table th.spec-col,\r\n .param-table td.spec-name {\r\n position: sticky;\r\n left: 0;\r\n z-index: 2;\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: 20px;\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 .model-selector {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 6px;\r\n }\r\n\r\n .model-btn {\r\n padding: 8px 6px;\r\n font-size: 0.7rem;\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: 700px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .param-table th {\r\n padding: 10px 8px;\r\n font-size: 0.65rem;\r\n }\r\n\r\n .param-table th.spec-col {\r\n min-width: 110px;\r\n }\r\n\r\n .param-table td {\r\n padding: 8px 6px;\r\n font-size: 0.7rem;\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 .model-selector {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .param-table {\r\n min-width: 600px;\r\n font-size: 0.65rem;\r\n }\r\n\r\n .param-table th,\r\n .param-table td {\r\n padding: 8px 6px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Model Selector Functionality *\/\r\nfunction selectModel(btn, model) {\r\n \/\/ Update button states\r\n document.querySelectorAll('.model-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n\r\n \/\/ Get all model columns\r\n const headerCols = document.querySelectorAll('th.model-col');\r\n const bodyCols = document.querySelectorAll('td.model-col:not([colspan])');\r\n const colspanCells = document.querySelectorAll('td[colspan]');\r\n \r\n if (model === 'all') {\r\n \/\/ Show all columns\r\n headerCols.forEach(col => col.style.display = '');\r\n bodyCols.forEach(col => col.style.display = '');\r\n colspanCells.forEach(cell => {\r\n cell.style.display = '';\r\n \/\/ Restore original colspan\r\n if (cell.dataset.originalColspan) {\r\n cell.setAttribute('colspan', cell.dataset.originalColspan);\r\n }\r\n });\r\n } else {\r\n \/\/ Show only selected model\r\n headerCols.forEach(col => {\r\n if (col.classList.contains(model + '-col')) {\r\n col.style.display = '';\r\n } else {\r\n col.style.display = 'none';\r\n }\r\n });\r\n \r\n bodyCols.forEach(col => {\r\n if (col.classList.contains(model + '-col')) {\r\n col.style.display = '';\r\n } else {\r\n col.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Handle colspan cells\r\n colspanCells.forEach(cell => {\r\n \/\/ Store original colspan if not stored\r\n if (!cell.dataset.originalColspan) {\r\n cell.dataset.originalColspan = cell.getAttribute('colspan');\r\n }\r\n cell.setAttribute('colspan', '1');\r\n });\r\n }\r\n}\r\n\r\n\/\/ Store original colspan values on load\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n document.querySelectorAll('td[colspan]').forEach(cell => {\r\n cell.dataset.originalColspan = cell.getAttribute('colspan');\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6e0f99 e-con-full e-flex e-con e-parent\" data-id=\"d6e0f99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23464dc elementor-widget elementor-widget-html\" data-id=\"23464dc\" 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 Featured Dispensing Equipment:<br>\r\n Precision from a Top Glue<br>\r\n Dispensing Machine Manufacturer \r\n <\/h2>\r\n <a href=\"#\" class=\"sanco-featured-readmore\">Read More<\/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=\"\/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=\"LM series Inline High Speed Dispensing Machine\"> \r\n <p>LM series Inline High Speed Dispensing Machine<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 2: Offline Dispensing Machine -->\r\n <a href=\"\/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=\"Offline High Speed Dispensing Machine\">\r\n <p>Offline High Speed Dispensing Machine<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 3: Desktop Visual Dispensing Machine -->\r\n <a href=\"\/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=\"Desktop Visual Dispensing Machine\">\r\n <p>Desktop Visual Dispensing Machine<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 4: DS Series -->\r\n <a href=\"\/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=\"DS series Inline High Speed Dispensing Machine\">\r\n <p>DS series Inline High Speed Dispensing Machine<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 5: Piezo Valve 1 -->\r\n <a href=\"\/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=\"Piezo Valve\">\r\n <p>Piezo Valve<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 6: Piezo Valve 2 -->\r\n <a href=\"\/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=\"Piezo Valve\">\r\n <p>Piezo Valve<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 7: Piezo Valve Controller -->\r\n <a href=\"\/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=\"Piezo Valve Controller\">\r\n <p>Piezo Valve Controller<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 8: Single Liquid Screw Valve -->\r\n <a href=\"\/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=\"Single Liquid Screw Valve\">\r\n <p>Single Liquid Screw Valve<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 9: Dual Liquid Screw Valve -->\r\n <a href=\"\/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=\"Dual Liquid Screw Valve\">\r\n <p>Dual Liquid Screw Valve<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 10: CANP 5G Pump -->\r\n <a href=\"\/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 Pump\">\r\n <p>CANP 5G Pump<\/p>\r\n <span class=\"sanco-featured-card-readmore\">Read More \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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Single Liquid Screw Valve | Precision Dispensing Valve | Sanco Dispensing Valve Single Liquid Screw Valve High-precision screw valve with constant output flow, pulsation-free and low shear delivery, suitable for high viscosity fluids up to 8,000,000cps. Pulsation-Free 8M cps Viscosity \u00b11% Accuracy Home> Products> Single Liquid Screw Valve Principle The structure is combined with rotor […]<\/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-957","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages\/957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/comments?post=957"}],"version-history":[{"count":66,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages\/957\/revisions"}],"predecessor-version":[{"id":5723,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages\/957\/revisions\/5723"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/media?parent=957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}