{"id":881,"date":"2025-12-25T10:25:53","date_gmt":"2025-12-25T10:25:53","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=881"},"modified":"2026-04-29T07:59:56","modified_gmt":"2026-04-29T07:59:56","slug":"offline-high-speed-dispensing-machine","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/vi\/offline-high-speed-dispensing-machine\/","title":{"rendered":"Offline High Speed Dispensing Machine"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Offline High Speed Dispensing Machine | LM-5331 Series | Sanco<\/title>\r\n <meta name=\"description\" content=\"LM-5331 offline high-speed dispensing machine with XYZ three-Axial motion modules, high-precision linear motors and servo motors. Cost-effective solution for multi-standard circuit boards.\">\r\n <meta name=\"keywords\" content=\"offline dispensing machine, high speed dispenser, LM-5331, PCB dispensing, SMT underfill, precision coating, Sanco\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/offline-high-speed-dispensing-machine\/\">\r\n <meta property=\"og:title\" content=\"Offline High Speed Dispensing Machine | Sanco\">\r\n <meta property=\"og:description\" content=\"LM-5331 series offline high-speed dispensing equipment with advantages of cost-effective, simple design, suitable for multi-standard circuit boards.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/offline-high-speed-dispensing-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 \/* \u2605 \u4fee\u590d: \u53bb\u6389 --primary-dark \u524d\u9762\u591a\u4f59\u7684 \"- \" *\/\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: #f8fafc;\r\n --gray-light: #e2e8f0;\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 ========== *\/\r\n .hero { min-height: 100vh; background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%); position: relative; display: flex; align-items: center; overflow: hidden; }\r\n .hero-orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.4; pointer-events: none; }\r\n .hero-orb-1 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(30,74,109,0.5) 0%, transparent 70%); top: -100px; left: -100px; animation: floatOrb1 15s ease-in-out infinite; }\r\n .hero-orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(45,106,159,0.4) 0%, transparent 70%); top: 30%; right: 10%; animation: floatOrb2 12s ease-in-out infinite; }\r\n .hero-orb-3 { width: 250px; height: 250px; background: radial-gradient(circle, rgba(53,184,216,0.4) 0%, transparent 70%); bottom: 20%; left: 20%; animation: floatOrb3 18s ease-in-out infinite; }\r\n .hero-orb-4 { width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 70%); top: 50%; left: 50%; animation: floatOrb4 10s ease-in-out infinite; }\r\n @keyframes floatOrb1 { 0%,100%{transform:translate(0,0) scale(1)} 25%{transform:translate(50px,30px) scale(1.1)} 50%{transform:translate(30px,60px) scale(0.95)} 75%{transform:translate(-20px,40px) scale(1.05)} }\r\n @keyframes floatOrb2 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-40px,50px) scale(1.15)} 66%{transform:translate(30px,-30px) scale(0.9)} }\r\n @keyframes floatOrb3 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(60px,-40px) scale(1.2)} }\r\n @keyframes floatOrb4 { 0%,100%{transform:translate(0,0) scale(1);opacity:0.4} 50%{transform:translate(-50px,30px) scale(1.3);opacity:0.6} }\r\n\r\n .hero-light-streak { position: absolute; width: 150%; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transform: rotate(-35deg); animation: lightStreak 8s linear infinite; pointer-events: none; }\r\n .hero-light-streak-1 { top: 20%; left: -50%; }\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 @keyframes lightStreak { 0%{transform:rotate(-35deg) translateX(-100%)} 100%{transform:rotate(-35deg) translateX(100%)} }\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-duration:25s} .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} .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} .particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:24s}\r\n .particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:26s} .particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:21s}\r\n @keyframes particleFloat { 0%{transform:translateY(100vh) scale(0);opacity:0} 10%{opacity:1;transform:translateY(80vh) scale(1)} 90%{opacity:1;transform:translateY(10vh) scale(1)} 100%{transform:translateY(-10vh) scale(0);opacity:0} }\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(30,74,109,0.2) 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(125,204,232,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: 1rem; font-weight: 400; color: rgba(255,255,255,0.85); margin-bottom: 20px; font-style: italic; }\r\n .hero-title { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; margin-bottom: 24px; text-shadow: 0 2px 20px rgba(0,0,0,0.1); letter-spacing: -1px; }\r\n .hero-subtitle { font-size: 1.1rem; color: rgba(255,255,255,0.9); margin-bottom: 32px; line-height: 1.6; max-width: 500px; }\r\n .hero-tags { display: flex; gap: 12px; flex-wrap: wrap; }\r\n .hero-tag { display: inline-block; padding: 12px 24px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(8px); border-radius: 30px; font-size: 0.9rem; font-weight: 500; color: var(--white); transition: all 0.3s ease; }\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: flex-end; align-items: flex-start; padding-right: 20px; }\r\n .machine-image { width: 100%; max-width: 520px; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15)); transition: transform 0.5s ease; transform: translateY(-20px); }\r\n .machine-image:hover { transform: translateY(-30px) scale(1.02); }\r\n\r\n \/* ========== Description ========== *\/\r\n .description-section { padding: 100px 60px; background: var(--white); }\r\n .breadcrumb { max-width: 1400px; margin: 0 auto 50px; font-size: 0.9rem; 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; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n .description-text h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: var(--dark); margin-bottom: 24px; position: relative; padding-bottom: 16px; }\r\n .description-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 .description-text p { font-size: 1.05rem; color: var(--gray); line-height: 1.8; margin-bottom: 20px; }\r\n .description-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n .highlight-item { display: flex; align-items: center; gap: 16px; padding: 24px; background: var(--off-white); border-radius: 16px; transition: all 0.3s ease; border: 1px solid transparent; }\r\n .highlight-item:hover { background: #e8f4fc; transform: translateY(-4px); box-shadow: 0 10px 30px rgba(8,77,164,0.1); border-color: rgba(8,77,164,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: 24px; height: 24px; fill: white; }\r\n .highlight-text { font-size: 1rem; font-weight: 600; color: var(--dark); }\r\n\r\n \/* ========== Features ========== *\/\r\n .features-section { padding: 100px 60px; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); }\r\n .section-header { text-align: center; max-width: 700px; margin: 0 auto 60px; }\r\n .section-title { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: var(--dark); margin-bottom: 16px; letter-spacing: 1px; }\r\n .section-subtitle { font-size: 1rem; color: var(--gray); line-height: 1.7; }\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; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.4s ease; position: relative; overflow: hidden; }\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(8,77,164,0.12); }\r\n .feature-card:hover::before { transform: scaleX(1); }\r\n .feature-number { font-family: 'Space ', space; font-size: 2.5rem; font-weight: 700; color: rgba(8,77,164,0.1); margin-bottom: 16px; }\r\n .feature-card-title { font-size: 1.1rem; font-weight: 700; color: var(--dark); margin-bottom: 12px; }\r\n .feature-card-desc { font-size: 0.9rem; color: var(--gray); line-height: 1.6; }\r\n\r\n \/* ========== Applications ========== *\/\r\n .applications { padding: 100px 60px; background: var(--white); }\r\n .app-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; max-width: 1400px; margin: 0 auto; }\r\n .app-card { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.4s ease; cursor: pointer; }\r\n .app-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(8,77,164,0.1); }\r\n .app-img { width: 100%; height: 140px; overflow: hidden; background: #f0f4f8; }\r\n .app-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }\r\n .app-card:hover .app-img img { transform: scale(1.08); }\r\n .app-content { padding: 16px; text-align: center; }\r\n .app-name { font-weight: 600; font-size: 0.85rem; color: var(--dark); transition: color 0.3s ease; line-height: 1.4; }\r\n .app-card:hover .app-name { color: var(--primary-dark); }\r\n\r\n \/* ========== Spec Table (Light Style - matching image 3\/4) ========== *\/\r\n .spec-section { padding: 100px 0; background: #f8fafc; font-family: 'Outfit', sans-serif; }\r\n .spec-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\r\n .spec-header { text-align: center; margin-bottom: 40px; }\r\n .spec-badge { display: inline-block; padding: 8px 20px; background: transparent; color: #0e7490; font-size: 0.7rem; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; border-radius: 50px; border: 1.5px solid #0e7490; margin-bottom: 20px; }\r\n .spec-title { font-size: 2.5rem; font-weight: 800; color: #0a1929; margin: 0 0 12px 0; }\r\n .spec-subtitle { font-size: 1rem; color: #64748b; margin: 0 0 30px 0; }\r\n\r\n \/* Model filter buttons *\/\r\n .spec-filters { display: flex; justify-content: center; gap: 12px; margin-bottom: 40px; flex-wrap: wrap; }\r\n .spec-filter-btn { padding: 10px 28px; border-radius: 50px; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; border: 1.5px solid #e2e8f0; background: var(--white); color: #64748b; font-family: 'Outfit', sans-serif; }\r\n .spec-filter-btn:hover { border-color: var(--primary-dark); color: var(--primary-dark); }\r\n .spec-filter-btn.active { background: var(--primary-dark); color: var(--white); border-color: var(--primary-dark); }\r\n\r\n \/* Table *\/\r\n .spec-table-wrapper { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.06); }\r\n .spec-table { width: 100%; border-collapse: collapse; }\r\n .spec-table thead tr:first-child { background: linear-gradient(135deg, #0a1929 0%, #14334d 50%, #1e4a6d 100%); }\r\n .spec-table thead tr:nth-child(2) { background: linear-gradient(135deg, #14334d 0%, #1e4a6d 50%, #2d6a9f 100%); }\r\n .spec-table th { padding: 16px 24px; text-align: center; font-size: 0.9rem; font-weight: 600; color: #ffffff; }\r\n .spec-table th:first-child { text-align: left; }\r\n .spec-table th.col-item { width: 30%; background: rgba(0,0,0,0.15); }\r\n .spec-table tbody tr { border-bottom: 1px solid #f1f5f9; transition: background 0.2s ease; }\r\n .spec-table tbody tr:last-child { border-bottom: none; }\r\n .spec-table tbody tr:hover { background: #f8fafc; }\r\n .spec-table td { padding: 16px 24px; font-size: 0.9rem; text-align: center; color: #475569; }\r\n .spec-table td:first-child { text-align: left; font-weight: 500; color: #334155; }\r\n .value-highlight { display: inline-block; padding: 4px 14px; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 6px; color: #334155; font-weight: 500; font-size: 0.85rem; }\r\n\r\n \/* ========== CTA ========== *\/\r\n .cta-section { padding: 80px 60px; background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-mid) 100%); text-align: center; }\r\n .cta-content { max-width: 700px; margin: 0 auto; }\r\n .cta-title { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: #ffffff; margin-bottom: 16px; }\r\n .cta-text { color: rgba(255,255,255,0.85); font-size: 1.1rem; margin-bottom: 32px; }\r\n .cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\r\n .cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; border-radius: 50px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }\r\n .cta-btn-primary { background: #ffffff; color: var(--primary-dark); }\r\n .cta-btn-primary:hover { background: #f0f4f8; transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }\r\n .cta-btn-secondary { background: transparent; color: #ffffff; border: 2px solid rgba(255,255,255,0.5); }\r\n .cta-btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #ffffff; }\r\n .cta-btn svg { width: 20px; height: 20px; fill: currentColor; }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n .hero-tags { justify-content: center; }\r\n .hero-subtitle { margin: 0 auto 32px; }\r\n .description-content { grid-template-columns: 1fr; }\r\n .description-highlights { max-width: 500px; }\r\n .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n .app-grid { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n @media (max-width: 768px) {\r\n .hero { min-height: auto; padding: 100px 0 80px; }\r\n .hero-content { padding: 0 24px; }\r\n .hero-title { font-size: 2rem; }\r\n .hero-tag { padding: 10px 18px; font-size: 0.85rem; }\r\n .description-section, .features-section, .applications, .cta-section { padding: 80px 24px; }\r\n .spec-section { padding: 60px 0; }\r\n .description-highlights { grid-template-columns: 1fr; }\r\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .app-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n .app-img { height: 120px; }\r\n .cta-buttons { flex-direction: column; align-items: center; }\r\n .spec-title { font-size: 2rem; }\r\n .spec-table th, .spec-table td { padding: 12px 16px; font-size: 0.8rem; }\r\n .spec-container { padding: 0 16px; }\r\n }\r\n @media (max-width: 480px) {\r\n .hero { padding: 80px 0 60px; }\r\n .hero-title { font-size: 1.7rem; }\r\n .hero-tags { gap: 8px; }\r\n .hero-tag { padding: 8px 14px; font-size: 0.8rem; }\r\n .app-grid { grid-template-columns: 1fr; }\r\n .app-img { height: 160px; }\r\n .spec-title { font-size: 1.6rem; }\r\n .spec-table { display: block; overflow-x: auto; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"hero\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div><div class=\"hero-orb hero-orb-2\"><\/div><div class=\"hero-orb hero-orb-3\"><\/div><div class=\"hero-orb hero-orb-4\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-1\"><\/div><div class=\"hero-light-streak hero-light-streak-2\"><\/div><div class=\"hero-light-streak hero-light-streak-3\"><\/div>\r\n <div class=\"hero-particles\"><div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div><\/div>\r\n <div class=\"hero-glow-1\"><\/div><div class=\"hero-glow-2\"><\/div>\r\n <div class=\"hero-wave\">\r\n <svg viewbox=\"0 0 1440 250\" preserveaspectratio=\"none\"><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><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><\/svg>\r\n <svg viewbox=\"0 0 1440 250\" preserveaspectratio=\"none\"><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><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><\/svg>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <p class=\"hero-category\">M\u00e1y ph\u00e2n ph\u1ed1i<\/p>\r\n <h1 class=\"hero-title\">M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn<\/h1>\r\n <p class=\"hero-subtitle\">D\u00f2ng LM-5331 - Thi\u1ebft k\u1ebf ti\u1ebft ki\u1ec7m chi ph\u00ed, \u0111\u01a1n gi\u1ea3n, ph\u00f9 h\u1ee3p cho c\u00e1c b\u1ea3ng m\u1ea1ch v\u00e0 v\u1eadt li\u1ec7u n\u1ec1n \u0111a ti\u00eau chu\u1ea9n v\u1edbi \u0111\u1ed9ng c\u01a1 tuy\u1ebfn t\u00ednh c\u00f3 \u0111\u1ed9 ch\u00ednh x\u00e1c cao.<\/p>\r\n <div class=\"hero-tags\"><span class=\"hero-tag\">XYZ 3 tr\u1ee5c<\/span><span class=\"hero-tag\">\u0110\u1ed9 ch\u00ednh x\u00e1c cao<\/span><span class=\"hero-tag\">Hi\u1ec7u qu\u1ea3 v\u1ec1 chi ph\u00ed<\/span><\/div>\r\n <\/div>\r\n <div class=\"hero-visual\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Offline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"LM-5331 Offline High Speed Dispensing Machine\" class=\"machine-image\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"description-section\">\r\n <div class=\"breadcrumb\"><a href=\"\/vi\/\">Trang ch\u1ee7<\/a><span>><\/span><a href=\"\/vi\/product\/\">S\u1ea3n ph\u1ea9m<\/a><span>><\/span><span>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn<\/span><\/div>\r\n <div class=\"description-content\">\r\n <div class=\"description-text\">\r\n <h2>M\u00f4 t\u1ea3 s\u1ea3n ph\u1ea9m<\/h2>\r\n <p>D\u00f2ng LM-5331 l\u00e0 thi\u1ebft b\u1ecb ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn, c\u00f3 c\u00e1c \u01b0u \u0111i\u1ec3m sau: chi ph\u00ed h\u1ee3p l\u00fd, thi\u1ebft k\u1ebf \u0111\u01a1n gi\u1ea3n, ph\u00f9 h\u1ee3p v\u1edbi c\u00e1c lo\u1ea1i b\u1ea3ng m\u1ea1ch v\u00e0 v\u1eadt li\u1ec7u n\u1ec1n \u0111a ti\u00eau chu\u1ea9n.<\/p>\r\n <p>C\u00e1c m\u00f4-\u0111un chuy\u1ec3n \u0111\u1ed9ng ba tr\u1ee5c XYZ \u0111\u01b0\u1ee3c l\u1eafp r\u00e1p v\u1edbi c\u00e1c \u0111\u1ed9ng c\u01a1 tuy\u1ebfn t\u00ednh v\u00e0 \u0111\u1ed9ng c\u01a1 servo c\u00f3 \u0111\u1ed9 ch\u00ednh x\u00e1c cao. Giao di\u1ec7n t\u01b0\u01a1ng t\u00e1c ng\u01b0\u1eddi-m\u00e1y \u0111\u01a1n gi\u1ea3n v\u00e0 tr\u1ef1c quan, gi\u00fap thao t\u00e1c hi\u1ec7u qu\u1ea3 v\u00e0 th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng.<\/p>\r\n <\/div>\r\n <div class=\"description-highlights\">\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><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><\/div><span class=\"highlight-text\">Hi\u1ec7u qu\u1ea3 v\u1ec1 chi ph\u00ed<\/span><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><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><\/div><span class=\"highlight-text\">Thi\u1ebft k\u1ebf \u0111\u01a1n gi\u1ea3n<\/span><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><span class=\"highlight-text\">\u0110\u1ed9 ch\u00ednh x\u00e1c cao<\/span><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><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><\/div><span class=\"highlight-text\">\u0110a ti\u00eau chu\u1ea9n<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"features-section\">\r\n <div class=\"section-header\"><h2 class=\"section-title\">T\u00cdNH N\u0102NG N\u1ed4I B\u1eacT<\/h2><p class=\"section-subtitle\">C\u00f4ng ngh\u1ec7 ti\u00ean ti\u1ebfn v\u00e0 k\u1ef9 thu\u1eadt ch\u00ednh x\u00e1c \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t ph\u00e2n ph\u1ed1i \u0111\u00e1ng tin c\u1eady.<\/p><\/div>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\"><div class=\"feature-number\">01<\/div><h3 class=\"feature-card-title\">H\u1ec7 th\u1ed1ng \u0111i\u1ec1u khi\u1ec3n Windows<\/h3><p class=\"feature-card-desc\">S\u1eed d\u1ee5ng \u0111i\u1ec1u khi\u1ec3n b\u1eb1ng m\u00e1y t\u00ednh, h\u1ec7 \u0111i\u1ec1u h\u00e0nh Windows, c\u1ea3nh b\u00e1o \u00e2m thanh v\u00e0 \u00e1nh s\u00e1ng khi c\u00f3 s\u1ef1 c\u1ed1 v\u00e0 hi\u1ec3n th\u1ecb menu.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">02<\/div><h3 class=\"feature-card-title\">H\u1ec7 th\u1ed1ng \u0111\u1ecbnh v\u1ecb h\u00ecnh \u1ea3nh CCD<\/h3><p class=\"feature-card-desc\">H\u1ec7 th\u1ed1ng \u0111\u1ecbnh v\u1ecb CCD Vision cho vi\u1ec7c c\u0103n ch\u1ec9nh ch\u00ednh x\u00e1c v\u00e0 \u0111\u1eb7t v\u1ecb tr\u00ed ph\u00e2n ph\u1ed1i ch\u00ednh x\u00e1c.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">03<\/div><h3 class=\"feature-card-title\">\u0110i\u1ec1u khi\u1ec3n \u0111\u1ed9ng c\u01a1 servo<\/h3><p class=\"feature-card-desc\">S\u1eed d\u1ee5ng \u0111\u1ed9ng c\u01a1 servo cho tr\u1ee5c XYZ k\u1ebft h\u1ee3p v\u1edbi bo m\u1ea1ch \u0111i\u1ec1u khi\u1ec3n chuy\u1ec3n \u0111\u1ed9ng \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c ho\u1ea1t \u0111\u1ed9ng v\u1edbi t\u1ed1c \u0111\u1ed9 cao v\u00e0 \u0111\u1ed9 ch\u00ednh x\u00e1c cao.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">04<\/div><h3 class=\"feature-card-title\">C\u1ea5u tr\u00fac chuy\u00ean nghi\u1ec7p<\/h3><p class=\"feature-card-desc\">H\u1ec7 th\u1ed1ng \u0111i\u1ec1u khi\u1ec3n chuy\u1ec3n \u0111\u1ed9ng chuy\u00ean nghi\u1ec7p v\u00e0 c\u1ea5u tr\u00fac m\u00f4-\u0111un ch\u1ea5t l\u01b0\u1ee3ng cao t\u1ea1o n\u1ec1n t\u1ea3ng v\u1eefng ch\u1eafc cho s\u1ef1 \u1ed5n \u0111\u1ecbnh.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">05<\/div><h3 class=\"feature-card-title\">Khung g\u1ea7m b\u1eb1ng gang<\/h3><p class=\"feature-card-desc\">Khung g\u1ea7m v\u00e0 d\u1ea7m b\u1eb1ng gang cung c\u1ea5p s\u1ef1 \u0111\u1ea3m b\u1ea3o v\u1eefng ch\u1eafc cho s\u1ef1 \u1ed5n \u0111\u1ecbnh trong qu\u00e1 tr\u00ecnh v\u1eadn h\u00e0nh.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">06<\/div><h3 class=\"feature-card-title\">C\u00e1c t\u00f9y ch\u1ecdn van \u0111a d\u1ea1ng<\/h3><p class=\"feature-card-desc\">C\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c trang b\u1ecb: van phun kh\u00ed n\u00e9n, van piezoelectric, van v\u00edt, v.v.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">07<\/div><h3 class=\"feature-card-title\">L\u1eadp tr\u00ecnh linh ho\u1ea1t<\/h3><p class=\"feature-card-desc\">Nh\u1eadp tr\u1ef1c ti\u1ebfp c\u00e1c t\u1ec7p c\u1ee7a m\u00e1y \u0111\u1eb7t h\u00e0ng t\u1eeb b\u1ea5t k\u1ef3 th\u01b0\u01a1ng hi\u1ec7u n\u00e0o, ho\u1eb7c l\u1eadp tr\u00ecnh tr\u1ef1c quan tr\u1ef1c tuy\u1ebfn.<\/p><\/div>\r\n <div class=\"feature-card\"><div class=\"feature-number\">08<\/div><h3 class=\"feature-card-title\">Ph\u00e1t hi\u1ec7n \u0111\u1ed9 cao b\u1eb1ng laser<\/h3><p class=\"feature-card-desc\">H\u1ec7 th\u1ed1ng ph\u00e1t hi\u1ec7n \u0111\u1ed9 cao b\u1eb1ng laser t\u00f9y ch\u1ecdn, \u0111\u1ed9 cao tr\u1ee5c Z c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c hi\u1ec7u chu\u1ea9n t\u1ef1 \u0111\u1ed9ng sau khi chi ti\u1ebft gia c\u00f4ng b\u1ecb bi\u1ebfn d\u1ea1ng.<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"applications\">\r\n <div class=\"section-header\"><h2 class=\"section-title\">\u1ee8ng d\u1ee5ng<\/h2><p class=\"section-subtitle\">Gi\u1ea3i ph\u00e1p ph\u00e2n ph\u1ed1i \u0111a n\u0103ng cho c\u00e1c y\u00eau c\u1ea7u s\u1ea3n xu\u1ea5t \u0111a d\u1ea1ng<\/p><\/div>\r\n <div class=\"app-grid\">\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Camera-module_\u7ed3\u679c.webp\" alt=\"M\u00f4-\u0111un camera\"><\/div><div class=\"app-content\"><div class=\"app-name\">M\u00f4-\u0111un camera<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/SMT-underfill_\u7ed3\u679c.webp\" alt=\"D\u01b0\u1edbi m\u1ee9c \u0111\u1ed5 \u0111\u1ea7y\"><\/div><div class=\"app-content\"><div class=\"app-name\">D\u01b0\u1edbi m\u1ee9c \u0111\u1ed5 \u0111\u1ea7y<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Surface-mounting_\u7ed3\u679c.webp\" alt=\"L\u1eafp \u0111\u1eb7t b\u1ec1 m\u1eb7t\"><\/div><div class=\"app-content\"><div class=\"app-name\">L\u1eafp \u0111\u1eb7t b\u1ec1 m\u1eb7t<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Mobile-phone-speaker-receiver_\u7ed3\u679c.webp\" alt=\"Loa v\u00e0 micro c\u1ee7a \u0111i\u1ec7n tho\u1ea1i di \u0111\u1ed9ng\"><\/div><div class=\"app-content\"><div class=\"app-name\">Loa v\u00e0 micro c\u1ee7a \u0111i\u1ec7n tho\u1ea1i di \u0111\u1ed9ng<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-soft-board-dispensing_\u7ed3\u679c.webp\" alt=\"Ph\u00e2n ph\u1ed1i b\u1ea3ng m\u1ea1ch in m\u1ec1m (PCB)\"><\/div><div class=\"app-content\"><div class=\"app-name\">Ph\u00e2n ph\u1ed1i b\u1ea3ng m\u1ea1ch in m\u1ec1m (PCB)<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Pin-encapsulation_\u7ed3\u679c.webp\" alt=\"\u0110\u00f3ng g\u00f3i chip\"><\/div><div class=\"app-content\"><div class=\"app-name\">\u0110\u00f3ng g\u00f3i chip<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Filling-and-daming-2_\u7ed3\u679c.webp\" alt=\"\u0110\u1eafp \u0111\u1ea5t v\u00e0 \u0111\u1eafp \u0111\u1eadp\"><\/div><div class=\"app-content\"><div class=\"app-name\">\u0110\u1eafp \u0111\u1ea5t v\u00e0 \u0111\u1eafp \u0111\u1eadp<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Solar-Cell-Photovoltaic-Packaging_\u7ed3\u679c.webp\" alt=\"\u0110\u00f3ng g\u00f3i t\u1ebf b\u00e0o quang \u0111i\u1ec7n m\u1eb7t tr\u1eddi\"><\/div><div class=\"app-content\"><div class=\"app-name\">\u0110\u00f3ng g\u00f3i t\u1ebf b\u00e0o quang \u0111i\u1ec7n m\u1eb7t tr\u1eddi<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Semiconductor-New-Energy-Battery-Packaging_\u7ed3\u679c.webp\" alt=\"\u0110\u00f3ng g\u00f3i pin b\u00e1n d\u1eabn\"><\/div><div class=\"app-content\"><div class=\"app-name\">\u0110\u00f3ng g\u00f3i pin b\u00e1n d\u1eabn<\/div><\/div><\/div>\r\n <div class=\"app-card\"><div class=\"app-img\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/VCM-Motors-and-Vibration-Motors_\u7ed3\u679c.webp\" alt=\"\u0110\u1ed9ng c\u01a1 VCM v\u00e0 \u0110\u1ed9ng c\u01a1 rung\"><\/div><div class=\"app-content\"><div class=\"app-name\">\u0110\u1ed9ng c\u01a1 VCM v\u00e0 \u0110\u1ed9ng c\u01a1 rung<\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2605 \u65b0\u53c2\u6570\u8868\uff1a\u6d45\u8272\u80cc\u666f + \u591a\u578b\u53f7\u5bf9\u6bd4 + \u7b5b\u9009\u6309\u94ae -->\r\n <section class=\"spec-section\">\r\n <div class=\"spec-container\">\r\n <div class=\"spec-header\">\r\n <span class=\"spec-badge\">TH\u00d4NG S\u1ed0 K\u1ef8 THU\u1eacT<\/span>\r\n <h2 class=\"spec-title\">Th\u00f4ng s\u1ed1 chi ti\u1ebft<\/h2>\r\n <p class=\"spec-subtitle\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt chi ti\u1ebft cho t\u1ea5t c\u1ea3 c\u00e1c bi\u1ebfn th\u1ec3 c\u1ee7a m\u1eabu xe.<\/p>\r\n <\/div>\r\n\r\n <div class=\"spec-filters\">\r\n <button class=\"spec-filter-btn active\" onclick=\"filterSpec('all')\">T\u1ea5t c\u1ea3 c\u00e1c m\u1eabu<\/button>\r\n <button class=\"spec-filter-btn\" onclick=\"filterSpec('dx')\">LM-5331DX<\/button>\r\n <button class=\"spec-filter-btn\" onclick=\"filterSpec('x')\">LM-5331X<\/button>\r\n <\/div>\r\n\r\n <div class=\"spec-table-wrapper\">\r\n <table class=\"spec-table\">\r\n <thead>\r\n <tr>\r\n <th class=\"col-item\">M\u1eb7t h\u00e0ng<\/th>\r\n <th colspan=\"2\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt v\u00e0 m\u00f4 t\u1ea3<\/th>\r\n <\/tr>\r\n <tr>\r\n <th class=\"col-item\"><\/th>\r\n <th class=\"col-dx\">LM-5331DX<\/th>\r\n <th class=\"col-x\">LM-5331X<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr><td>S\u1ed1 model.<\/td><td class=\"col-dx\">LM-5331DX<\/td><td class=\"col-x\">LM-5331X<\/td><\/tr>\r\n <tr><td>K\u00edch th\u01b0\u1edbc<\/td><td class=\"col-dx\">Chi\u1ec1u d\u00e0i: 900mm Chi\u1ec1u r\u1ed9ng: 950mm<br>H=1550mm<\/td><td class=\"col-x\">Chi\u1ec1u d\u00e0i: 900mm Chi\u1ec1u r\u1ed9ng: 950mm<br>H=1550mm<\/td><\/tr>\r\n <tr><td>Tr\u1ecdng l\u01b0\u1ee3ng t\u1ecbnh<\/td><td class=\"col-dx\"><span class=\"value-highlight\">400 kg<\/span><\/td><td class=\"col-x\"><span class=\"value-highlight\">400 kg<\/span><\/td><\/tr>\r\n <tr><td>Ki\u1ec3m so\u00e1t<\/td><td class=\"col-dx\">Bo m\u1ea1ch \u0111i\u1ec1u khi\u1ec3n chuy\u1ec3n \u0111\u1ed9ng IPC+<\/td><td class=\"col-x\">Bo m\u1ea1ch \u0111i\u1ec1u khi\u1ec3n chuy\u1ec3n \u0111\u1ed9ng IPC+<\/td><\/tr>\r\n <tr><td>Ph\u1ea7n m\u1ec1m<\/td><td class=\"col-dx\">Ph\u1ea7n m\u1ec1m Sanco + Windows<\/td><td class=\"col-x\">Ph\u1ea7n m\u1ec1m Sanco + Windows<\/td><\/tr>\r\n <tr><td>S\u1ed1 l\u01b0\u1ee3ng tr\u1ee5c<\/td><td class=\"col-dx\">X Y Z<\/td><td class=\"col-x\">X Y Z<\/td><\/tr>\r\n <tr><td>H\u1ec7 th\u1ed1ng truy\u1ec1n \u0111\u1ed9ng tr\u1ee5c ch\u00ednh<\/td><td class=\"col-dx\">Linear motor XY<br>Servo motor Z<\/td><td class=\"col-x\">Linear motor XY<br>Servo motor Z<\/td><\/tr>\r\n <tr><td>Ph\u1ea1m vi kho\u1ea3ng c\u00e1ch<\/td><td class=\"col-dx\"><span class=\"value-highlight\">X:300 Y:300 Z:50 (mm)<\/span><\/td><td class=\"col-x\"><span class=\"value-highlight\">X:300 Y:300 Z:50 (mm)<\/span><\/td><\/tr>\r\n <tr><td>S\u1ed1 l\u01b0\u1ee3ng van<\/td><td class=\"col-dx\">Van piezo ti\u00eau chu\u1ea9n<\/td><td class=\"col-x\">Van piezo ti\u00eau chu\u1ea9n<\/td><\/tr>\r\n <tr><td>T\u1ed1c \u0111\u1ed9 t\u1ed1i \u0111a X\/Y\/Z<\/td><td class=\"col-dx\"><span class=\"value-highlight\">800mm\/s X\/Y, 300mm\/s Z<\/span><\/td><td class=\"col-x\"><span class=\"value-highlight\">800mm\/s X\/Y, 300mm\/s Z<\/span><\/td><\/tr>\r\n <tr><td>Repeat accuracy<\/td><td class=\"col-dx\">\u00b10,01 mm<\/td><td class=\"col-x\">\u00b10,01 mm<\/td><\/tr>\r\n <tr><td>Air supply<\/td><td class=\"col-dx\">0.5~0.7 Mpa<\/td><td class=\"col-x\">0.5~0.7 Mpa<\/td><\/tr>\r\n <tr><td>Ngu\u1ed3n \u0111i\u1ec7n<\/td><td class=\"col-dx\">220V\/AC 50HZ<\/td><td class=\"col-x\">220V\/AC 50HZ<\/td><\/tr>\r\n <tr><td>Power<\/td><td class=\"col-dx\">2KW<\/td><td class=\"col-x\">2KW<\/td><\/tr>\r\n <tr><td>Vision<\/td><td class=\"col-dx\">CCD vision system<\/td><td class=\"col-x\">CCD vision system<\/td><\/tr>\r\n <tr><td>Loading method<\/td><td class=\"col-dx\">Manual + Tray<\/td><td class=\"col-x\">Manual + Tray<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Spec filter\r\n function filterSpec(model) {\r\n document.querySelectorAll('.spec-filter-btn').forEach(btn => btn.classList.remove('active'));\r\n event.target.classList.add('active');\r\n \r\n const dxCols = document.querySelectorAll('.col-dx');\r\n const xCols = document.querySelectorAll('.col-x');\r\n \r\n if (model === 'all') {\r\n dxCols.forEach(el => el.style.display = '');\r\n xCols.forEach(el => el.style.display = '');\r\n } else if (model === 'dx') {\r\n dxCols.forEach(el => el.style.display = '');\r\n xCols.forEach(el => el.style.display = 'none');\r\n } else if (model === 'x') {\r\n dxCols.forEach(el => el.style.display = 'none');\r\n xCols.forEach(el => el.style.display = '');\r\n }\r\n \r\n \/\/ Fix colspan\r\n const headerSpan = document.querySelector('.spec-table thead tr:first-child th:nth-child(2)');\r\n if (model === 'all') headerSpan.setAttribute('colspan', '2');\r\n else headerSpan.setAttribute('colspan', '1');\r\n }\r\n\r\n \/\/ Scroll animation\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n document.querySelectorAll('.feature-card, .highlight-item, .app-card').forEach(el => {\r\n el.style.opacity = '0'; el.style.transform = 'translateY(20px)'; el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n });\r\n document.querySelectorAll('.feature-card').forEach((c,i) => { c.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>\n\t\t<div class=\"elementor-element elementor-element-a65ba55 e-con-full e-flex e-con e-parent\" data-id=\"a65ba55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2c8aa4 elementor-widget elementor-widget-html\" data-id=\"a2c8aa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- LM-5331 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 \r\n <!--no numeric noise key 1014-->\r\n <div class=\"param-header\">\r\n <span class=\"param-tag\">TH\u00d4NG S\u1ed0 K\u1ef8 THU\u1eacT<\/span>\r\n <h2 class=\"param-title\">Th\u00f4ng s\u1ed1 chi ti\u1ebft<\/h2>\r\n <p class=\"param-subtitle\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt chi ti\u1ebft cho t\u1ea5t c\u1ea3 c\u00e1c bi\u1ebfn th\u1ec3 c\u1ee7a m\u1eabu xe.<\/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')\">T\u1ea5t c\u1ea3 c\u00e1c m\u1eabu<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'lm5331dx')\">LM-5331DX<\/button>\r\n <button class=\"model-btn\" onclick=\"selectModel(this, 'lm5331x')\">LM-5331X<\/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>K\u00e9o \u0111\u1ec3 xem t\u1ea5t c\u1ea3 c\u00e1c m\u1eabu<\/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=\"Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt c\u1ee7a d\u00f2ng s\u1ea3n ph\u1ea9m LM-5331\">\r\n <thead>\r\n <tr>\r\n <th class=\"spec-col\">M\u1eb7t h\u00e0ng<\/th>\r\n <th class=\"model-col-header\" colspan=\"2\">Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt v\u00e0 m\u00f4 t\u1ea3<\/th>\r\n <\/tr>\r\n <tr>\r\n <th class=\"spec-col-sub\"><\/th>\r\n <th class=\"model-col lm5331dx-col\">LM-5331DX<\/th>\r\n <th class=\"model-col lm5331x-col\">LM-5331X<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"spec-name\">S\u1ed1 model.<\/td>\r\n <td class=\"model-col lm5331dx-col\">LM-5331DX<\/td>\r\n <td class=\"model-col lm5331x-col\">LM-5331X<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">K\u00edch th\u01b0\u1edbc<\/td>\r\n <td class=\"model-col lm5331dx-col\">Chi\u1ec1u d\u00e0i: 900mm Chi\u1ec1u r\u1ed9ng: 950mm<br>H=1550mm<\/td>\r\n <td class=\"model-col lm5331x-col\">Chi\u1ec1u d\u00e0i: 900mm Chi\u1ec1u r\u1ed9ng: 950mm<br>H=1550mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Tr\u1ecdng l\u01b0\u1ee3ng t\u1ecbnh<\/td>\r\n <td class=\"model-col lm5331dx-col\"><span class=\"highlight\">400 kg<\/span><\/td>\r\n <td class=\"model-col lm5331x-col\"><span class=\"highlight\">400 kg<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Ki\u1ec3m so\u00e1t<\/td>\r\n <td class=\"model-col lm5331dx-col\">Bo m\u1ea1ch \u0111i\u1ec1u khi\u1ec3n chuy\u1ec3n \u0111\u1ed9ng IPC+<\/td>\r\n <td class=\"model-col lm5331x-col\">Bo m\u1ea1ch \u0111i\u1ec1u khi\u1ec3n chuy\u1ec3n \u0111\u1ed9ng IPC+<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Ph\u1ea7n m\u1ec1m<\/td>\r\n <td class=\"model-col lm5331dx-col\">Ph\u1ea7n m\u1ec1m Sanco + Windows<\/td>\r\n <td class=\"model-col lm5331x-col\">Ph\u1ea7n m\u1ec1m Sanco + Windows<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">H\u1ec7 th\u1ed1ng truy\u1ec1n \u0111\u1ed9ng tr\u1ee5c ch\u00ednh<\/td>\r\n <td class=\"model-col lm5331dx-col\">M\u00f4-t\u01a1 servo cho tr\u1ee5c X, Y, Z<\/td>\r\n <td class=\"model-col lm5331x-col\">M\u00f4-t\u01a1 servo cho tr\u1ee5c X, Y, Z<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Khu v\u1ef1c kho\u1ea3ng c\u00e1ch<\/td>\r\n <td class=\"model-col lm5331dx-col\"><span class=\"highlight-blue\">X: 500 mm Y: 600 mm Z: 75 m<\/span><\/td>\r\n <td class=\"model-col lm5331x-col\"><span class=\"highlight-blue\">X: 560 mm Y: 600 mm Z: 75 mm<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Ph\u1ea1m vi ph\u00e2n ph\u1ed1i<\/td>\r\n <td class=\"model-col lm5331dx-col\">X:250 Y:300 Z:75 (mm)<br>(N\u1ec1n t\u1ea3ng k\u00e9p)<\/td>\r\n <td class=\"model-col lm5331x-col\">X:500 Y:300 Z:75(mm)<br>(N\u1ec1n t\u1ea3ng duy nh\u1ea5t)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">S\u1ed1 l\u01b0\u1ee3ng van<\/td>\r\n <td class=\"model-col lm5331dx-col\">1 chi\u1ebfc (Ti\u00eau chu\u1ea9n)<\/td>\r\n <td class=\"model-col lm5331x-col\">1 chi\u1ebfc (Ti\u00eau chu\u1ea9n)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">T\u1ed1c \u0111\u1ed9 t\u1ed1i \u0111a X\/Y\/Z<\/td>\r\n <td class=\"model-col lm5331dx-col\"><span class=\"highlight\">1000 mm\/s cho tr\u1ee5c XY, 300 mm\/s cho tr\u1ee5c Z<\/span><\/td>\r\n <td class=\"model-col lm5331x-col\"><span class=\"highlight\">1000 mm\/s, tr\u1ee5c XY, 300 mm\/s tr\u1ee5c Z<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">\u0110\u1ed9 ch\u00ednh x\u00e1c l\u1eb7p l\u1ea1i<\/td>\r\n <td class=\"model-col lm5331dx-col\"><span class=\"highlight-green\">\u00b10,02 mm<\/span><\/td>\r\n <td class=\"model-col lm5331x-col\"><span class=\"highlight-green\">\u00b10,02 mm<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">\u0110\u00f3ng g\u00f3i v\u1eadt li\u1ec7u<\/td>\r\n <td class=\"model-col lm5331dx-col\">30cc\/55cc<\/td>\r\n <td class=\"model-col lm5331x-col\">30cc\/55cc<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Ph\u01b0\u01a1ng ph\u00e1p l\u00e0m vi\u1ec7c<\/td>\r\n <td class=\"model-col lm5331dx-col\">T\u1ea3i v\u00e0 d\u1ee1 h\u00e0ng h\u00f3a b\u1eb1ng tay<\/td>\r\n <td class=\"model-col lm5331x-col\">T\u1ea3i v\u00e0 d\u1ee1 h\u00e0ng h\u00f3a b\u1eb1ng tay<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">V\u1ecb tr\u00ed<\/td>\r\n <td class=\"model-col lm5331dx-col\">\u0110\u1ecbnh v\u1ecb h\u00ecnh \u1ea3nh b\u1eb1ng c\u1ea3m bi\u1ebfn CCD \u0111\u1ed9 ch\u00ednh x\u00e1c cao<\/td>\r\n <td class=\"model-col lm5331x-col\">\u0110\u1ecbnh v\u1ecb h\u00ecnh \u1ea3nh b\u1eb1ng c\u1ea3m bi\u1ebfn CCD \u0111\u1ed9 ch\u00ednh x\u00e1c cao<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">B\u00e1o \u0111\u1ed9ng<\/td>\r\n <td class=\"model-col lm5331dx-col\">C\u00f2i b\u00e1o \u0111\u1ed9ng \u00e2m thanh v\u00e0 \u00e1nh s\u00e1ng<\/td>\r\n <td class=\"model-col lm5331x-col\">C\u00f2i b\u00e1o \u0111\u1ed9ng \u00e2m thanh v\u00e0 \u00e1nh s\u00e1ng<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Ngu\u1ed3n \u0111i\u1ec7n<\/td>\r\n <td class=\"model-col lm5331dx-col\">220V 50\/60Hz<\/td>\r\n <td class=\"model-col lm5331x-col\">220V 50\/60Hz<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">\u00c1p su\u1ea5t kh\u00f4ng kh\u00ed<\/td>\r\n <td class=\"model-col lm5331dx-col\">>0,5 MPa<\/td>\r\n <td class=\"model-col lm5331x-col\">>0,5 MPa<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">C\u00f4ng su\u1ea5t t\u1ed5ng<\/td>\r\n <td class=\"model-col lm5331dx-col\">1100W<\/td>\r\n <td class=\"model-col lm5331x-col\">1100W<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">N\u1ec1n t\u1ea3ng l\u00e0m vi\u1ec7c<\/td>\r\n <td class=\"model-col lm5331dx-col\"><span class=\"highlight-blue\">N\u1ec1n t\u1ea3ng k\u00e9p<\/span><\/td>\r\n <td class=\"model-col lm5331x-col\"><span class=\"highlight-blue\">N\u1ec1n t\u1ea3ng duy nh\u1ea5t<\/span><\/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\/* ========== LM-5331 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: #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 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: #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.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: 28%;\r\n text-align: left;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n border-radius: 12px 0 0 0;\r\n vertical-align: middle;\r\n}\r\n\r\n.param-table th.spec-col-sub {\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n border: none;\r\n}\r\n\r\n.param-table th.model-col-header {\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n border-radius: 0 12px 0 0;\r\n}\r\n\r\n.param-table th.lm5331dx-col {\r\n width: 36%;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n}\r\n\r\n.param-table th.lm5331x-col {\r\n width: 36%;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #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 #f1f5f9;\r\n color: #334155;\r\n vertical-align: middle;\r\n text-align: center;\r\n line-height: 1.5;\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 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.param-table tbody tr:last-child td {\r\n border-bottom: none;\r\n}\r\n\r\n\/* Highlight Styles *\/\r\n.highlight {\r\n display: inline-block;\r\n background: linear-gradient(135deg, rgba(8, 77, 164, 0.1), rgba(37, 150, 190, 0.1));\r\n color: #084da4;\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(37, 150, 190, 0.15);\r\n color: #0e5a9e;\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 flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .model-btn {\r\n padding: 10px 20px;\r\n font-size: 0.8rem;\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: 600px;\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 th.spec-col-sub,\r\n .param-table td.spec-name {\r\n position: sticky;\r\n left: 0;\r\n z-index: 2;\r\n min-width: 140px;\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 display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n }\r\n\r\n .model-btn {\r\n width: 100%;\r\n padding: 10px 16px;\r\n border-radius: 10px;\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: 500px;\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 word-break: break-word;\r\n }\r\n\r\n .param-table th.spec-col,\r\n .param-table th.spec-col-sub,\r\n .param-table td.spec-name {\r\n min-width: 120px;\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: 450px;\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');\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 \/\/ Reset header colspan\r\n const headerMain = document.querySelector('th.model-col-header');\r\n if (headerMain) headerMain.setAttribute('colspan', '2');\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 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-0653d98 e-con-full e-flex e-con e-parent\" data-id=\"0653d98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-645bd2c elementor-widget elementor-widget-html\" data-id=\"645bd2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sanco-featured-section\">\r\n \r\n <div class=\"sanco-featured-container\">\r\n \r\n <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n <div class=\"sanco-featured-left\">\r\n <span class=\"sanco-featured-index\">SANCO<\/span>\r\n <h2 class=\"sanco-featured-title\"> \r\n Thi\u1ebft b\u1ecb ph\u00e2n ph\u1ed1i n\u1ed5i b\u1eadt:<br>\r\n \u0110\u1ed9 ch\u00ednh x\u00e1c t\u1eeb keo h\u00e0ng \u0111\u1ea7u<br>\r\n Nh\u00e0 s\u1ea3n xu\u1ea5t m\u00e1y ph\u00e2n ph\u1ed1i \r\n <\/h2>\r\n <a href=\"#\" class=\"sanco-featured-readmore\">\u0110\u1ecdc th\u00eam<\/a>\r\n\r\n <div class=\"sanco-featured-arrows\">\r\n <button id=\"sancoFeaturedPrev\">\u2190<\/button>\r\n <button id=\"sancoFeaturedNext\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n <div class=\"sanco-featured-slider-wrapper\">\r\n <div class=\"sanco-featured-slider\" id=\"sancoFeaturedSlider\">\r\n\r\n <!-- \u4ea7\u54c1 1: LM Series -->\r\n <a href=\"\/vi\/high-speed-dispenser\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp\" alt=\"M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u1ea1ng th\u1eb3ng h\u00e0ng series LM\"> \r\n <p>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u1ea1ng th\u1eb3ng h\u00e0ng series LM<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 2: Offline Dispensing Machine -->\r\n <a href=\"\/vi\/offline-high-speed-dispensing-machine\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Offline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn\">\r\n <p>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i tuy\u1ebfn<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 3: Desktop Visual Dispensing Machine -->\r\n <a href=\"\/vi\/giao-dien-nguoi-dung-tren-may-tinh-de-ban\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Desktop-visual-dispenser-machine-scaled_\u7ed3\u679c.webp\" alt=\"M\u00e1y ph\u00e2n ph\u1ed1i h\u00ecnh \u1ea3nh tr\u00ean m\u00e0n h\u00ecnh desktop\">\r\n <p>M\u00e1y ph\u00e2n ph\u1ed1i h\u00ecnh \u1ea3nh tr\u00ean m\u00e0n h\u00ecnh desktop<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 4: DS Series -->\r\n <a href=\"\/vi\/ds-series-linlinehigh-speeddispensing-machine\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u00f2ng DS\">\r\n <p>M\u00e1y ph\u00e2n ph\u1ed1i t\u1ed1c \u0111\u1ed9 cao d\u00f2ng DS<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 5: Piezo Valve 1 -->\r\n <a href=\"\/vi\/piezo-valve-1\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"Van piezo\">\r\n <p>Van piezo<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 6: Piezo Valve 2 -->\r\n <a href=\"\/vi\/piezo-valve-2\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve-2_\u7ed3\u679c.webp\" alt=\"Van piezo\">\r\n <p>Van piezo<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 7: Piezo Valve Controller -->\r\n <a href=\"\/vi\/piezo-valve-controller\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/piezo-Valve-Controller_\u7ed3\u679c.webp\" alt=\"B\u1ed9 \u0111i\u1ec1u khi\u1ec3n van piezo\">\r\n <p>B\u1ed9 \u0111i\u1ec1u khi\u1ec3n van piezo<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 8: Single Liquid Screw Valve -->\r\n <a href=\"\/vi\/chat-long-don\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"Van \u1ed1c v\u00edt ch\u1ea5t l\u1ecfng \u0111\u01a1n\">\r\n <p>Van \u1ed1c v\u00edt ch\u1ea5t l\u1ecfng \u0111\u01a1n<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 9: Dual Liquid Screw Valve -->\r\n <a href=\"\/vi\/dual-liquid-screw-valve\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/dual-liquid.png\" alt=\"Van \u1ed1c v\u00edt hai ch\u1ea5t l\u1ecfng\">\r\n <p>Van \u1ed1c v\u00edt hai ch\u1ea5t l\u1ecfng<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 10: CANP 5G Pump -->\r\n <a href=\"\/vi\/canp-5g-pump\/\" class=\"sanco-featured-card-link\">\r\n <div class=\"sanco-featured-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp\" alt=\"B\u01a1m CANP 5G\">\r\n <p>B\u01a1m CANP 5G<\/p>\r\n <span class=\"sanco-featured-card-readmore\">\u0110\u1ecdc th\u00eam \u2192<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Featured Section - \u72ec\u7acb\u547d\u540d\u7a7a\u95f4 ===== *\/\r\n.sanco-featured-section {\r\n background: linear-gradient(135deg, #f0f5fb 0%, #e3edf7 50%, #dce7f3 100%);\r\n padding: 120px 0;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 800px;\r\n}\r\n\r\n\/* \u80cc\u666f\u7f51\u683c *\/\r\n.sanco-featured-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: \r\n linear-gradient(rgba(8, 77, 164, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(8, 77, 164, 0.03) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n}\r\n\r\n\/* \u5927\u578b\u88c5\u9970\u5706 - \u53f3\u4e0a *\/\r\n.sanco-featured-section::after {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(8, 77, 164, 0.12) 0%, rgba(8, 77, 164, 0.06) 40%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoFeaturedFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(-30px, 30px) scale(1.05); }\r\n}\r\n\r\n\/* \u88c5\u9970\u5706\u73af *\/\r\n.sanco-featured-container::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -150px;\r\n left: -150px;\r\n width: 500px;\r\n height: 500px;\r\n border: 2px solid rgba(8, 77, 164, 0.08);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoFeaturedRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedRotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(380deg); }\r\n}\r\n\r\n\/* \u5c0f\u578b\u88c5\u9970\u70b9 *\/\r\n.sanco-featured-container::after {\r\n content: '';\r\n position: absolute;\r\n top: 15%;\r\n left: 10%;\r\n width: 120px;\r\n height: 120px;\r\n background: radial-gradient(circle, rgba(8, 77, 164, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoFeaturedPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedPulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.5; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n}\r\n\r\n.sanco-featured-container {\r\n max-width: 1600px;\r\n margin: auto;\r\n padding: 0 50px;\r\n display: flex;\r\n gap: 50px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* \u989d\u5916\u88c5\u9970\u5143\u7d20 - \u53f3\u4fa7\u5149\u6655 *\/\r\n.sanco-featured-slider-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(10, 95, 199, 0.08) 0%, transparent 60%);\r\n border-radius: 50%;\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n z-index: -1;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u88c5\u9970\u7ebf\u6761 *\/\r\n.sanco-featured-left::before {\r\n content: '';\r\n position: absolute;\r\n left: -30px;\r\n top: 20%;\r\n width: 4px;\r\n height: 60%;\r\n background: linear-gradient(180deg, transparent, rgba(8, 77, 164, 0.3), transparent);\r\n border-radius: 2px;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-featured-left {\r\n flex: 0 0 15%;\r\n position: relative;\r\n}\r\n\r\n.sanco-featured-index {\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: #d6deeb;\r\n margin-bottom: 8px;\r\n display: block;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 4px rgba(8, 77, 164, 0.1);\r\n}\r\n\r\n.sanco-featured-title {\r\n font-size: 26px;\r\n line-height: 1.4;\r\n margin-bottom: 24px;\r\n color: #1a2332;\r\n}\r\n\r\n\/* Read More \u94fe\u63a5 *\/\r\n.sanco-featured-readmore {\r\n text-decoration: underline;\r\n color: #084da4;\r\n font-size: 15px;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n display: inline-block;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.sanco-featured-readmore:hover {\r\n color: #062c4d;\r\n}\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-featured-arrows {\r\n display: flex;\r\n gap: 12px;\r\n}\r\n\r\n.sanco-featured-arrows button {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #084da4;\r\n background: #fff;\r\n color: #084da4;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: all .3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 2px 8px rgba(8, 77, 164, 0.1);\r\n}\r\n\r\n.sanco-featured-arrows button:hover {\r\n background: #084da4;\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(8, 77, 164, 0.2);\r\n}\r\n\r\n.sanco-featured-arrows button:active {\r\n transform: translateY(0);\r\n}\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-featured-slider-wrapper {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.sanco-featured-slider {\r\n display: flex;\r\n gap: 35px;\r\n transition: transform 0.6s ease;\r\n}\r\n\r\n\/* ===== \u5361\u7247\u94fe\u63a5 ===== *\/\r\n.sanco-featured-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\/* ===== \u4ea7\u54c1\u5361 ===== *\/\r\n.sanco-featured-card {\r\n min-width: 380px;\r\n height: 550px;\r\n padding: 45px 35px;\r\n text-align: center;\r\n background: #fff;\r\n border-radius: 16px;\r\n box-shadow:\r\n 0 10px 30px rgba(8, 77, 164, 0.12),\r\n 0 4px 10px rgba(0, 0, 0, 0.05);\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.sanco-featured-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #084da4, #0a5fc7);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card {\r\n transform: translateY(-8px);\r\n box-shadow:\r\n 0 15px 40px rgba(8, 77, 164, 0.18),\r\n 0 6px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.sanco-featured-card img {\r\n max-width: 100%;\r\n height: 330px;\r\n object-fit: contain;\r\n margin-bottom: 24px;\r\n transition: transform 0.35s ease;\r\n transform-origin: center;\r\n}\r\n\r\n@media (hover: hover) {\r\n .sanco-featured-card-link:hover .sanco-featured-card img {\r\n transform: scale(1.12);\r\n }\r\n}\r\n\r\n\/* \u540d\u79f0 *\/\r\n.sanco-featured-card p {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #084da4;\r\n margin: 0 0 12px 0;\r\n min-height: 54px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n\/* Read More \u6309\u94ae *\/\r\n.sanco-featured-card-readmore {\r\n display: inline-block;\r\n font-size: 14px;\r\n color: #084da4;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n opacity: 0.8;\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card-readmore {\r\n opacity: 1;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* ===== \u5e73\u677f\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 1024px) {\r\n .sanco-featured-section {\r\n padding: 100px 0;\r\n min-height: 750px;\r\n }\r\n \r\n .sanco-featured-container {\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 0 30px;\r\n }\r\n \r\n .sanco-featured-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .sanco-featured-index {\r\n font-size: 42px;\r\n }\r\n \r\n .sanco-featured-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .sanco-featured-readmore {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .sanco-featured-arrows {\r\n justify-content: center;\r\n }\r\n \r\n .sanco-featured-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n \r\n .sanco-featured-slider {\r\n display: flex;\r\n gap: 30px;\r\n padding: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n \r\n .sanco-featured-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n \r\n .sanco-featured-card {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n height: 520px;\r\n padding: 40px 30px;\r\n }\r\n \r\n .sanco-featured-card img {\r\n height: 300px;\r\n }\r\n \r\n .sanco-featured-left::before,\r\n .sanco-featured-slider-wrapper::before {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* ===== \u79fb\u52a8\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 768px) {\r\n .sanco-featured-section {\r\n padding: 80px 20px;\r\n min-height: auto;\r\n }\r\n \r\n .sanco-featured-container {\r\n flex-direction: column;\r\n gap: 50px;\r\n padding: 0;\r\n }\r\n \r\n .sanco-featured-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .sanco-featured-index {\r\n font-size: 40px;\r\n }\r\n \r\n .sanco-featured-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .sanco-featured-readmore {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .sanco-featured-arrows {\r\n justify-content: center;\r\n }\r\n \r\n .sanco-featured-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n \r\n .sanco-featured-slider {\r\n display: flex;\r\n gap: 20px;\r\n padding: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n \r\n .sanco-featured-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-featured-card {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: none;\r\n height: 480px;\r\n padding: 40px 30px;\r\n }\r\n \r\n .sanco-featured-card img {\r\n height: 280px;\r\n }\r\n \r\n .sanco-featured-card p {\r\n min-height: 48px;\r\n }\r\n \r\n .sanco-featured-left::before,\r\n .sanco-featured-slider-wrapper::before {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* ===== \u5c0f\u5c4f\u624b\u673a ===== *\/\r\n@media (max-width: 480px) {\r\n .sanco-featured-section {\r\n padding: 60px 15px;\r\n }\r\n \r\n .sanco-featured-index {\r\n font-size: 36px;\r\n }\r\n \r\n .sanco-featured-title {\r\n font-size: 20px;\r\n }\r\n \r\n .sanco-featured-card {\r\n height: 440px;\r\n padding: 35px 25px;\r\n }\r\n \r\n .sanco-featured-card img {\r\n height: 240px;\r\n }\r\n \r\n .sanco-featured-card p {\r\n font-size: 16px;\r\n min-height: 44px;\r\n }\r\n \r\n .sanco-featured-arrows button {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 16px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n const slider = document.getElementById('sancoFeaturedSlider');\r\n const prev = document.getElementById('sancoFeaturedPrev');\r\n const next = document.getElementById('sancoFeaturedNext');\r\n \r\n if (!slider || !prev || !next) return;\r\n \r\n \/\/ \u5224\u65ad\u662f\u5426\u4e3a\u5355\u5361\u6a21\u5f0f\uff08\u5e73\u677f\u548c\u624b\u673a\uff09\r\n function isSingleCardMode() {\r\n return window.innerWidth <= 1024;\r\n }\r\n \r\n function getCardWidth() {\r\n const card = slider.querySelector('.sanco-featured-card');\r\n if (!card) return 395;\r\n const cardLink = slider.querySelector('.sanco-featured-card-link');\r\n const width = cardLink ? cardLink.offsetWidth : card.offsetWidth;\r\n const gap = isSingleCardMode() ? (window.innerWidth <= 768 ? 20 : 30) : 35;\r\n return width + gap;\r\n }\r\n \r\n const totalCards = slider.children.length;\r\n let index = 0;\r\n let autoScrollInterval;\r\n let isUserInteracting = false;\r\n\r\n \/\/ \u66f4\u65b0\u6ed1\u52a8\u4f4d\u7f6e\r\n function updateSliderPosition() {\r\n const cardWidth = getCardWidth();\r\n slider.style.transform = `translateX(-${index * cardWidth}px)`;\r\n }\r\n\r\n \/\/ \u81ea\u52a8\u6eda\u52a8\u51fd\u6570 - \u5faa\u73af\u64ad\u653e\r\n function autoScroll() {\r\n if (isUserInteracting) return;\r\n \r\n index++;\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n }\r\n\r\n \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n function startAutoScroll() {\r\n stopAutoScroll();\r\n autoScrollInterval = setInterval(autoScroll, 3000);\r\n }\r\n\r\n \/\/ \u505c\u6b62\u81ea\u52a8\u6eda\u52a8\r\n function stopAutoScroll() {\r\n if (autoScrollInterval) {\r\n clearInterval(autoScrollInterval);\r\n autoScrollInterval = null;\r\n }\r\n }\r\n\r\n \/\/ \u7528\u6237\u4ea4\u4e92\u5904\u7406\r\n function handleUserInteraction() {\r\n isUserInteracting = true;\r\n stopAutoScroll();\r\n setTimeout(() => {\r\n isUserInteracting = false;\r\n startAutoScroll();\r\n }, 5000);\r\n }\r\n\r\n \/\/ \u4e0b\u4e00\u5f20\r\n next.onclick = () => {\r\n handleUserInteraction();\r\n index++;\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n };\r\n\r\n \/\/ \u4e0a\u4e00\u5f20\r\n prev.onclick = () => {\r\n handleUserInteraction();\r\n index--;\r\n if (index < 0) {\r\n index = totalCards - 1;\r\n }\r\n updateSliderPosition();\r\n };\r\n \r\n \/\/ \u9f20\u6807\u60ac\u505c\u65f6\u6682\u505c\r\n slider.addEventListener('mouseenter', stopAutoScroll);\r\n slider.addEventListener('mouseleave', startAutoScroll);\r\n \r\n \/\/ \u89e6\u6478\u65f6\u6682\u505c\r\n slider.addEventListener('touchstart', handleUserInteraction);\r\n \r\n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n \/\/ \u786e\u4fddindex\u4e0d\u8d85\u51fa\u8303\u56f4\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n startAutoScroll();\r\n }, 250);\r\n });\r\n \r\n \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n startAutoScroll();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Offline High Speed Dispensing Machine | LM-5331 Series | Sanco Dispensing Machine Offline High Speed Dispensing Machine LM-5331 series – Cost-effective, simple design, suitable for multi-standard circuit boards and substrates with high-precision linear motors. XYZ 3-AxialHigh PrecisionCost Effective Home>Products>Offline High Speed Dispensing Machine Product Description LM-5331 series is offline high-speed dispensing equipment with advantages of: […]<\/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-881","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":82,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/881\/revisions"}],"predecessor-version":[{"id":6566,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/881\/revisions\/6566"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/media?parent=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}