{"id":54,"date":"2025-12-19T01:51:49","date_gmt":"2025-12-19T01:51:49","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=54"},"modified":"2026-04-13T07:03:46","modified_gmt":"2026-04-13T07:03:46","slug":"home","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/th","title":{"rendered":"\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62717e1 e-con-full e-flex e-con e-parent\" data-id=\"62717e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c0ec3b elementor-widget elementor-widget-html\" data-id=\"5c0ec3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n\r\n    .hero-banner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 89vh;\r\n        min-height: 500px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: #0a1628;\r\n    }\r\n\r\n    \/**\/\r\n    .hero-poster {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background-image: url(\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/hero_\u7ed3\u679c.webp\");\r\n        background-size: cover;\r\n        background-position: center center;\r\n        opacity: 1;\r\n        transition: opacity 0.8s ease;\r\n    }\r\n\r\n    \/* \u89c6\u9891\u5c31\u7eea\u540e\u56fe\u7247\u6de1\u51fa *\/\r\n    .hero-banner.video-ready .hero-poster {\r\n        opacity: 0;\r\n    }\r\n\r\n    .video-background {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .video-background video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    .video-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 3;\r\n        background: rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 4;\r\n        text-align: center;\r\n        padding: 20px;\r\n        max-width: 900px;\r\n        animation: fadeInUp 1s ease-out;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .hero-title {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(28px, 5vw, 56px);\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        margin-bottom: 20px;\r\n        line-height: 1.2;\r\n        letter-spacing: 1px;\r\n        text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .hero-subtitle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(16px, 2.5vw, 24px);\r\n        font-weight: 300;\r\n        color: rgba(255,255,255,0.9);\r\n        margin-bottom: 30px;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 1px 5px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .hero-since {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(16px, 2.2vw, 20px);\r\n        font-weight: 500;\r\n        color: rgba(255,255,255,0.85);\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        text-shadow: 0 1px 5px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .hero-banner {\r\n            height: 60vh;\r\n            min-height: 400px;\r\n            max-height: 500px;\r\n        }\r\n        .hero-content  { padding: 20px 30px; }\r\n        .hero-title    { font-size: 28px; margin-bottom: 16px; }\r\n        .hero-subtitle { font-size: 16px; margin-bottom: 20px; }\r\n        .hero-since    { font-size: 14px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .hero-title    { font-size: 24px; }\r\n        .hero-subtitle { font-size: 14px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero-banner\" id=\"heroBanner\">\r\n\r\n    <!--  -->\r\n    <div class=\"hero-poster\"><\/div>\r\n\r\n    <!--  -->\r\n    <div class=\"video-background\">\r\n        <video\r\n            id=\"heroVideo\"\r\n            autoplay muted loop playsinline\r\n            preload=\"auto\"\r\n            fetchpriority=\"high\"\r\n        >\r\n            <source src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/hero.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"video-overlay\"><\/div>\r\n\r\n    <div class=\"hero-content\">\r\n        <h1 class=\"hero-title\">Focusing on fully automatic fluid controlling system<\/h1>\r\n        <p class=\"hero-subtitle\">You can not see us, but we are everywhere<\/p>\r\n        <p class=\"hero-since\">\u2014 Since 2015 \u2014<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    var banner = document.getElementById('heroBanner');\r\n    var video  = document.getElementById('heroVideo');\r\n    if (!banner || !video) return;\r\n\r\n    var shown = false;\r\n    function showVideo() {\r\n        if (shown) return;\r\n        shown = true;\r\n        banner.classList.add('video-ready'); \/* \u73b0 *\/\r\n    }\r\n\r\n    video.addEventListener('loadeddata', showVideo, { once: true });\r\n    video.addEventListener('playing',    showVideo, { once: true });\r\n    video.addEventListener('canplay',    showVideo, { once: true });\r\n\r\n    var p = video.play();\r\n    if (p && p.catch) {\r\n        p.then(showVideo).catch(function () { \/* \u7247 *\/ });\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-9e754f5 e-con-full e-flex e-con e-parent\" data-id=\"9e754f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b6f2d2 elementor-widget elementor-widget-html\" data-id=\"9b6f2d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u5f3a\u5236Elementor\u5bb9\u5668\u5141\u8bb8\u6ea2\u51fa *\/\n.elementor-widget-html,\n.elementor-widget-html .elementor-widget-container {\n  overflow: visible !important;\n}\n\n.sanco-solution-section {\n  --primary: #084da4;\n  --primary-dark: #063a7d;\n  --primary-light: #0a5fcc;\n  --accent: #00B7FF;\n  --button-blue: #0066cc;\n  --bg-main: #EDF4FB;\n  --bg-light: #F8FBFF;\n  --bg-white: #ffffff;\n  --bg-card: #FFFFFF;\n  --bg-card-secondary: #F0F6FC;\n  --text-dark: #1a2b3c;\n  --text-muted: #5a6a7a;\n  --border-light: rgba(8, 77, 164, 0.12);\n  --shadow-soft: 0 4px 24px rgba(8, 77, 164, 0.08);\n  --shadow-hover: 0 12px 40px rgba(8, 77, 164, 0.15);\n  --gradient-primary: linear-gradient(135deg, #084da4 0%, #0a5fcc 100%);\n  --gradient-accent: linear-gradient(135deg, #00B7FF 0%, #0a5fcc 100%);\n  --gradient-bg: linear-gradient(180deg, #EDF4FB 0%, #F8FBFF 100%);\n\n  width: 100%;\n  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n  background: var(--bg-main);\n  color: var(--text-dark);\n  box-sizing: border-box;\n  overflow: visible !important;\n}\n\n.sanco-solution-section *,\n.sanco-solution-section *::before,\n.sanco-solution-section *::after {\n  box-sizing: border-box;\n}\n\n.sanco-solution-section img {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* Section Header *\/\n.sanco-section-header {\n  text-align: center;\n  margin-bottom: 50px;\n  padding-top: 80px;\n}\n\n.sanco-section-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--gradient-primary);\n  padding: 10px 24px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 700;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin-bottom: 20px;\n  box-shadow: 0 4px 15px rgba(8, 77, 164, 0.3);\n}\n\n.sanco-section-title {\n  font-size: clamp(28px, 5vw, 48px);\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0;\n  color: var(--text-dark);\n}\n\n.sanco-section-title span {\n  background: var(--gradient-primary);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n\/* Featured Solution Wrapper *\/\n.sanco-featured-wrapper {\n  position: relative;\n  background: var(--gradient-bg);\n  padding-bottom: 0;\n  overflow: visible !important;\n}\n\n\/* Featured Solution *\/\n.sanco-featured {\n  background: var(--bg-white);\n  border-radius: 20px;\n  padding: 40px 32px;\n  padding-bottom: 120px;\n  position: relative;\n  overflow: visible !important;\n  box-shadow: var(--shadow-soft);\n  border: 1px solid var(--border-light);\n}\n\n.sanco-featured::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: var(--gradient-accent);\n}\n\n.sanco-featured-label {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 30px;\n  padding-top: 10px;\n}\n\n.sanco-featured-label span {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--accent);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n}\n\n.sanco-featured-label::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: linear-gradient(90deg, rgba(0, 183, 255, 0.3), transparent);\n}\n\n\/* \u4e3b\u5185\u5bb9\u533a\u57df\u5e03\u5c40 *\/\n.sanco-featured-main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: stretch;\n}\n\n.sanco-featured-img {\n  position: relative;\n  border-radius: 16px;\n  overflow: hidden;\n  background: var(--bg-card-secondary);\n  cursor: pointer;\n  border: 1px solid var(--border-light);\n  min-height: 450px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sanco-featured-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n  transition: transform 0.5s ease;\n  padding: 30px;\n}\n\n.sanco-featured-img:hover img {\n  transform: scale(1.03);\n}\n\n\/* \u89c6\u9891\u5bb9\u5668 *\/\n.sanco-featured-video {\n  position: relative;\n  border-radius: 16px;\n  overflow: hidden;\n  background: #000;\n  border: 1px solid var(--border-light);\n  min-height: 450px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sanco-featured-video video {\n  width: 100%;\n  height: 100%;\n  min-height: 450px;\n  object-fit: cover;\n  display: block;\n}\n\n\/* \u89c6\u9891\u64ad\u653e\u6309\u94ae\u8986\u76d6\u5c42 *\/\n.sanco-video-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.sanco-video-overlay:hover {\n  background: rgba(0, 0, 0, 0.2);\n}\n\n.sanco-video-overlay.hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.sanco-play-btn {\n  width: 80px;\n  height: 80px;\n  background: var(--gradient-accent);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 30px rgba(0, 183, 255, 0.4);\n  transition: all 0.3s ease;\n}\n\n.sanco-play-btn:hover {\n  transform: scale(1.1);\n}\n\n.sanco-play-btn svg {\n  width: 32px;\n  height: 32px;\n  color: white;\n  margin-left: 4px;\n}\n\n.sanco-featured-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;           \/* \u5360\u6ee1\u6574\u4e2a\u56fe\u7247 *\/\n  padding: 28px;\n  background: transparent;\n  display: flex;\n  flex-direction: column;     \/* \u7ad6\u5411\u6392\u5217 *\/\n  justify-content: space-between;  \/* \u6587\u5b57\u9876\u90e8\uff0c\u6309\u94ae\u5e95\u90e8 *\/\n  align-items: flex-start;\n  flex-wrap: nowrap;\n  gap: 16px;\n}\n\n.sanco-featured-content {\n  display: none;\n}\n\n.sanco-featured-info h3 {\n  font-size: clamp(18px, 2.5vw, 24px);\n  font-weight: 700;\n  color: var(--text-dark);\n  margin-bottom: 6px;\n}\n\n.sanco-featured-info p {\n  font-size: 14px;\n  color: var(--text-muted);\n}\n\n.sanco-explore-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--gradient-accent);\n  border: none;\n  color: white;\n  padding: 14px 28px;\n  border-radius: 50px;\n  font-size: 14px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-decoration: none;\n}\n\n.sanco-explore-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 30px rgba(0, 183, 255, 0.4);\n}\n\n\/* Process Flow *\/\n.sanco-flow {\n  position: relative;\n  text-align: center;\n  z-index: 100;\n  padding: 50px 20px;\n  background: var(--bg-main);\n  margin-top: -60px;\n}\n\n.sanco-flow-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--text-muted);\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  margin-bottom: 8px;\n}\n\n.sanco-flow-subtitle {\n  font-size: 14px;\n  color: var(--text-muted);\n  margin-bottom: 12px;\n  font-weight: 400;\n}\n\n.sanco-flow-hint {\n  font-size: 14px;\n  color: var(--button-blue);\n  margin-bottom: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.sanco-flow-hint svg {\n  width: 18px;\n  height: 18px;\n  animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.6; transform: scale(1.1); }\n}\n\n.sanco-flow-steps {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 30px 20px;\n  overflow-x: auto;\n}\n\n.sanco-flow-step {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 26px;\n  background: white;\n  border: 2px solid #e8f4fd;\n  border-radius: 14px;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--text-dark);\n  cursor: pointer;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  box-shadow: 0 2px 8px rgba(8, 77, 164, 0.06);\n  white-space: nowrap;\n  min-height: 56px;\n  overflow: visible;\n  flex-shrink: 0;\n  animation: floatButton 3s ease-in-out infinite;\n}\n\n.sanco-flow-step:nth-child(1) { animation-delay: 0s; }\n.sanco-flow-step:nth-child(2) { animation-delay: 0.15s; }\n.sanco-flow-step:nth-child(3) { animation-delay: 0.3s; }\n.sanco-flow-step:nth-child(4) { animation-delay: 0.45s; }\n.sanco-flow-step:nth-child(5) { animation-delay: 0.6s; }\n.sanco-flow-step:nth-child(6) { animation-delay: 0.75s; }\n.sanco-flow-step:nth-child(7) { animation-delay: 0.9s; }\n.sanco-flow-step:nth-child(8) { animation-delay: 1.05s; }\n\n@keyframes floatButton {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-5px); }\n}\n\n.sanco-flow-step:hover {\n  background: white;\n  border-color: var(--accent);\n  color: var(--primary);\n  transform: translateY(-8px);\n  box-shadow: 0 12px 24px rgba(0, 102, 204, 0.15);\n  animation: none;\n}\n\n.sanco-flow-step:hover svg {\n  color: var(--accent);\n  transform: scale(1.1);\n}\n\n.sanco-flow-step:active {\n  transform: translateY(-3px);\n  box-shadow: 0 6px 16px rgba(0, 102, 204, 0.12);\n}\n\n.sanco-flow-step.active {\n  background: linear-gradient(135deg, #00B7FF 0%, #0066cc 100%);\n  border-color: transparent;\n  color: white;\n  box-shadow: 0 6px 20px rgba(0, 102, 204, 0.25);\n  animation: floatButton 3s ease-in-out infinite;\n  animation-delay: 0.45s;\n}\n\n.sanco-flow-step.active:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 14px 28px rgba(0, 102, 204, 0.3);\n  animation: none;\n}\n\n.sanco-flow-step.active svg {\n  color: white;\n}\n\n.sanco-flow-step svg {\n  width: 20px;\n  height: 20px;\n  color: var(--accent);\n  transition: all 0.3s ease;\n  flex-shrink: 0;\n}\n\n\/* Solution Lightbox *\/\n.sanco-solution-lightbox {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(237, 244, 251, 0.95);\n  backdrop-filter: blur(20px);\n  z-index: 999998;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.4s ease;\n}\n\n.sanco-solution-lightbox.active {\n  opacity: 1;\n  visibility: visible;\n}\n\n.sanco-solution-lightbox-container {\n  max-width: 660px;\n  width: 95%;\n  max-height: 90vh;\n  background: white;\n  border-radius: 20px;\n  overflow: hidden;\n  transform: scale(0.9);\n  transition: transform 0.4s ease, max-width 0.4s ease;\n  box-shadow: 0 20px 60px rgba(8, 77, 164, 0.15);\n  border: 1px solid var(--border-light);\n  display: flex;\n  flex-direction: column;\n}\n\n.sanco-solution-lightbox-container.large {\n  max-width: 1800px;\n}\n\n.sanco-solution-lightbox.active .sanco-solution-lightbox-container {\n  transform: scale(1);\n}\n\n.sanco-solution-lightbox-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 18px 24px;\n  border-bottom: 1px solid var(--border-light);\n  background: var(--bg-light);\n  flex-shrink: 0;\n}\n\n.sanco-solution-lightbox-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--text-dark);\n}\n\n.sanco-solution-lightbox-close {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  border-radius: 8px;\n  color: var(--text-dark);\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.sanco-solution-lightbox-close:hover {\n  background: rgba(0, 183, 255, 0.1);\n  color: var(--accent);\n}\n\n.sanco-solution-lightbox-close svg {\n  width: 32px;\n  height: 32px;\n  stroke-width: 2.5;\n}\n\n.sanco-solution-lightbox-body {\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.sanco-solution-lightbox-image {\n  background:  #EDF4FB;\n  padding: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: unset;\n  max-height: 420px;\n  flex-shrink: 0;\n}\n\n\/* \u4ea7\u7ebf\u5927\u56fe\u5bb9\u5668\u7528\u84dd\u8272\u80cc\u666f *\/\n.sanco-solution-lightbox-container.large .sanco-solution-lightbox-image {\n  background: #EDF4FB;\n  max-height: none;\n  padding: 20px;\n}\n\n\/* \u6a21\u5757\u706f\u7bb1\uff08\u5355\u4e2a\u4ea7\u54c1\uff09- \u56fe\u7247\u4fdd\u6301\u539f\u6bd4\u4f8b *\/\n.sanco-solution-lightbox-image img {\n  max-width: 80%;\n  width: auto;\n  height: auto;\n  max-height: 360px;\n  object-fit: contain;\n  filter: drop-shadow(0 8px 30px rgba(8, 77, 164, 0.12));\n}\n\n\/* \u4ea7\u7ebf\u5927\u56fe\u706f\u7bb1 - \u6491\u6ee1\u5bbd\u5ea6 *\/\n.sanco-solution-lightbox-container.large .sanco-solution-lightbox-image img {\n  max-width: 100%;\n  width: 100%;\n  max-height: none;\n}\n\n.sanco-solution-lightbox-info {\n  padding: 32px 40px;\n  background: white;\n}\n\n.sanco-solution-lightbox-info-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 24px;\n  flex-wrap: wrap;\n}\n\n.sanco-solution-lightbox-info-left {\n  flex: 1;\n}\n\n.sanco-solution-lightbox-category {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  color: white;\n  background: var(--accent);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin-bottom: 12px;\n  padding: 6px 16px;\n  border-radius: 20px;\n}\n\n.sanco-solution-lightbox-product-title {\n  font-size: 26px;\n  font-weight: 800;\n  color: var(--text-dark);\n  margin-bottom: 12px;\n  line-height: 1.2;\n}\n\n.sanco-solution-lightbox-desc {\n  color: var(--text-muted);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sanco-solution-lightbox-features {\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--border-light);\n}\n\n.sanco-solution-lightbox-features h4 {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--accent);\n  margin-bottom: 16px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.sanco-solution-feature-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.sanco-solution-feature-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  background: var(--bg-light);\n  border-radius: 8px;\n  border-left: 3px solid var(--accent);\n}\n\n.sanco-solution-feature-item svg {\n  width: 18px;\n  height: 18px;\n  color: var(--accent);\n  flex-shrink: 0;\n}\n\n.sanco-solution-feature-item span {\n  font-size: 13px;\n  color: var(--text-dark);\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n\/* Tablet Responsive *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n  .sanco-section-header { padding-top: 60px; }\n  .sanco-featured { padding-bottom: 80px; }\n  .sanco-featured-main { grid-template-columns: 1fr; gap: 30px; }\n  .sanco-featured-img, .sanco-featured-video { min-height: 380px; }\n  .sanco-featured-video video { min-height: 380px; }\n  .sanco-featured-overlay { display: none; }\n  .sanco-featured-content { display: block; padding: 20px 0; text-align: center; }\n  .sanco-featured-content h3 { font-size: 22px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; }\n  .sanco-featured-content p { font-size: 15px; color: var(--text-muted); margin-bottom: 0; }\n  .sanco-flow { margin-top: 0; padding: 40px 20px; }\n  .sanco-flow-title { display: none; }\n  .sanco-flow-hint { font-size: 13px; margin-bottom: 20px; }\n  .sanco-flow-steps { gap: 8px; padding: 10px 20px; justify-content: flex-start; -webkit-overflow-scrolling: touch; }\n  .sanco-flow-step { padding: 14px 20px; font-size: 13px; min-height: 50px; }\n  .sanco-flow-step svg { width: 16px; height: 16px; }\n  .sanco-solution-lightbox-image { padding: 40px 50px; min-height: 320px; }\n  .sanco-solution-lightbox-image img { max-height: 260px; }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n  .sanco-section-header { margin-bottom: 20px; padding-top: 40px; }\n  .sanco-featured { padding: 20px; padding-bottom: 40px; }\n  .sanco-featured-main { grid-template-columns: 1fr; gap: 15px; }\n  .sanco-featured-img, .sanco-featured-video { min-height: 180px; }\n  .sanco-featured-img img { padding: 15px; }\n  .sanco-featured-video video { min-height: 180px; }\n  .sanco-play-btn { width: 50px; height: 50px; }\n  .sanco-play-btn svg { width: 20px; height: 20px; }\n  .sanco-featured-overlay { display: none; }\n  .sanco-featured-content { display: block; padding: 12px 0; text-align: center; }\n  .sanco-featured-content h3 { font-size: 16px; font-weight: 700; color: var(--text-dark); margin-bottom: 4px; }\n  .sanco-featured-content p { font-size: 12px; color: var(--text-muted); margin-bottom: 0; }\n  .sanco-flow { margin-top: 0; padding: 30px 15px; }\n  .sanco-flow-title { display: none; }\n  .sanco-flow-hint { font-size: 12px; margin-bottom: 16px; }\n  .sanco-flow-steps { gap: 8px; padding: 10px 15px; justify-content: flex-start; }\n  .sanco-flow-step { padding: 12px 16px; font-size: 12px; gap: 6px; border-radius: 10px; box-shadow: 0 4px 15px rgba(8, 77, 164, 0.1); min-height: 44px; }\n  .sanco-flow-step::after { display: none; }\n  .sanco-flow-step:hover { padding-right: 18px; }\n  .sanco-flow-step svg { width: 14px; height: 14px; }\n  .sanco-solution-lightbox-image { padding: 30px 20px; min-height: 220px; }\n  .sanco-solution-lightbox-image img { max-height: 180px; }\n  .sanco-solution-lightbox-info { padding: 24px 20px; }\n  .sanco-solution-lightbox-product-title { font-size: 20px; }\n  .sanco-solution-lightbox-close { width: 44px; height: 44px; }\n  .sanco-solution-lightbox-close svg { width: 28px; height: 28px; }\n  .sanco-solution-feature-list { flex-direction: column; }\n  .sanco-solution-feature-item { width: 100%; }\n  .sanco-solution-feature-item span { white-space: normal; }\n}\n<\/style>\n\n<div class=\"sanco-solution-section\">\n  <!-- Section Header -->\n  <header class=\"sanco-section-header\">\n    <div class=\"sanco-section-badge\">INDUSTRIAL SOLUTIONS<\/div>\n    <h2 class=\"sanco-section-title\">One-Man-Operation coating line <span>Solutions<\/span><\/h2>\n  <\/header>\n\n  <!-- Featured Solution Wrapper -->\n  <div class=\"sanco-featured-wrapper\">\n    <!-- Featured Solution -->\n    <section class=\"sanco-featured\">\n      <div class=\"sanco-featured-label\">\n        <span>Featured Solution<\/span>\n      <\/div>\n      \n      <!-- \u4e3b\u5185\u5bb9\u533a\u57df\uff1a\u56fe\u7247+\u89c6\u9891\u5e76\u6392 -->\n      <div class=\"sanco-featured-main\">\n        <!-- \u4ea7\u54c1\u56fe\u7247 -->\n        <div class=\"sanco-featured-img\" onclick=\"sancoOpenSolutionLightbox('complete-line')\" role=\"button\" tabindex=\"0\" aria-label=\"View complete coating line details\">\n          <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/5.Compact-and-economic-double-sides-coating-line-scaled_\u7ed3\u679c.webp\" alt=\"Online PCBA Conformal Coating Production Line with Return Conveyor System\">\n          <div class=\"sanco-featured-overlay\">\n            <div class=\"sanco-featured-info\">\n              <h3>Online PCBA Conformal Coating Line<\/h3>\n              <p>Complete automated production line with return conveyor system<\/p>\n            <\/div>\n            <a href=\"#\" class=\"sanco-explore-btn\" onclick=\"event.preventDefault(); sancoOpenSolutionLightbox('complete-line');\" aria-label=\"Explore this solution\">\n              Explore Solution\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- \u89c6\u9891\u533a\u57df -->\n        <div class=\"sanco-featured-video\">\n          <video id=\"sancoFeaturedVideo\" muted loop playsinline>\n            <source src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/compact-video.mp4\" type=\"video\/mp4\">\n          <\/video>\n          <div class=\"sanco-video-overlay\" id=\"sancoVideoOverlay\" onclick=\"sancoToggleVideo()\">\n            <div class=\"sanco-play-btn\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\">\n                <polygon points=\"5,3 19,12 5,21\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"sanco-featured-content\">\n        <h3>Online PCBA Conformal Coating Line<\/h3>\n        <p>Complete automated production line with return conveyor system<\/p>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <!-- Process Flow -->\n  <nav class=\"sanco-flow\" aria-label=\"Production line process flow\">\n    <h4 class=\"sanco-flow-title\">Production Line Process Flow<\/h4>\n    <p class=\"sanco-flow-subtitle\">Click below to explore each module<\/p>\n    <p class=\"sanco-flow-hint\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"><path d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5\"\/><\/svg>\n    <\/p>\n    <div class=\"sanco-flow-steps\">\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('lift-in')\" aria-label=\"View lift in details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\n        Lift (In)\n      <\/button>\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('flipper')\" aria-label=\"View PCB flipper details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M17 1l4 4-4 4M3 11V9a4 4 0 0 1 4-4h14M7 23l-4-4 4-4M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg>\n        Flipper\n      <\/button>\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('conveyor')\" aria-label=\"View conveyor module details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"1\" y=\"6\" width=\"22\" height=\"12\" rx=\"2\"\/><\/svg>\n        Conveyor\n      <\/button>\n      <button class=\"sanco-flow-step active\" onclick=\"sancoOpenSolutionLightbox('coating')\" aria-label=\"View coating machine details\" aria-current=\"step\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><\/svg>\n        Coating\n      <\/button>\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('uv-conveyor')\" aria-label=\"View UV inspection conveyor details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg>\n        UV Inspection\n      <\/button>\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('ir-curing')\" aria-label=\"View IR curing oven details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\n        IR Curing\n      <\/button>\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('conveyor')\" aria-label=\"View conveyor module details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"1\" y=\"6\" width=\"22\" height=\"12\" rx=\"2\"\/><\/svg>\n        Conveyor\n      <\/button>\n      <button class=\"sanco-flow-step\" onclick=\"sancoOpenSolutionLightbox('lift-out')\" aria-label=\"View lift out details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n        Lift (Out)\n      <\/button>\n    <\/div>\n  <\/nav>\n<\/div>\n\n<!-- Solution Lightbox Modal -->\n<aside class=\"sanco-solution-lightbox\" id=\"sancoSolutionLightbox\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sancoSolutionLightboxTitle\">\n  <div class=\"sanco-solution-lightbox-container\" id=\"sancoSolutionLightboxContainer\">\n    <header class=\"sanco-solution-lightbox-header\">\n      <h3 class=\"sanco-solution-lightbox-title\" id=\"sancoSolutionLightboxTitle\">Product Details<\/h3>\n      <button class=\"sanco-solution-lightbox-close\" onclick=\"sancoCloseSolutionLightbox()\" aria-label=\"Close product details\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n      <\/button>\n    <\/header>\n    <div class=\"sanco-solution-lightbox-body\">\n      <div class=\"sanco-solution-lightbox-image\">\n        <img decoding=\"async\" id=\"sancoSolutionLightboxImage\" src=\"\" alt=\"\">\n      <\/div>\n      <article class=\"sanco-solution-lightbox-info\">\n        <div class=\"sanco-solution-lightbox-info-header\">\n          <div class=\"sanco-solution-lightbox-info-left\">\n            <span class=\"sanco-solution-lightbox-category\" id=\"sancoSolutionLightboxCategory\">Category<\/span>\n            <h4 class=\"sanco-solution-lightbox-product-title\" id=\"sancoSolutionLightboxProductTitle\">Product Name<\/h4>\n            <p class=\"sanco-solution-lightbox-desc\" id=\"sancoSolutionLightboxDesc\">Description<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"sanco-solution-lightbox-features\">\n          <h4>Key Features<\/h4>\n          <div class=\"sanco-solution-feature-list\" id=\"sancoSolutionLightboxFeatures\"><\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/aside>\n\n<script>\n(function() {\n  var video = document.getElementById('sancoFeaturedVideo');\n  var overlay = document.getElementById('sancoVideoOverlay');\n  var isPlaying = false;\n\n  window.sancoToggleVideo = function() {\n    if (isPlaying) {\n      video.pause();\n      overlay.classList.remove('hidden');\n      isPlaying = false;\n    } else {\n      video.play();\n      overlay.classList.add('hidden');\n      isPlaying = true;\n    }\n  };\n\n  video.addEventListener('ended', function() {\n    overlay.classList.remove('hidden');\n    isPlaying = false;\n  });\n\n  video.addEventListener('click', function() {\n    sancoToggleVideo();\n  });\n\n  var sancoSolutionProductData = {\n    'complete-line': {\n  title: 'Online PCBA Conformal Coating Line',\n  category: 'Complete Solution',\n  image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/5.Compact-and-economic-double-sides-coating-line-scaled_\u7ed3\u679c.webp',\n      description: 'Fully integrated automated PCBA conformal coating production line with return conveyor system. Designed for high-volume manufacturing with seamless integration between all modules.',\n      features: ['Complete end-to-end automation', 'Return conveyor system', 'Modular design', 'Integrated control system', 'Industry 4.0 ready'],\n      isLarge: true\n    },\n    'lift-in': {\n      title: 'Elevator Lift (In)',\n      category: 'Material Handling',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp',\n      description: 'Automated PCB elevator module for seamless board loading with precise positioning control. Ensures smooth entry into the production line.',\n      features: ['Automatic board loading', 'Precise vertical positioning', 'Buffer magazine support', 'SMEMA interface compatible', 'Compact footprint'],\n      isLarge: false\n    },\n    'lift-out': {\n      title: 'Elevator Lift (Out)',\n      category: 'Material Handling',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-out_\u7ed3\u679c.webp',\n      description: 'Automated PCB elevator for smooth board exit and collection after coating process. Gentle handling ensures product integrity.',\n      features: ['Automatic board unloading', 'Gentle handling', 'Buffer storage capability', 'Downstream integration', 'SMEMA protocol'],\n      isLarge: false\n    },\n    'flipper': {\n      title: 'PCB Flipper',\n      category: 'Material Handling',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp',\n      description: 'High-precision PCB flipping mechanism for dual-side conformal coating applications. 180\u00b0 rotation with minimal handling stress.',\n      features: ['180\u00b0 precision rotation', 'Gentle PCB handling', 'Adjustable board sizes', 'High-speed operation', 'Inline integration'],\n      isLarge: false\n    },\n    'conveyor': {\n      title: 'Conveyor Module',\n      category: 'Material Handling',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp',\n      description: 'Modular conveyor system for seamless PCB transfer with adjustable speed control. Flexible configuration for various line layouts.',\n      features: ['Variable speed control', 'Adjustable rail width', 'Modular design', 'Edge\/mesh belt options', 'SMEMA compatible'],\n      isLarge: false\n    },\n    'uv-conveyor': {\n      title: 'UV Inspection Conveyor',\n      category: 'Quality Control',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp',\n      description: 'Integrated UV inspection station for real-time coating quality verification. Detects coating coverage and defects instantly.',\n      features: ['UV fluorescence inspection', 'Real-time defect detection', 'Inline quality control', 'Adjustable UV intensity', 'Operator viewing window'],\n      isLarge: false\n    },\n    'coating': {\n      title: 'Three-Axial Coating Machine',\n      category: 'Coating System',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Three-Axial-Coating-machine-1_\u7ed3\u679c.webp',\n      description: 'Advanced three-axis selective conformal coating system with precise dispensing control. CNC motion ensures accurate coating placement.',\n      features: ['Three-axis CNC motion', 'Selective coating paths', 'Multiple valve heads', 'Vision alignment system', 'Recipe management'],\n      isLarge: false\n    },\n    'ir-curing': {\n      title: 'IR Curing Oven',\n      category: 'Curing System',\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp',\n      description: 'High-efficiency infrared curing oven with precise multi-zone temperature control. Energy-efficient heating for optimal coating cure.',\n      features: ['Multi-zone temperature control', 'Infrared heating technology', 'PLC automation system', 'Energy-efficient design', 'Temperature logging'],\n      isLarge: false\n    }\n  };\n\n  window.sancoOpenSolutionLightbox = function(productId) {\n    var product = sancoSolutionProductData[productId];\n    if (!product) return;\n\n    var container = document.getElementById('sancoSolutionLightboxContainer');\n    \n    if (product.isLarge) {\n      container.classList.add('large');\n    } else {\n      container.classList.remove('large');\n    }\n\n    document.getElementById('sancoSolutionLightboxTitle').textContent = product.title;\n    document.getElementById('sancoSolutionLightboxCategory').textContent = product.category;\n    document.getElementById('sancoSolutionLightboxProductTitle').textContent = product.title;\n    document.getElementById('sancoSolutionLightboxImage').src = product.image;\n    document.getElementById('sancoSolutionLightboxImage').alt = product.title;\n    document.getElementById('sancoSolutionLightboxDesc').textContent = product.description;\n\n    var featuresHtml = product.features.map(function(f) {\n      return '<div class=\"sanco-solution-feature-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><span>' + f + '<\/span><\/div>';\n    }).join('');\n    document.getElementById('sancoSolutionLightboxFeatures').innerHTML = featuresHtml;\n\n    document.getElementById('sancoSolutionLightbox').classList.add('active');\n    document.body.style.overflow = 'hidden';\n  };\n\n  window.sancoCloseSolutionLightbox = function() {\n    document.getElementById('sancoSolutionLightbox').classList.remove('active');\n    document.body.style.overflow = '';\n  };\n\n  document.getElementById('sancoSolutionLightbox').addEventListener('click', function(e) {\n    if (e.target === this) sancoCloseSolutionLightbox();\n  });\n\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && document.getElementById('sancoSolutionLightbox').classList.contains('active')) {\n      sancoCloseSolutionLightbox();\n    }\n  });\n})();\n<\/script>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPage\",\n  \"name\": \"SANCO\",\n  \"url\": \"https:\/\/www.sancofd.com\/\",\n  \"inLanguage\": \"en\",\n  \"hasPart\": [\n    {\n      \"@type\": \"FAQPage\",\n      \"name\": \"One-Man-Operation Coating Line Solutions\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is a one-man-operation conformal coating line?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A one-man-operation conformal coating line is an automated PCBA coating production line designed for single-operator manufacturing, integrating board handling, selective coating, inspection, and curing modules into one workflow.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What modules are included in the coating line?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Typical modules include lift in\/out, PCB flipper, conveyor modules, selective coating machine, UV inspection, and IR curing oven.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a89beec e-con-full e-flex e-con e-parent\" data-id=\"a89beec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1114bb9 elementor-widget elementor-widget-html\" data-id=\"1114bb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SANCO Featured Products - Industrial Style Cards with Lightbox - Elementor HTML Widget -->\r\n<!-- Display-only cards, no Schema.org Product markup -->\r\n<style>\r\n.sanco-featured-wrap{max-width:1400px;margin:0 auto;padding:70px 20px}\r\n.sanco-featured-header{text-align:center;margin-bottom:40px}\r\n.sanco-featured-title{font-size:36px;font-weight:700;color:#1a1a1a;\r\n\r\n\r\nmargin-bottom:12px;letter-spacing:-0.5px}\r\n.sanco-featured-subtitle{font-size:16px;color:#64748b;font-weight:400}\r\n\r\n\/* Industrial Cards Grid *\/\r\n.sanco-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}\r\n.sanco-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.08);transition:all 0.35s ease;cursor:pointer;border:1px solid #e2e8f0;display:flex;flex-direction:column}\r\n.sanco-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.12)}\r\n\r\n\/* Image area *\/\r\n.sanco-card-img{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:linear-gradient(135deg,#f0f7ff 0%,#e8f2ff 100%)}\r\n.sanco-card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:10%;box-sizing:border-box;transition:transform 0.5s ease;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.1))}\r\n.sanco-card:hover .sanco-card-img img{transform:scale(1.05)}\r\n\r\n\/* Category badge overlaid on image *\/\r\n.sanco-card-cat{position:absolute;top:10px;left:10px;display:inline-block;background:#084da4;color:#fff;padding:4px 10px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;z-index:2;line-height:1.3}\r\n\r\n\/* Hover overlay *\/\r\n.sanco-card-overlay{position:absolute;inset:0;background:rgba(8,36,64,0.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.35s ease}\r\n.sanco-card:hover .sanco-card-overlay{opacity:1}\r\n.sanco-card-zoom{width:46px;height:46px;background:rgba(255,255,255,0.18);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,0.3)}\r\n.sanco-card-zoom svg{width:22px;height:22px;color:#fff}\r\n\r\n\/* Card body *\/\r\n.sanco-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1}\r\n.sanco-card-title{font-size:14px;font-weight:600;color:#1e293b;line-height:1.4;margin-bottom:12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\r\n.sanco-card-btn{display:inline-flex;align-items:center;gap:5px;color:#084da4;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.25s ease;padding:0;background:none;border:none}\r\n.sanco-card-btn:hover{color:#063a7a;gap:8px}\r\n.sanco-card-btn svg{width:14px;height:14px;transition:transform 0.25s ease;flex-shrink:0}\r\n.sanco-card-btn:hover svg{transform:translateX(3px)}\r\n\r\n\/* Lightbox - Enhanced Layout *\/\r\n.sanco-lightbox{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px;box-sizing:border-box}\r\n.sanco-lightbox.active{display:flex}\r\n.sanco-lb-content{background:#fff;border-radius:16px;max-width:950px;width:100%;max-height:90vh;overflow:hidden;animation:lbSlideIn 0.4s ease;position:relative;display:flex;flex-direction:column}\r\n@keyframes lbSlideIn{from{opacity:0;transform:scale(0.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}\r\n.sanco-lb-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:rgba(0,0,0,0.6);border:none;border-radius:50%;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10}\r\n.sanco-lb-close:hover{background:#084da4;transform:rotate(90deg)}\r\n.sanco-lb-inner{display:flex;flex:1;overflow:hidden}\r\n.sanco-lb-img{flex:0 0 42%;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:30px;min-height:300px}\r\n.sanco-lb-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.12))}\r\n.sanco-lb-info{flex:1;padding:28px;overflow-y:auto;background:#fff;display:flex;flex-direction:column}\r\n.sanco-lb-cat{display:inline-block;background:#084da4;color:#fff;padding:5px 12px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;width:fit-content}\r\n.sanco-lb-title{font-size:20px;font-weight:700;color:#1e293b;line-height:1.3;margin-bottom:12px}\r\n.sanco-lb-desc{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:18px}\r\n.sanco-lb-specs{margin-bottom:18px}\r\n.sanco-lb-specs-title{font-size:12px;font-weight:700;color:#084da4;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}\r\n.sanco-lb-spec-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:12px;gap:12px}\r\n.sanco-lb-spec-row:last-child{border-bottom:none}\r\n.sanco-lb-spec-label{color:#64748b;font-weight:500;flex-shrink:0}\r\n.sanco-lb-spec-value{color:#1e293b;font-weight:600;text-align:right;word-break:break-word}\r\n.sanco-lb-features{margin-bottom:18px}\r\n.sanco-lb-features-title{font-size:12px;font-weight:700;color:#084da4;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}\r\n.sanco-lb-feature-category{margin-bottom:16px}\r\n.sanco-lb-feature-category:last-child{margin-bottom:0}\r\n.sanco-lb-feature-cat-title{font-size:11px;font-weight:700;color:#084da4;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;padding-left:2px}\r\n.sanco-lb-feature{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:12px;color:#475569}\r\n.sanco-lb-feature svg{width:16px;height:16px;color:#084da4;flex-shrink:0;margin-top:1px}\r\n.sanco-lb-action{margin-top:auto;padding-top:15px}\r\n.sanco-lb-action .sanco-card-btn-full{display:flex;width:100%;padding:12px 20px;background:#084da4;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;align-items:center;justify-content:center;gap:6px;transition:all 0.3s ease}\r\n.sanco-lb-action .sanco-card-btn-full:hover{background:#063a7a;color:#fff}\r\n.sanco-lb-action .sanco-card-btn-full svg{width:14px;height:14px;transition:transform 0.3s ease;flex-shrink:0}\r\n.sanco-lb-action .sanco-card-btn-full:hover svg{transform:translateX(3px)}\r\n\r\n\/* Responsive - Tablet *\/\r\n@media(max-width:1200px){\r\n  .sanco-cards-grid{grid-template-columns:repeat(5,1fr);gap:14px}\r\n  .sanco-card-body{padding:12px 12px 14px}\r\n  .sanco-card-title{font-size:13px}\r\n}\r\n@media(max-width:1024px){\r\n  .sanco-featured-wrap{padding:40px 20px}\r\n  .sanco-featured-title{font-size:32px}\r\n  .sanco-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px}\r\n  .sanco-card-body{padding:14px}\r\n  .sanco-card-cat{font-size:9px;padding:4px 9px}\r\n  .sanco-card-title{font-size:13px;margin-bottom:10px}\r\n  .sanco-card-btn{font-size:12px}\r\n  .sanco-lb-content{max-height:92vh}\r\n  .sanco-lb-inner{flex-direction:column;overflow:hidden}\r\n  .sanco-lb-img{flex:0 0 auto;min-height:0;height:200px;max-height:200px;padding:16px}\r\n  .sanco-lb-img img{max-height:100%}\r\n  .sanco-lb-info{flex:1;overflow-y:auto;padding:20px;min-height:0}\r\n}\r\n\r\n\/* Responsive - Mobile *\/\r\n@media(max-width:768px){\r\n  .sanco-featured-wrap{padding:30px 16px}\r\n  .sanco-featured-title{font-size:28px;margin-bottom:8px}\r\n  .sanco-featured-subtitle{font-size:14px}\r\n  .sanco-featured-header{margin-bottom:28px}\r\n  .sanco-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px}\r\n  .sanco-card{border-radius:6px}\r\n  .sanco-card-img{padding-bottom:100%}\r\n  .sanco-card-img img{padding:10%}\r\n  .sanco-card-body{padding:12px}\r\n  .sanco-card-cat{font-size:9px;padding:3px 8px;top:8px;left:8px}\r\n  .sanco-card-title{font-size:13px;margin-bottom:10px;line-height:1.4}\r\n  .sanco-card-btn{font-size:12px}\r\n  .sanco-card-zoom{width:40px;height:40px}\r\n  .sanco-card-zoom svg{width:18px;height:18px}\r\n  .sanco-lightbox{padding:8px}\r\n  .sanco-lb-content{max-height:94vh;border-radius:12px}\r\n  .sanco-lb-close{width:32px;height:32px;font-size:18px;top:8px;right:8px;background:rgba(0,0,0,0.7)}\r\n  .sanco-lb-img{height:160px;max-height:160px;padding:12px}\r\n  .sanco-lb-info{padding:16px}\r\n  .sanco-lb-cat{font-size:9px;padding:4px 10px;margin-bottom:8px}\r\n  .sanco-lb-title{font-size:16px;margin-bottom:8px}\r\n  .sanco-lb-desc{font-size:12px;margin-bottom:12px;line-height:1.5}\r\n  .sanco-lb-specs{margin-bottom:12px}\r\n  .sanco-lb-specs-title,.sanco-lb-features-title{font-size:11px;margin-bottom:8px;padding-bottom:5px}\r\n  .sanco-lb-spec-row{font-size:11px;padding:5px 0}\r\n  .sanco-lb-features{margin-bottom:12px}\r\n  .sanco-lb-feature-cat-title{font-size:10px;margin-bottom:6px}\r\n  .sanco-lb-feature{font-size:11px;padding:4px 0}\r\n  .sanco-lb-feature svg{width:14px;height:14px}\r\n  .sanco-lb-action{padding-top:10px}\r\n  .sanco-lb-action .sanco-card-btn-full{padding:11px 16px;font-size:12px}\r\n}\r\n\r\n@media(max-width:480px){\r\n  .sanco-featured-wrap{padding:24px 12px}\r\n  .sanco-featured-title{font-size:24px}\r\n  .sanco-featured-subtitle{font-size:13px}\r\n  .sanco-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}\r\n  .sanco-card{border-radius:5px}\r\n  .sanco-card-img{padding-bottom:100%}\r\n  .sanco-card-img img{padding:8%}\r\n  .sanco-card-body{padding:10px}\r\n  .sanco-card-cat{font-size:8px;padding:3px 7px;top:6px;left:6px}\r\n  .sanco-card-title{font-size:12px;margin-bottom:8px}\r\n  .sanco-card-btn{font-size:11px}\r\n  .sanco-card-zoom{width:36px;height:36px}\r\n  .sanco-card-zoom svg{width:16px;height:16px}\r\n  .sanco-lightbox{padding:6px}\r\n  .sanco-lb-content{border-radius:10px;max-height:96vh}\r\n  .sanco-lb-close{width:30px;height:30px;font-size:16px;top:6px;right:6px}\r\n  .sanco-lb-img{height:140px;max-height:140px;padding:10px}\r\n  .sanco-lb-info{padding:14px}\r\n  .sanco-lb-cat{font-size:8px;padding:3px 8px;margin-bottom:6px}\r\n  .sanco-lb-title{font-size:15px;margin-bottom:6px}\r\n  .sanco-lb-desc{font-size:11px;line-height:1.45;margin-bottom:10px}\r\n  .sanco-lb-specs{margin-bottom:10px}\r\n  .sanco-lb-specs-title,.sanco-lb-features-title{font-size:10px;margin-bottom:6px;padding-bottom:4px}\r\n  .sanco-lb-spec-row{font-size:10px;padding:4px 0;gap:8px}\r\n  .sanco-lb-features{margin-bottom:10px}\r\n  .sanco-lb-feature-cat-title{font-size:9px;margin-bottom:5px}\r\n  .sanco-lb-feature{font-size:10px;padding:3px 0;gap:6px}\r\n  .sanco-lb-feature svg{width:12px;height:12px}\r\n  .sanco-lb-action{padding-top:8px}\r\n  .sanco-lb-action .sanco-card-btn-full{padding:10px 14px;font-size:11px}\r\n}\r\n\r\n\/* Custom Scrollbar for Lightbox Info *\/\r\n.sanco-lb-info::-webkit-scrollbar{width:6px}\r\n.sanco-lb-info::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}\r\n.sanco-lb-info::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}\r\n.sanco-lb-info::-webkit-scrollbar-thumb:hover{background:#94a3b8}\r\n<\/style>\r\n\r\n<div class=\"sanco-featured-wrap\">\r\n  <!-- Header -->\r\n  <header class=\"sanco-featured-header\">\r\n    <h2 class=\"sanco-featured-title\">Featured Products<\/h2>\r\n    <p class=\"sanco-featured-subtitle\">Industrial Dispensing, Coating & Curing Solutions<\/p>\r\n  <\/header>\r\n\r\n  <!-- Products Grid -->\r\n  <div class=\"sanco-cards-grid\" role=\"list\" aria-label=\"Featured industrial equipment products\">\r\n\r\n    <!-- Row 1 - Product 1 -->\r\n    <article class=\"sanco-card\" data-product=\"lm-series\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Dispensing<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp\" alt=\"LM Series Inline High Speed Dispensing Machine - Industrial SMT Dispenser\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">LM Series Dispensing Machine<\/h3>\r\n        <a href=\"\/high-speed-dispenser\/\" class=\"sanco-card-btn\" aria-label=\"View LM Series Dispensing Machine details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 1 - Product 2 -->\r\n    <article class=\"sanco-card\" data-product=\"ds-series\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Dispensing<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"DS Series Inline High Speed Dispensing Machine - Precision Dispenser\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">DS Series Dispensing Machine<\/h3>\r\n        <a href=\"\/ds-series-linlinehigh-speeddispensing-machine\/\" class=\"sanco-card-btn\" aria-label=\"View DS Series Dispensing Machine details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 1 - Product 3 -->\r\n    <article class=\"sanco-card\" data-product=\"piezo-valve\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Valve<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"Piezo Valve - High Frequency Jetting Valve for Precision Dispensing\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">Piezo Valve<\/h3>\r\n        <a href=\"\/piezo-valve-1\/\" class=\"sanco-card-btn\" aria-label=\"View Piezo Valve details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 1 - Product 4 -->\r\n    <article class=\"sanco-card\" data-product=\"single-liquid\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Valve<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"Single Liquid Screw Valve - Precision Flow Control Valve\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">Single Liquid Screw Valve<\/h3>\r\n        <a href=\"\/single-liquid\/\" class=\"sanco-card-btn\" aria-label=\"View Single Liquid Screw Valve details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 1 - Product 5 -->\r\n    <article class=\"sanco-card\" data-product=\"canp-pump\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Valve<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp\" alt=\"CANP 5G Pump - Advanced Precision Dispensing Pump\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">CANP 5G Pump<\/h3>\r\n        <a href=\"\/canp-5g-pump\/\" class=\"sanco-card-btn\" aria-label=\"View CANP 5G Pump details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 2 - Product 6 -->\r\n    <article class=\"sanco-card\" data-product=\"four-axial\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Coating<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"Four Axial Coating Machine - 360\u00b0 Selective Conformal Coating\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">Four Axial Coating Machine<\/h3>\r\n        <a href=\"\/four-axial-coating-machine\/\" class=\"sanco-card-btn\" aria-label=\"View Four Axial Coating Machine details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 2 - Product 7 -->\r\n    <article class=\"sanco-card\" data-product=\"ir-curing\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Curing<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"IR Curing Oven - Industrial Infrared Curing System\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">IR Curing Oven<\/h3>\r\n        <a href=\"\/ir-curing-oven\/\" class=\"sanco-card-btn\" aria-label=\"View IR Curing Oven details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 2 - Product 8 -->\r\n    <article class=\"sanco-card\" data-product=\"uv-curing\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Curing<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Curing-Oven-1_\u7ed3\u679c.webp\" alt=\"UV Curing Oven - Industrial UV Polymerization System\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">UV Curing Oven<\/h3>\r\n        <a href=\"\/uv-curing-oven\/\" class=\"sanco-card-btn\" aria-label=\"View UV Curing Oven details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 2 - Product 9 -->\r\n    <article class=\"sanco-card\" data-product=\"elevator\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Peripherals<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp\" alt=\"PCB Elevator - Industrial Board Handling Elevator System\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">Elevator<\/h3>\r\n        <a href=\"\/elevator\/\" class=\"sanco-card-btn\" aria-label=\"View Elevator details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Row 2 - Product 10 -->\r\n    <article class=\"sanco-card\" data-product=\"pcb-flipper\" role=\"listitem\">\r\n      <div class=\"sanco-card-img\">\r\n        <span class=\"sanco-card-cat\">Peripherals<\/span>\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp\" alt=\"PCB Flipper - 180\u00b0 Board Flipping Machine\" loading=\"lazy\" width=\"300\" height=\"300\">\r\n        <div class=\"sanco-card-overlay\"><span class=\"sanco-card-zoom\" aria-label=\"View product details\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sanco-card-body\">\r\n        <h3 class=\"sanco-card-title\">PCB Flipper<\/h3>\r\n        <a href=\"\/pcb-flipper\/\" class=\"sanco-card-btn\" aria-label=\"View PCB Flipper details\">View Details <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Lightbox Modal -->\r\n<div class=\"sanco-lightbox\" id=\"sancoLightbox\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"lbTitle\">\r\n  <div class=\"sanco-lb-content\">\r\n    <button class=\"sanco-lb-close\" id=\"sancoLbClose\" aria-label=\"Close product details\">&times;<\/button>\r\n    <div class=\"sanco-lb-inner\">\r\n      <div class=\"sanco-lb-img\"><img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"\"><\/div>\r\n      <div class=\"sanco-lb-info\">\r\n        <span class=\"sanco-lb-cat\" id=\"lbCat\">Category<\/span>\r\n        <h3 class=\"sanco-lb-title\" id=\"lbTitle\">Product Name<\/h3>\r\n        <p class=\"sanco-lb-desc\" id=\"lbDesc\">Product description<\/p>\r\n        <div class=\"sanco-lb-specs\">\r\n          <h4 class=\"sanco-lb-specs-title\">Key Specifications<\/h4>\r\n          <div id=\"lbSpecs\"><\/div>\r\n        <\/div>\r\n        <div class=\"sanco-lb-features\">\r\n          <h4 class=\"sanco-lb-features-title\">Key Features<\/h4>\r\n          <div id=\"lbFeatures\"><\/div>\r\n        <\/div>\r\n        <div class=\"sanco-lb-action\"><a href=\"#\" class=\"sanco-card-btn-full\" id=\"lbLink\">View Full Details<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg><\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const data = {\r\n    'lm-series': {\r\n      title: 'LM Series Inline High Speed Dispensing Machine',\r\n      category: 'Dispensing',\r\n      description: 'High-performance inline dispensing system featuring CCD vision positioning technology, ideal for semiconductor packaging, SMT underfill, and precision fluid application in electronics manufacturing. The LM Series delivers exceptional accuracy with maximum speed of 2000mm\/s and repeatability of \u00b10.01mm.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model Range', 'LM400 \/ LM1000 \/ LM1500'],\r\n        ['Maximum Speed', '2000mm\/s'],\r\n        ['Repeatability Accuracy', '\u00b10.01mm'],\r\n        ['Working Range', 'X: 400-1500mm, Y: 400mm, Z: 50mm'],\r\n        ['Control System', 'IPC + Motion Controller'],\r\n        ['Interface Standard', 'SMEMA Standard'],\r\n        ['Linear Motor', 'X, Y Axis with Servo Z'],\r\n        ['Weighting Module', 'Optional \u00b10.1mg accuracy']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'High Performance',\r\n          items: [\r\n            'Maximum speed 2000mm\/s with \u00b10.01mm repeatability',\r\n            'Linear motor X, Y axis with servo motor Z axis',\r\n            'Optional weighting module with accuracy +\/-0.1mg'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Smart Control',\r\n          items: [\r\n            'IPC + Motion control card system',\r\n            'SANCO software + Windows 10 OS',\r\n            'CCD Vision Positioning System',\r\n            'SMT file or online vision programming'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Quality & Safety',\r\n          items: [\r\n            'CE certified safety standard',\r\n            'Cast iron chassis & gantry weighting 1000kg',\r\n            'Sound and light alarm system',\r\n            'Vacuum valve cleaning device'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/high-speed-dispenser\/'\r\n    },\r\n    'ds-series': {\r\n      title: 'DS Series Inline High Speed Dispensing Machine',\r\n      category: 'Dispensing',\r\n      description: 'The DS Series Inline High Speed Dispensing Machine is designed for seamless integration into production lines, offering professional motion control and high-quality module structure for high-speed and high-precision operation. Featuring Windows operating system control, CCD vision positioning, and automatic constant temperature system.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model', 'DS-400'],\r\n        ['Maximum Speed', '800mm\/s'],\r\n        ['Repeatability Accuracy', '\u00b10.02mm'],\r\n        ['Working Area', 'X: 400mm, Y: 400mm, Z: 50mm'],\r\n        ['Total Power', '2.5KW'],\r\n        ['Interface', 'SMEMA Standard'],\r\n        ['Vision System', 'CCD with laser height detection'],\r\n        ['Control', 'Windows OS with touch screen']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Advanced Control Features',\r\n          items: [\r\n            'Windows OS computer control with touch screen',\r\n            'CCD vision positioning for precise alignment',\r\n            'Servo motor XYZ + motion control card',\r\n            'Laser height detection system'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Construction & Reliability',\r\n          items: [\r\n            'Cast iron chassis and gantry for stability',\r\n            'Professional motion control structure',\r\n            'Automatic constant temperature valve system',\r\n            'Multiple valve compatibility (pneumatic, piezo, screw)'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Flexible Programming',\r\n          items: [\r\n            'Import SMT machine files from any brand',\r\n            'Online visual programming option',\r\n            'Optional workpiece heating system',\r\n            'Automatic 2-axis calibration'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/ds-series-linlinehigh-speeddispensing-machine\/'\r\n    },\r\n    'piezo-valve': {\r\n      title: 'Piezo Valve',\r\n      category: 'Dispensing Valve',\r\n      description: 'The Piezo Valve utilizes advanced piezoelectric technology to achieve ultra-fast, non-contact jet dispensing. This innovative valve delivers exceptional precision and repeatability for demanding electronics manufacturing applications.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Dimensions', '99mm \u00d7 78mm \u00d7 37.5mm'],\r\n        ['Minimum Dot Size', '3NL (nanoliters)'],\r\n        ['Maximum Frequency', '500Hz (dots per second)'],\r\n        ['Temperature Range', 'Room Temperature to 180\u00b0C'],\r\n        ['Drive Type', 'Piezoelectric Actuation'],\r\n        ['Nozzle Material', 'Tungsten Steel \/ Ceramic'],\r\n        ['Operating Mode', 'Non-contact jet dispensing'],\r\n        ['Heating', 'Constant temperature control']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Performance Capabilities',\r\n          items: [\r\n            'Millisecond-level actuation response',\r\n            'Up to 1000Hz high-frequency operation',\r\n            '500 dots per second standard frequency',\r\n            'Non-contact jet prevents contamination'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Precision Control',\r\n          items: [\r\n            'Nanoliter-level accuracy (3NL minimum)',\r\n            'Consistent dot formation',\r\n            'High-precision nozzle design',\r\n            'Easy maintenance structure'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/piezo-valve-1\/'\r\n    },\r\n    'single-liquid': {\r\n      title: 'Single Liquid Screw Valve',\r\n      category: 'Dispensing Valve',\r\n      description: 'Precision screw valve featuring rotor-stator structure for smooth, pulsation-free output, suitable for a wide range of viscosities.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model Range', 'PCS-015 to PCS-2000'],\r\n        ['Viscosity Range', '0 - 500,000 cps'],\r\n        ['Minimum Volume', '0.015ml per rotation'],\r\n        ['Maximum Speed', '300ml\/min'],\r\n        ['Flow Error Rate', '<1%'],\r\n        ['Repeatability', '>99%'],\r\n        ['Structure', 'Rotor-Stator Design'],\r\n        ['Operation', 'Bi-directional capable']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Superior Performance',\r\n          items: [\r\n            'Smooth pulsation-free fluid output',\r\n            'Flow error rate <1% with >99% repeatability',\r\n            'Ultra-micro flow control (0.001mL minimum)',\r\n            'Handles up to 8,000,000 cps viscosity'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Design Features',\r\n          items: [\r\n            'Rotor-stator structure for stability',\r\n            'Bi-directional operation capability',\r\n            'Simple assembly and maintenance',\r\n            'Wide material compatibility'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/single-liquid\/'\r\n    },\r\n    'canp-pump': {\r\n      title: 'CANP 5G Pump',\r\n      category: 'Dispensing Valve',\r\n      description: 'CANP-5G is suitable for high-pressure transportation of high-viscosity sealants. This professional pump provides stable and continuous fluid delivery for automated dispensing systems.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model', 'CANP-5G'],\r\n        ['Type', 'High-Pressure Pump'],\r\n        ['Input Voltage', '~220V \/ 50Hz'],\r\n        ['Air Pressure', '5 ~ 6 kgf\/cm\u00b2'],\r\n        ['Application', 'High-Viscosity Sealants'],\r\n        ['Delivery', 'Continuous Flow'],\r\n        ['Control', 'Pneumatic Drive'],\r\n        ['Grade', 'Industrial']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Technical Specifications',\r\n          items: [\r\n            'Standard ~220V\/50Hz power supply',\r\n            'Operating air pressure 5~6 kgf\/cm\u00b2',\r\n            'High-pressure continuous delivery',\r\n            'Pneumatic drive control'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Application Features',\r\n          items: [\r\n            'Specialized for high-viscosity sealants',\r\n            'Handles thick adhesive materials',\r\n            'Stable pressure delivery',\r\n            'Industrial grade reliability'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/canp-5g-pump\/'\r\n    },\r\n    'four-axial': {\r\n      title: 'Four Axial Coating Machine',\r\n      category: 'Coating Machine',\r\n      description: 'Four-axis selective conformal coating system enabling 360\u00b0 multidirectional spraying for complex PCB assemblies and electronic components.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model', 'CM-460F'],\r\n        ['Dimensions', 'W1000 \u00d7 L1200 \u00d7 H1700mm'],\r\n        ['Working Area', 'X: 460mm, Y: 460mm'],\r\n        ['Rotation Range', '360\u00b0 full rotation'],\r\n        ['Rotation Precision', '0.01\u00b0'],\r\n        ['Maximum Speed', '800mm\/sec'],\r\n        ['Axis Configuration', '4-axis (X, Y, Z, R)'],\r\n        ['Control System', 'SANCO + Windows']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Advanced Capabilities',\r\n          items: [\r\n            '360\u00b0 rotation for complete coverage',\r\n            'Access to all board angles',\r\n            'Four-axis precision positioning',\r\n            '0.01\u00b0 rotation accuracy'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Control & Quality',\r\n          items: [\r\n            'SANCO + Windows control system',\r\n            'Servo + ball screw drive',\r\n            'LED UV detection system',\r\n            'Real-time coating verification'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/four-axial-coating-machine\/'\r\n    },\r\n    'ir-curing': {\r\n      title: 'IR Curing Oven',\r\n      category: 'Curing Oven',\r\n      description: 'The IR Curing Oven is designed for fully satisfying various heat curing glues applications. Equipped with advanced PLC+PID closed-loop control system for stable and reliable performance.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model Options', 'IR-2000 \/ IR-3000'],\r\n        ['Dimensions', '2000-3000 \u00d7 1160 \u00d7 1300mm'],\r\n        ['Heating Zones', '3-4 independent zones'],\r\n        ['Temperature Range', 'Room Temperature to 150\u00b0C'],\r\n        ['Temperature Accuracy', '\u00b13\u00b0C'],\r\n        ['Total Power', '10-15KW'],\r\n        ['Control System', 'PLC + PID closed-loop'],\r\n        ['Insulation', 'Advanced technology']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Advanced Control',\r\n          items: [\r\n            'PLC + PID closed-loop temperature control',\r\n            'Stable and reliable performance',\r\n            'Exceptional \u00b13\u00b0C accuracy',\r\n            '3-4 independent heating zones'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Design Excellence',\r\n          items: [\r\n            'Fully modular design for easy maintenance',\r\n            'Hardened guide rails for durability',\r\n            'Advanced insulation technology',\r\n            'Temperature difference <10\u00b0C for energy efficiency'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/ir-curing-oven\/'\r\n    },\r\n    'uv-curing': {\r\n      title: 'UV Curing Oven',\r\n      category: 'Curing Oven',\r\n      description: 'Advanced ultraviolet curing system designed for industrial PCB and SMT manufacturing processes with high-performance mercury lamps emitting wavelengths from 200-400nm.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Curing-Oven-1_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Dimensions', '1500 \u00d7 1050 \u00d7 1540mm'],\r\n        ['UV Lamp Power', '5.6KW per lamp'],\r\n        ['Wavelength Range', '200-400nm (peak at 365nm)'],\r\n        ['Track Length', '1530mm'],\r\n        ['Maximum PCB Width', '450mm'],\r\n        ['Total Power', '7KW'],\r\n        ['Conveying Speed', '0.5 - 3.5M\/min adjustable'],\r\n        ['Exhaust System', '1500 m\u00b3\/hour']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'UV Technology',\r\n          items: [\r\n            'High-performance mercury lamp',\r\n            '200-400nm wavelength with 365nm peak',\r\n            'Stepless power adjustment',\r\n            'Optimal curing energy delivery'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Operational Features',\r\n          items: [\r\n            'PLC touch screen control',\r\n            'Adjustable conveying speed (0.5-3.5M\/min)',\r\n            'Stainless steel track construction',\r\n            '1500 m\u00b3\/hour exhaust for clean environment'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/uv-curing-oven\/'\r\n    },\r\n    'elevator': {\r\n      title: 'Elevator',\r\n      category: 'Peripherals',\r\n      description: 'Designed for vertical PCB transfer between different production processes, helping optimize line layout and improve workflow efficiency.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model', 'SLT-460'],\r\n        ['Maximum PCB Size', '460 \u00d7 460mm'],\r\n        ['Conveying Speed', '0 - 5000mm\/min'],\r\n        ['Drive System', 'Motor + Screw'],\r\n        ['Total Power', '0.3KW'],\r\n        ['Dimensions', 'L900 \u00d7 W500 \u00d7 H1200mm'],\r\n        ['Interface', 'SMEMA Standard'],\r\n        ['Control', 'PLC + Touch Screen']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Transfer System',\r\n          items: [\r\n            'Motor + screw-driven lifting structure',\r\n            'SMEMA chain conveyor',\r\n            'Stable edge-carrying transport',\r\n            'Safe PCB transfer without damage'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Control & Integration',\r\n          items: [\r\n            'PLC + touch screen interface',\r\n            'SMEMA standard communication',\r\n            'Automatic width adjustment',\r\n            'Adjustable speed 0-5000mm\/min'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/elevator\/'\r\n    },\r\n    'pcb-flipper': {\r\n      title: 'PCB Flipper',\r\n      category: 'Peripherals',\r\n      description: 'Designed for 180-degree flipping of circuit boards or straight-through transfer in SMT production lines, enabling flexible layout and process optimization.',\r\n      image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp',\r\n      specs: [\r\n        ['Model', 'FB-800'],\r\n        ['PCB Width Range', '50 - 350mm'],\r\n        ['Operating Height', '900 \u00b1 20mm'],\r\n        ['Flip Motor', '86 Stepper Motor'],\r\n        ['Conveyor Motor', '42 Stepper Motor'],\r\n        ['Dimensions', 'L600 \u00d7 W950 \u00d7 H1150mm'],\r\n        ['Operation Mode', 'Flipping & Bypass'],\r\n        ['Control', 'PLC + 7\" Touch Screen']\r\n      ],\r\n      features: [\r\n        {\r\n          title: 'Operation Modes',\r\n          items: [\r\n            '180-degree board rotation capability',\r\n            'Both flipping and bypass modes',\r\n            '86 stepper motor for flipping',\r\n            'Stable and repeatable positioning'\r\n          ]\r\n        },\r\n        {\r\n          title: 'Safety & Integration',\r\n          items: [\r\n            'PLC + 7\" color touch screen',\r\n            'Enclosed rotating mechanism',\r\n            'High level of safety protection',\r\n            'SMEMA standard compatibility'\r\n          ]\r\n        }\r\n      ],\r\n      link: '\/pcb-flipper\/'\r\n    }\r\n  };\r\n\r\n  const lb = document.getElementById('sancoLightbox');\r\n  const lbClose = document.getElementById('sancoLbClose');\r\n\r\n  document.querySelectorAll('.sanco-card').forEach(card => {\r\n    card.addEventListener('click', function(e) {\r\n      if (e.target.closest('.sanco-card-btn')) return;\r\n      const d = data[this.dataset.product];\r\n      if (!d) return;\r\n\r\n      document.getElementById('lbImg').src = d.image;\r\n      document.getElementById('lbImg').alt = d.title;\r\n      document.getElementById('lbCat').textContent = d.category;\r\n      document.getElementById('lbTitle').textContent = d.title;\r\n      document.getElementById('lbDesc').textContent = d.description;\r\n      document.getElementById('lbLink').href = d.link;\r\n\r\n      document.getElementById('lbSpecs').innerHTML = d.specs.map(s =>\r\n        '<div class=\"sanco-lb-spec-row\"><span class=\"sanco-lb-spec-label\">' + s[0] + '<\/span><span class=\"sanco-lb-spec-value\">' + s[1] + '<\/span><\/div>'\r\n      ).join('');\r\n\r\n      document.getElementById('lbFeatures').innerHTML = d.features.map(category =>\r\n        '<div class=\"sanco-lb-feature-category\">' +\r\n        '<h5 class=\"sanco-lb-feature-cat-title\">' + category.title + '<\/h5>' +\r\n        category.items.map(item =>\r\n          '<div class=\"sanco-lb-feature\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg><span>' + item + '<\/span><\/div>'\r\n        ).join('') +\r\n        '<\/div>'\r\n      ).join('');\r\n\r\n      lb.classList.add('active');\r\n      document.body.style.overflow = 'hidden';\r\n      lbClose.focus();\r\n    });\r\n  });\r\n\r\n  lbClose.addEventListener('click', closeLb);\r\n  lb.addEventListener('click', function(e) { if (e.target === this) closeLb(); });\r\n  document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeLb(); });\r\n\r\n  function closeLb() {\r\n    lb.classList.remove('active');\r\n    document.body.style.overflow = '';\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-4f8e81e e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"4f8e81e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c62cd7a elementor-widget elementor-widget-html\" data-id=\"c62cd7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SANCO About Hero Section -->\r\n<!-- \u9700\u8981\u5f15\u5165\u5b57\u4f53: <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"> -->\r\n\r\n<style>\r\n\/* ============================================\r\n   SANCO ABOUT HERO - Premium Enterprise Design\r\n   Theme: Light Blue Gradient with Glass Effects\r\n   ============================================ *\/\r\n\r\n:root {\r\n    --sanco-primary: #0A5DC2;\r\n    --sanco-primary-light: #3B82F6;\r\n    --sanco-primary-dark: #1E40AF;\r\n    --sanco-accent: #06B6D4;\r\n    --sanco-accent-light: #22D3EE;\r\n    --sanco-bg-start: #EBF4FF;\r\n    --sanco-bg-mid: #E0EFFF;\r\n    --sanco-bg-end: #F0F9FF;\r\n    --sanco-white: #FFFFFF;\r\n    --sanco-dark: #0F172A;\r\n    --sanco-gray: #64748B;\r\n    --sanco-gray-light: #94A3B8;\r\n    --font-display: 'Outfit', sans-serif;\r\n    --font-body: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n\/* Main Container *\/\r\n.sanco-about-hero {\r\n    background: linear-gradient(180deg, \r\n        var(--sanco-bg-start) 0%, \r\n        var(--sanco-bg-mid) 50%,\r\n        var(--sanco-bg-end) 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: var(--font-body);\r\n}\r\n\r\n\/* Animated Background Elements *\/\r\n.sanco-about-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 900px;\r\n    height: 900px;\r\n    background: radial-gradient(circle, rgba(6, 182, 212, 0.08) 0%, transparent 70%);\r\n    animation: floatBg 20s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.sanco-about-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 20%;\r\n    left: -10%;\r\n    width: 700px;\r\n    height: 700px;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.06) 0%, transparent 70%);\r\n    animation: floatBg 25s ease-in-out infinite reverse;\r\n    pointer-events: none;\r\n}\r\n\r\n@keyframes floatBg {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, 20px) scale(1.05); }\r\n}\r\n\r\n\/* Hero Content Wrapper *\/\r\n.sanco-hero-wrapper {\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n    padding: 140px 60px 120px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.sanco-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n}\r\n\r\n\/* Left Content *\/\r\n.sanco-hero-content {\r\n    position: relative;\r\n}\r\n\r\n.sanco-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, rgba(10, 93, 194, 0.1), rgba(6, 182, 212, 0.1));\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(10, 93, 194, 0.15);\r\n    padding: 10px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 30px;\r\n    animation: fadeInUp 0.8s ease-out;\r\n}\r\n\r\n.sanco-badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--sanco-accent);\r\n    border-radius: 50%;\r\n    animation: pulse 2s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.6; transform: scale(1.2); }\r\n}\r\n\r\n.sanco-badge span {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--sanco-primary);\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.sanco-hero-title {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(42px, 5vw, 68px);\r\n    font-weight: 800;\r\n    color: var(--sanco-dark);\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n    animation: fadeInUp 0.8s ease-out 0.1s both;\r\n}\r\n\r\n.sanco-hero-title .highlight {\r\n    background: linear-gradient(135deg, var(--sanco-primary), var(--sanco-accent));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.sanco-hero-desc {\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    color: var(--sanco-gray);\r\n    margin-bottom: 20px;\r\n    animation: fadeInUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n\/* Stats Row *\/\r\n.sanco-stats-row {\r\n    display: flex;\r\n    gap: 30px;\r\n    margin-top: 50px;\r\n    animation: fadeInUp 0.8s ease-out 0.3s both;\r\n}\r\n\r\n.sanco-stat-item {\r\n    position: relative;\r\n    padding: 25px 35px;\r\n    background: var(--sanco-white);\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 40px rgba(10, 93, 194, 0.08);\r\n    border: 1px solid rgba(10, 93, 194, 0.08);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    overflow: hidden;\r\n    cursor: default;\r\n}\r\n\r\n.sanco-stat-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, var(--sanco-primary), var(--sanco-accent));\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.sanco-stat-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 60px rgba(10, 93, 194, 0.15);\r\n}\r\n\r\n.sanco-stat-item:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.sanco-stat-number {\r\n    font-family: var(--font-display);\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    background: linear-gradient(135deg, var(--sanco-primary), var(--sanco-accent));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    line-height: 1;\r\n}\r\n\r\n.sanco-stat-label {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--sanco-gray);\r\n    margin-top: 8px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Right Visual *\/\r\n.sanco-hero-visual {\r\n    position: relative;\r\n    height: 700px;\r\n    animation: fadeInRight 1s ease-out 0.4s both;\r\n}\r\n\r\n.sanco-video-card {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 65%;\r\n    height: 420px;\r\n    background: var(--sanco-white);\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 80px rgba(10, 93, 194, 0.2);\r\n    z-index: 3;\r\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.sanco-video-card:hover {\r\n    transform: translateY(-10px) scale(1.02);\r\n    box-shadow: 0 40px 100px rgba(10, 93, 194, 0.25);\r\n}\r\n\r\n.sanco-video-card iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n}\r\n\r\n.sanco-image-card {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 60%;\r\n    height: 480px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 80px rgba(10, 93, 194, 0.2);\r\n    z-index: 2;\r\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.sanco-image-card:hover {\r\n    transform: translateY(-10px) scale(1.02);\r\n    box-shadow: 0 40px 100px rgba(10, 93, 194, 0.25);\r\n}\r\n\r\n.sanco-image-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Decorative Elements *\/\r\n.sanco-deco-circle {\r\n    position: absolute;\r\n    top: -30px;\r\n    right: 20%;\r\n    width: 160px;\r\n    height: 160px;\r\n    background: linear-gradient(135deg, var(--sanco-accent), var(--sanco-accent-light));\r\n    border-radius: 50%;\r\n    opacity: 0.9;\r\n    z-index: 1;\r\n    animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n.sanco-deco-dots {\r\n    position: absolute;\r\n    bottom: 100px;\r\n    left: 30%;\r\n    width: 100px;\r\n    height: 100px;\r\n    background-image: radial-gradient(circle, var(--sanco-primary-light) 3px, transparent 3px);\r\n    background-size: 20px 20px;\r\n    opacity: 0.3;\r\n    z-index: 1;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-20px); }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes fadeInRight {\r\n    from { opacity: 0; transform: translateX(50px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE DESIGN\r\n   ============================================ *\/\r\n@media (max-width: 1200px) {\r\n    .sanco-hero-wrapper {\r\n        padding: 100px 40px 80px;\r\n    }\r\n\r\n    .sanco-hero-grid {\r\n        gap: 60px;\r\n    }\r\n\r\n    .sanco-hero-visual {\r\n        height: 600px;\r\n    }\r\n\r\n    .sanco-video-card {\r\n        height: 360px;\r\n    }\r\n\r\n    .sanco-image-card {\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .sanco-hero-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 60px;\r\n    }\r\n\r\n    .sanco-hero-visual {\r\n        height: 550px;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sanco-stats-row {\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sanco-hero-wrapper {\r\n        padding: 80px 25px 60px;\r\n    }\r\n\r\n    .sanco-hero-title {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .sanco-stats-row {\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .sanco-stat-item {\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    .sanco-hero-visual {\r\n        height: auto;\r\n        min-height: 550px;\r\n    }\r\n\r\n    .sanco-video-card {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 280px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sanco-image-card {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 320px;\r\n    }\r\n\r\n    .sanco-deco-circle,\r\n    .sanco-deco-dots {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .sanco-hero-wrapper {\r\n        padding: 60px 20px 50px;\r\n    }\r\n\r\n    .sanco-hero-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .sanco-stat-number {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .sanco-stat-item {\r\n        padding: 20px 25px;\r\n    }\r\n\r\n    .sanco-video-card {\r\n        height: 220px;\r\n    }\r\n\r\n    .sanco-image-card {\r\n        height: 260px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section class=\"sanco-about-hero\">\r\n    <div class=\"sanco-hero-wrapper\">\r\n        <div class=\"sanco-hero-grid\">\r\n            \r\n            <!-- Left Content -->\r\n            <div class=\"sanco-hero-content\">\r\n                <div class=\"sanco-badge\">\r\n                    <div class=\"sanco-badge-dot\"><\/div>\r\n                    <span>About SANCO<\/span>\r\n                <\/div>\r\n\r\n                <h1 class=\"sanco-hero-title\">\r\n                    Manufacturing<br>\r\n                    <span class=\"highlight\">Excellence<\/span> for<br>\r\n                    More Than 10 Years\r\n                <\/h1>\r\n\r\n                <p class=\"sanco-hero-desc\">\r\n                    Shenzhen Sanco Technology Co.,Ltd. founded in 2015, is a leading provider of precision dispensing, coating, and curing solutions serving manufacturers worldwide.\r\n                <\/p>\r\n\r\n                <p class=\"sanco-hero-desc\">\r\n                    Our vision combines the personalized service of a family-owned business with the expertise and quality of a global industry leader, establishing us as a trusted partner in electronics manufacturing.\r\n                <\/p>\r\n\r\n                <!-- Stats -->\r\n                <div class=\"sanco-stats-row\">\r\n                    <div class=\"sanco-stat-item\">\r\n                        <div class=\"sanco-stat-number\">10+<\/div>\r\n                        <div class=\"sanco-stat-label\">Years<br>Experience<\/div>\r\n                    <\/div>\r\n                    <div class=\"sanco-stat-item\">\r\n                        <div class=\"sanco-stat-number\">5K+<\/div>\r\n                        <div class=\"sanco-stat-label\">Satisfied<br>Clients<\/div>\r\n                    <\/div>\r\n                    <div class=\"sanco-stat-item\">\r\n                        <div class=\"sanco-stat-number\">50+<\/div>\r\n                        <div class=\"sanco-stat-label\">Countries<br>Served<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Visual -->\r\n            <div class=\"sanco-hero-visual\">\r\n                <div class=\"sanco-deco-circle\"><\/div>\r\n                <div class=\"sanco-deco-dots\"><\/div>\r\n                \r\n                <div class=\"sanco-video-card\">\r\n                    <iframe \r\n                        src=\"https:\/\/www.youtube.com\/embed\/RISw2NXWw88\" \r\n                        title=\"SANCO Technology Introduction\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n                        allowfullscreen>\r\n                    <\/iframe>\r\n                <\/div>\r\n\r\n                <div class=\"sanco-image-card\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/OFFLINE-DISPENSER.webp\" alt=\"SANCO Dispensing Equipment\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abfb274 e-con-full e-flex e-con e-parent\" data-id=\"abfb274\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a5902 elementor-widget elementor-widget-html\" data-id=\"a7a5902\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Customer Logos Section - RTL-safe, reliable infinite scroll -->\r\n\r\n<style>\r\n    .customer-section {\r\n        padding: 150px 20px 200px;\r\n        text-align: center;\r\n        background: linear-gradient(180deg, #F8FBFF 0%, #EDF4FB 100%);\r\n    }\r\n\r\n    .customer-label {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .customer-label::before,\r\n    .customer-label::after {\r\n        content: '';\r\n        width: 80px;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, #084da4, transparent);\r\n    }\r\n\r\n    .customer-label span {\r\n        font-size: 14px;\r\n        color: #084da4;\r\n        font-weight: 500;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .customer-title {\r\n        font-size: 52px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        margin: 0 0 30px 0;\r\n        line-height: 1.2;\r\n        font-family: 'Outfit', 'Poppins', Arial, sans-serif;\r\n    }\r\n\r\n    .customer-subtitle {\r\n        font-size: 17px;\r\n        color: #64748B;\r\n        max-width: 600px;\r\n        margin: 0 auto 60px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .customer-logos-scroll {\r\n        background: linear-gradient(135deg, #1E40AF 0%, #0A5DC2 50%, #084da4 100%);\r\n        padding: 80px 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n        \/* Force LTR \u2014 critical for RTL (Arabic) pages *\/\r\n        direction: ltr;\r\n    }\r\n\r\n    .customer-logos-scroll::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #06B6D4, #3B82F6, #06B6D4);\r\n    }\r\n\r\n    .customer-logos-wrapper {\r\n        width: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Track: no CSS animation \u2014 JS RAF drives transform *\/\r\n    .customer-logos-track {\r\n        display: flex;\r\n        align-items: center;\r\n        \/* width will be set explicitly by JS *\/\r\n        will-change: transform;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .customer-logo-card {\r\n        \/* Fixed size \u2014 JS reads these values via JS constants below *\/\r\n        flex-shrink: 0;\r\n        width: 280px;\r\n        height: 140px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 35px;\r\n        padding: 30px 40px;\r\n        background: #ffffff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n        box-sizing: border-box;\r\n        cursor: pointer;\r\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),\r\n                    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .customer-logo-card:hover {\r\n        transform: translateY(-10px) scale(1.05);\r\n        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);\r\n    }\r\n\r\n    .customer-logo-card img {\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        width: auto;\r\n        height: auto;\r\n        object-fit: contain;\r\n        direction: ltr;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .customer-section { padding: 70px 20px 50px; }\r\n        .customer-title { font-size: 36px; }\r\n        .customer-subtitle { font-size: 15px; margin-bottom: 40px; }\r\n        .customer-logos-scroll { padding: 60px 0; }\r\n\r\n        .customer-logo-card {\r\n            \/* Mobile size \u2014 must match CARD_W_MOBILE + CARD_MARGIN_MOBILE*2 in JS *\/\r\n            width: 220px;\r\n            height: 110px;\r\n            margin: 0 25px;\r\n            padding: 20px 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"customer-section\">\r\n    <div class=\"customer-label\">\r\n        <span>Trusted Worldwide<\/span>\r\n    <\/div>\r\n    <h2 class=\"customer-title\">Our Global Partners<\/h2>\r\n    <p class=\"customer-subtitle\">\r\n        Trusted by leading manufacturers and Fortune 500 companies across the globe\r\n    <\/p>\r\n<\/section>\r\n\r\n<section class=\"customer-logos-scroll\" id=\"customerLogosScroll\">\r\n    <div class=\"customer-logos-wrapper\">\r\n        <div class=\"customer-logos-track\" id=\"customerLogosTrack\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n    \/\/ \u2500\u2500 Logo sources \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    var LOGOS = [\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-1_\u7ed3\u679c.webp',  alt: 'Customer Logo 1' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-2_\u7ed3\u679c.webp',  alt: 'Customer Logo 2' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c.webp',  alt: 'Customer Logo 3' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c.webp',  alt: 'Customer Logo 4' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-5_\u7ed3\u679c.webp',  alt: 'Customer Logo 5' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-6_\u7ed3\u679c.webp',  alt: 'Customer Logo 6' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-7_\u7ed3\u679c.webp',  alt: 'Customer Logo 7' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-8_\u7ed3\u679c.webp',  alt: 'Customer Logo 8' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c.webp',  alt: 'Customer Logo 9' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-10_\u7ed3\u679c.webp', alt: 'Customer Logo 10' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-12_\u7ed3\u679c.webp', alt: 'Customer Logo 11' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-13_\u7ed3\u679c.webp', alt: 'Customer Logo 12' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-14_\u7ed3\u679c.webp', alt: 'Customer Logo 13' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-15_\u7ed3\u679c.webp', alt: 'Customer Logo 14' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-16_\u7ed3\u679c.webp', alt: 'Customer Logo 15' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-17_\u7ed3\u679c.webp', alt: 'Customer Logo 16' }\r\n    ];\r\n\r\n    \/\/ \u2500\u2500 Card dimensions \u2014 must match CSS exactly \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    \/\/ Desktop: width:280px  margin: 0 35px  \u2192 item slot = 280 + 35*2 = 350\r\n    \/\/ Mobile:  width:220px  margin: 0 25px  \u2192 item slot = 220 + 25*2 = 270\r\n    var SLOT_DESKTOP = 350;\r\n    var SLOT_MOBILE  = 270;\r\n    var MOBILE_BP    = 768;\r\n\r\n    \/\/ \u2500\u2500 State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    var offset   = 0;\r\n    var paused   = false;\r\n    var rafId    = null;\r\n    var SPEED    = 2.6;   \/\/ px per frame\r\n    var singleSetWidth = 0;\r\n\r\n    \/\/ \u2500\u2500 Build track \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    function buildTrack() {\r\n        var track = document.getElementById('customerLogosTrack');\r\n        if (!track) return;\r\n        track.innerHTML = '';\r\n\r\n        \/\/ Render TWO identical sets back-to-back\r\n        \/\/ When offset reaches singleSetWidth \u2192 snap back to 0\r\n        for (var set = 0; set < 2; set++) {\r\n            LOGOS.forEach(function (logo) {\r\n                var card = document.createElement('div');\r\n                card.className = 'customer-logo-card';\r\n\r\n                var img = document.createElement('img');\r\n                img.src = logo.src;\r\n                img.alt = logo.alt;\r\n                img.loading = 'lazy';\r\n\r\n                card.appendChild(img);\r\n                track.appendChild(card);\r\n            });\r\n        }\r\n\r\n        \/\/ Width calculated from constants \u2014 no layout measurement needed\r\n        \/\/ so it's correct even before images load\r\n        var slot = window.innerWidth <= MOBILE_BP ? SLOT_MOBILE : SLOT_DESKTOP;\r\n        singleSetWidth = slot * LOGOS.length;\r\n\r\n        \/\/ Set explicit width on track so flex doesn't wrap\r\n        track.style.width = (singleSetWidth * 2) + 'px';\r\n\r\n        \/\/ Reset offset and restart\r\n        offset = 0;\r\n        startRAF();\r\n    }\r\n\r\n    \/\/ \u2500\u2500 RAF loop \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    function startRAF() {\r\n        if (rafId) cancelAnimationFrame(rafId);\r\n\r\n        function tick() {\r\n            if (!paused) {\r\n                offset += SPEED;\r\n                if (offset >= singleSetWidth) {\r\n                    offset -= singleSetWidth;   \/\/ seamless snap\r\n                }\r\n                var track = document.getElementById('customerLogosTrack');\r\n                if (track) {\r\n                    track.style.transform = 'translateX(' + (-offset) + 'px)';\r\n                }\r\n            }\r\n            rafId = requestAnimationFrame(tick);\r\n        }\r\n\r\n        rafId = requestAnimationFrame(tick);\r\n    }\r\n\r\n    \/\/ \u2500\u2500 Pause on hover \/ touch \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    function attachPauseEvents() {\r\n        var scroll = document.getElementById('customerLogosScroll');\r\n        if (!scroll) return;\r\n        scroll.addEventListener('mouseenter', function () { paused = true; });\r\n        scroll.addEventListener('mouseleave', function () { paused = false; });\r\n        scroll.addEventListener('touchstart', function () { paused = true; }, { passive: true });\r\n        scroll.addEventListener('touchend',   function () {\r\n            setTimeout(function () { paused = false; }, 1500);\r\n        }, { passive: true });\r\n    }\r\n\r\n    \/\/ \u2500\u2500 Resize: rebuild if breakpoint crossed \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    var lastMobile = window.innerWidth <= MOBILE_BP;\r\n    var resizeTimer;\r\n    window.addEventListener('resize', function () {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(function () {\r\n            var nowMobile = window.innerWidth <= MOBILE_BP;\r\n            if (nowMobile !== lastMobile) {\r\n                lastMobile = nowMobile;\r\n                if (rafId) cancelAnimationFrame(rafId);\r\n                buildTrack();\r\n            }\r\n        }, 300);\r\n    });\r\n\r\n    \/\/ \u2500\u2500 Init \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    function init() {\r\n        buildTrack();\r\n        attachPauseEvents();\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n    } else {\r\n        init();\r\n    }\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-421ab3d e-con-full e-flex e-con e-parent\" data-id=\"421ab3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0db132 elementor-widget elementor-widget-html\" data-id=\"b0db132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SANCO Qualification Certificates Carousel - RTL-safe + Absolute URLs -->\r\n\r\n<style>\r\n.cert-section-wrapper {\r\n    width: 100%;\r\n    max-width: 1740px;\r\n    margin: 0 auto;\r\n    padding: 60px 10px;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    background-color: #fcfcfc;\r\n    direction: ltr;\r\n    unicode-bidi: isolate;\r\n}\r\n\r\n.cert-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.cert-header h2 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #003366;\r\n    margin: 0 0 15px 0;\r\n    unicode-bidi: plaintext;\r\n}\r\n\r\n.cert-header .underline {\r\n    width: 60px;\r\n    height: 4px;\r\n    background: #084da4;\r\n    margin: 0 auto;\r\n}\r\n\r\n.cert-carousel-container {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 0 60px;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-container {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-page {\r\n    display: none;\r\n    width: 100%;\r\n    gap: 25px;\r\n    min-height: 550px;\r\n    direction: ltr;\r\n    flex-direction: row;\r\n}\r\n\r\n.cert-page.active {\r\n    display: flex !important;\r\n}\r\n\r\n.cert-left-main {\r\n    flex: 2;\r\n    display: flex;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-right-grid {\r\n    flex: 1;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-template-rows: 1fr 1fr;\r\n    gap: 20px;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-grid-page2 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 25px;\r\n    width: 100%;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-card {\r\n    position: relative;\r\n    background: #fff;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 8px;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n    padding: 20px;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    direction: ltr;\r\n    overflow: hidden;\r\n}\r\n\r\n.cert-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.cert-card img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 50px;\r\n    height: 50px;\r\n    background: rgba(8, 77, 164, 0.9);\r\n    border: none;\r\n    border-radius: 50%;\r\n    color: white;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease, box-shadow 0.3s ease;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.cert-arrow:hover {\r\n    background: #084da4;\r\n    box-shadow: 0 6px 20px rgba(8, 77, 164, 0.3);\r\n}\r\n\r\n.cert-arrow-left  { left: 0;  right: auto; }\r\n.cert-arrow-right { right: 0; left: auto;  }\r\n.cert-arrow svg   { width: 20px; height: 20px; stroke-width: 3; }\r\n\r\n.cert-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-top: 40px;\r\n    direction: ltr;\r\n}\r\n\r\n.cert-dot {\r\n    width: 40px;\r\n    height: 4px;\r\n    background: #d0d0d0;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cert-dot:hover  { background: #a0a0a0; }\r\n.cert-dot.active { background: #084da4; width: 50px; }\r\n\r\n@media (max-width: 1024px) {\r\n    .cert-carousel-container { padding: 0 50px; }\r\n    .cert-arrow { width: 45px; height: 45px; }\r\n    .cert-page  { min-height: auto; }\r\n    .cert-card  { min-height: 350px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .cert-section-wrapper   { padding: 40px 10px; }\r\n    .cert-header h2         { font-size: 28px; }\r\n    .cert-carousel-container{ padding: 0 55px; }\r\n    .cert-arrow             { width: 50px; height: 50px; }\r\n    .cert-arrow svg         { width: 20px; height: 20px; }\r\n\r\n    .cert-page,\r\n    .cert-page.active { display: none !important; }\r\n\r\n    .cert-mobile-slide {\r\n        display: none;\r\n        width: 100%;\r\n        min-height: 350px;\r\n        direction: ltr;\r\n    }\r\n    .cert-mobile-slide.active {\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n    .cert-mobile-slide .cert-card {\r\n        width: 100%;\r\n        min-height: 350px;\r\n        display: flex;\r\n    }\r\n\r\n    .cert-dots  { flex-wrap: wrap; gap: 8px; margin-top: 30px; }\r\n    .cert-dot   { width: 20px; height: 3px; }\r\n    .cert-dot.active { width: 28px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .cert-carousel-container { padding: 0 50px; }\r\n    .cert-arrow { width: 46px; height: 46px; }\r\n    .cert-arrow svg { width: 18px; height: 18px; }\r\n    .cert-mobile-slide .cert-card { min-height: 300px; padding: 15px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cert-section-wrapper\">\r\n    <div class=\"cert-header\">\r\n        <h2>Qualification<\/h2>\r\n        <div class=\"underline\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cert-carousel-container\">\r\n\r\n        <button class=\"cert-arrow cert-arrow-left\" aria-label=\"Previous certificate\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M15 18l-6-6 6-6\"\/>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"cert-container\">\r\n\r\n            <!-- Page 1 \u2014 \u7edd\u5bf9URL\uff0c\u4efb\u4f55\u8bed\u8a00\u8def\u5f84\u4e0b\u90fd\u80fd\u52a0\u8f7d -->\r\n            <div class=\"cert-page active\" data-page=\"1\">\r\n                <div class=\"cert-card cert-left-main\" data-cert=\"1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/ISO-9001-certificate_page-0001.png\"\r\n                         alt=\"ISO 9001 Certificate\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"cert-right-grid\">\r\n                    <div class=\"cert-card\" data-cert=\"2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/UV-mecury-curing-oven-UV450-CE-cerification_page-0001.png\"\r\n                             alt=\"UV Mercury Curing Oven CE Certification\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"cert-card\" data-cert=\"3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/Pump-for-material-delivery-CE-ceritification_page-0001.png\"\r\n                             alt=\"Pump Material Delivery CE Certification\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"cert-card\" data-cert=\"4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/LM-series-dispensing-machine-CE-MD_page-0001.png\"\r\n                             alt=\"LM Series Dispensing Machine CE MD\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"cert-card\" data-cert=\"5\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/LM-series-dispensing-machine-CE-MD-1_page-0001.png\"\r\n                             alt=\"LM Series Dispensing Machine CE MD 2\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Page 2 -->\r\n            <div class=\"cert-page\" data-page=\"2\">\r\n                <div class=\"cert-grid-page2\">\r\n                    <div class=\"cert-card\" data-cert=\"6\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/LM-series-CE-LVD-1_page-0001.png\"\r\n                             alt=\"LM Series CE LVD Certificate\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"cert-card\" data-cert=\"7\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/Dispensing-machine-DS-series-and-coating-machine-CM-series-CE-certification_page-0001.png\"\r\n                             alt=\"DS and CM Series CE Certification\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button class=\"cert-arrow cert-arrow-right\" aria-label=\"Next certificate\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M9 18l6-6-6-6\"\/>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cert-dots\" id=\"cert-dots-container\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    var wrapper       = document.querySelector('.cert-section-wrapper');\r\n    if (!wrapper) return;\r\n\r\n    var certContainer = wrapper.querySelector('.cert-container');\r\n    var dotsContainer = document.getElementById('cert-dots-container');\r\n    var leftArrow     = wrapper.querySelector('.cert-arrow-left');\r\n    var rightArrow    = wrapper.querySelector('.cert-arrow-right');\r\n\r\n    \/\/ \u7edd\u5bf9URL \u2014 \u4e0d\u53d7\u4efb\u4f55\u8bed\u8a00\u8def\u5f84\u5f71\u54cd\r\n    var certs = [\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/ISO-9001-certificate_page-0001.png',\r\n          alt: 'ISO 9001 Certificate' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/UV-mecury-curing-oven-UV450-CE-cerification_page-0001.png',\r\n          alt: 'UV Mercury Curing Oven CE Certification' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/Pump-for-material-delivery-CE-ceritification_page-0001.png',\r\n          alt: 'Pump Material Delivery CE Certification' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/LM-series-dispensing-machine-CE-MD_page-0001.png',\r\n          alt: 'LM Series Dispensing Machine CE MD' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/LM-series-dispensing-machine-CE-MD-1_page-0001.png',\r\n          alt: 'LM Series Dispensing Machine CE MD 2' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/LM-series-CE-LVD-1_page-0001.png',\r\n          alt: 'LM Series CE LVD Certificate' },\r\n        { src: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/Dispensing-machine-DS-series-and-coating-machine-CM-series-CE-certification_page-0001.png',\r\n          alt: 'DS and CM Series CE Certification' }\r\n    ];\r\n\r\n    var desktopPages      = wrapper.querySelectorAll('.cert-page');\r\n    var totalDesktopPages = desktopPages.length;\r\n    var mode           = null;\r\n    var currentDesktop = 1;\r\n    var currentMobile  = 0;\r\n    var mobileSlides   = [];\r\n\r\n    \/* \u2500\u2500 DESKTOP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    function buildDesktopDots() {\r\n        dotsContainer.innerHTML = '';\r\n        for (var i = 1; i <= totalDesktopPages; i++) {\r\n            (function (n) {\r\n                var dot = document.createElement('div');\r\n                dot.className = 'cert-dot' + (n === currentDesktop ? ' active' : '');\r\n                dot.setAttribute('aria-label', 'View page ' + n);\r\n                dot.addEventListener('click', function () { changeDesktopPage(n); });\r\n                dotsContainer.appendChild(dot);\r\n            })(i);\r\n        }\r\n    }\r\n\r\n    function changeDesktopPage(n) {\r\n        currentDesktop = n;\r\n        desktopPages.forEach(function (p, i) {\r\n            p.classList.toggle('active', i + 1 === n);\r\n        });\r\n        dotsContainer.querySelectorAll('.cert-dot').forEach(function (d, i) {\r\n            d.classList.toggle('active', i + 1 === n);\r\n        });\r\n    }\r\n\r\n    function desktopPrev() {\r\n        changeDesktopPage(currentDesktop > 1 ? currentDesktop - 1 : totalDesktopPages);\r\n    }\r\n    function desktopNext() {\r\n        changeDesktopPage(currentDesktop < totalDesktopPages ? currentDesktop + 1 : 1);\r\n    }\r\n\r\n    function initDesktop() {\r\n        if (mode === 'desktop') return;\r\n        mode = 'desktop';\r\n        mobileSlides.forEach(function (s) { s.remove(); });\r\n        mobileSlides = [];\r\n        desktopPages.forEach(function (p) { p.style.display = ''; });\r\n        buildDesktopDots();\r\n        changeDesktopPage(currentDesktop);\r\n    }\r\n\r\n    \/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    function buildMobileSlides() {\r\n        mobileSlides.forEach(function (s) { s.remove(); });\r\n        mobileSlides = [];\r\n        desktopPages.forEach(function (p) { p.style.display = 'none'; });\r\n\r\n        certs.forEach(function (c, idx) {\r\n            var slide = document.createElement('div');\r\n            slide.className = 'cert-mobile-slide' + (idx === currentMobile ? ' active' : '');\r\n            slide.setAttribute('dir', 'ltr');\r\n\r\n            var card = document.createElement('div');\r\n            card.className = 'cert-card';\r\n            card.setAttribute('dir', 'ltr');\r\n\r\n            var img = document.createElement('img');\r\n            img.src     = c.src;  \/\/ \u7edd\u5bf9URL\r\n            img.alt     = c.alt;\r\n            img.loading = 'lazy';\r\n            img.style.cssText = 'max-width:100%;max-height:100%;object-fit:contain;display:block;';\r\n\r\n            card.appendChild(img);\r\n            slide.appendChild(card);\r\n            certContainer.appendChild(slide);\r\n            mobileSlides.push(slide);\r\n        });\r\n\r\n        buildMobileDots();\r\n    }\r\n\r\n    function buildMobileDots() {\r\n        dotsContainer.innerHTML = '';\r\n        certs.forEach(function (_, idx) {\r\n            (function (index) {\r\n                var dot = document.createElement('div');\r\n                dot.className = 'cert-dot' + (index === currentMobile ? ' active' : '');\r\n                dot.setAttribute('aria-label', 'View certificate ' + (index + 1));\r\n                dot.addEventListener('click', function () { changeMobileSlide(index); });\r\n                dotsContainer.appendChild(dot);\r\n            })(idx);\r\n        });\r\n    }\r\n\r\n    function changeMobileSlide(idx) {\r\n        currentMobile = idx;\r\n        mobileSlides.forEach(function (s, i) { s.classList.toggle('active', i === idx); });\r\n        dotsContainer.querySelectorAll('.cert-dot').forEach(function (d, i) {\r\n            d.classList.toggle('active', i === idx);\r\n        });\r\n    }\r\n\r\n    function mobilePrev() {\r\n        changeMobileSlide(currentMobile > 0 ? currentMobile - 1 : certs.length - 1);\r\n    }\r\n    function mobileNext() {\r\n        changeMobileSlide(currentMobile < certs.length - 1 ? currentMobile + 1 : 0);\r\n    }\r\n\r\n    function initMobile() {\r\n        if (mode === 'mobile') return;\r\n        mode = 'mobile';\r\n        buildMobileSlides();\r\n    }\r\n\r\n    \/* \u2500\u2500 ROUTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    function isMobileView() { return window.innerWidth <= 768; }\r\n\r\n    function init() {\r\n        if (isMobileView()) { initMobile(); } else { initDesktop(); }\r\n    }\r\n\r\n    \/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    leftArrow.addEventListener('click', function () {\r\n        if (isMobileView()) { mobilePrev(); } else { desktopPrev(); }\r\n    });\r\n    rightArrow.addEventListener('click', function () {\r\n        if (isMobileView()) { mobileNext(); } else { desktopNext(); }\r\n    });\r\n\r\n    \/* \u2500\u2500 KEYBOARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    document.addEventListener('keydown', function (e) {\r\n        if (!wrapper.matches(':hover')) return;\r\n        if (e.key === 'ArrowLeft')  { if (isMobileView()) { mobilePrev(); } else { desktopPrev(); } }\r\n        if (e.key === 'ArrowRight') { if (isMobileView()) { mobileNext(); } else { desktopNext(); } }\r\n    });\r\n\r\n    \/* \u2500\u2500 RESIZE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    var resizeTimer;\r\n    window.addEventListener('resize', function () {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(function () {\r\n            var nowMobile = isMobileView();\r\n            if ((mode === 'mobile') !== nowMobile) {\r\n                mode = null;\r\n                init();\r\n            }\r\n        }, 250);\r\n    });\r\n\r\n    init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2dc0796f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2dc0796f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-310eec9a\" data-id=\"310eec9a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27a859d elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"27a859d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SANCO Client Testimonial Section -->\r\n<!-- \u72ec\u7acb\u7ec4\u4ef6 - \u65e0\u5168\u5c40\u6837\u5f0f\u6c61\u67d3 -->\r\n\r\n<style>\r\n    \/* ========================================\r\n       SANCO Testimonial - Scoped Styles\r\n       \u6240\u6709\u6837\u5f0f\u90fd\u6709 .sanco-testimonial \u524d\u7f00\r\n       ======================================== *\/\r\n    \r\n    .sanco-testimonial {\r\n        padding: 180px 20px 100px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-height: 650px;\r\n        background: linear-gradient(180deg, #f0f4f8 0%, #e8eef5 100%);\r\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sanco-testimonial *,\r\n    .sanco-testimonial *::before,\r\n    .sanco-testimonial *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u4e16\u754c\u5730\u56fe\u80cc\u666f *\/\r\n    .sanco-testimonial__bg {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 70%;\r\n        height: 90%;\r\n        opacity: 0.4;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sanco-testimonial__bg svg {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* \u6807\u9898 *\/\r\n    .sanco-testimonial__title {\r\n        font-size: 42px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        text-align: center;\r\n        margin: 0 0 60px 0;\r\n        position: relative;\r\n        z-index: 1;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* \u4e3b\u5bb9\u5668 *\/\r\n    .sanco-testimonial__container {\r\n        position: relative;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        min-height: 650px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* \u6d6e\u52a8\u5934\u50cf *\/\r\n    .sanco-testimonial__avatar {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        border: 3px solid #fff;\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        cursor: pointer;\r\n        z-index: 2;\r\n        background: #fff;\r\n    }\r\n\r\n    .sanco-testimonial__avatar img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .sanco-testimonial__avatar:hover {\r\n        transform: scale(1.12);\r\n        box-shadow: 0 12px 35px rgba(8, 77, 164, 0.25);\r\n        border-color: #00B7FF;\r\n        z-index: 10;\r\n    }\r\n\r\n    .sanco-testimonial__avatar--active {\r\n        border-color: #00B7FF;\r\n        box-shadow: 0 0 0 4px rgba(0, 183, 255, 0.25), 0 8px 25px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    \/* \u5934\u50cf\u4f4d\u7f6e - \u684c\u9762\u7aef *\/\r\n    .sanco-testimonial__avatar--1 {\r\n        width: 85px;\r\n        height: 85px;\r\n        top: 2%;\r\n        left: 15%;\r\n    }\r\n\r\n    .sanco-testimonial__avatar--2 {\r\n        width: 100px;\r\n        height: 100px;\r\n        top: 38%;\r\n        left: 8%;\r\n    }\r\n\r\n    .sanco-testimonial__avatar--3 {\r\n        width: 90px;\r\n        height: 90px;\r\n        bottom: 8%;\r\n        left: 18%;\r\n    }\r\n\r\n    .sanco-testimonial__avatar--4 {\r\n        width: 75px;\r\n        height: 75px;\r\n        top: 2%;\r\n        right: 15%;\r\n    }\r\n\r\n    .sanco-testimonial__avatar--5 {\r\n        width: 80px;\r\n        height: 80px;\r\n        top: 42%;\r\n        right: 10%;\r\n    }\r\n\r\n    .sanco-testimonial__avatar--6 {\r\n        width: 90px;\r\n        height: 90px;\r\n        bottom: 12%;\r\n        right: 18%;\r\n    }\r\n\r\n    \/* \u4e2d\u5fc3\u5361\u7247 *\/\r\n    .sanco-testimonial__card {\r\n        background: #ffffff;\r\n        border-radius: 24px;\r\n        padding: 50px 60px;\r\n        max-width: 680px;\r\n        width: 90%;\r\n        text-align: center;\r\n        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);\r\n        position: relative;\r\n        z-index: 5;\r\n        transition: opacity 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    \/* \u5f15\u53f7\u88c5\u9970 *\/\r\n    .sanco-testimonial__quote-icon {\r\n        position: absolute;\r\n        top: 25px;\r\n        left: 35px;\r\n        width: 40px;\r\n        height: 40px;\r\n        color: #00B7FF;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .sanco-testimonial__quote-icon svg {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* \u4e3b\u5934\u50cf *\/\r\n    .sanco-testimonial__main-avatar {\r\n        width: 110px;\r\n        height: 110px;\r\n        border-radius: 50%;\r\n        margin: 0 auto 20px;\r\n        overflow: hidden;\r\n        border: 4px solid #084da4;\r\n        box-shadow: 0 10px 30px rgba(8, 77, 164, 0.2);\r\n    }\r\n\r\n    .sanco-testimonial__main-avatar img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* \u5ba2\u6237\u4fe1\u606f *\/\r\n    .sanco-testimonial__name {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        margin: 0 0 6px 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .sanco-testimonial__role {\r\n        font-size: 14px;\r\n        color: #084da4;\r\n        font-weight: 600;\r\n        margin: 0 0 25px 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .sanco-testimonial__text {\r\n        font-size: 16px;\r\n        color: #555;\r\n        line-height: 1.85;\r\n        font-style: italic;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* \u6307\u793a\u70b9 *\/\r\n    .sanco-testimonial__dots {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-top: 50px;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .sanco-testimonial__dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background-color: #c5d0db;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        padding: 0;\r\n    }\r\n\r\n    .sanco-testimonial__dot:hover {\r\n        background-color: #084da4;\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .sanco-testimonial__dot--active {\r\n        background-color: #084da4;\r\n        width: 32px;\r\n        border-radius: 6px;\r\n    }\r\n\r\n    \/* \u6de1\u5165\u52a8\u753b *\/\r\n    .sanco-testimonial__fade {\r\n        animation: sancoTestimonialFade 0.45s ease;\r\n    }\r\n\r\n    @keyframes sancoTestimonialFade {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(12px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* ========================================\r\n       \u5e73\u677f\u7aef\u9002\u914d (768px - 1024px)\r\n       ======================================== *\/\r\n    @media (max-width: 1024px) {\r\n        .sanco-testimonial {\r\n            padding: 70px 20px 90px;\r\n            min-height: 600px;\r\n        }\r\n\r\n        .sanco-testimonial__title {\r\n            font-size: 36px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .sanco-testimonial__avatar--1 {\r\n            width: 70px;\r\n            height: 70px;\r\n            top: 0%;\r\n            left: 8%;\r\n        }\r\n\r\n        .sanco-testimonial__avatar--2 {\r\n            width: 85px;\r\n            height: 85px;\r\n            left: 3%;\r\n        }\r\n\r\n        .sanco-testimonial__avatar--3 {\r\n            width: 75px;\r\n            height: 75px;\r\n            left: 8%;\r\n        }\r\n\r\n        .sanco-testimonial__avatar--4 {\r\n            width: 65px;\r\n            height: 65px;\r\n            right: 12%;\r\n        }\r\n\r\n        .sanco-testimonial__avatar--5 {\r\n            width: 70px;\r\n            height: 70px;\r\n            right: 4%;\r\n        }\r\n\r\n        .sanco-testimonial__avatar--6 {\r\n            width: 75px;\r\n            height: 75px;\r\n            right: 10%;\r\n        }\r\n\r\n        .sanco-testimonial__card {\r\n            padding: 40px 45px;\r\n            max-width: 550px;\r\n        }\r\n\r\n        .sanco-testimonial__main-avatar {\r\n            width: 100px;\r\n            height: 100px;\r\n        }\r\n\r\n        .sanco-testimonial__name {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .sanco-testimonial__text {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n\r\n    \/* ========================================\r\n       \u624b\u673a\u7aef\u9002\u914d (< 768px)\r\n       ======================================== *\/\r\n    @media (max-width: 768px) {\r\n        .sanco-testimonial {\r\n            padding: 60px 15px 80px;\r\n            min-height: auto;\r\n        }\r\n\r\n        .sanco-testimonial__bg {\r\n            width: 100%;\r\n            height: 60%;\r\n            opacity: 0.25;\r\n        }\r\n\r\n        .sanco-testimonial__title {\r\n            font-size: 28px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .sanco-testimonial__container {\r\n            min-height: auto;\r\n            flex-direction: column;\r\n        }\r\n\r\n        \/* \u624b\u673a\u7aef\u9690\u85cf\u6d6e\u52a8\u5934\u50cf *\/\r\n        .sanco-testimonial__avatar {\r\n            display: none;\r\n        }\r\n\r\n        .sanco-testimonial__card {\r\n            padding: 35px 25px;\r\n            max-width: 100%;\r\n            width: 100%;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .sanco-testimonial__quote-icon {\r\n            top: 18px;\r\n            left: 20px;\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n\r\n        .sanco-testimonial__main-avatar {\r\n            width: 90px;\r\n            height: 90px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .sanco-testimonial__name {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .sanco-testimonial__role {\r\n            font-size: 13px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .sanco-testimonial__text {\r\n            font-size: 14px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .sanco-testimonial__dots {\r\n            margin-top: 35px;\r\n            gap: 8px;\r\n        }\r\n\r\n        .sanco-testimonial__dot {\r\n            width: 10px;\r\n            height: 10px;\r\n        }\r\n\r\n        .sanco-testimonial__dot--active {\r\n            width: 28px;\r\n        }\r\n    }\r\n\r\n    \/* ========================================\r\n       \u5c0f\u624b\u673a\u9002\u914d (< 480px)\r\n       ======================================== *\/\r\n    @media (max-width: 480px) {\r\n        .sanco-testimonial {\r\n            padding: 50px 12px 70px;\r\n        }\r\n\r\n        .sanco-testimonial__title {\r\n            font-size: 24px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .sanco-testimonial__card {\r\n            padding: 30px 20px;\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .sanco-testimonial__main-avatar {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-width: 3px;\r\n        }\r\n\r\n        .sanco-testimonial__name {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .sanco-testimonial__role {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .sanco-testimonial__text {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure - SEO Optimized -->\r\n<section class=\"sanco-testimonial\" aria-label=\"Customer Testimonials\">\r\n    <!-- \u4e16\u754c\u5730\u56fe\u80cc\u666f SVG -->\r\n    <div class=\"sanco-testimonial__bg\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 1200 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M150,150 Q200,80 280,120 T400,100 T500,140 T620,110 T750,150 Q820,120 880,160 L880,380 Q820,420 720,400 T520,420 T350,390 T200,420 T150,370 Z\" fill=\"#c8d6e5\" opacity=\"0.5\"\/>\r\n            <path d=\"M80,280 Q130,230 220,260 T380,240 T480,290 L480,450 Q420,490 320,470 T180,490 T80,430 Z\" fill=\"#c8d6e5\" opacity=\"0.4\"\/>\r\n            <path d=\"M520,260 Q580,210 700,250 T880,230 T1050,280 L1050,520 Q980,570 860,540 T640,560 T520,490 Z\" fill=\"#c8d6e5\" opacity=\"0.4\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <!-- SEO: \u4f7f\u7528\u8bed\u4e49\u5316\u6807\u9898 -->\r\n    <h2 class=\"sanco-testimonial__title\">What Our Clients Say<\/h2>\r\n\r\n    <div class=\"sanco-testimonial__container\">\r\n        <!-- \u6d6e\u52a8\u5934\u50cf -->\r\n        <div class=\"sanco-testimonial__avatar sanco-testimonial__avatar--1\" data-index=\"0\" role=\"button\" tabindex=\"0\" aria-label=\"View testimonial from James Wilson\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face\" alt=\"James Wilson\" loading=\"lazy\" width=\"85\" height=\"85\">\r\n        <\/div>\r\n        <div class=\"sanco-testimonial__avatar sanco-testimonial__avatar--2 sanco-testimonial__avatar--active\" data-index=\"1\" role=\"button\" tabindex=\"0\" aria-label=\"View testimonial from Michael Chen\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face\" alt=\"Michael Chen\" loading=\"lazy\" width=\"100\" height=\"100\">\r\n        <\/div>\r\n        <div class=\"sanco-testimonial__avatar sanco-testimonial__avatar--3\" data-index=\"2\" role=\"button\" tabindex=\"0\" aria-label=\"View testimonial from Oliver Dummer\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=150&h=150&fit=crop&crop=face\" alt=\"Oliver Dummer\" loading=\"lazy\" width=\"90\" height=\"90\">\r\n        <\/div>\r\n        <div class=\"sanco-testimonial__avatar sanco-testimonial__avatar--4\" data-index=\"3\" role=\"button\" tabindex=\"0\" aria-label=\"View testimonial from Robert Anderson\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=150&h=150&fit=crop&crop=face\" alt=\"Robert Anderson\" loading=\"lazy\" width=\"75\" height=\"75\">\r\n        <\/div>\r\n        <div class=\"sanco-testimonial__avatar sanco-testimonial__avatar--5\" data-index=\"4\" role=\"button\" tabindex=\"0\" aria-label=\"View testimonial from David Thompson\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=face\" alt=\"David Thompson\" loading=\"lazy\" width=\"80\" height=\"80\">\r\n        <\/div>\r\n        <div class=\"sanco-testimonial__avatar sanco-testimonial__avatar--6\" data-index=\"5\" role=\"button\" tabindex=\"0\" aria-label=\"View testimonial from William Brown\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?w=150&h=150&fit=crop&crop=face\" alt=\"William Brown\" loading=\"lazy\" width=\"90\" height=\"90\">\r\n        <\/div>\r\n\r\n        <!-- \u4e2d\u5fc3\u5361\u7247 -->\r\n        <article class=\"sanco-testimonial__card\" id=\"sancoTestimonialCard\">\r\n            <!-- \u5f15\u53f7\u56fe\u6807 -->\r\n            <div class=\"sanco-testimonial__quote-icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"sanco-testimonial__main-avatar\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face\" alt=\"Michael Chen\" id=\"sancoMainAvatar\" width=\"110\" height=\"110\">\r\n            <\/div>\r\n            \r\n            <!-- SEO: \u4f7f\u7528\u8bed\u4e49\u5316\u6807\u7b7e -->\r\n            <h3 class=\"sanco-testimonial__name\" id=\"sancoClientName\">Michael Chen<\/h3>\r\n            <p class=\"sanco-testimonial__role\" id=\"sancoClientRole\">Operations Manager<\/p>\r\n            \r\n            <!-- SEO: blockquote \u7528\u4e8e\u5f15\u7528 -->\r\n            <blockquote class=\"sanco-testimonial__text\" id=\"sancoClientQuote\">\r\n                \"The quality of SANCO's automation equipment is exceptional. Their can pumps and offline dispensers have transformed our manufacturing process. Professional service and outstanding technical support throughout.\"\r\n            <\/blockquote>\r\n        <\/article>\r\n    <\/div>\r\n\r\n    <!-- \u6307\u793a\u70b9\u5bfc\u822a -->\r\n    <nav class=\"sanco-testimonial__dots\" aria-label=\"Testimonial navigation\">\r\n        <button class=\"sanco-testimonial__dot\" data-index=\"0\" aria-label=\"View testimonial 1\"><\/button>\r\n        <button class=\"sanco-testimonial__dot sanco-testimonial__dot--active\" data-index=\"1\" aria-label=\"View testimonial 2\" aria-current=\"true\"><\/button>\r\n        <button class=\"sanco-testimonial__dot\" data-index=\"2\" aria-label=\"View testimonial 3\"><\/button>\r\n        <button class=\"sanco-testimonial__dot\" data-index=\"3\" aria-label=\"View testimonial 4\"><\/button>\r\n        <button class=\"sanco-testimonial__dot\" data-index=\"4\" aria-label=\"View testimonial 5\"><\/button>\r\n        <button class=\"sanco-testimonial__dot\" data-index=\"5\" aria-label=\"View testimonial 6\"><\/button>\r\n    <\/nav>\r\n<\/section>\r\n\r\n<!-- SEO: \u7ed3\u6784\u5316\u6570\u636e -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"SANCO Technology\",\r\n    \"review\": [\r\n        {\r\n            \"@type\": \"Review\",\r\n            \"author\": {\"@type\": \"Person\", \"name\": \"James Wilson\"},\r\n            \"reviewBody\": \"From an operational standpoint, SANCO coating line is exceptionally reliable. It ensures superb product uniformity, dramatically reduces manual intervention and variability.\"\r\n        },\r\n        {\r\n            \"@type\": \"Review\",\r\n            \"author\": {\"@type\": \"Person\", \"name\": \"Michael Chen\"},\r\n            \"reviewBody\": \"The quality of SANCO's automation equipment is exceptional. Their can pumps and offline dispensers have transformed our manufacturing process.\"\r\n        },\r\n        {\r\n            \"@type\": \"Review\",\r\n            \"author\": {\"@type\": \"Person\", \"name\": \"Oliver Dummer\"},\r\n            \"reviewBody\": \"Os engenheiros da Sanco ministraram treinamento sobre a opera\u00e7\u00e3o da m\u00e1quina autom\u00e1tica de revestimento. O treinamento foi eficiente e abrangente.\"\r\n        }\r\n    ]\r\n}\r\n<\/script>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n\r\n    \/\/ \u5ba2\u6237\u8bc4\u4ef7\u6570\u636e\r\n    const testimonialData = [\r\n        {\r\n            name: \"James Wilson\",\r\n            role: \"CEO of TechCorp\",\r\n            text: \"From an operational standpoint, SANCO coating line is exceptionally reliable. It ensures superb product uniformity, dramatically reduces manual intervention and variability, and has become a cornerstone for our stable, scalable, and sustainable manufacturing process.\",\r\n            avatar: \"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=200&h=200&fit=crop&crop=face\"\r\n        },\r\n        {\r\n            name: \"Michael Chen\",\r\n            role: \"Operations Manager\",\r\n            text: \"The quality of SANCO's automation equipment is exceptional. Their can pumps and offline dispensers have transformed our manufacturing process. Professional service and outstanding technical support throughout.\",\r\n            avatar: \"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face\"\r\n        },\r\n        {\r\n            name: \"Oliver Dummer\",\r\n            role: \"Production Director\",\r\n            text: \"Os engenheiros da Sanco ministraram treinamento sobre a opera\u00e7\u00e3o da m\u00e1quina autom\u00e1tica de revestimento (revestimento conformal). O treinamento foi eficiente e abrangente, e a m\u00e1quina mostrou-se muito f\u00e1cil de usar.\",\r\n            avatar: \"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=200&h=200&fit=crop&crop=face\"\r\n        },\r\n        {\r\n            name: \"Robert Anderson\",\r\n            role: \"Plant Director\",\r\n            text: \"Outstanding precision equipment from SANCO Technology. The coating machines deliver consistent results and their fluid control systems are industry-leading. A reliable partner for our production needs.\",\r\n            avatar: \"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=200&h=200&fit=crop&crop=face\"\r\n        },\r\n        {\r\n            name: \"David Thompson\",\r\n            role: \"Project Manager\",\r\n            text: \"SANCO's dispensing solutions have exceeded our expectations. The accuracy and efficiency of their equipment, combined with excellent after-sales support, make them our preferred supplier for automation systems.\",\r\n            avatar: \"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop&crop=face\"\r\n        },\r\n        {\r\n            name: \"William Brown\",\r\n            role: \"Factory Supervisor\",\r\n            text: \"Reliable, efficient, and precise. SANCO's fluid dispensing equipment has kept our production line running smoothly for years. Their coating machines and potting systems are best in class. Highly recommended.\",\r\n            avatar: \"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?w=200&h=200&fit=crop&crop=face\"\r\n        }\r\n    ];\r\n\r\n    let currentIndex = 1;\r\n    let autoplayTimer = null;\r\n    const AUTOPLAY_DELAY = 5000;\r\n\r\n    \/\/ DOM \u5143\u7d20\r\n    const card = document.getElementById('sancoTestimonialCard');\r\n    const mainAvatar = document.getElementById('sancoMainAvatar');\r\n    const clientName = document.getElementById('sancoClientName');\r\n    const clientRole = document.getElementById('sancoClientRole');\r\n    const clientQuote = document.getElementById('sancoClientQuote');\r\n    const dots = document.querySelectorAll('.sanco-testimonial__dot');\r\n    const avatars = document.querySelectorAll('.sanco-testimonial__avatar');\r\n\r\n    \/\/ \u663e\u793a\u6307\u5b9a\u7d22\u5f15\u7684\u8bc4\u4ef7\r\n    function showTestimonial(index) {\r\n        if (index < 0 || index >= testimonialData.length) return;\r\n        \r\n        currentIndex = index;\r\n        const data = testimonialData[index];\r\n\r\n        \/\/ \u6de1\u51fa\u52a8\u753b\r\n        card.style.opacity = '0';\r\n        card.style.transform = 'translateY(10px)';\r\n\r\n        setTimeout(() => {\r\n            \/\/ \u66f4\u65b0\u5185\u5bb9\r\n            mainAvatar.src = data.avatar;\r\n            mainAvatar.alt = data.name;\r\n            clientName.textContent = data.name;\r\n            clientRole.textContent = data.role;\r\n            clientQuote.textContent = `\"${data.text}\"`;\r\n\r\n            \/\/ \u6de1\u5165\u52a8\u753b\r\n            card.style.opacity = '1';\r\n            card.style.transform = 'translateY(0)';\r\n            card.classList.remove('sanco-testimonial__fade');\r\n            void card.offsetWidth; \/\/ \u5f3a\u5236\u91cd\u7ed8\r\n            card.classList.add('sanco-testimonial__fade');\r\n        }, 200);\r\n\r\n        \/\/ \u66f4\u65b0\u6307\u793a\u70b9\r\n        dots.forEach((dot, i) => {\r\n            dot.classList.toggle('sanco-testimonial__dot--active', i === index);\r\n            dot.setAttribute('aria-current', i === index ? 'true' : 'false');\r\n        });\r\n\r\n        \/\/ \u66f4\u65b0\u6d6e\u52a8\u5934\u50cf\u9ad8\u4eae\r\n        avatars.forEach((avatar, i) => {\r\n            avatar.classList.toggle('sanco-testimonial__avatar--active', i === index);\r\n        });\r\n    }\r\n\r\n    \/\/ \u81ea\u52a8\u64ad\u653e\r\n    function startAutoplay() {\r\n        stopAutoplay();\r\n        autoplayTimer = setInterval(() => {\r\n            const nextIndex = (currentIndex + 1) % testimonialData.length;\r\n            showTestimonial(nextIndex);\r\n        }, AUTOPLAY_DELAY);\r\n    }\r\n\r\n    function stopAutoplay() {\r\n        if (autoplayTimer) {\r\n            clearInterval(autoplayTimer);\r\n            autoplayTimer = null;\r\n        }\r\n    }\r\n\r\n    \/\/ \u7528\u6237\u4ea4\u4e92\u540e\u91cd\u542f\u81ea\u52a8\u64ad\u653e\r\n    function handleUserInteraction(index) {\r\n        stopAutoplay();\r\n        showTestimonial(index);\r\n        startAutoplay();\r\n    }\r\n\r\n    \/\/ \u7ed1\u5b9a\u4e8b\u4ef6 - \u6307\u793a\u70b9\r\n    dots.forEach(dot => {\r\n        dot.addEventListener('click', function() {\r\n            const index = parseInt(this.getAttribute('data-index'), 10);\r\n            handleUserInteraction(index);\r\n        });\r\n\r\n        \/\/ \u952e\u76d8\u652f\u6301\r\n        dot.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Enter' || e.key === ' ') {\r\n                e.preventDefault();\r\n                const index = parseInt(this.getAttribute('data-index'), 10);\r\n                handleUserInteraction(index);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ \u7ed1\u5b9a\u4e8b\u4ef6 - \u6d6e\u52a8\u5934\u50cf\r\n    avatars.forEach(avatar => {\r\n        avatar.addEventListener('click', function() {\r\n            const index = parseInt(this.getAttribute('data-index'), 10);\r\n            handleUserInteraction(index);\r\n        });\r\n\r\n        \/\/ \u952e\u76d8\u652f\u6301\r\n        avatar.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Enter' || e.key === ' ') {\r\n                e.preventDefault();\r\n                const index = parseInt(this.getAttribute('data-index'), 10);\r\n                handleUserInteraction(index);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ \u9f20\u6807\u60ac\u505c\u65f6\u6682\u505c\u81ea\u52a8\u64ad\u653e\r\n    const section = document.querySelector('.sanco-testimonial');\r\n    section.addEventListener('mouseenter', stopAutoplay);\r\n    section.addEventListener('mouseleave', startAutoplay);\r\n\r\n    \/\/ \u9875\u9762\u53ef\u89c1\u6027\u53d8\u5316\u65f6\u63a7\u5236\u81ea\u52a8\u64ad\u653e\r\n    document.addEventListener('visibilitychange', function() {\r\n        if (document.hidden) {\r\n            stopAutoplay();\r\n        } else {\r\n            startAutoplay();\r\n        }\r\n    });\r\n\r\n    \/\/ \u521d\u59cb\u5316\r\n    startAutoplay();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a4078 elementor-widget elementor-widget-spacer\" data-id=\"74a4078\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c2b3da4 e-con-full e-flex e-con e-parent\" data-id=\"c2b3da4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04e9210 elementor-widget elementor-widget-html\" data-id=\"04e9210\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .exhibition-section {\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .section-subtitle {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        color: #084da4;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .section-subtitle::before {\r\n        content: '';\r\n        width: 40px;\r\n        height: 2px;\r\n        background: #084da4;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: clamp(36px, 6vw, 56px);\r\n        font-weight: 700;\r\n        color: #1a1a2e;\r\n        line-height: 1.2;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .section-title .highlight {\r\n        color: #084da4;\r\n    }\r\n\r\n    .section-description {\r\n        font-size: 16px;\r\n        color: #6b7280;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .gallery-item {\r\n        position: relative;\r\n        height: 350px;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        box-shadow: 0 8px 30px rgba(0, 86, 179, 0.12);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .gallery-item:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 50px rgba(0, 86, 179, 0.25);\r\n    }\r\n\r\n    .gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    .gallery-item:hover img {\r\n        transform: scale(1.06);\r\n    }\r\n\r\n    .carousel-section {\r\n        background: #fff;\r\n        padding: 60px 0;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .carousel-title {\r\n        text-align: center;\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #1a1a2e;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .carousel-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        direction: ltr;\r\n    }\r\n\r\n    .carousel-track {\r\n        display: flex;\r\n        gap: 20px;\r\n        position: relative;\r\n        will-change: transform;\r\n    }\r\n\r\n    .carousel-item {\r\n        flex-shrink: 0;\r\n        width: 400px;\r\n        height: 280px;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .carousel-item:hover {\r\n        transform: scale(1.05);\r\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .carousel-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        direction: ltr;\r\n    }\r\n\r\n    .lightbox {\r\n        position: fixed;\r\n        inset: 0;\r\n        background: rgba(0, 0, 0, 0.95);\r\n        z-index: 9999;\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 20px;\r\n    }\r\n\r\n    .lightbox.active {\r\n        display: flex;\r\n    }\r\n\r\n    .lightbox-content {\r\n        position: relative;\r\n        max-width: 90vw;\r\n        max-height: 90vh;\r\n    }\r\n\r\n    .lightbox-content img {\r\n        max-width: 100%;\r\n        max-height: 85vh;\r\n        object-fit: contain;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .lightbox-close {\r\n        position: absolute;\r\n        top: -50px;\r\n        right: 0;\r\n        background: none;\r\n        border: none;\r\n        color: #fff;\r\n        font-size: 40px;\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .lightbox-close:hover {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .exhibition-section { padding: 50px 0; }\r\n\r\n        .gallery-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 15px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .gallery-item { height: 280px; }\r\n\r\n        .carousel-section { padding: 40px 0; }\r\n\r\n        .carousel-title {\r\n            font-size: 24px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .carousel-item {\r\n            width: 300px;\r\n            height: 220px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Main Gallery Section -->\r\n<section class=\"exhibition-section\">\r\n    <div class=\"container\">\r\n        <header class=\"section-header\">\r\n            <p class=\"section-subtitle\">Global Events 2024<\/p>\r\n            <h2 class=\"section-title\">Building <span class=\"highlight\">Connections<\/span> Worldwide<\/h2>\r\n            <p class=\"section-description\">From industry exhibitions to client partnerships, we capture the moments that define our journey.<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"gallery-grid\">\r\n            <article class=\"gallery-item\" data-index=\"0\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/54_\u7ed3\u679c.webp\" alt=\"Customer group photo at SANCO showroom\" loading=\"lazy\">\r\n            <\/article>\r\n            <article class=\"gallery-item\" data-index=\"1\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167_\u7ed3\u679c.webp\" alt=\"SANCO team meeting with customers\" loading=\"lazy\">\r\n            <\/article>\r\n            <article class=\"gallery-item\" data-index=\"2\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c-1.webp\" alt=\"Product demonstration at exhibition booth\" loading=\"lazy\">\r\n            <\/article>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Infinite Carousel Section -->\r\n<section class=\"carousel-section\">\r\n    <h3 class=\"carousel-title\">Our Exhibition Journey<\/h3>\r\n    <div class=\"carousel-wrapper\">\r\n        <div class=\"carousel-track\" id=\"carouselTrack\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Lightbox -->\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n    <div class=\"lightbox-content\">\r\n        <button class=\"lightbox-close\" aria-label=\"Close\">&times;<\/button>\r\n        <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightbox-img\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    const carouselImages = [\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-21_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-18_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/54_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-10_\u7ed3\u679c-1.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/4-scaled_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c-1.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-20_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167-scaled_\u7ed3\u679c.webp',\r\n        'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c-1.webp'\r\n    ];\r\n\r\n    const GAP = 20;\r\n    const SPEED = 2.6;\r\n\r\n    let offset = 0;\r\n    let paused = false;\r\n    let rafId = null;\r\n    let singleSetWidth = 0;\r\n\r\n    function getItemWidth() {\r\n        const firstItem = document.querySelector('.carousel-item');\r\n        return firstItem ? firstItem.offsetWidth : 400;\r\n    }\r\n\r\n    function buildTrack() {\r\n        const track = document.getElementById('carouselTrack');\r\n        if (!track) return;\r\n\r\n        track.innerHTML = '';\r\n\r\n        for (let set = 0; set < 3; set++) {\r\n            carouselImages.forEach(src => {\r\n                const item = document.createElement('div');\r\n                item.className = 'carousel-item';\r\n\r\n                const img = document.createElement('img');\r\n                img.src = src;\r\n                img.alt = 'Exhibition photo';\r\n                img.loading = 'lazy';\r\n                img.setAttribute('dir', 'ltr');\r\n\r\n                item.appendChild(img);\r\n                track.appendChild(item);\r\n            });\r\n        }\r\n\r\n        requestAnimationFrame(() => {\r\n            const itemW = getItemWidth();\r\n            singleSetWidth = (itemW + GAP) * carouselImages.length;\r\n\r\n            offset = singleSetWidth;\r\n            track.style.transform = `translateX(${-offset}px)`;\r\n\r\n            startAnimation();\r\n        });\r\n\r\n        track.addEventListener('mouseenter', () => { paused = true; });\r\n        track.addEventListener('mouseleave', () => { paused = false; });\r\n        track.addEventListener('touchstart', () => { paused = true; }, { passive: true });\r\n        track.addEventListener('touchend', () => {\r\n            setTimeout(() => { paused = false; }, 1500);\r\n        }, { passive: true });\r\n    }\r\n\r\n    function startAnimation() {\r\n        if (rafId) cancelAnimationFrame(rafId);\r\n\r\n        function tick() {\r\n            if (!paused) {\r\n                offset += SPEED;\r\n\r\n                if (offset >= singleSetWidth * 2) {\r\n                    offset -= singleSetWidth;\r\n                }\r\n\r\n                const track = document.getElementById('carouselTrack');\r\n                if (track) {\r\n                    track.style.transform = `translateX(${-offset}px)`;\r\n                }\r\n            }\r\n            rafId = requestAnimationFrame(tick);\r\n        }\r\n\r\n        rafId = requestAnimationFrame(tick);\r\n    }\r\n\r\n    let resizeTimer;\r\n    window.addEventListener('resize', () => {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(() => {\r\n            if (rafId) cancelAnimationFrame(rafId);\r\n            offset = 0;\r\n            buildTrack();\r\n        }, 300);\r\n    });\r\n\r\n    function initLightbox() {\r\n        const lightbox = document.getElementById('lightbox');\r\n        const lightboxImg = document.getElementById('lightbox-img');\r\n        if (!lightbox || !lightboxImg) return;\r\n\r\n        document.querySelectorAll('.gallery-item').forEach(item => {\r\n            item.addEventListener('click', () => {\r\n                const img = item.querySelector('img');\r\n                lightboxImg.src = img.src;\r\n                lightboxImg.alt = img.alt;\r\n                lightbox.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            });\r\n        });\r\n\r\n        const closeBtn = lightbox.querySelector('.lightbox-close');\r\n        if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\r\n        lightbox.addEventListener('click', e => { if (e.target === lightbox) closeLightbox(); });\r\n\r\n        document.addEventListener('keydown', e => {\r\n            if (e.key === 'Escape' && lightbox.classList.contains('active')) closeLightbox();\r\n        });\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n    }\r\n\r\n    function init() {\r\n        buildTrack();\r\n        initLightbox();\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n    } else {\r\n        init();\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-ed4d5ec e-con-full e-flex e-con e-parent\" data-id=\"ed4d5ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00c26ef elementor-widget elementor-widget-html\" data-id=\"00c26ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SANCO Upcoming Exhibition Section -->\n\n<style>\n\/* ========================================\n   SANCO UPCOMING EXHIBITION SECTION\n   ======================================== *\/\n\n.sanco-exhibition-section {\n    position: relative;\n    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #2563eb 100%);\n    padding: 80px 20px;\n    overflow: hidden;\n}\n\n\/* \u80cc\u666f\u88c5\u9970\u5143\u7d20 *\/\n.sanco-exhibition-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -10%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.sanco-exhibition-section::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -5%;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n\/* \u5bb9\u5668 *\/\n.sanco-exhibition-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* \u9876\u90e8\u6807\u7b7e *\/\n.sanco-exhibition-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    padding: 8px 20px;\n    border-radius: 50px;\n    margin-bottom: 25px;\n    animation: fadeInDown 0.8s ease;\n}\n\n.sanco-exhibition-badge-icon {\n    font-size: 18px;\n}\n\n.sanco-exhibition-badge-text {\n    font-size: 13px;\n    font-weight: 700;\n    color: #ffffff;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n}\n\n\/* \u4e3b\u5185\u5bb9\u533a *\/\n.sanco-exhibition-content {\n    text-align: center;\n    animation: fadeInUp 0.8s ease 0.2s both;\n}\n\n\/* Logo\u533a\u57df *\/\n.sanco-exhibition-logo {\n    max-width: 450px;\n    margin: 0 auto 35px;\n}\n\n.sanco-exhibition-logo img {\n    width: 100%;\n    height: auto;\n    filter: brightness(0) invert(1);\n    opacity: 0.95;\n}\n\n\/* \u6807\u9898 *\/\n.sanco-exhibition-title {\n    font-size: clamp(26px, 4vw, 42px);\n    font-weight: 700;\n    color: #ffffff;\n    line-height: 1.3;\n    margin-bottom: 30px;\n    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);\n}\n\n\/* \u4fe1\u606f\u5361\u7247\u7f51\u683c *\/\n.sanco-exhibition-info-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n    animation: fadeInUp 0.8s ease 0.4s both;\n}\n\n.sanco-exhibition-info-card {\n    background: rgba(255, 255, 255, 0.12);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 16px;\n    padding: 25px 20px;\n    transition: all 0.3s ease;\n}\n\n.sanco-exhibition-info-card:hover {\n    background: rgba(255, 255, 255, 0.18);\n    transform: translateY(-5px);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n}\n\n.sanco-exhibition-info-icon {\n    font-size: 32px;\n    margin-bottom: 12px;\n}\n\n.sanco-exhibition-info-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: rgba(255, 255, 255, 0.7);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 8px;\n}\n\n.sanco-exhibition-info-value {\n    font-size: 20px;\n    font-weight: 700;\n    color: #ffffff;\n    line-height: 1.4;\n}\n\n\/* \u63cf\u8ff0\u6587\u5b57 *\/\n.sanco-exhibition-description {\n    font-size: 16px;\n    color: rgba(255, 255, 255, 0.85);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto 35px;\n    animation: fadeInUp 0.8s ease 0.6s both;\n}\n\n\/* \u6309\u94ae\u7ec4 *\/\n.sanco-exhibition-buttons {\n    display: flex;\n    gap: 15px;\n    justify-content: center;\n    flex-wrap: wrap;\n    animation: fadeInUp 0.8s ease 0.8s both;\n}\n\n.sanco-exhibition-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 32px;\n    font-size: 15px;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n.sanco-exhibition-btn-primary {\n    background: #ffffff;\n    color: #1e3a8a;\n    border: 2px solid #ffffff;\n}\n\n.sanco-exhibition-btn-primary:hover {\n    background: transparent;\n    color: #ffffff;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);\n}\n\n.sanco-exhibition-btn-secondary {\n    background: transparent;\n    color: #ffffff;\n    border: 2px solid rgba(255, 255, 255, 0.4);\n}\n\n.sanco-exhibition-btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: #ffffff;\n}\n\n.sanco-exhibition-btn svg {\n    width: 18px;\n    height: 18px;\n}\n\n\/* \u5e95\u90e8\u7ec4\u7ec7\u65b9\u4fe1\u606f *\/\n.sanco-exhibition-organizer {\n    margin-top: 50px;\n    padding-top: 40px;\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\n    animation: fadeInUp 0.8s ease 1s both;\n}\n\n.sanco-exhibition-organizer-label {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.6);\n    margin-bottom: 15px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n}\n\n.sanco-exhibition-organizer-logos {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 40px;\n    flex-wrap: wrap;\n}\n\n.sanco-exhibition-organizer-logo {\n    height: 45px;\n    filter: brightness(0) invert(1);\n    opacity: 0.8;\n    transition: opacity 0.3s ease;\n}\n\n.sanco-exhibition-organizer-logo:hover {\n    opacity: 1;\n}\n\n\/* \u52a8\u753b *\/\n@keyframes fadeInDown {\n    from {\n        opacity: 0;\n        transform: translateY(-20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1024px) {\n    .sanco-exhibition-info-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 15px;\n    }\n    \n    .sanco-exhibition-info-card {\n        padding: 20px 15px;\n    }\n    \n    .sanco-exhibition-info-value {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .sanco-exhibition-section {\n        padding: 60px 20px;\n    }\n    \n    .sanco-exhibition-logo {\n        max-width: 320px;\n        margin-bottom: 25px;\n    }\n    \n    .sanco-exhibition-title {\n        font-size: 24px;\n        margin-bottom: 25px;\n    }\n    \n    .sanco-exhibition-info-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n    \n    .sanco-exhibition-description {\n        font-size: 14px;\n        margin-bottom: 25px;\n    }\n    \n    .sanco-exhibition-buttons {\n        flex-direction: column;\n        gap: 12px;\n    }\n    \n    .sanco-exhibition-btn {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .sanco-exhibition-organizer {\n        margin-top: 40px;\n        padding-top: 30px;\n    }\n    \n    .sanco-exhibition-organizer-logos {\n        gap: 25px;\n    }\n    \n    .sanco-exhibition-organizer-logo {\n        height: 35px;\n    }\n}\n\n@media (max-width: 480px) {\n    .sanco-exhibition-info-icon {\n        font-size: 28px;\n    }\n    \n    .sanco-exhibition-info-value {\n        font-size: 16px;\n    }\n    \n    .sanco-exhibition-btn {\n        padding: 14px 24px;\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<!-- HTML Structure -->\n<section class=\"sanco-exhibition-section\">\n    <div class=\"sanco-exhibition-container\">\n        <!-- \u9876\u90e8\u6807\u7b7e -->\n        <div class=\"sanco-exhibition-badge\">\n            <span class=\"sanco-exhibition-badge-icon\">\ud83d\udcc5<\/span>\n            <span class=\"sanco-exhibition-badge-text\">Upcoming Event<\/span>\n        <\/div>\n\n        <!-- \u4e3b\u5185\u5bb9 -->\n        <div class=\"sanco-exhibition-content\">\n            <!-- Logo -->\n            <div class=\"sanco-exhibition-logo\">\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/nepcon-thailand-logo.png\" alt=\"NEPCON Thailand 2026\">\n            <\/div>\n\n            <!-- \u6807\u9898 -->\n            <h2 class=\"sanco-exhibition-title\">\n                ASEAN's #1 Int'l Exhibition on Assembly, Measurement & Testing Technologies for Electronics Manufacturing \u2013 24th Edition\n            <\/h2>\n\n            <!-- \u4fe1\u606f\u5361\u7247 -->\n            <div class=\"sanco-exhibition-info-grid\">\n                <div class=\"sanco-exhibition-info-card\">\n                    <div class=\"sanco-exhibition-info-icon\">\ud83d\udccd<\/div>\n                    <div class=\"sanco-exhibition-info-label\">Location<\/div>\n                    <div class=\"sanco-exhibition-info-value\">BITEC, Bangkok<\/div>\n                <\/div>\n\n                <div class=\"sanco-exhibition-info-card\">\n                    <div class=\"sanco-exhibition-info-icon\">\ud83d\udcc6<\/div>\n                    <div class=\"sanco-exhibition-info-label\">Date<\/div>\n                    <div class=\"sanco-exhibition-info-value\">17-20 June 2026<\/div>\n                <\/div>\n\n                <div class=\"sanco-exhibition-info-card\">\n                    <div class=\"sanco-exhibition-info-icon\">\ud83c\udfe2<\/div>\n                    <div class=\"sanco-exhibition-info-label\">Booth Number<\/div>\n                    <div class=\"sanco-exhibition-info-value\">Coming Soon<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- \u63cf\u8ff0 -->\n            <p class=\"sanco-exhibition-description\">\n                Visit SANCO at NEPCON Thailand 2026 to explore our latest precision dispensing, conformal coating, and curing solutions for electronics manufacturing.\n            <\/p>\n\n            <!-- \u6309\u94ae -->\n            <div class=\"sanco-exhibition-buttons\">\n                <a href=\"https:\/\/www.sancofd.com\/contact\/\" class=\"sanco-exhibition-btn sanco-exhibition-btn-primary\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n                    <\/svg>\n                    Schedule a Meeting\n                <\/a>\n                <a href=\"https:\/\/www.sancofd.com\/contact\/\" target=\"_blank\" class=\"sanco-exhibition-btn sanco-exhibition-btn-secondary\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                        <path d=\"M12 16v-4M12 8h.01\"\/>\n                    <\/svg>\n                    Event Details\n                <\/a>\n            <\/div>\n\n           <!-- \u7ec4\u7ec7\u65b9 -->\n<div class=\"sanco-exhibition-organizer\">\n  <div class=\"sanco-exhibition-organizer-label\">A part of<\/div>\n\n  <a href=\"https:\/\/www.nepconthailand.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <div class=\"sanco-exhibition-organizer-logos\">\n      <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/manufacturing-expo-logo.png\"\n           alt=\"Manufacturing Expo 2026\"\n           class=\"sanco-exhibition-organizer-logo\">\n    <\/div>\n  <\/a>\n<\/div>\n                <\/div>\n            <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b671182 e-con-full e-flex e-con e-parent\" data-id=\"b671182\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c39c80 elementor-widget elementor-widget-html\" data-id=\"4c39c80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>FAQs - SANCO Technology<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&family=Playfair+Display:wght@900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            background-color: #f5f5f5;\r\n            color: #333;\r\n        }\r\n\r\n        .faq-section {\r\n            padding: 80px 20px;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-label {\r\n            text-align: center;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #084da4;\r\n            margin-bottom: 15px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 52px;\r\n            font-weight: 900;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            line-height: 1.2;\r\n            margin-bottom: 60px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .faq-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 0 50px;\r\n        }\r\n\r\n        .faq-item {\r\n            border-bottom: 1px solid #ddd;\r\n        }\r\n\r\n        .faq-question {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 20px 20px;\r\n            margin: 0 -20px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .faq-question h3 {\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #333;\r\n            flex: 1;\r\n            padding-right: 20px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .faq-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            color: #999;\r\n            flex-shrink: 0;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease;\r\n        }\r\n\r\n        .faq-answer-content {\r\n            padding: 0 0 20px 0;\r\n            font-size: 14px;\r\n            color: #666;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .faq-answer-content ul {\r\n            margin: 10px 0;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .faq-answer-content li {\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .faq-answer-content a {\r\n            color: #1a1a1a;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* \u60ac\u505c\u72b6\u6001 - \u53d8\u84dd *\/\r\n        .faq-question:hover {\r\n            background-color: #084da4;\r\n        }\r\n\r\n        .faq-question:hover h3 {\r\n            color: #fff;\r\n        }\r\n\r\n        .faq-question:hover .faq-icon {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* \u6fc0\u6d3b\u72b6\u6001\uff08\u70b9\u51fb\u5c55\u5f00\uff09- \u84dd\u5e95\u767d\u5b57 *\/\r\n        .faq-item.active .faq-question {\r\n            background-color: #084da4;\r\n        }\r\n\r\n        .faq-item.active .faq-question h3 {\r\n            color: #fff;\r\n        }\r\n\r\n        .faq-item.active .faq-icon {\r\n            color: #fff;\r\n        }\r\n\r\n        .faq-item.active .faq-answer {\r\n            max-height: 500px;\r\n        }\r\n\r\n        .faq-item.active {\r\n            border-bottom: none;\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f *\/\r\n        @media (max-width: 900px) {\r\n            .faq-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"faq-section\">\r\n        <p class=\"section-label\">FAQs<\/p>\r\n        <h2 class=\"section-title\">Everything You Need To<br>Know Before You Buy<\/h2>\r\n\r\n        <div class=\"faq-grid\">\r\n            <!-- \u5de6\u5217 - 5\u4e2a -->\r\n            <div class=\"faq-column\">\r\n                <!-- FAQ 1 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>Who is SANCO?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            SANCO (Shenzhen Sanco Technology Co., Ltd.) was founded in Shenzhen and specializes in precision fluid control solutions and automation equipment. With R&D cooperation with Harbin Institute of Technology, SANCO has rich experience in dispensing, coating, potting, and other fluid handling systems.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 2 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>What products does SANCO offer?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            SANCO's main products include Dispensing Machines, Coating Machines, Potting \/ Glue Filling Machines, Valves and Fluid Control Components, Peripherals and Accessories. These products serve various industrial automation and fluid handling applications.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 3 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>How can I place an order or request a quote?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            You can request a quote or order by contacting SANCO via email or WhatsApp through the contact info on our website. Our sales team will respond with product details and pricing.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 4 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>Do you offer customized solutions?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            Yes. SANCO provides tailored automation and fluid control solutions based on customer needs, including custom machine configurations and software control options.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 5 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>Do you ship internationally?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            Yes. SANCO ships machinery and components to international customers. Shipping times and costs vary depending on destination and product size.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u53f3\u5217 - 5\u4e2a -->\r\n            <div class=\"faq-column\">\r\n                <!-- FAQ 6 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>What industries are your products suitable for?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            SANCO products are widely used in electronics manufacturing, automotive components, PCB assembly, semiconductor packaging, solar and renewable systems, smart devices assembly, and other industrial production lines.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 7 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>What level of precision can SANCO machines achieve?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            SANCO machines are engineered for high-precision applications. Depending on the model and configuration, dispensing accuracy can reach \u00b10.01 mm, ensuring stable and consistent results.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 8 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>Do you provide installation and training support?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            Yes. SANCO provides installation manuals, operation instructions, remote technical guidance, and operation training. On-site installation support can also be arranged if required.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 9 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>What is the typical lead time for SANCO machines?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            Standard machines usually have a lead time of 30 working days. Customized or highly integrated systems may require a longer production period.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 10 -->\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <h3>What makes SANCO different from other manufacturers?<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            SANCO combines in-house R&D, precision manufacturing, and application-based solutions. We focus not only on machines, but also on process optimization, helping customers improve efficiency, consistency, and yield.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.querySelectorAll('.faq-question').forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const item = question.parentElement;\r\n                const icon = question.querySelector('.faq-icon');\r\n                \r\n                \/\/ \u5173\u95ed\u5176\u4ed6\u6253\u5f00\u7684FAQ\r\n                document.querySelectorAll('.faq-item.active').forEach(activeItem => {\r\n                    if (activeItem !== item) {\r\n                        activeItem.classList.remove('active');\r\n                        activeItem.querySelector('.faq-icon').textContent = '+';\r\n                    }\r\n                });\r\n\r\n                \/\/ \u5207\u6362\u5f53\u524dFAQ\r\n                item.classList.toggle('active');\r\n                icon.textContent = item.classList.contains('active') ? '\u2212' : '+';\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Focusing on fully automatic fluid controlling system You can not see us, but we are everywhere \u2014 Since 2015 \u2014 INDUSTRIAL SOLUTIONS One-Man-Operation coating line Solutions Featured Solution Online PCBA Conformal Coating Line Complete automated production line with return conveyor system Explore Solution Online PCBA Conformal Coating Line Complete automated production line with return conveyor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":844,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":6454,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/54\/revisions\/6454"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}