{"id":967,"date":"2025-12-26T03:28:48","date_gmt":"2025-12-26T03:28:48","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=967"},"modified":"2026-03-16T02:39:59","modified_gmt":"2026-03-16T02:39:59","slug":"desktop-coating-machine","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/es\/desktop-coating-machine\/","title":{"rendered":"Desktop coating machine"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Desktop Coating Machine | TS Series Desktop Dispenser | Sanco <\/title>\r\n <meta name=\"description\" content=\"CMTS Series Desktop Dispensing Machine with precision 3D arc interpolation control, multi-angle dispensing capability, and intuitive teaching box programming.\">\r\n <meta name=\"keywords\" content=\"desktop dispensing machine, CMTS series dispenser, precision dispensing, 3D arc interpolation, teaching box programming, Sanco \">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/desktop-coating-machine\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"Desktop Coating Machine | Sanco \">\r\n <meta property=\"og:description\" content=\"TS Series Desktop Dispenser with precision 3D arc interpolation, intuitive teaching box programming, and compact desktop design.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/desktop-coating-machine\/\">\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 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 .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; height: 400px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\r\n top: -100px; left: -100px;\r\n animation: floatOrb1 15s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-2 {\r\n width: 300px; height: 300px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.5) 0%, transparent 70%);\r\n top: 30%; right: 10%;\r\n animation: floatOrb2 12s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-3 {\r\n width: 250px; height: 250px;\r\n background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%);\r\n bottom: 20%; 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 @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 @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 .hero-light-streak {\r\n position: absolute; width: 150%; 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 .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 .hero-particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }\r\n .particle { position: absolute; width: 4px; height: 4px; background: rgba(255,255,255,0.6); border-radius: 50%; animation: particleFloat 20s linear infinite; }\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\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 .hero-wave { position: absolute; bottom: 0; left: 0; width: 200%; height: 250px; overflow: hidden; animation: waveSlide 25s linear infinite; }\r\n .hero-wave svg { position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; }\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 @keyframes waveSlide { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n\r\n .hero-glow-1 { position: absolute; top: 5%; left: -5%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%); border-radius: 50%; pointer-events: none; animation: glowPulse 8s ease-in-out infinite; }\r\n .hero-glow-2 { position: absolute; bottom: 10%; right: 20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%); border-radius: 50%; pointer-events: none; animation: glowPulse 6s ease-in-out infinite reverse; }\r\n @keyframes glowPulse { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.1); opacity: 0.8; } }\r\n\r\n .hero-content { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; padding: 0 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }\r\n .hero-text { color: var(--white); padding-top: 40px; }\r\n .hero-category { font-size: 1.3rem; font-weight: 500; color: rgba(255,255,255,0.9); margin-bottom: 20px; font-style: italic; }\r\n .hero-title { font-size: clamp(3.2rem, 6vw, 5rem); font-weight: 800; line-height: 1.1; margin-bottom: 28px; text-shadow: 0 2px 20px rgba(0,0,0,0.1); letter-spacing: -1px; }\r\n .hero-subtitle { font-size: 1.35rem; color: rgba(255,255,255,0.9); margin-bottom: 36px; line-height: 1.7; max-width: 580px; }\r\n .hero-tags { display: flex; gap: 14px; flex-wrap: wrap; }\r\n .hero-tag { display: inline-block; padding: 14px 30px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px); border-radius: 30px; font-size: 1.1rem; font-weight: 500; color: var(--white); transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); }\r\n .hero-tag:hover { background: rgba(255, 255, 255, 0.25); transform: translateY(-2px); }\r\n .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; }\r\n .oven-image { width: 100%; max-width: 520px; height: auto; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.3)); transition: transform 0.5s ease; }\r\n .oven-image:hover { transform: scale(1.03); }\r\n\r\n \/* ========== Description Section ========== *\/\r\n .description-section { padding: 100px 60px; background: var(--white); }\r\n .breadcrumb { max-width: 1400px; margin: 0 auto 50px; font-size: 1rem; color: var(--gray); }\r\n .breadcrumb a { color: var(--gray); text-decoration: none; transition: color 0.3s ease; }\r\n .breadcrumb a:hover { color: var(--primary-dark); }\r\n .breadcrumb span { margin: 0 8px; }\r\n .description-content { max-width: 1400px; margin: 0 auto; }\r\n .product-info { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; align-items: start; }\r\n .product-text h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: var(--dark); margin-bottom: 24px; position: relative; padding-bottom: 16px; }\r\n .product-text h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary-light)); border-radius: 2px; }\r\n .product-text p { font-size: 1.2rem; color: var(--gray); line-height: 1.8; margin-bottom: 20px; }\r\n .product-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }\r\n .highlight-item { display: flex; align-items: flex-start; gap: 16px; padding: 28px 24px; background: var(--white); border-radius: 16px; transition: all 0.3s ease; box-shadow: 0 2px 12px rgba(13, 33, 55, 0.08); border: 1px solid rgba(13, 33, 55, 0.06); }\r\n .highlight-item:hover { background: var(--off-white); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(13, 33, 55, 0.15); border-color: rgba(13, 33, 55, 0.1); }\r\n .highlight-icon { width: 52px; height: 52px; background: linear-gradient(135deg, var(--primary-dark), var(--primary-light)); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n .highlight-icon svg { width: 26px; height: 26px; fill: white; }\r\n .highlight-content { flex: 1; }\r\n .highlight-text { font-size: 0.9rem; font-weight: 600; color: var(--dark); line-height: 1.3; margin-bottom: 6px; letter-spacing: 0.2px; }\r\n .highlight-value { font-size: 0.95rem; font-weight: 500; color: var(--gray); line-height: 1.4; }\r\n\r\n \/* ========== Section Header ========== *\/\r\n .section-header { text-align: center; max-width: 700px; margin: 0 auto 80px; position: relative; z-index: 2; }\r\n .section-tag { display: inline-block; padding: 10px 24px; background: linear-gradient(135deg, var(--primary-dark), var(--primary-light)); color: white; border-radius: 30px; font-size: 0.95rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; }\r\n .section-title { font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 800; color: var(--dark); margin-bottom: 16px; letter-spacing: -1px; }\r\n .section-subtitle { font-size: 1.25rem; color: var(--gray); line-height: 1.7; }\r\n\r\n \/* ========== Applications Section ========== *\/\r\n .applications-section { padding: 100px 60px; background: var(--off-white); }\r\n .applications-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1200px; margin: 0 auto; }\r\n .app-card { background: var(--white); border-radius: 16px; padding: 0 0 24px; text-align: center; transition: all 0.4s ease; box-shadow: 0 4px 20px rgba(13, 33, 55, 0.06); border: 1px solid rgba(13, 33, 55, 0.06); overflow: hidden; }\r\n .app-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12); }\r\n .app-icon { width: 100%; height: 140px; overflow: hidden; margin: 0 auto 16px; }\r\n .app-icon img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }\r\n .app-card:hover .app-icon img { transform: scale(1.08); }\r\n .app-name { font-size: 0.95rem; font-weight: 600; color: var(--dark); line-height: 1.4; padding: 0 12px; }\r\n\r\n \/* ========== Features Section ========== *\/\r\n .features-section { padding: 100px 60px; background: var(--off-white); position: relative; overflow: hidden; }\r\n .features-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(13, 33, 55, 0.03) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }\r\n .features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1400px; margin: 0 auto; }\r\n .feature-card { background: var(--white); border-radius: 16px; padding: 32px 24px; transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(13, 33, 55, 0.06); }\r\n .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary-light)); transform: scaleX(0); transition: transform 0.4s ease; }\r\n .feature-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12); }\r\n .feature-card:hover::before { transform: scaleX(1); }\r\n .feature-number { font-family: 'Space ', space; font-size: 2rem; font-weight: 700; color: rgba(13, 33, 55, 0.1); margin-bottom: 12px; }\r\n .feature-card-title { font-size: 1.1rem; font-weight: 700; color: var(--dark); margin-bottom: 10px; line-height: 1.3; }\r\n .feature-card-desc { font-size: 0.95rem; color: var(--gray); line-height: 1.55; }\r\n\r\n \/* ========== Highlights Section ========== *\/\r\n .highlights-section { padding: 100px 60px; background: var(--white); }\r\n .highlights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; }\r\n .highlight-card { background: linear-gradient(145deg, var(--off-white) 0%, var(--white) 100%); border-radius: 20px; padding: 40px 32px; text-align: center; transition: all 0.4s ease; border: 1px solid rgba(13, 33, 55, 0.06); }\r\n .highlight-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(13, 33, 55, 0.1); }\r\n .highlight-card .highlight-value { font-family: 'Space ', space; font-size: 2.8rem; font-weight: 700; color: var(--primary-dark); margin-bottom: 8px; line-height: 1; }\r\n .highlight-unit { font-size: 1.1rem; font-weight: 500; color: var(--accent); margin-bottom: 12px; }\r\n .highlight-label { font-size: 1.05rem; color: var(--gray); line-height: 1.5; }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero { height: auto; min-height: 100vh; }\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 .product-info { grid-template-columns: 1fr; gap: 40px; }\r\n .product-highlights { grid-template-columns: 1fr 1fr; }\r\n .applications-grid { grid-template-columns: repeat(4, 1fr); }\r\n .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n .highlights-grid { grid-template-columns: repeat(3, 1fr); }\r\n .oven-image { max-width: 450px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { min-height: auto; height: auto; padding: 80px 0 60px; }\r\n .hero-content { padding: 0 24px; }\r\n .hero-title { font-size: 2.5rem; }\r\n .hero-subtitle { font-size: 1.15rem; }\r\n .hero-tag { padding: 12px 22px; font-size: 1rem; }\r\n .description-section, .applications-section, .features-section, .highlights-section { padding: 80px 24px; }\r\n .product-highlights { grid-template-columns: 1fr; }\r\n .applications-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n .app-card { padding: 0 0 20px; }\r\n .app-icon { height: 110px; }\r\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .highlights-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }\r\n .oven-image { max-width: 380px; }\r\n .section-header { margin-bottom: 50px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero { padding: 60px 0 50px; }\r\n .hero-title { font-size: 2rem; }\r\n .hero-category { font-size: 1.1rem; }\r\n .hero-subtitle { font-size: 1.05rem; }\r\n .hero-tags { gap: 10px; }\r\n .hero-tag { padding: 10px 18px; font-size: 0.95rem; }\r\n .oven-image { max-width: 300px; }\r\n .applications-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n .app-card { padding: 0 0 16px; }\r\n .app-icon { height: 90px; }\r\n .app-name { font-size: 0.85rem; }\r\n .highlight-card .highlight-value { font-size: 2.2rem; }\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 <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 <div class=\"hero-particles\">\r\n <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\r\n <\/div>\r\n <div class=\"hero-glow-1\"><\/div>\r\n <div class=\"hero-glow-2\"><\/div>\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\">Coating Machine<\/p>\r\n <h1 class=\"hero-title\">Desktop Coating Machine<\/h1>\r\n <p class=\"hero-subtitle\">CM-TS Series Desktop Dispenser - High-tech dispensing solution that integrates precision mechanical control with advanced dispensing technology.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">CM-TS Series<\/span>\r\n <span class=\"hero-tag\">3D Arc Control<\/span>\r\n <span class=\"hero-tag\">Teaching Box<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u684c\u9762\u6d82\u8986-scaled_\u7ed3\u679c.webp\" alt=\"Desktop Coating Machine\" class=\"oven-image\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Description Section -->\r\n <section class=\"description-section\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"\/\">Home<\/a><span>><\/span>\r\n <a href=\"\/product\/\">Products<\/a><span>><\/span>\r\n <a href=\"\/product\/\">Coating Machine<\/a><span>><\/span>\r\n <span>Desktop Coating Machine<\/span>\r\n <\/div>\r\n\r\n <div class=\"description-content\">\r\n <div class=\"product-info\">\r\n <div class=\"product-text\">\r\n <h2>Product Description<\/h2>\r\n <p>The CM-TS Series Desktop Semi-Automatic Dispensing Machine is a high-tech dispensing solution that integrates precision mechanical control with advanced dispensing technology. Designed for cost-effective and accurate dispensing operations, it offers strong functionality, simple programming, and convenient operation.<\/p>\r\n <p>Through coordinated control of the motion controller, motor, precision motion platform, and system software, the working platform moves precisely along preset trajectories. Combined with the built-in glue supply controller, glue storage tank, dispensing valve, or dispensing needle, the system accurately controls glue extrusion to realize a stable and efficient dispensing process.<\/p>\r\n <p>Its compact desktop design makes it especially suitable for small to medium batch production, laboratories, and R&D environments.<\/p>\r\n <\/div>\r\n \r\n <div class=\"product-highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-text\">Stand-Alone Operation<\/div>\r\n <div class=\"highlight-value\">No computer required<\/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 class=\"highlight-content\">\r\n <div class=\"highlight-text\">3D Arc Interpolation<\/div>\r\n <div class=\"highlight-value\">Precision control system<\/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=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-text\">Teaching Box Programming<\/div>\r\n <div class=\"highlight-value\">Intuitive setup<\/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 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-text\">Multi-Angle Dispensing<\/div>\r\n <div class=\"highlight-value\">360\u00b0 rotation optional<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Applications Section -->\r\n <section class=\"applications-section\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Applications<\/span>\r\n <h2 class=\"section-title\">Industry Applications<\/h2>\r\n <p class=\"section-subtitle\">Precision conformal coating for diverse PCB assemblies<\/p>\r\n <\/div>\r\n\r\n <div class=\"applications-grid\">\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Home-appliance-control-panel_\u7ed3\u679c.webp\" alt=\"Home Appliance Control Panel\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Home Appliance Control Panel<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Car-electronic-control-board_\u7ed3\u679c.webp\" alt=\"Car Electronic Control Board\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Car Electronic Control Board<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Instrumentation-circuit-board_\u7ed3\u679c.webp\" alt=\"Instrumentation Circuit Board\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Instrumentation Circuit Board<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Industrial-Equipment-Control-Board_\u7ed3\u679c.webp\" alt=\"Industrial Equipment Control Board\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Industrial Equipment Control Board<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Battery-protection-board_\u7ed3\u679c.webp\" alt=\"Battery Protection Board\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Battery Protection Board<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Consumer-Electronics-Control-Board_\u7ed3\u679c.webp\" alt=\"Consumer Electronics Control Board\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Consumer Electronics Control Board<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Solar-panel_\u7ed3\u679c.webp\" alt=\"Solar Panel Photovoltaic Application\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Solar Panel \/ Photovoltaic<\/h3>\r\n <\/article>\r\n <article class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Motor-control-board_\u7ed3\u679c.webp\" alt=\"Motor Control Board\" loading=\"lazy\">\r\n <\/div>\r\n <h3 class=\"app-name\">Motor Control Board<\/h3>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Highlights Section -->\r\n <section class=\"highlights-section\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Performance<\/span>\r\n <h2 class=\"section-title\">Technical Highlights<\/h2>\r\n <p class=\"section-subtitle\">Key specifications that define excellence<\/p>\r\n <\/div>\r\n\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">Stand-Alone<\/div>\r\n <div class=\"highlight-unit\">Operation<\/div>\r\n <p class=\"highlight-label\">No external computer needed<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">3D Arc<\/div>\r\n <div class=\"highlight-unit\">Interpolation<\/div>\r\n <p class=\"highlight-label\">Professional control system<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">Teaching Box<\/div>\r\n <div class=\"highlight-unit\">Programming<\/div>\r\n <p class=\"highlight-label\">Intuitive and easy setup<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">360\u00b0<\/div>\r\n <div class=\"highlight-unit\">Rotation<\/div>\r\n <p class=\"highlight-label\">Optional multi-angle head<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">Compact<\/div>\r\n <div class=\"highlight-unit\">Desktop<\/div>\r\n <p class=\"highlight-label\">Space-saving design<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">Multi<\/div>\r\n <div class=\"highlight-unit\">Valve<\/div>\r\n <p class=\"highlight-label\">Wide valve compatibility<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Features Section -->\r\n <section class=\"features-section\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Technology<\/span>\r\n <h2 class=\"section-title\">Key Features<\/h2>\r\n <p class=\"section-subtitle\">Precision desktop dispensing technology for efficient production<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">01<\/div>\r\n <h3 class=\"feature-card-title\">Stand-Alone Operation<\/h3>\r\n <p class=\"feature-card-desc\">TS Series three-axis dispensing machine operates independently without external computer. Easy to install and simple to operate.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">02<\/div>\r\n <h3 class=\"feature-card-title\">Humanized Teaching Box Programming<\/h3>\r\n <p class=\"feature-card-desc\">Equipped with intuitive teaching box for quick and flexible program setup.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">03<\/div>\r\n <h3 class=\"feature-card-title\">Graphic Key Teaching System<\/h3>\r\n <p class=\"feature-card-desc\">Graphic key design allows easy path setup, matrix copying, offset modification, and correction point adjustments. Supports program transfer between dispensers.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">04<\/div>\r\n <h3 class=\"feature-card-title\">Professional 3D Arc Interpolation Control<\/h3>\r\n <p class=\"feature-card-desc\">Advanced 3D arc interpolation control system ensures smooth and precise dispensing paths.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">05<\/div>\r\n <h3 class=\"feature-card-title\">Wide Valve Compatibility<\/h3>\r\n <p class=\"feature-card-desc\">Compatible with various dispensing valves to meet different dispensing process requirements.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">06<\/div>\r\n <h3 class=\"feature-card-title\">Optional Multi-Angle Dispensing<\/h3>\r\n <p class=\"feature-card-desc\">Optional dispensing head with 360\u00b0 rotation and 45\u00b0 tilt, enabling flexible operation for complex dispensing applications.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\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, .highlight-card, .highlight-item, .app-card').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.06}s`; });\r\n document.querySelectorAll('.highlight-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.08}s`; });\r\n document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\r\n document.querySelectorAll('.app-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.06}s`; });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17839ec elementor-widget elementor-widget-html\" data-id=\"17839ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TS Series Technical Parameter 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\">Technical Parameter<\/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, 'ts441')\">CM-TS441<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'ts551')\">CM-TS551<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'ts5331')\">CM-TS5331<\/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=\"TS Series Technical Parameter\">\r\n <thead>\r\n <tr>\r\n <th class=\"spec-col\" rowspan=\"2\">Item<\/th>\r\n <th class=\"model-col-header\" colspan=\"3\">Specification and description<\/th>\r\n <\/tr>\r\n <tr>\r\n <th class=\"model-col ts441-col\">CM-TS441<\/th>\r\n <th class=\"model-col ts551-col\">CM-TS551<\/th>\r\n <th class=\"model-col ts5331-col\">CM-TS5331<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"spec-name\">Model No.<\/td>\r\n <td class=\"model-col ts441-col\">CM-TS441<\/td>\r\n <td class=\"model-col ts551-col\">CM-TS551<\/td>\r\n <td class=\"model-col ts5331-col\">CM-TS5331<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Dimension<\/td>\r\n <td class=\"model-col ts441-col\">L = 730mm<br>W = 820mm<br>H = 900mm<\/td>\r\n <td class=\"model-col ts551-col\">L = 820mm<br>W = 800mm<br>H = 900mm<\/td>\r\n <td class=\"model-col ts5331-col\">L = 700mm<br>W = 820mm<br>H = 900mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Net weight<\/td>\r\n <td class=\"model-col ts441-col\"><span class=\"highlight\">65kg<\/span><\/td>\r\n <td class=\"model-col ts551-col\"><span class=\"highlight\">70kg<\/span><\/td>\r\n <td class=\"model-col ts5331-col\"><span class=\"highlight\">75kg<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Maximum Speed (X\/Y\/Z)<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">500mm\/s(X\/Y),300mm\/s(Z)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Repeatability<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\"><span class=\"highlight-green\">\u00b10.05mm<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Position accuracy<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">\u00b10.05mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Z maximum load<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">3kg<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Orbit parallelism<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">\u00b10.05mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Distance Range<\/td>\r\n <td class=\"model-col ts441-col\"><span class=\"highlight-blue\">X:280 Y:280 Z:100(mm)<\/span><\/td>\r\n <td class=\"model-col ts551-col\"><span class=\"highlight-blue\">X:380 Y:380 Z:100(mm)<\/span><\/td>\r\n <td class=\"model-col ts5331-col\"><span class=\"highlight-blue\">X:230 Y1&Y2:280 Z:100(mm)<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Drive mode<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">Transmission mode Stepper motor + synchronous belt + linear slide<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">IO<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">8 input 8 output<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Program storage<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">128M<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Programming<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">Handheld editor<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Power<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">AC220V\/50HZ\/0.5KW<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Environment<\/td>\r\n <td class=\"model-col ts441-col\" colspan=\"3\">-20\u00b0C to 40\u00b0C, relative humidity 20%-90%<\/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\/* ========== TS Series Technical Parameter 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: #1e4a6d;\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: #0d2137;\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 gap: 12px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.model-btn {\r\n padding: 12px 32px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 50px;\r\n background: #ffffff;\r\n font-size: 0.9rem;\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: #1e4a6d;\r\n color: #0d2137;\r\n background: rgba(30, 74, 109, 0.06);\r\n}\r\n\r\n.model-btn.active {\r\n background: linear-gradient(135deg, #0d2137 0%, #1e4a6d 100%);\r\n border-color: transparent;\r\n color: #ffffff;\r\n box-shadow: 0 4px 12px rgba(13, 33, 55, 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(30, 74, 109, 0.06);\r\n border-radius: 8px;\r\n}\r\n\r\n.scroll-hint svg {\r\n color: #1e4a6d;\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(13, 33, 55, 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\/* Table Header *\/\r\n.param-table thead tr:first-child th {\r\n border-bottom: none;\r\n}\r\n\r\n.param-table th {\r\n padding: 16px 24px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n color: #ffffff;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.param-table th.spec-col {\r\n width: 25%;\r\n text-align: left;\r\n background: linear-gradient(135deg, #0d2137 0%, #1e4a6d 100%);\r\n border-radius: 12px 0 0 0;\r\n vertical-align: middle;\r\n}\r\n\r\n.param-table th.model-col-header {\r\n background: linear-gradient(135deg, #0d2137 0%, #1e4a6d 100%);\r\n border-radius: 0 12px 0 0;\r\n}\r\n\r\n.param-table th.ts441-col,\r\n.param-table th.ts551-col,\r\n.param-table th.ts5331-col {\r\n width: 25%;\r\n background: linear-gradient(135deg, #0d2137 0%, #1e4a6d 100%);\r\n}\r\n\r\n\/* Table Body *\/\r\n.param-table td {\r\n padding: 14px 24px;\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: #0d2137;\r\n background: #f8fafc;\r\n}\r\n\r\n.param-table td[colspan=\"3\"] {\r\n text-align: center;\r\n}\r\n\r\n.param-table tbody tr:hover td {\r\n background: rgba(30, 74, 109, 0.04);\r\n}\r\n\r\n.param-table tbody tr:hover td.spec-name {\r\n background: rgba(13, 33, 55, 0.06);\r\n}\r\n\r\n\/* Highlight Styles *\/\r\n.highlight {\r\n display: inline-block;\r\n background: linear-gradient(135deg, rgba(13, 33, 55, 0.1), rgba(30, 74, 109, 0.1));\r\n color: #0d2137;\r\n padding: 4px 12px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n}\r\n\r\n.highlight-blue {\r\n display: inline-block;\r\n background: rgba(30, 74, 109, 0.15);\r\n color: #14334d;\r\n padding: 4px 12px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n}\r\n\r\n.highlight-green {\r\n display: inline-block;\r\n background: rgba(16, 185, 129, 0.12);\r\n color: #047857;\r\n padding: 4px 12px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\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: 10px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .model-btn {\r\n padding: 10px 24px;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .param-table th,\r\n .param-table td {\r\n padding: 12px 18px;\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: 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(2, 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: 10px 16px;\r\n font-size: 0.8rem;\r\n border-radius: 10px;\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: 650px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table th {\r\n padding: 12px 14px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table th.spec-col {\r\n border-radius: 8px 0 0 0;\r\n }\r\n\r\n .param-table th.model-col-header {\r\n border-radius: 0 8px 0 0;\r\n }\r\n\r\n .param-table td {\r\n padding: 10px 14px;\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 .highlight,\r\n .highlight-blue,\r\n .highlight-green {\r\n padding: 3px 8px;\r\n font-size: 0.75rem;\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(2, 1fr);\r\n gap: 6px;\r\n }\r\n\r\n .model-btn {\r\n padding: 8px 12px;\r\n font-size: 0.75rem;\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: 550px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table th {\r\n padding: 10px 12px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table td {\r\n padding: 8px 12px;\r\n font-size: 0.75rem;\r\n word-break: break-word;\r\n }\r\n\r\n .highlight,\r\n .highlight-blue,\r\n .highlight-green {\r\n padding: 2px 6px;\r\n font-size: 0.7rem;\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: 480px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .param-table th,\r\n .param-table td {\r\n padding: 8px 10px;\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=\"3\"]');\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 cell.setAttribute('colspan', '3');\r\n });\r\n \/\/ Reset header colspan\r\n const headerMain = document.querySelector('th.model-col-header');\r\n if (headerMain) headerMain.setAttribute('colspan', '3');\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 \/\/ Adjust colspan cells\r\n colspanCells.forEach(cell => {\r\n cell.setAttribute('colspan', '1');\r\n });\r\n \r\n \/\/ Adjust header colspan\r\n const headerMain = document.querySelector('th.model-col-header');\r\n if (headerMain) headerMain.setAttribute('colspan', '1');\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-5750b8b e-con-full e-flex e-con e-parent\" data-id=\"5750b8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21db3ce elementor-widget elementor-widget-html\" data-id=\"21db3ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sanco-coating-section\">\r\n\r\n <div class=\"sanco-coating-container\">\r\n\r\n <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n <div class=\"sanco-coating-left\">\r\n <span class=\"sanco-coating-index\">SANCO<\/span>\r\n <h2 class=\"sanco-coating-title\">\r\n Featured Coating Equipment:<br>\r\n Professional Conformal<br>\r\n Coating Machine Solutions\r\n <\/h2>\r\n <a href=\"\/product\/\" class=\"sanco-coating-readmore\">Read More<\/a>\r\n\r\n <div class=\"sanco-coating-arrows\">\r\n <button id=\"sancoCoatingPrev\" aria-label=\"Previous coating product\">\u2190<\/button>\r\n <button id=\"sancoCoatingNext\" aria-label=\"Next coating product\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n <div class=\"sanco-coating-slider-wrapper\">\r\n <div class=\"sanco-coating-slider\" id=\"sancoCoatingSlider\">\r\n\r\n <!-- \u4ea7\u54c1 1: Three Axial Coating Machine -->\r\n <a href=\"\/three-axial-coating-machine\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/Three-Axial-Coating-machine-1_\u7ed3\u679c.webp\" alt=\"Three Axial Coating Machine - 3-axis conformal coating equipment\" loading=\"lazy\">\r\n <p>Three Axial Coating Machine<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 2: Four Axial Coating Machine -->\r\n <a href=\"\/four-axial-coating-machine\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"Four Axial Coating Machine - 4-axis precision coating system\" loading=\"lazy\">\r\n <p>Four Axial Coating Machine<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 3: Desktop Coating Machine -->\r\n <a href=\"\/desktop-coating-machine\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u684c\u9762\u6d82\u8986-scaled_\u7ed3\u679c.webp\" alt=\"Desktop Coating Machine - Compact benchtop coating equipment\" loading=\"lazy\">\r\n <p>Desktop Coating Machine<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 4: G-300HP High Pressure Valve -->\r\n <a href=\"\/g-300hp-high-pressure-valve\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-300HP-high-pressure-valve.png\" alt=\"G-300HP High Pressure Valve - Industrial coating spray valve\" loading=\"lazy\">\r\n <p>G-300HP High Pressure Valve<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 5: G-500HP Diaphragm Valve -->\r\n <a href=\"\/g-500hp-diaphragm-valve\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-500HP-Diaphragm-valve-1.png\" alt=\"G-500HP Diaphragm Valve - Precision diaphragm coating valve\" loading=\"lazy\">\r\n <p>G-500HP Diaphragm Valve<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 6: BF-028 Film Spray Valve -->\r\n <a href=\"\/bf-028-film-spray-valve\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/BF-028-film-spray-valve-1.png\" alt=\"BF-028 Film Spray Valve - Thin film coating spray valve\" loading=\"lazy\">\r\n <p>BF-028 Film Spray Valve<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 7: SF-073 Sector Spray Valve -->\r\n <a href=\"\/sf-073-sector-spray-valve\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/SF-073-sector-spray-valve-1.png\" alt=\"SF-073 Sector Spray Valve - Fan pattern coating valve\" loading=\"lazy\">\r\n <p>SF-073 Sector Spray Valve<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 8: G-420A Precision Striker Valve -->\r\n <a href=\"\/g-420a-precision-striker-valve\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-420A-Precision-striker-valve.png\" alt=\"G-420A Precision Striker Valve - High accuracy coating valve\" loading=\"lazy\">\r\n <p>G-420A Precision Striker Valve<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 9: LF-001 Conical Spray Valve -->\r\n <a href=\"\/lf-001-conical-spray-valve\/\" class=\"sanco-coating-card-link\">\r\n <article class=\"sanco-coating-card\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/LF-001-conical-spray-valve.png\" alt=\"LF-001 Conical Spray Valve - Cone pattern coating spray valve\" loading=\"lazy\">\r\n <p>LF-001 Conical Spray Valve<\/p>\r\n <span class=\"sanco-coating-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\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\/* ===== Coating Section - \u84dd\u8272\u7cfb ===== *\/\r\n.sanco-coating-section {\r\n background: linear-gradient(135deg, #e8f4fc 0%, #d6ebf7 50%, #c4e2f3 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-coating-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(30, 100, 160, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(30, 100, 160, 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-coating-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(30, 100, 160, 0.12) 0%, rgba(30, 100, 160, 0.06) 40%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoCoatingFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoCoatingFloat {\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-coating-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(30, 100, 160, 0.08);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoCoatingRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoCoatingRotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* \u5c0f\u578b\u88c5\u9970\u70b9 *\/\r\n.sanco-coating-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(30, 100, 160, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoCoatingPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoCoatingPulse {\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-coating-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-coating-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(40, 120, 180, 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-coating-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(30, 100, 160, 0.3), transparent);\r\n border-radius: 2px;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-coating-left {\r\n flex: 0 0 15%;\r\n position: relative;\r\n}\r\n\r\n.sanco-coating-index {\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: #b8d4e8;\r\n margin-bottom: 8px;\r\n display: block;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 4px rgba(30, 100, 160, 0.1);\r\n}\r\n\r\n.sanco-coating-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-coating-readmore {\r\n text-decoration: underline;\r\n color: #1e64a0;\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-coating-readmore:hover {\r\n color: #154a78;\r\n}\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-coating-arrows {\r\n display: flex;\r\n gap: 12px;\r\n}\r\n\r\n.sanco-coating-arrows button {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #1e64a0;\r\n background: #fff;\r\n color: #1e64a0;\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(30, 100, 160, 0.1);\r\n}\r\n\r\n.sanco-coating-arrows button:hover {\r\n background: #1e64a0;\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(30, 100, 160, 0.2);\r\n}\r\n\r\n.sanco-coating-arrows button:active {\r\n transform: translateY(0);\r\n}\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-coating-slider-wrapper {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.sanco-coating-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-coating-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-coating-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(30, 100, 160, 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-coating-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, #1e64a0, #2878b4);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-coating-card-link:hover .sanco-coating-card {\r\n transform: translateY(-8px);\r\n box-shadow:\r\n 0 15px 40px rgba(30, 100, 160, 0.18),\r\n 0 6px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.sanco-coating-card-link:hover .sanco-coating-card::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.sanco-coating-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-coating-card-link:hover .sanco-coating-card img {\r\n transform: scale(1.12);\r\n }\r\n}\r\n\r\n\/* \u540d\u79f0 *\/\r\n.sanco-coating-card p {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #1e64a0;\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-coating-card-readmore {\r\n display: inline-block;\r\n font-size: 14px;\r\n color: #1e64a0;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n opacity: 0.8;\r\n}\r\n\r\n.sanco-coating-card-link:hover .sanco-coating-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-coating-section {\r\n padding: 100px 0;\r\n min-height: 750px;\r\n }\r\n\r\n .sanco-coating-container {\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 0 30px;\r\n }\r\n\r\n .sanco-coating-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .sanco-coating-index {\r\n font-size: 42px;\r\n }\r\n\r\n .sanco-coating-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sanco-coating-readmore {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .sanco-coating-arrows {\r\n justify-content: center;\r\n }\r\n\r\n .sanco-coating-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n\r\n .sanco-coating-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-coating-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-coating-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-coating-card img {\r\n height: 300px;\r\n }\r\n\r\n .sanco-coating-left::before,\r\n .sanco-coating-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-coating-section {\r\n padding: 80px 20px;\r\n min-height: auto;\r\n }\r\n\r\n .sanco-coating-container {\r\n flex-direction: column;\r\n gap: 50px;\r\n padding: 0;\r\n }\r\n\r\n .sanco-coating-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .sanco-coating-index {\r\n font-size: 40px;\r\n }\r\n\r\n .sanco-coating-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sanco-coating-readmore {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .sanco-coating-arrows {\r\n justify-content: center;\r\n }\r\n\r\n .sanco-coating-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n\r\n .sanco-coating-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-coating-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-coating-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-coating-card img {\r\n height: 280px;\r\n }\r\n\r\n .sanco-coating-card p {\r\n min-height: 48px;\r\n }\r\n\r\n .sanco-coating-left::before,\r\n .sanco-coating-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-coating-section {\r\n padding: 60px 15px;\r\n }\r\n\r\n .sanco-coating-index {\r\n font-size: 36px;\r\n }\r\n\r\n .sanco-coating-title {\r\n font-size: 20px;\r\n }\r\n\r\n .sanco-coating-card {\r\n height: 440px;\r\n padding: 35px 25px;\r\n }\r\n\r\n .sanco-coating-card img {\r\n height: 240px;\r\n }\r\n\r\n .sanco-coating-card p {\r\n font-size: 16px;\r\n min-height: 44px;\r\n }\r\n\r\n .sanco-coating-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('sancoCoatingSlider');\r\n const prev = document.getElementById('sancoCoatingPrev');\r\n const next = document.getElementById('sancoCoatingNext');\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-coating-card');\r\n if (!card) return 415;\r\n const cardLink = slider.querySelector('.sanco-coating-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>Desktop Coating Machine | TS Series Desktop Dispenser | Sanco Coating Machine Desktop Coating Machine CM-TS Series Desktop Dispenser – High-tech dispensing solution that integrates precision mechanical control with advanced dispensing technology. CM-TS Series 3D Arc Control Teaching Box Home> Products> Coating Machine> Desktop Coating Machine Product Description The CM-TS Series Desktop Semi-Automatic Dispensing Machine […]<\/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-967","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages\/967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/comments?post=967"}],"version-history":[{"count":70,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages\/967\/revisions"}],"predecessor-version":[{"id":5443,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages\/967\/revisions\/5443"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/media?parent=967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}