{"id":1378,"date":"2025-12-29T10:18:40","date_gmt":"2025-12-29T10:18:40","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1378"},"modified":"2026-02-28T06:12:05","modified_gmt":"2026-02-28T06:12:05","slug":"battery-management-system-bms-coating-applications","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/th\/battery-management-system-bms-coating-applications\/","title":{"rendered":"Battery Management System (BMS) Coating Applications"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Solar & Energy Electronics Solutions | Sanco Biotech<\/title>\r\n <meta name=\"description\" content=\"Automated coating and potting solutions for solar panel manufacturing, battery management systems, and energy storage applications.\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --solar-orange: #ff6b2c;\r\n --solar-yellow: #ffc107;\r\n --energy-green: #22c55e;\r\n --energy-teal: #14b8a6;\r\n --dark: #0c0c0c;\r\n --dark-gray: #1a1a1a;\r\n --medium-gray: #2a2a2a;\r\n --light-gray: #888;\r\n --white: #ffffff;\r\n --off-white: #f5f5f5;\r\n }\r\n\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: 'Inter', sans-serif;\r\n background: var(--dark);\r\n color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n }\r\n\r\n \/* ========== HERO - DRAMATIC SPLIT DESIGN ========== *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n position: relative;\r\n }\r\n\r\n .hero-left {\r\n background: var(--dark);\r\n padding: 80px 80px 80px 100px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .hero-right {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-right::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, \r\n rgba(255, 107, 44, 0.9) 0%, \r\n rgba(255, 193, 7, 0.8) 50%,\r\n rgba(34, 197, 94, 0.7) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: grayscale(100%);\r\n }\r\n\r\n \/* Animated sun rays *\/\r\n .sun-rays {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 600px;\r\n height: 600px;\r\n z-index: 2;\r\n animation: rotateSlow 60s linear infinite;\r\n }\r\n\r\n .sun-ray {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 2px;\r\n height: 300px;\r\n background: linear-gradient(to top, transparent, rgba(255,255,255,0.3));\r\n transform-origin: bottom center;\r\n }\r\n\r\n @keyframes rotateSlow {\r\n from { transform: translate(-50%, -50%) rotate(0deg); }\r\n to { transform: translate(-50%, -50%) rotate(360deg); }\r\n }\r\n\r\n .hero-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .hero-tag-line {\r\n width: 60px;\r\n height: 2px;\r\n background: var(--solar-orange);\r\n }\r\n\r\n .hero-tag-text {\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n color: var(--solar-orange);\r\n }\r\n\r\n .hero h1 {\r\n font-size: 64px;\r\n font-weight: 700;\r\n line-height: 1.05;\r\n margin-bottom: 32px;\r\n letter-spacing: -2px;\r\n }\r\n\r\n .hero h1 .highlight {\r\n background: linear-gradient(90deg, var(--solar-orange), var(--solar-yellow));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-desc {\r\n font-size: 18px;\r\n color: var(--light-gray);\r\n line-height: 1.8;\r\n max-width: 480px;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .hero-metrics {\r\n display: flex;\r\n gap: 48px;\r\n padding-top: 48px;\r\n border-top: 1px solid var(--medium-gray);\r\n }\r\n\r\n .metric {\r\n position: relative;\r\n }\r\n\r\n .metric-value {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: var(--white);\r\n line-height: 1;\r\n }\r\n\r\n .metric-value span {\r\n color: var(--solar-orange);\r\n }\r\n\r\n .metric-label {\r\n font-size: 13px;\r\n color: var(--light-gray);\r\n margin-top: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Floating stats on hero right *\/\r\n .hero-float-stats {\r\n position: absolute;\r\n bottom: 60px;\r\n left: 60px;\r\n right: 60px;\r\n z-index: 10;\r\n display: flex;\r\n gap: 20px;\r\n }\r\n\r\n .float-stat {\r\n flex: 1;\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 24px;\r\n text-align: center;\r\n }\r\n\r\n .float-stat-icon {\r\n width: 48px;\r\n height: 48px;\r\n margin: 0 auto 12px;\r\n background: linear-gradient(135deg, var(--solar-orange), var(--solar-yellow));\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .float-stat h4 {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--white);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .float-stat p {\r\n font-size: 12px;\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n \/* ========== MARQUEE SECTION ========== *\/\r\n .marquee-section {\r\n background: var(--solar-orange);\r\n padding: 20px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .marquee-track {\r\n display: flex;\r\n animation: marquee 30s linear infinite;\r\n }\r\n\r\n .marquee-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 0 48px;\r\n white-space: nowrap;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .marquee-dot {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--dark);\r\n border-radius: 50%;\r\n }\r\n\r\n @keyframes marquee {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n \/* ========== APPLICATIONS - HORIZONTAL SCROLL ========== *\/\r\n .applications {\r\n padding: 140px 0;\r\n background: var(--dark);\r\n }\r\n\r\n .section-header {\r\n padding: 0 100px;\r\n margin-bottom: 80px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n }\r\n\r\n .section-header-left {\r\n max-width: 600px;\r\n }\r\n\r\n .section-number {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--solar-orange);\r\n margin-bottom: 16px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .section-title {\r\n font-size: 52px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .section-header-right {\r\n text-align: right;\r\n }\r\n\r\n .section-desc {\r\n font-size: 16px;\r\n color: var(--light-gray);\r\n max-width: 400px;\r\n line-height: 1.7;\r\n }\r\n\r\n .app-scroll-container {\r\n padding: 0 100px;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n }\r\n\r\n .app-scroll-container::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .app-scroll-track {\r\n display: flex;\r\n gap: 24px;\r\n width: max-content;\r\n }\r\n\r\n .app-card {\r\n width: 380px;\r\n flex-shrink: 0;\r\n background: var(--dark-gray);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n border: 1px solid var(--medium-gray);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n }\r\n\r\n .app-card:hover {\r\n transform: translateY(-12px);\r\n border-color: var(--solar-orange);\r\n box-shadow: 0 30px 60px rgba(255, 107, 44, 0.15);\r\n }\r\n\r\n .app-card-visual {\r\n height: 220px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .app-card-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .app-card:hover .app-card-bg {\r\n transform: scale(1.1);\r\n }\r\n\r\n .app-card:nth-child(1) .app-card-bg {\r\n background: linear-gradient(135deg, #ff6b2c 0%, #ff9f43 100%);\r\n }\r\n\r\n .app-card:nth-child(2) .app-card-bg {\r\n background: linear-gradient(135deg, #22c55e 0%, #86efac 100%);\r\n }\r\n\r\n .app-card:nth-child(3) .app-card-bg {\r\n background: linear-gradient(135deg, #3b82f6 0%, #93c5fd 100%);\r\n }\r\n\r\n .app-card-icon {\r\n position: absolute;\r\n bottom: 24px;\r\n left: 24px;\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(0, 0, 0, 0.3);\r\n backdrop-filter: blur(10px);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n }\r\n\r\n .app-card-number {\r\n position: absolute;\r\n top: 24px;\r\n right: 24px;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 72px;\r\n font-weight: 700;\r\n color: rgba(255, 255, 255, 0.15);\r\n line-height: 1;\r\n }\r\n\r\n .app-card-content {\r\n padding: 32px;\r\n }\r\n\r\n .app-card h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n color: var(--white);\r\n }\r\n\r\n .app-card p {\r\n font-size: 15px;\r\n color: var(--light-gray);\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .app-card-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .app-feature-tag {\r\n background: var(--medium-gray);\r\n padding: 8px 14px;\r\n border-radius: 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--white);\r\n }\r\n\r\n \/* ========== CHALLENGES & SOLUTIONS - BENTO GRID ========== *\/\r\n .bento-section {\r\n padding: 140px 100px;\r\n background: var(--dark-gray);\r\n }\r\n\r\n .bento-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n grid-template-rows: auto auto auto;\r\n gap: 24px;\r\n }\r\n\r\n .bento-card {\r\n background: var(--dark);\r\n border-radius: 24px;\r\n padding: 40px;\r\n border: 1px solid var(--medium-gray);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .bento-card:hover {\r\n border-color: var(--energy-green);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .bento-card.large {\r\n grid-column: span 8;\r\n }\r\n\r\n .bento-card.medium {\r\n grid-column: span 4;\r\n }\r\n\r\n .bento-card.tall {\r\n grid-row: span 2;\r\n }\r\n\r\n .bento-header {\r\n grid-column: span 12;\r\n background: transparent;\r\n border: none;\r\n padding: 0 0 40px 0;\r\n }\r\n\r\n .bento-header:hover {\r\n transform: none;\r\n border-color: transparent;\r\n }\r\n\r\n .bento-icon {\r\n width: 56px;\r\n height: 56px;\r\n background: linear-gradient(135deg, var(--energy-green), var(--energy-teal));\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 24px;\r\n color: var(--dark);\r\n }\r\n\r\n .bento-card.challenge .bento-icon {\r\n background: linear-gradient(135deg, #ef4444, #f97316);\r\n }\r\n\r\n .bento-card h3 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .bento-card p {\r\n font-size: 15px;\r\n color: var(--light-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .bento-stat {\r\n margin-top: 32px;\r\n padding-top: 32px;\r\n border-top: 1px solid var(--medium-gray);\r\n display: flex;\r\n align-items: baseline;\r\n gap: 12px;\r\n }\r\n\r\n .bento-stat-value {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: var(--energy-green);\r\n }\r\n\r\n .bento-stat-label {\r\n font-size: 14px;\r\n color: var(--light-gray);\r\n }\r\n\r\n \/* Feature image card *\/\r\n .bento-card.image-card {\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .bento-card.image-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* ========== PRODUCTS - MINIMAL CARDS ========== *\/\r\n .products {\r\n padding: 140px 100px;\r\n background: var(--dark);\r\n }\r\n\r\n .products .section-header {\r\n padding: 0;\r\n }\r\n\r\n .product-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 40px;\r\n margin-top: 80px;\r\n }\r\n\r\n .product-card {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n background: var(--dark-gray);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n border: 1px solid var(--medium-gray);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .product-card:hover {\r\n border-color: var(--solar-orange);\r\n transform: scale(1.02);\r\n }\r\n\r\n .product-image {\r\n background: linear-gradient(135deg, var(--medium-gray), var(--dark-gray));\r\n padding: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255, 107, 44, 0.1) 0%, transparent 50%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .product-card:hover .product-image::before {\r\n opacity: 1;\r\n }\r\n\r\n .product-image img {\r\n max-width: 100%;\r\n max-height: 200px;\r\n object-fit: contain;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .product-card:hover .product-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .product-content {\r\n padding: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .product-tag {\r\n display: inline-block;\r\n background: var(--solar-orange);\r\n color: var(--dark);\r\n padding: 6px 12px;\r\n border-radius: 6px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 16px;\r\n width: fit-content;\r\n }\r\n\r\n .product-content h3 {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .product-content > p {\r\n font-size: 15px;\r\n color: var(--light-gray);\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n flex-grow: 1;\r\n }\r\n\r\n .product-specs {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .spec {\r\n background: var(--dark);\r\n padding: 12px 16px;\r\n border-radius: 10px;\r\n }\r\n\r\n .spec-label {\r\n font-size: 11px;\r\n color: var(--light-gray);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .spec-value {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--white);\r\n }\r\n\r\n .product-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--solar-orange);\r\n font-weight: 600;\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: gap 0.3s ease;\r\n }\r\n\r\n .product-link:hover {\r\n gap: 14px;\r\n }\r\n\r\n \/* ========== VALUE PROPS - HORIZONTAL ========== *\/\r\n .value-section {\r\n padding: 100px 0;\r\n background: linear-gradient(90deg, var(--solar-orange), var(--solar-yellow), var(--energy-green));\r\n }\r\n\r\n .value-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 100px;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 60px;\r\n }\r\n\r\n .value-item {\r\n text-align: center;\r\n }\r\n\r\n .value-icon {\r\n width: 72px;\r\n height: 72px;\r\n background: rgba(0, 0, 0, 0.2);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n color: var(--dark);\r\n }\r\n\r\n .value-item h4 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .value-item p {\r\n font-size: 14px;\r\n color: rgba(0, 0, 0, 0.7);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== CTA - BOLD SPLIT ========== *\/\r\n .cta {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 500px;\r\n }\r\n\r\n .cta-left {\r\n background: var(--dark);\r\n padding: 80px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .cta-left h2 {\r\n font-size: 48px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .cta-left p {\r\n font-size: 18px;\r\n color: var(--light-gray);\r\n margin-bottom: 40px;\r\n line-height: 1.7;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 16px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 18px 32px;\r\n border-radius: 12px;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--solar-orange);\r\n color: var(--dark);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--solar-yellow);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--white);\r\n border: 2px solid var(--medium-gray);\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--white);\r\n }\r\n\r\n .cta-right {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-right::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(255, 107, 44, 0.9), rgba(34, 197, 94, 0.9));\r\n z-index: 1;\r\n }\r\n\r\n .cta-right img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: grayscale(100%);\r\n }\r\n\r\n .cta-float-card {\r\n position: absolute;\r\n bottom: 60px;\r\n left: 60px;\r\n right: 60px;\r\n background: rgba(0, 0, 0, 0.7);\r\n backdrop-filter: blur(20px);\r\n border-radius: 20px;\r\n padding: 32px;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n }\r\n\r\n .cta-float-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: var(--solar-orange);\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cta-float-text h4 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .cta-float-text p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* ========== RESPONSIVE ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-left {\r\n padding: 100px 60px;\r\n }\r\n\r\n .hero-right {\r\n height: 400px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 48px;\r\n }\r\n\r\n .section-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 24px;\r\n padding: 0 60px;\r\n }\r\n\r\n .section-header-right {\r\n text-align: left;\r\n }\r\n\r\n .app-scroll-container {\r\n padding: 0 60px;\r\n }\r\n\r\n .bento-section {\r\n padding: 100px 60px;\r\n }\r\n\r\n .bento-card.large,\r\n .bento-card.medium {\r\n grid-column: span 12;\r\n }\r\n\r\n .bento-card.tall {\r\n grid-row: span 1;\r\n }\r\n\r\n .products {\r\n padding: 100px 60px;\r\n }\r\n\r\n .product-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .value-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n padding: 0 60px;\r\n }\r\n\r\n .cta {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-right {\r\n height: 400px;\r\n }\r\n\r\n .cta-left {\r\n padding: 60px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-left {\r\n padding: 80px 30px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-metrics {\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n\r\n .hero-float-stats {\r\n flex-direction: column;\r\n left: 20px;\r\n right: 20px;\r\n bottom: 20px;\r\n }\r\n\r\n .section-header {\r\n padding: 0 30px;\r\n }\r\n\r\n .section-title {\r\n font-size: 36px;\r\n }\r\n\r\n .app-scroll-container {\r\n padding: 0 30px;\r\n }\r\n\r\n .app-card {\r\n width: 300px;\r\n }\r\n\r\n .bento-section,\r\n .products {\r\n padding: 80px 30px;\r\n }\r\n\r\n .product-card {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .value-container {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n padding: 0 30px;\r\n }\r\n\r\n .cta-left {\r\n padding: 60px 30px;\r\n }\r\n\r\n .cta-left h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .cta-float-card {\r\n left: 20px;\r\n right: 20px;\r\n bottom: 20px;\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- HERO SECTION -->\r\n <section class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-tag\">\r\n <span class=\"hero-tag-line\"><\/span>\r\n <span class=\"hero-tag-text\">Solar & Energy Electronics<\/span>\r\n <\/div>\r\n <h1>Powering the <span class=\"highlight\">Clean Energy<\/span> Revolution<\/h1>\r\n <p class=\"hero-desc\">Advanced automated coating and potting solutions engineered for solar panel manufacturing, battery management systems, and energy storage applications. Built to withstand extreme conditions.<\/p>\r\n <div class=\"hero-metrics\">\r\n <div class=\"metric\">\r\n <div class=\"metric-value\">25<span>+<\/span><\/div>\r\n <div class=\"metric-label\">Year Durability<\/div>\r\n <\/div>\r\n <div class=\"metric\">\r\n <div class=\"metric-value\">99.5<span>%<\/span><\/div>\r\n <div class=\"metric-label\">Coating Uniformity<\/div>\r\n <\/div>\r\n <div class=\"metric\">\r\n <div class=\"metric-value\">3<span>\u00d7<\/span><\/div>\r\n <div class=\"metric-label\">Production Speed<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2025\/12\/\u5347\uff08\u51fa\uff09\uff09\u3001\u6d82\u3001\u68c0\u3001\u7ea2\u3001\u63a5\u3001\u5347\uff08\u5165\uff09\uff09-scaled.png\" alt=\"Solar Coating Line\" class=\"hero-image\">\r\n <div class=\"sun-rays\">\r\n <div class=\"sun-ray\" style=\"transform: rotate(0deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(30deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(60deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(90deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(120deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(150deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(180deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(210deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(240deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(270deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(300deg);\"><\/div>\r\n <div class=\"sun-ray\" style=\"transform: rotate(330deg);\"><\/div>\r\n <\/div>\r\n <div class=\"hero-float-stats\">\r\n <div class=\"float-stat\">\r\n <div class=\"float-stat-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <h4>UV Resistant<\/h4>\r\n <p>Outdoor durability<\/p>\r\n <\/div>\r\n <div class=\"float-stat\">\r\n <div class=\"float-stat-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/><\/svg>\r\n <\/div>\r\n <h4>-40\u00b0C ~ 150\u00b0C<\/h4>\r\n <p>Temperature range<\/p>\r\n <\/div>\r\n <div class=\"float-stat\">\r\n <div class=\"float-stat-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h4>IP67 Protection<\/h4>\r\n <p>Moisture sealed<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MARQUEE -->\r\n <div class=\"marquee-section\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Solar Panel Encapsulation<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Battery Management Systems<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Motor Control Boards<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Energy Storage Systems<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>EV Power Electronics<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Inverter Protection<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Solar Panel Encapsulation<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Battery Management Systems<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Motor Control Boards<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Energy Storage Systems<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>EV Power Electronics<\/div>\r\n <div class=\"marquee-item\"><span class=\"marquee-dot\"><\/span>Inverter Protection<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- APPLICATIONS -->\r\n <section class=\"applications\">\r\n <div class=\"section-header\">\r\n <div class=\"section-header-left\">\r\n <div class=\"section-number\">01 \u2014 APPLICATIONS<\/div>\r\n <h2 class=\"section-title\">Precision Coating for Extreme Environments<\/h2>\r\n <\/div>\r\n <div class=\"section-header-right\">\r\n <p class=\"section-desc\">Our solutions protect critical energy components against moisture, dust, thermal cycling, and UV exposure for decades of reliable operation.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-scroll-container\">\r\n <div class=\"app-scroll-track\">\r\n <div class=\"app-card\">\r\n <div class=\"app-card-visual\">\r\n <div class=\"app-card-bg\"><\/div>\r\n <div class=\"app-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><\/svg>\r\n <\/div>\r\n <div class=\"app-card-number\">01<\/div>\r\n <\/div>\r\n <div class=\"app-card-content\">\r\n <h3>Solar Module Encapsulation<\/h3>\r\n <p>Full-board conformal coating for photovoltaic junction boxes and control circuits. Protects against moisture ingress, dust accumulation, and UV degradation.<\/p>\r\n <div class=\"app-card-features\">\r\n <span class=\"app-feature-tag\">Anti-moisture<\/span>\r\n <span class=\"app-feature-tag\">UV Stable<\/span>\r\n <span class=\"app-feature-tag\">25yr Life<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-card-visual\">\r\n <div class=\"app-card-bg\"><\/div>\r\n <div class=\"app-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\" ry=\"2\"\/><line x1=\"23\" y1=\"13\" x2=\"23\" y2=\"11\"\/><\/svg>\r\n <\/div>\r\n <div class=\"app-card-number\">02<\/div>\r\n <\/div>\r\n <div class=\"app-card-content\">\r\n <h3>Battery Protection Board Coating<\/h3>\r\n <p>Precision dispensing for BMS circuits in lithium battery packs. Ensures thermal management and electrical isolation in demanding EV and ESS applications.<\/p>\r\n <div class=\"app-card-features\">\r\n <span class=\"app-feature-tag\">Thermal Mgmt<\/span>\r\n <span class=\"app-feature-tag\">Isolation<\/span>\r\n <span class=\"app-feature-tag\">EV Grade<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-card-visual\">\r\n <div class=\"app-card-bg\"><\/div>\r\n <div class=\"app-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v6m0 6v10\"\/><path d=\"M1 12h6m6 0h10\"\/><\/svg>\r\n <\/div>\r\n <div class=\"app-card-number\">03<\/div>\r\n <\/div>\r\n <div class=\"app-card-content\">\r\n <h3>Motor Control Board Protection<\/h3>\r\n <p>Conformal coating for inverter and motor driver PCBs. Withstands high-temperature operation and vibration in industrial motor applications.<\/p>\r\n <div class=\"app-card-features\">\r\n <span class=\"app-feature-tag\">High Temp<\/span>\r\n <span class=\"app-feature-tag\">Vibration<\/span>\r\n <span class=\"app-feature-tag\">Industrial<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CHALLENGES & SOLUTIONS - BENTO -->\r\n <section class=\"bento-section\">\r\n <div class=\"bento-grid\">\r\n <div class=\"bento-card bento-header\">\r\n <div class=\"section-number\">02 \u2014 CHALLENGES & SOLUTIONS<\/div>\r\n <h2 class=\"section-title\">Solving Energy Industry Pain Points<\/h2>\r\n <\/div>\r\n\r\n <div class=\"bento-card large challenge\">\r\n <div class=\"bento-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n <\/div>\r\n <h3>Inconsistent Manual Coating Quality<\/h3>\r\n <p>Manual spraying leads to uneven coating thickness, pinholes, and missed areas. This results in premature failures in harsh outdoor environments, costly warranty claims, and damaged brand reputation in the competitive solar market.<\/p>\r\n <div class=\"bento-stat\">\r\n <span class=\"bento-stat-value\">40%<\/span>\r\n <span class=\"bento-stat-label\">of field failures traced to coating defects<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bento-card medium tall\">\r\n <div class=\"bento-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <h3>SANCO Solution: Automated Full-Board Coating<\/h3>\r\n <p>Our selective coating machines deliver consistent, repeatable coverage across entire PCB surfaces with programmable patterns and real-time thickness monitoring.<\/p>\r\n <div class=\"bento-stat\">\r\n <span class=\"bento-stat-value\">99.5%<\/span>\r\n <span class=\"bento-stat-label\">coating uniformity achieved<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bento-card medium challenge\">\r\n <div class=\"bento-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n <\/div>\r\n <h3>Production Bottlenecks<\/h3>\r\n <p>Growing demand for solar and battery products requires faster throughput without sacrificing quality or increasing labor costs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bento-card medium\">\r\n <div class=\"bento-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n <\/div>\r\n <h3>3\u00d7 Throughput Increase<\/h3>\r\n <p>High-speed inline systems process up to 1,200 panels per hour with multi-head configurations and optimized motion paths.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bento-card medium challenge\">\r\n <div class=\"bento-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/><\/svg>\r\n <\/div>\r\n <h3>Extreme Temperature Cycling<\/h3>\r\n <p>Energy equipment faces daily thermal stress from -40\u00b0C to +85\u00b0C, causing coating delamination and component failures.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bento-card medium\">\r\n <div class=\"bento-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Engineered for Durability<\/h3>\r\n <p>Precision-controlled potting and coating systems ensure complete encapsulation with thermal-stable materials rated for 25+ year outdoor service life.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PRODUCTS -->\r\n <section class=\"products\">\r\n <div class=\"section-header\">\r\n <div class=\"section-header-left\">\r\n <div class=\"section-number\">03 \u2014 EQUIPMENT<\/div>\r\n <h2 class=\"section-title\">Purpose-Built for Energy Applications<\/h2>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\">\r\n <\/div>\r\n \r\n <div class=\"product-content\">\r\n <span class=\"product-tag\">\u0e01\u0e32\u0e23\u0e2b\u0e48\u0e2d\u0e2b\u0e38\u0e49\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span>\r\n <h3>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49<\/h3>\r\n <p>Two-component potting system for complete encapsulation of junction boxes, power modules, and battery management units.<\/p>\r\n <div class=\"product-specs\">\r\n <div class=\"spec\">\r\n <div class=\"spec-label\">Mix Ratio<\/div>\r\n <div class=\"spec-value\">1:1 to 10:1<\/div>\r\n <\/div>\r\n <div class=\"spec\">\r\n <div class=\"spec-label\">Flow Rate<\/div>\r\n <div class=\"spec-value\">0.5-50 g\/s<\/div>\r\n <\/div>\r\n <div class=\"spec\">\r\n <div class=\"spec-label\">Accuracy<\/div>\r\n <div class=\"spec-value\">\u00b111 \u0e2d\u0e07\u0e28\u0e32\u0e40\u0e0b\u0e25\u0e40\u0e0b\u0e35\u0e22\u0e2a\u0e16\u0e36\u0e07 3 \u0e2d\u0e07\u0e28\u0e32\u0e40\u0e0b\u0e25\u0e40\u0e0b\u0e35\u0e22\u0e2a<\/div>\r\n <\/div>\r\n <div class=\"spec\">\r\n <div class=\"spec-label\">\u0e27\u0e31\u0e2a\u0e14\u0e38<\/div>\r\n <div class=\"spec-value\">PU\/Silicone\/Epoxy<\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/th\/potting-machine\/\" class=\"product-link\">\r\n \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VALUE PROPS -->\r\n <section class=\"value-section\">\r\n <div class=\"value-container\">\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n <\/div>\r\n <h4>3\u00d7 Throughput<\/h4>\r\n <p>Dramatically increase production capacity with automated inline systems<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h4>25+ Year Durability<\/h4>\r\n <p>Coatings engineered to match solar panel warranty requirements<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\r\n <\/div>\r\n <h4>35% Cost Reduction<\/h4>\r\n <p>Lower material waste and labor costs vs. manual processes<\/p>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <h4>99.5% Uniformity<\/h4>\r\n <p>Consistent coating quality eliminates field failures<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"cta\">\r\n <div class=\"cta-left\">\r\n <h2>Ready to Scale Your Clean Energy Production?<\/h2>\r\n <p>Partner with SANCO to implement automated coating and potting solutions that meet the demanding requirements of solar, battery, and energy storage manufacturing.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/www.sancofd.com\/th\/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad\/\" class=\"btn btn-primary\">\r\n \u0e02\u0e2d\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.sancofd.com\/th\/solution\/\" class=\"btn btn-outline\">\r\n View Solutions\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-right\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2025\/12\/\u5347\uff08\u51fa\uff09\uff09\u3001\u6d82\u3001\u68c0\u3001\u7ea2\u3001\u63a5\u3001\u5347\uff08\u5165\uff09\uff09-scaled.png\" alt=\"Energy Production Line\">\r\n <div class=\"cta-float-card\">\r\n <div class=\"cta-float-icon\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"cta-float-text\">\r\n <h4>Speak with an Engineer<\/h4>\r\n <p>Get expert guidance on your specific application requirements<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Scroll animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.app-card, .bento-card, .product-card, .value-item').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Horizontal scroll hint\r\n const scrollContainer = document.querySelector('.app-scroll-container');\r\n let isDown = false;\r\n let startX;\r\n let scrollLeft;\r\n\r\n scrollContainer.addEventListener('mousedown', (e) => {\r\n isDown = true;\r\n startX = e.pageX - scrollContainer.offsetLeft;\r\n scrollLeft = scrollContainer.scrollLeft;\r\n });\r\n\r\n scrollContainer.addEventListener('mouseleave', () => isDown = false);\r\n scrollContainer.addEventListener('mouseup', () => isDown = false);\r\n scrollContainer.addEventListener('mousemove', (e) => {\r\n if (!isDown) return;\r\n e.preventDefault();\r\n const x = e.pageX - scrollContainer.offsetLeft;\r\n const walk = (x - startX) * 2;\r\n scrollContainer.scrollLeft = scrollLeft - walk;\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>","protected":false},"excerpt":{"rendered":"<p>Solar & Energy Electronics Solutions | Sanco Biotech Solar & Energy Electronics Powering the Clean Energy Revolution Advanced automated coating and potting solutions engineered for solar panel manufacturing, battery management systems, and energy storage applications. Built to withstand extreme conditions. 25+ Year Durability 99.5% Coating Uniformity 3\u00d7 Production Speed UV Resistant Outdoor durability -40\u00b0C ~ […]<\/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-1378","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/1378","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=1378"}],"version-history":[{"count":10,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/1378\/revisions"}],"predecessor-version":[{"id":5430,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/1378\/revisions\/5430"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/media?parent=1378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}