{"id":19,"date":"2026-04-15T06:50:16","date_gmt":"2026-04-15T06:50:16","guid":{"rendered":"https:\/\/www.matsuo.com.tw\/?page_id=19"},"modified":"2026-04-16T09:17:52","modified_gmt":"2026-04-16T09:17:52","slug":"elementor-19","status":"publish","type":"page","link":"https:\/\/www.matsuo.com.tw\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5348e1b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5348e1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3bdae1 elementor-widget elementor-widget-html\" data-id=\"e3bdae1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 1\uff1a\u5168\u57df <head> \u6a19\u7c64\u8207 CSS] (\u8acb\u653e\u7f6e\u65bc WP \u7684 <head> \u4e2d) -->\r\n<!-- ====================================================================== -->\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=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n    tailwind.config = {\r\n        theme: {\r\n            extend: {\r\n                colors: {\r\n                    brand: { red: '#E60012', green: '#009944', dark: '#111111', gray: '#333333', light: '#f5f5f7' }\r\n                },\r\n                fontFamily: { sans: ['\"Noto Sans TC\"', 'Arial', 'sans-serif'] }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n<style>\r\n    :root {\r\n        --matsuo-red: #E60012; --matsuo-green: #009944;\r\n        --glass-bg: rgba(255, 255, 255, 0.7); --glass-blur: blur(20px);\r\n        --glass-border: rgba(0, 0, 0, 0.05); --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\r\n    }\r\n    body { background-color: #ffffff; color: #111111; overflow-x: hidden; cursor: none; }\r\n    html.lenis { height: auto; }\r\n    .lenis.lenis-smooth { scroll-behavior: auto; }\r\n    .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }\r\n    .lenis.lenis-stopped { overflow: hidden; }\r\n    .lenis.lenis-scrolling iframe { pointer-events: none; }\r\n\r\n    .cursor-dot, .cursor-outline { position: fixed; top: 0; left: 0; transform: translate(-50%, -50%); border-radius: 50%; z-index: 9999; pointer-events: none; }\r\n    .cursor-dot { width: 8px; height: 8px; background-color: var(--matsuo-red); }\r\n    .cursor-outline { width: 40px; height: 40px; border: 1px solid rgba(230, 0, 18, 0.5); transition: width 0.3s, height 0.3s, background-color 0.3s; }\r\n    .glass-panel { background: var(--glass-bg); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-border); border-radius: 24px; box-shadow: var(--glass-shadow); }\r\n    .scroll-progress { position: fixed; top: 0; left: 0; height: 4px; width: 0%; background: linear-gradient(90deg, var(--matsuo-green), var(--matsuo-red)); z-index: 1000; }\r\n    .marquee-wrapper { overflow: hidden; white-space: nowrap; position: absolute; bottom: 2rem; width: 100%; }\r\n    .marquee-content { display: inline-block; font-size: 4rem; font-weight: 900; color: rgba(0, 0, 0, 0.03); -webkit-text-stroke: 1px rgba(0, 0, 0, 0.08); }\r\n    \r\n    .products-section { height: 100vh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; background-color: #f5f5f7; }\r\n    .horizontal-track { display: flex; gap: 3rem; width: max-content; }\r\n    .product-card { width: 350px; height: 450px; transform-style: preserve-3d; perspective: 1000px; }\r\n    .product-card-inner { width: 100%; height: 100%; transition: transform 0.1s ease; background: #ffffff; }\r\n    .solution-item { transition: all 0.4s ease; border-bottom: 1px solid rgba(0,0,0,0.08); }\r\n    .solution-item:hover { background-color: #f9fafb; padding-left: 1rem; padding-right: 1rem; }\r\n    \r\n    .modal-active { display: flex !important; }\r\n    .modal-show { opacity: 1 !important; transform: scale(1) !important; }\r\n    .spinner { border: 3px solid rgba(230, 0, 18, 0.2); border-left-color: var(--matsuo-red); border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; }\r\n    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n    .line { overflow: hidden; }\r\n    ::-webkit-scrollbar { display: none; }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46c7460 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"46c7460\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c57e045 elementor-widget elementor-widget-html\" data-id=\"c57e045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 2\uff1a\u5168\u57df UI \u5143\u4ef6] (\u6e38\u6a19\u3001\u9032\u5ea6\u689d\u3001AI\u5f48\u7a97\u3001\u56de\u5230\u6700\u4e0a) (\u5efa\u8b70\u5168\u7ad9\u7d71\u4e00\u653e\u7f6e) -->\r\n<!-- ====================================================================== -->\r\n<div class=\"cursor-dot\"><\/div>\r\n<div class=\"cursor-outline\"><\/div>\r\n<div class=\"scroll-progress\" id=\"progress-bar\"><\/div>\r\n\r\n<a href=\"#\" id=\"back-to-top\" class=\"fixed bottom-8 right-8 w-12 h-12 bg-white\/90 backdrop-blur-md border border-gray-200 text-brand-dark rounded-full flex items-center justify-center shadow-[0_8px_30px_rgb(0,0,0,0.12)] opacity-0 pointer-events-none transition-all duration-300 z-50 hover:bg-brand-red hover:text-white hover:-translate-y-1 hover-target hover:border-brand-red\">\r\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n<\/a>\r\n\r\n<!-- AI Gemini Modal -->\r\n<div id=\"ai-modal\" class=\"fixed inset-0 z-[9999] hidden items-center justify-center pointer-events-none\">\r\n    <div id=\"ai-backdrop\" class=\"absolute inset-0 bg-black\/60 backdrop-blur-md opacity-0 transition-opacity duration-300 pointer-events-auto\" onclick=\"closeAIModal()\"><\/div>\r\n    <div id=\"ai-content\" class=\"relative w-full max-w-2xl bg-white rounded-[2rem] shadow-2xl p-8 md:p-10 mx-4 transform scale-95 opacity-0 transition-all duration-300 pointer-events-auto flex flex-col max-h-[90vh]\">\r\n        <button onclick=\"closeAIModal()\" class=\"absolute top-6 right-6 w-10 h-10 flex items-center justify-center rounded-full bg-gray-100 hover:bg-gray-200 text-gray-600 transition-colors hover-target\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n        <\/button>\r\n        <div class=\"mb-6 flex items-center gap-4\">\r\n            <div class=\"w-12 h-12 rounded-full bg-red-50 flex items-center justify-center text-2xl shadow-inner\">\u2728<\/div>\r\n            <div>\r\n                <h3 class=\"text-2xl font-bold text-brand-dark\">AI \u667a\u80fd\u89e3\u6c7a\u65b9\u6848\u9867\u554f<\/h3>\r\n                <p class=\"text-sm text-gray-500 mt-1\">\u8acb\u63cf\u8ff0\u60a8\u7684\u5c08\u6848\u9700\u6c42\uff0cAI \u5c07\u70ba\u60a8\u63a8\u85a6\u6700\u9069\u5408\u7684\u677e\u5c3e\u6280\u8853\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"ai-chat-history\" class=\"flex-1 overflow-y-auto mb-6 pr-2 space-y-4\">\r\n            <div class=\"flex items-start gap-3\">\r\n                <div class=\"w-8 h-8 rounded-full bg-red-100 flex items-center justify-center text-sm shrink-0\">\u2728<\/div>\r\n                <div class=\"bg-gray-50 border border-gray-100 p-4 rounded-2xl rounded-tl-sm text-gray-700 text-sm leading-relaxed\">\r\n                    \u60a8\u597d\uff01\u6211\u662f\u53f0\u7063\u677e\u5c3e\u7684\u5c08\u5c6c AI \u9867\u554f\u3002<br><br>\u6211\u5011\u5c08\u7cbe\u65bc<strong>\u5ba2\u88fd\u5316\u9ad8\u58d3\u96fb\u6e90<\/strong>\u3001<strong>\u8abf\u5149\u578b LED \u63a7\u5236\u5668<\/strong>\u3001<strong>\u7dda\u6750\u52a0\u5de5<\/strong>\u7b49\u96fb\u529b\u96fb\u5b50\u9818\u57df\u3002\u8acb\u554f\u60a8\u76ee\u524d\u6b63\u5728\u9032\u884c\u4ec0\u9ebc\u6a23\u7684\u5c08\u6848\u5462\uff1f\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"relative mt-auto\">\r\n            <textarea id=\"ai-input\" rows=\"2\" class=\"w-full bg-white border-2 border-gray-200 rounded-2xl pl-5 pr-16 py-4 text-brand-dark focus:outline-none focus:border-brand-red focus:ring-0 transition-colors resize-none text-sm leading-relaxed shadow-sm hover-target\" placeholder=\"\u4f8b\u5982\uff1a\u6211\u5011\u6b63\u5728\u958b\u767c\u4e00\u6b3e\u9700\u8981\u9ad8\u5ea6\u7a69\u5b9a\u96fb\u6e90\u7684\u91ab\u7642\u5100\u5668...\"><\/textarea>\r\n            <button id=\"ai-submit-btn\" onclick=\"askGemini()\" class=\"absolute right-3 bottom-3 w-10 h-10 flex items-center justify-center bg-brand-red hover:bg-[#c4000f] text-white rounded-xl transition-colors hover-target disabled:opacity-50 disabled:cursor-not-allowed\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca32b75 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"ca32b75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4277255 elementor-widget elementor-widget-html\" data-id=\"4277255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 3\uff1aHero \u9996\u5c4f\u5340\u584a] -->\r\n<!-- ====================================================================== -->\r\n<section id=\"section-hero\" class=\"hero relative h-screen flex flex-col justify-center items-center text-center overflow-hidden\">\r\n    <div class=\"hero-content z-10 w-full px-6 md:px-[5vw] lg:px-[8vw] pt-20\">\r\n        <div class=\"flex items-center justify-center gap-4 mb-6 gsap-reveal\">\r\n            <span class=\"w-10 h-[2px] bg-brand-green\"><\/span>\r\n            <!-- \u4fee\u6b63\uff1a\u4f7f\u7528 leading-none \u8207 translate-y-[1px] \u9054\u5230\u8996\u89ba\u7d55\u5c0d\u7f6e\u4e2d -->\r\n            <span class=\"text-brand-green font-bold tracking-[0.2em] text-sm uppercase leading-none translate-y-[1px]\">SINCE 1979 \u00b7 KAOHSIUNG, TAIWAN<\/span>\r\n            <span class=\"w-10 h-[2px] bg-brand-green\"><\/span>\r\n        <\/div>\r\n        <h1 class=\"hero-headline text-6xl md:text-[5.5rem] font-black mb-8 leading-[1.1] text-brand-dark\">\r\n            \u96fb\u529b\u96fb\u5b50<br>\r\n            <span class=\"text-brand-red\">\u7cbe\u5de5\u5275\u65b0<\/span>\r\n            <span class=\"text-brand-green\">\u5171\u5275\u50f9\u503c<\/span>\r\n        <\/h1>\r\n        <p class=\"text-gray-600 text-lg md:text-xl mb-10 gsap-reveal max-w-2xl mx-auto leading-relaxed\">\r\n            \u6df1\u8015\u96fb\u529b\u96fb\u5b50\u9818\u57df\u903e\u56db\u5341\u5e74\uff0c\u5f9e\u7dda\u6750\u52a0\u5de5\u5230\u5ba2\u88fd\u5316\u9ad8\u58d3\u96fb\u6e90\u3001LED\u63a7\u5236\u5668\uff0c\u6211\u5011\u8207\u5ba2\u6236\u4e26\u80a9\uff0c\u4e0d\u65b7\u7a81\u7834\u6280\u8853\u908a\u754c\uff0c\u5171\u597d\u5171\u69ae\u3002\r\n        <\/p>\r\n        <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center gsap-reveal\">\r\n            <a href=\"#solutions\" class=\"magnetic-btn hover-target px-8 py-4 bg-brand-red rounded-full font-bold text-white tracking-wider shadow-xl shadow-red-500\/20\">\r\n                \u63a2\u7d22\u6838\u5fc3\u696d\u52d9\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"marquee-wrapper select-none pointer-events-none\">\r\n        <div class=\"marquee-content\">\r\n            INNOVATION \u2022 QUALITY \u2022 SUSTAINABILITY \u2022 EXCELLENCE \u2022 TAIWAN MATSUO \u2022 \r\n            INNOVATION \u2022 QUALITY \u2022 SUSTAINABILITY \u2022 EXCELLENCE \u2022 TAIWAN MATSUO \u2022\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4fea33 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a4fea33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9e8a9 elementor-widget elementor-widget-html\" data-id=\"7c9e8a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 4\uff1aAbout \u95dc\u65bc\u6211\u5011] -->\r\n<!-- ====================================================================== -->\r\n<section id=\"section-about\" class=\"py-32 px-6 md:px-[5vw] lg:px-[8vw] w-full\">\r\n    <div class=\"grid md:grid-cols-2 gap-16 items-center\">\r\n        <div class=\"gsap-reveal\">\r\n            <div class=\"flex items-center gap-4 mb-6\">\r\n                <span class=\"w-8 h-0.5 bg-brand-red\"><\/span>\r\n                <span class=\"text-brand-red font-bold tracking-[0.2em] uppercase text-xs\">About Us<\/span>\r\n            <\/div>\r\n            <h2 class=\"text-4xl md:text-5xl font-bold mb-8 text-brand-dark leading-tight\">\r\n                \u6211\u5011\u662f\u96fb\u529b\u96fb\u5b50<br><span class=\"text-brand-red\">\u5c08\u696d\u88fd\u9020\u5c08\u5bb6<\/span>\r\n            <\/h2>\r\n            <p class=\"text-gray-600 leading-relaxed mb-6\">\r\n                \u53f0\u7063\u677e\u5c3e\u80a1\u4efd\u6709\u9650\u516c\u53f8\u65bc 1979 \u5e74\u6210\u7acb\uff0c\u521d\u671f\u5f9e\u4e8b\u58d3\u514b\u529b\u9298\u7248\u5370\u5237\u3001\u7dda\u6750\u52a0\u5de5\u548c\u88fd\u9020\u4ee3\u5de5\uff0c\u9577\u5e74\u4f86\u63d0\u4f9b\u5ba2\u6236\u512a\u8cea\u53ca\u8fc5\u901f\u7684\u670d\u52d9\uff0c\u7372\u5f97\u696d\u754c\u4f73\u8a55\u3002\r\n            <\/p>\r\n            <p class=\"text-gray-600 leading-relaxed mb-10\">\r\n                2009 \u5e74\u555f\u52d5\u8f49\u578b\u8de8\u8db3\u7167\u660e\u53ca\u96fb\u529b\u96fb\u5b50\u7522\u696d\u3002\u6db2\u6676\u71c8\u7ba1\u7167\u660e\u7522\u54c1\u5728\u65e5\u672c\u5e02\u5834\u53d6\u5f97\u5e02\u5360\u7387\u7b2c\u4e00\u3002\u8fd1\u5e74\u65bc\u5ba2\u88fd\u5316\u9ad8\u58d3\u96fb\u6e90\u3001\u5145\u96fb\u5668\u53ca\u8abf\u5149\u578b LED \u63a7\u5236\u5668\u7b49\uff0c\u9678\u7e8c\u7372\u65e5\u672c\u696d\u754c\u9f8d\u982d\u6301\u7e8c\u63a1\u7528\u3002\r\n            <\/p>\r\n            <div class=\"grid grid-cols-2 gap-x-8 gap-y-10 p-8 bg-gray-50 rounded-3xl border border-gray-100 shadow-sm\">\r\n                <div><div class=\"text-5xl font-black text-brand-red mb-2\"><span class=\"counter\" data-target=\"45\">0<\/span>+<\/div><div class=\"text-sm text-gray-500 font-bold tracking-wider\">\u5e74\u4ee5\u4e0a\u5c08\u696d\u7d93\u9a57<\/div><\/div>\r\n                <div><div class=\"text-5xl font-black text-brand-red mb-2\"><span class=\"counter\" data-target=\"80\">0<\/span>\u842c+<\/div><div class=\"text-sm text-gray-500 font-bold tracking-wider\">\u65e5\u672c\u5e02\u5834\u92b7\u552e\u91cf<\/div><\/div>\r\n                <div><div class=\"text-5xl font-black text-brand-red mb-2\">No.1<\/div><div class=\"text-sm text-gray-500 font-bold tracking-wider\">\u65e5\u672c\u6db2\u6676\u71c8\u7ba1\u5e02\u5360\u7387<\/div><\/div>\r\n                <div><div class=\"text-5xl font-black text-brand-red mb-2\">ISO<\/div><div class=\"text-sm text-gray-500 font-bold tracking-wider\">9001:2015 \u8a8d\u8b49<\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"relative h-[600px] flex items-end gsap-reveal group overflow-hidden rounded-[2.5rem] shadow-2xl\">\r\n            <div class=\"absolute inset-0 bg-[#111] z-0\"><\/div>\r\n            <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?q=80&w=2000&auto=format&fit=crop')] bg-cover bg-center opacity-30 group-hover:scale-105 transition-transform duration-700 z-0\"><\/div>\r\n            <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent z-10\"><\/div>\r\n            <div class=\"absolute top-12 right-12 text-[8rem] font-black text-white\/5 select-none z-10 leading-none\">1979<\/div>\r\n            <div class=\"relative z-20 p-12 w-full text-white\">\r\n                <h3 class=\"text-3xl font-bold mb-4 text-white\">\u5960\u57fa\u53f0\u7063<br>\u653e\u773c\u5168\u7403\u3002<\/h3>\r\n                <p class=\"text-gray-300 text-sm leading-relaxed mb-8 max-w-sm\">\u79c9\u6301\u5c0d\u96fb\u529b\u96fb\u5b50\u6280\u8853\u7684\u4e0d\u65b7\u5275\u65b0\u7814\u7a76\u548c\u71b1\u8aa0\uff0c\u4ee5\u53ca\u5c0d\u54c1\u8cea\u7684\u57f7\u8457\uff0c\u671f\u8a31\u80fd\u4e0d\u65b7\u548c\u5ba2\u6236\u5171\u540c\u5275\u9020\u50f9\u503c\uff0c\u4e26\u7531\u6b64\u5171\u597d\u3002<\/p>\r\n                <div class=\"flex flex-wrap gap-3\">\r\n                    <span class=\"px-4 py-2 border border-white\/20 rounded-full text-xs tracking-wider text-gray-300\">ISO 9001:2015<\/span>\r\n                    <span class=\"px-4 py-2 border border-white\/20 rounded-full text-xs tracking-wider text-gray-300\">POWER ELECTRONICS<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65d1519 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"65d1519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce11d00 elementor-widget elementor-widget-html\" data-id=\"ce11d00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 5\uff1aSolutions \u6838\u5fc3\u696d\u52d9] -->\r\n<!-- ====================================================================== -->\r\n<section id=\"section-solutions\" class=\"py-32 px-6 md:px-[5vw] lg:px-[8vw] w-full\">\r\n    <!-- \u5c07\u539f\u672c\u7684\u5de6\u53f3 grid \u66f4\u6539\u70ba\u5782\u76f4\u7f6e\u4e2d\u6392\u7248 -->\r\n    <div class=\"flex flex-col items-center max-w-5xl mx-auto\">\r\n        <div id=\"solutions-text\" class=\"w-full text-center mb-16 gsap-reveal\">\r\n            <div id=\"solutions-text-inner\" class=\"flex flex-col items-center\">\r\n                <div class=\"flex items-center justify-center gap-4 mb-6\">\r\n                    <span class=\"w-8 h-0.5 bg-brand-green\"><\/span>\r\n                    <span class=\"text-brand-green font-bold tracking-[0.2em] uppercase text-xs\">Business Domains<\/span>\r\n                    <span class=\"w-8 h-0.5 bg-brand-green\"><\/span>\r\n                <\/div>\r\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-brand-dark leading-tight\">\u6211\u5011\u7684<br><span class=\"text-brand-green\">\u6838\u5fc3\u696d\u52d9<\/span><\/h2>\r\n                <p class=\"text-gray-600 leading-relaxed max-w-2xl mx-auto\">\u5f9e\u7dda\u6750\u52a0\u5de5\u5230\u9ad8\u58d3\u96fb\u6e90\u89e3\u6c7a\u65b9\u6848\uff0c\u6211\u5011\u63d0\u4f9b\u5b8c\u6574\u7684\u96fb\u529b\u96fb\u5b50\u88fd\u9020\u670d\u52d9\uff0c\u4f9d\u64da\u5ba2\u6236\u9700\u6c42\u5ba2\u88fd\u5316\u958b\u767c\uff0c\u4e26\u63d0\u4f9b\u5c08\u696d\u7684\u6280\u8853\u652f\u63f4\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"w-full\">\r\n            <ul class=\"border-t border-gray-200\">\r\n                <!-- 01 -->\r\n                <li class=\"solution-item py-8 cursor-pointer hover-target gsap-reveal group\">\r\n                    <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n                        <div class=\"flex items-start gap-6\">\r\n                            <span class=\"text-brand-red font-bold font-sans\">01<\/span>\r\n                            <div>\r\n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-1\">\u7dda\u6750\u52a0\u5de5\u8207\u88fd\u9020\u4ee3\u5de5<\/h3>\r\n                                <span class=\"text-xs text-gray-500 tracking-wider uppercase font-sans\">Wire Processing & OEM<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-6\">\r\n                            <div class=\"hidden sm:flex gap-2\"><span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u7cbe\u5bc6\u88c1\u5207<\/span><span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u7d44\u88dd\u4ee3\u5de5<\/span><\/div>\r\n                            <span class=\"text-2xl text-gray-300 group-hover:text-brand-red transition-colors group-hover:translate-x-2 transform duration-300\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n                <!-- 02 -->\r\n                <li class=\"solution-item py-8 cursor-pointer hover-target gsap-reveal group\">\r\n                    <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n                        <div class=\"flex items-start gap-6\">\r\n                            <span class=\"text-brand-red font-bold font-sans\">02<\/span>\r\n                            <div>\r\n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-1\">LED\u96fb\u6e90\/\u5145\u96fb\u5668<\/h3>\r\n                                <span class=\"text-xs text-gray-500 tracking-wider uppercase font-sans\">LED Drivers 3-1000W \/ Charger<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-6\">\r\n                            <div class=\"hidden sm:flex gap-2\"><span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u9ad8\u6548\u80fd<\/span><span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u5b89\u5168\u8a8d\u8b49<\/span><\/div>\r\n                            <span class=\"text-2xl text-gray-300 group-hover:text-brand-red transition-colors group-hover:translate-x-2 transform duration-300\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n                <!-- 03 -->\r\n                <li class=\"solution-item py-8 cursor-pointer hover-target gsap-reveal group\">\r\n                    <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n                        <div class=\"flex items-start gap-6\">\r\n                            <span class=\"text-brand-red font-bold font-sans\">03<\/span>\r\n                            <div>\r\n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-1\">\u8abf\u5149\u5668\u30b7\u30ea\u30fc\u30ba<\/h3>\r\n                                <span class=\"text-xs text-gray-500 tracking-wider uppercase font-sans\">Dimmer Series<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-6\">\r\n                            <div class=\"hidden sm:flex gap-2\"><span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u667a\u6167\u8abf\u5149<\/span><\/div>\r\n                            <span class=\"text-2xl text-gray-300 group-hover:text-brand-red transition-colors group-hover:translate-x-2 transform duration-300\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n                <!-- 04 -->\r\n                <li class=\"solution-item py-8 cursor-pointer hover-target gsap-reveal group\">\r\n                    <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n                        <div class=\"flex items-start gap-6\">\r\n                            <span class=\"text-brand-red font-bold font-sans\">04<\/span>\r\n                            <div>\r\n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-1\">\u7167\u660e\u88fd\u54c1<\/h3>\r\n                                <span class=\"text-xs text-gray-500 tracking-wider uppercase font-sans\">Lighting Products<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-6\">\r\n                            <div class=\"hidden sm:flex gap-2\"><span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u5e02\u5360\u7b2c\u4e00<\/span><\/div>\r\n                            <span class=\"text-2xl text-gray-300 group-hover:text-brand-red transition-colors group-hover:translate-x-2 transform duration-300\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c00b4d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6c00b4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f4762 elementor-widget elementor-widget-html\" data-id=\"d7f4762\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 6\uff1aProducts \u7522\u54c1\u670d\u52d9 (\u6c34\u5e73\u6efe\u52d5\u5340)] -->\r\n<!-- ====================================================================== -->\r\n<section id=\"section-products\" class=\"products-section relative flex flex-col justify-center pt-24 pb-16 w-full\">\r\n    <div id=\"products-text\" class=\"w-full px-6 md:px-[5vw] lg:px-[8vw] mb-12 z-10 shrink-0\">\r\n        <div class=\"flex items-center gap-4 mb-4\">\r\n            <span class=\"w-8 h-0.5 bg-brand-green\"><\/span>\r\n            <span class=\"text-brand-green font-bold tracking-[0.2em] uppercase text-xs\">Products & Services<\/span>\r\n        <\/div>\r\n        <h2 class=\"text-5xl md:text-6xl font-bold mb-6 text-brand-dark leading-tight\">\u7522\u54c1\u7a2e\u985e<br><span class=\"text-brand-green\">Products<\/span><\/h2>\r\n        <p class=\"text-gray-500 max-w-2xl text-base leading-relaxed\">\u6240\u6709\u7522\u54c1\u7686\u4f9d\u64da\u65e5\u672c\u56b4\u82db\u54c1\u8cea\u6a19\u6e96\u8a2d\u8a08\u88fd\u9020\uff0c\u6ed1\u52d5\u63a2\u7d22\u6211\u5011\u7684\u65d7\u8266\u6280\u8853\u3002<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"horizontal-track pl-6 md:pl-[5vw] lg:pl-[8vw] pr-6 lg:pr-[8vw] gap-6 lg:gap-10 items-center flex-nowrap\" id=\"horizontal-track\">\r\n        <!-- \u7522\u54c1 1 -->\r\n        <div class=\"product-card shrink-0 hover-target pointer-events-auto h-[480px]\">\r\n            <div class=\"product-card-inner glass-panel flex flex-col justify-between border-t-4 border-t-brand-red overflow-hidden group\">\r\n                <div class=\"h-40 w-full shrink-0 overflow-hidden relative bg-gray-100\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?q=80&w=800&auto=format&fit=crop\" alt=\"LED DRIVER\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\">\r\n                    <div class=\"absolute top-4 left-6 text-4xl font-black text-white drop-shadow-md z-10\">01<\/div>\r\n                <\/div>\r\n                <div class=\"p-6 md:p-8 flex flex-col flex-1 justify-start bg-white relative z-20\">\r\n                    <div class=\"text-brand-red text-xs font-bold tracking-widest mb-2 font-sans\">LED DRIVER<\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-3 text-brand-dark\">\u9ad8\u6548 LED \u9a45\u52d5\u5668<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed line-clamp-3\">\u63d0\u4f9b\u7a69\u5b9a\u4e14\u9ad8\u6548\u80fd\u7684 LED \u9a45\u52d5\u96fb\u6e90\u89e3\u6c7a\u65b9\u6848\uff0c\u5177\u5099\u591a\u91cd\u4fdd\u8b77\u6a5f\u5236\uff0c\u9069\u7528\u65bc\u5404\u985e\u5c08\u696d\u7167\u660e\u9700\u6c42\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- \u7522\u54c1 2 -->\r\n        <div class=\"product-card shrink-0 hover-target pointer-events-auto h-[480px]\">\r\n            <div class=\"product-card-inner glass-panel flex flex-col justify-between border-t-4 border-t-brand-green overflow-hidden group\">\r\n                <div class=\"h-40 w-full shrink-0 overflow-hidden relative bg-gray-100\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=800&auto=format&fit=crop\" alt=\"DIMMER\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\">\r\n                    <div class=\"absolute top-4 left-6 text-4xl font-black text-white drop-shadow-md z-10\">02<\/div>\r\n                <\/div>\r\n                <div class=\"p-6 md:p-8 flex flex-col flex-1 justify-start bg-white relative z-20\">\r\n                    <div class=\"text-brand-green text-xs font-bold tracking-widest mb-2 font-sans\">DIMMER<\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-3 text-brand-dark\">\u667a\u6167\u8abf\u5149\u5668<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed line-clamp-3\">\u652f\u63f4\u591a\u7a2e\u696d\u754c\u8abf\u5149\u5354\u8b70\uff0c\u5be6\u73fe\u5e73\u6ed1\u7121\u983b\u9583\u7684\u7cbe\u6e96\u5149\u7dda\u63a7\u5236\uff0c\u63d0\u5347\u7a7a\u9593\u6c1b\u570d\u8207\u7bc0\u80fd\u6548\u76ca\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- \u7522\u54c1 3 -->\r\n        <div class=\"product-card shrink-0 hover-target pointer-events-auto h-[480px]\">\r\n            <div class=\"product-card-inner glass-panel flex flex-col justify-between border-t-4 border-t-brand-red overflow-hidden group\">\r\n                <div class=\"h-40 w-full shrink-0 overflow-hidden relative bg-gray-100\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?q=80&w=800&auto=format&fit=crop\" alt=\"BLUETOOTH & SENSOR\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\">\r\n                    <div class=\"absolute top-4 left-6 text-4xl font-black text-white drop-shadow-md z-10\">03<\/div>\r\n                <\/div>\r\n                <div class=\"p-6 md:p-8 flex flex-col flex-1 justify-start bg-white relative z-20\">\r\n                    <div class=\"text-brand-red text-xs font-bold tracking-widest mb-2 font-sans\">BLUETOOTH & SENSOR<\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-3 text-brand-dark\">\u85cd\u7259\u8207\u611f\u6e2c\u6a21\u7d44<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed line-clamp-3\">\u7d50\u5408\u5148\u9032\u7684\u85cd\u7259\u7db2\u8def\u8207\u9ad8\u9748\u654f\u74b0\u5883\u611f\u6e2c\u5668\uff0c\u6253\u9020\u6b21\u4e16\u4ee3\u7121\u7e2b\u9023\u7dda\u7684\u7269\u806f\u7db2\u667a\u6167\u63a7\u5236\u7cfb\u7d71\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- \u7522\u54c1 4 -->\r\n        <div class=\"product-card shrink-0 hover-target pointer-events-auto h-[480px]\">\r\n            <div class=\"product-card-inner glass-panel flex flex-col justify-between border-t-4 border-t-brand-green overflow-hidden group\">\r\n                <div class=\"h-40 w-full shrink-0 overflow-hidden relative bg-gray-100\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601055902403-2b22ecdfebfc?q=80&w=800&auto=format&fit=crop\" alt=\"CHARGER\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\">\r\n                    <div class=\"absolute top-4 left-6 text-4xl font-black text-white drop-shadow-md z-10\">04<\/div>\r\n                <\/div>\r\n                <div class=\"p-6 md:p-8 flex flex-col flex-1 justify-start bg-white relative z-20\">\r\n                    <div class=\"text-brand-green text-xs font-bold tracking-widest mb-2 font-sans\">CHARGER<\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-3 text-brand-dark\">\u5ba2\u88fd\u5316\u5145\u96fb\u5668<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed line-clamp-3\">\u5c08\u70ba\u7279\u5b9a\u8a2d\u5099\u898f\u683c\u8a2d\u8a08\u7684\u9ad8\u6548\u5145\u96fb\u6a21\u7d44\uff0c\u5f9e\u898f\u683c\u8a02\u5b9a\u5230\u91cf\u7522\u4ea4\u8ca8\uff0c\u56b4\u683c\u628a\u95dc\u591a\u570b\u5b89\u5168\u8a8d\u8b49\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- \u7522\u54c1 5 -->\r\n        <div class=\"product-card shrink-0 hover-target pointer-events-auto h-[480px]\">\r\n            <div class=\"product-card-inner glass-panel flex flex-col justify-between border-t-4 border-t-brand-red overflow-hidden group\">\r\n                <div class=\"h-40 w-full shrink-0 overflow-hidden relative bg-gray-100\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563986768609-322da13575f3?q=80&w=800&auto=format&fit=crop\" alt=\"LED LIGHTING\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\">\r\n                    <div class=\"absolute top-4 left-6 text-4xl font-black text-white drop-shadow-md z-10\">05<\/div>\r\n                <\/div>\r\n                <div class=\"p-6 md:p-8 flex flex-col flex-1 justify-start bg-white relative z-20\">\r\n                    <div class=\"text-brand-red text-xs font-bold tracking-widest mb-2 font-sans\">LED LIGHTING<\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-3 text-brand-dark\">\u5c08\u696d LED \u7167\u660e<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed line-clamp-3\">\u63d0\u4f9b\u517c\u5177\u7f8e\u5b78\u8207\u9ad8\u767c\u5149\u6548\u7387\u7684\u71c8\u5177\u7522\u54c1\uff0c\u5305\u542b\u9577\u5e74\u7a69\u5c45\u65e5\u672c\u5e02\u5834\u9818\u5148\u5730\u4f4d\u7684\u6db2\u6676\u71c8\u7ba1\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hidden lg:block w-[15vw] shrink-0\"><\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ef740b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6ef740b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55bca97 elementor-widget elementor-widget-html\" data-id=\"55bca97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 7\uff1aNews \u6700\u65b0\u6d88\u606f] -->\r\n<!-- ====================================================================== -->\r\n<section id=\"section-news\" class=\"py-32 px-6 md:px-[5vw] lg:px-[8vw] w-full bg-white\">\r\n    <div class=\"flex flex-col md:flex-row justify-between items-end mb-16 gsap-reveal\">\r\n        <div>\r\n            <div class=\"flex items-center gap-4 mb-4\">\r\n                <span class=\"w-8 h-0.5 bg-brand-red\"><\/span>\r\n                <span class=\"text-brand-red font-bold tracking-[0.2em] uppercase text-xs\">Latest News<\/span>\r\n            <\/div>\r\n            <h2 class=\"text-4xl md:text-5xl font-bold text-brand-dark\">\u6700\u65b0\u6d88\u606f\u3002<\/h2>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"grid md:grid-cols-3 gap-8\">\r\n        <div class=\"group cursor-pointer hover-target gsap-reveal border-t border-gray-200 pt-8\">\r\n            <div class=\"flex items-center gap-3 mb-4\">\r\n                <span class=\"px-2 py-1 bg-brand-red text-white text-[10px] font-bold rounded\">\u516c\u53f8\u65b0\u805e<\/span>\r\n                <span class=\"text-sm font-bold text-brand-red font-sans\">2025.03.15<\/span>\r\n            <\/div>\r\n            <h3 class=\"text-xl font-bold text-brand-dark mb-4 group-hover:text-brand-red transition-colors leading-snug\">\u53f0\u7063\u677e\u5c3e\u69ae\u7372 ISO 9001:2015 \u54c1\u8cea\u7ba1\u7406\u7cfb\u7d71\u518d\u8a8d\u8b49<\/h3>\r\n            <p class=\"text-gray-500 text-sm leading-relaxed mb-6\">\u7d93\u904e\u56b4\u683c\u7684\u7b2c\u4e09\u65b9\u7a3d\u6838\uff0c\u53f0\u7063\u677e\u5c3e\u518d\u5ea6\u901a\u904e ISO 9001:2015 \u8a8d\u8b49\uff0c\u5c55\u73fe\u6211\u5011\u5c0d\u54c1\u8cea\u7ba1\u7406\u7684\u9ad8\u5ea6\u627f\u8afe\u3002<\/p>\r\n        <\/div>\r\n        <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd01f11 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"fd01f11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ca9c6c elementor-widget elementor-widget-html\" data-id=\"2ca9c6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 8\uff1aContact \u806f\u7d61\u8868\u55ae] -->\r\n<!-- ====================================================================== -->\r\n<section id=\"section-contact\" class=\"py-32 px-6 md:px-[5vw] lg:px-[8vw] relative flex items-center justify-center min-h-[90vh]\">\r\n    <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center z-0 contact-bg\"><\/div>\r\n    <div class=\"absolute inset-0 bg-white\/40 backdrop-blur-sm z-0\"><\/div> \r\n    \r\n    <div class=\"w-full mx-auto glass-panel p-10 md:p-16 gsap-reveal z-10\">\r\n        <div class=\"text-center mb-12\">\r\n            <h2 class=\"text-4xl md:text-5xl font-bold mb-4 text-brand-dark\">\u8207\u6211\u5011\u4e26\u80a9<br><span class=\"text-brand-red\">\u5171\u5275\u4e0b\u4e00\u500b\u91cc\u7a0b\u7891<\/span><\/h2>\r\n            <p class=\"text-gray-600\">\u8acb\u586b\u5beb\u4ee5\u4e0b\u8868\u55ae\uff0c\u6211\u5011\u7684\u5c08\u696d\u5718\u968a\u5c07\u65bc 24 \u5c0f\u6642\u5167\u8207\u60a8\u806f\u7e6b\u3002<\/p>\r\n        <\/div>\r\n        <form id=\"contact-form\" class=\"space-y-6 max-w-4xl mx-auto\">\r\n            <input type=\"text\" name=\"website\" class=\"hidden\" autocomplete=\"off\" tabindex=\"-1\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                <div><label class=\"block text-sm font-bold text-gray-700 mb-2\">\u59d3\u540d *<\/label><input type=\"text\" required class=\"w-full bg-white\/80 border border-gray-300 rounded-xl px-4 py-3 text-brand-dark focus:outline-none focus:border-brand-red focus:ring-1 transition-colors hover-target shadow-sm\"><\/div>\r\n                <div><label class=\"block text-sm font-bold text-gray-700 mb-2\">Email *<\/label><input type=\"email\" required class=\"w-full bg-white\/80 border border-gray-300 rounded-xl px-4 py-3 text-brand-dark focus:outline-none focus:border-brand-red focus:ring-1 transition-colors hover-target shadow-sm\"><\/div>\r\n            <\/div>\r\n            <div><label class=\"block text-sm font-bold text-gray-700 mb-2\">\u8a0a\u606f\u5167\u5bb9 *<\/label><textarea rows=\"4\" required class=\"w-full bg-white\/80 border border-gray-300 rounded-xl px-4 py-3 text-brand-dark focus:outline-none focus:border-brand-red focus:ring-1 transition-colors hover-target resize-none shadow-sm\"><\/textarea><\/div>\r\n            <div class=\"text-center pt-6\">\r\n                <button type=\"submit\" class=\"magnetic-btn hover-target px-14 py-4 bg-brand-red text-white rounded-full font-bold tracking-widest text-lg w-full md:w-auto hover:bg-[#c4000f] transition-colors shadow-xl\">\u9001\u51fa\u8a0a\u606f SUBMIT<\/button>\r\n                <p id=\"form-status\" class=\"mt-4 text-sm font-bold hidden\"><\/p>\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32b5596 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"32b5596\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6374c10 elementor-widget elementor-widget-html\" data-id=\"6374c10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- [\u6a21\u584a 9\uff1a\u5168\u57df JavaScript (GSAP, Lenis, AI\u908f\u8f2f)] (\u8acb\u653e\u7f6e\u65bc WP \u5e95\u90e8 Footer \u524d) -->\r\n<!-- ====================================================================== -->\r\n<script src=\"https:\/\/unpkg.com\/@studio-freight\/lenis@1.0.34\/dist\/lenis.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n<script>\r\n    let globalLenis;\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ 1. Lenis Smooth Scroll\r\n        const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)) });\r\n        globalLenis = lenis;\r\n        lenis.on('scroll', ScrollTrigger.update);\r\n        gsap.ticker.add((time) => lenis.raf(time * 1000));\r\n        gsap.ticker.lagSmoothing(0);\r\n\r\n        \/\/ Scroll Progress & Back to Top (\u82e5\u5b58\u5728\u8a72\u5143\u7d20\u5247\u57f7\u884c)\r\n        const backToTopBtn = document.getElementById('back-to-top');\r\n        const progressBar = document.getElementById('progress-bar');\r\n        lenis.on('scroll', (e) => {\r\n            if(progressBar) progressBar.style.width = `${(e.animatedScroll \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100}%`;\r\n            if(backToTopBtn) {\r\n                if (e.animatedScroll > 500) { backToTopBtn.classList.remove('opacity-0', 'pointer-events-none'); backToTopBtn.classList.add('opacity-100', 'pointer-events-auto'); } \r\n                else { backToTopBtn.classList.add('opacity-0', 'pointer-events-none'); backToTopBtn.classList.remove('opacity-100', 'pointer-events-auto'); }\r\n            }\r\n        });\r\n\r\n        \/\/ \u5e73\u6ed1\u8df3\u8f49\u9328\u9ede\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const targetId = this.getAttribute('href');\r\n                if (targetId === '#') { lenis.scrollTo(0, { duration: 1.5 }); return; }\r\n                const targetElement = document.querySelector(targetId);\r\n                if (targetElement) lenis.scrollTo(targetElement, { offset: -100, duration: 1.5 });\r\n            });\r\n        });\r\n\r\n        \/\/ 2. Custom Cursor\r\n        const cursorDot = document.querySelector('.cursor-dot');\r\n        const cursorOutline = document.querySelector('.cursor-outline');\r\n        if(cursorDot && cursorOutline) {\r\n            const xDot = gsap.quickTo(cursorDot, \"left\", {duration: 0.1, ease: \"power3\"});\r\n            const yDot = gsap.quickTo(cursorDot, \"top\", {duration: 0.1, ease: \"power3\"});\r\n            const xOutline = gsap.quickTo(cursorOutline, \"left\", {duration: 0.3, ease: \"power3\"});\r\n            const yOutline = gsap.quickTo(cursorOutline, \"top\", {duration: 0.3, ease: \"power3\"});\r\n            window.addEventListener(\"mousemove\", (e) => { xDot(e.clientX); yDot(e.clientY); xOutline(e.clientX); yOutline(e.clientY); });\r\n            document.body.addEventListener('mouseover', (e) => {\r\n                if(e.target.closest('.hover-target')) { cursorOutline.style.width = '60px'; cursorOutline.style.height = '60px'; cursorOutline.style.backgroundColor = 'rgba(230, 0, 18, 0.1)'; cursorOutline.style.borderColor = 'transparent'; }\r\n            });\r\n            document.body.addEventListener('mouseout', (e) => {\r\n                if(e.target.closest('.hover-target')) { cursorOutline.style.width = '40px'; cursorOutline.style.height = '40px'; cursorOutline.style.backgroundColor = 'transparent'; cursorOutline.style.borderColor = 'rgba(230, 0, 18, 0.5)'; }\r\n            });\r\n        }\r\n\r\n        \/\/ 3. \u6a21\u584a\u5316 GSAP \u52d5\u756b (\u9632\u932f\u6a5f\u5236\uff1a\u53ea\u6709 DOM \u5b58\u5728\u624d\u57f7\u884c)\r\n        \r\n        \/\/ --- Hero \u5340\u584a\u52d5\u756b ---\r\n        if(document.querySelector('#section-hero')) {\r\n            const heroText = new SplitType('.hero-headline', { types: 'chars' });\r\n            gsap.from(heroText.chars, { y: 100, opacity: 0, rotateX: -90, stagger: 0.04, duration: 1.2, ease: \"power4.out\", delay: 0.2 });\r\n            gsap.to('.hero-content', { scale: 1.1, opacity: 0, filter: 'blur(10px)', scrollTrigger: { trigger: '#section-hero', start: 'top top', end: 'bottom top', scrub: true } });\r\n            gsap.to('.marquee-content', { xPercent: -50, repeat: -1, duration: 25, ease: 'linear' });\r\n        }\r\n\r\n        \/\/ --- \u5168\u57df Scroll Reveal ---\r\n        gsap.utils.toArray('.gsap-reveal').forEach(el => {\r\n            gsap.from(el, { y: 50, opacity: 0, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 85%\" } });\r\n        });\r\n\r\n        \/\/ --- \u6578\u5b57\u8a08\u6578\u5668 ---\r\n        gsap.utils.toArray('.counter').forEach(counter => {\r\n            const target = parseFloat(counter.getAttribute('data-target'));\r\n            ScrollTrigger.create({\r\n                trigger: counter, start: \"top 90%\", once: true,\r\n                onEnter: () => { let obj = { val: 0 }; gsap.to(obj, { val: target, duration: 2, ease: \"power2.out\", onUpdate: () => { counter.innerText = Math.floor(obj.val); } }); }\r\n            });\r\n        });\r\n\r\n        \/\/ --- Solutions \u5340\u584a\u52d5\u756b ---\r\n        if(document.querySelector('#section-solutions')) {\r\n            let mm = gsap.matchMedia();\r\n            mm.add(\"(max-width: 1023px)\", () => {\r\n                if(document.querySelector('#solutions-text-inner')) {\r\n                    gsap.to('#solutions-text-inner', { y: -50, opacity: 0, ease: \"none\", scrollTrigger: { trigger: '#section-solutions', start: \"top top\", end: \"+=400\", scrub: true }});\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ --- Products \u5340\u584a\u6c34\u5e73\u6efe\u52d5 ---\r\n        if(document.querySelector('#section-products')) {\r\n            const track = document.getElementById('horizontal-track');\r\n            if(track) {\r\n                const getScrollAmount = () => -(track.scrollWidth - window.innerWidth);\r\n                const tween = gsap.to(track, { x: getScrollAmount, ease: \"none\" });\r\n                ScrollTrigger.create({ trigger: '#section-products', start: \"top top\", end: () => `+=${track.scrollWidth}`, pin: true, animation: tween, scrub: 1, invalidateOnRefresh: true });\r\n            }\r\n            if(document.querySelector('#products-text')) {\r\n                gsap.to('#products-text', { y: -50, opacity: 0, ease: \"none\", scrollTrigger: { trigger: '#section-products', start: \"top top\", end: \"+=400\", scrub: true } });\r\n            }\r\n            const cards = document.querySelectorAll('.product-card');\r\n            cards.forEach(card => {\r\n                const inner = card.querySelector('.product-card-inner');\r\n                card.addEventListener('mousemove', (e) => {\r\n                    const rect = card.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left - rect.width \/ 2; const y = e.clientY - rect.top - rect.height \/ 2;\r\n                    gsap.to(inner, { rotateX: (y \/ (rect.height \/ 2)) * -10, rotateY: (x \/ (rect.width \/ 2)) * 10, boxShadow: `${-x * 0.2}px ${-y * 0.2 + 20}px 40px rgba(0,0,0,0.1)`, duration: 0.5, ease: \"power2.out\" });\r\n                });\r\n                card.addEventListener('mouseleave', () => { gsap.to(inner, { rotateX: 0, rotateY: 0, boxShadow: \"0 8px 32px rgba(0,0,0,0.06)\", duration: 0.8, ease: \"elastic.out(1, 0.3)\" }); });\r\n            });\r\n        }\r\n\r\n        \/\/ --- Contact \u5340\u584a\u52d5\u756b ---\r\n        if(document.querySelector('#section-contact')) {\r\n            gsap.to('.contact-bg', { scale: 1.2, ease: 'none', scrollTrigger: { trigger: '#section-contact', start: 'top bottom', end: 'bottom top', scrub: true } });\r\n        }\r\n\r\n        \/\/ \u78c1\u5438\u6309\u9215\r\n        document.querySelectorAll('.magnetic-btn').forEach(btn => {\r\n            btn.addEventListener('mousemove', (e) => {\r\n                const rect = btn.getBoundingClientRect();\r\n                gsap.to(btn, { x: (e.clientX - rect.left - rect.width \/ 2) * 0.3, y: (e.clientY - rect.top - rect.height \/ 2) * 0.3, duration: 0.3, ease: \"power2.out\" });\r\n            });\r\n            btn.addEventListener('mouseleave', () => { gsap.to(btn, { x: 0, y: 0, duration: 0.8, ease: \"elastic.out(1, 0.3)\" }); });\r\n        });\r\n\r\n        \/\/ 4. Form Submission Simulation\r\n        const form = document.getElementById('contact-form');\r\n        if(form) {\r\n            const statusMsg = document.getElementById('form-status');\r\n            form.addEventListener('submit', (e) => {\r\n                e.preventDefault();\r\n                const honeypot = form.querySelector('input[name=\"website\"]').value;\r\n                if(honeypot !== \"\") return; \r\n                const btn = form.querySelector('button[type=\"submit\"]');\r\n                const originalText = btn.innerText; btn.innerText = \"\u50b3\u9001\u4e2d...\"; btn.classList.add('opacity-50', 'cursor-not-allowed'); btn.disabled = true;\r\n                setTimeout(() => {\r\n                    form.reset(); btn.innerText = originalText; btn.classList.remove('opacity-50', 'cursor-not-allowed'); btn.disabled = false;\r\n                    statusMsg.innerText = \"\u2705 \u8a0a\u606f\u5df2\u6210\u529f\u9001\u51fa\uff01\"; statusMsg.classList.remove('hidden', 'text-red-500'); statusMsg.classList.add('block', 'text-brand-green');\r\n                    setTimeout(() => statusMsg.classList.add('hidden'), 5000);\r\n                }, 1500);\r\n            });\r\n        }\r\n    });\r\n\r\n    \/\/ ==========================================\r\n    \/\/ AI Gemini Integration Logic (\u5168\u57df\u51fd\u5f0f)\r\n    \/\/ ==========================================\r\n    const aiModal = document.getElementById('ai-modal');\r\n    const aiBackdrop = document.getElementById('ai-backdrop');\r\n    const aiContent = document.getElementById('ai-content');\r\n    const aiChatHistory = document.getElementById('ai-chat-history');\r\n    const aiInput = document.getElementById('ai-input');\r\n    const aiSubmitBtn = document.getElementById('ai-submit-btn');\r\n    const apiKey = \"\"; \r\n\r\n    function openAIModal() {\r\n        if(!aiModal) return;\r\n        aiModal.classList.add('modal-active');\r\n        setTimeout(() => { aiBackdrop.classList.add('opacity-100'); aiContent.classList.add('modal-show'); }, 10);\r\n        if(globalLenis) globalLenis.stop();\r\n        setTimeout(() => aiInput.focus(), 300);\r\n    }\r\n    function closeAIModal() {\r\n        if(!aiModal) return;\r\n        aiBackdrop.classList.remove('opacity-100'); aiContent.classList.remove('modal-show');\r\n        setTimeout(() => { aiModal.classList.remove('modal-active'); }, 300);\r\n        if(globalLenis) globalLenis.start();\r\n    }\r\n    if(aiInput) {\r\n        aiInput.addEventListener('keypress', function (e) { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); askGemini(); } });\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\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-42825e290 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"42825e290\" 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-5b74c23a\" data-id=\"5b74c23a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-299b6c92 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"299b6c92\" data-element_type=\"section\" data-e-type=\"section\">\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-25 elementor-inner-column elementor-element elementor-element-2e365fde\" data-id=\"2e365fde\" data-element_type=\"column\" data-e-type=\"column\">\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-bb240a5 wpr-logo-position-center elementor-widget elementor-widget-wpr-logo\" data-id=\"bb240a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-logo.default\">\n\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"wpr-logo elementor-clearfix\">\n\n\t\t\t\t\t\t\t\t<picture class=\"wpr-logo-image\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/04\/cropped-250528_LOGO_\u901a\u7528-scaled-1.png 1x, https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/04\/cropped-250528_LOGO_\u901a\u7528-scaled-1.png 2x\">\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/04\/cropped-250528_LOGO_\u901a\u7528-scaled-1.png\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/www.matsuo.com.tw\/\"><\/a>\n\t\t\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/www.matsuo.com.tw\/\"><\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-677c4ebb elementor-widget elementor-widget-text-editor\" data-id=\"677c4ebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Hard do me sigh with west same lady. Their saved linen downs tears son add music. Expression alteration entreaties.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14c2c441 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"14c2c441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-548559b\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-452abb60\" data-id=\"452abb60\" data-element_type=\"column\" data-e-type=\"column\">\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-560cd5b9 elementor-widget elementor-widget-text-editor\" data-id=\"560cd5b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Important Links<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23c59757 elementor-widget elementor-widget-heading\" data-id=\"23c59757\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Customer Spotlight<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67116041 elementor-widget elementor-widget-heading\" data-id=\"67116041\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Customer Service<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-173d2067 elementor-widget elementor-widget-heading\" data-id=\"173d2067\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Marketing<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64641ae3 elementor-widget elementor-widget-heading\" data-id=\"64641ae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">FAQ<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-6d9345e1\" data-id=\"6d9345e1\" data-element_type=\"column\" data-e-type=\"column\">\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-3c2584f2 elementor-widget elementor-widget-text-editor\" data-id=\"3c2584f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Company<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33e5c80b elementor-widget elementor-widget-heading\" data-id=\"33e5c80b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">About Us<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5042e5c8 elementor-widget elementor-widget-heading\" data-id=\"5042e5c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Projects<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2ea237 elementor-widget elementor-widget-heading\" data-id=\"3e2ea237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Team Members<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e3c0b99 elementor-widget elementor-widget-heading\" data-id=\"5e3c0b99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Services<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-6c7b4ef7\" data-id=\"6c7b4ef7\" data-element_type=\"column\" data-e-type=\"column\">\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-2f97df75 elementor-widget elementor-widget-text-editor\" data-id=\"2f97df75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Contact<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-308dc001 elementor-widget elementor-widget-heading\" data-id=\"308dc001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Info@creative.com<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a446c83 elementor-widget elementor-widget-heading\" data-id=\"4a446c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">07 811 3103<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48902c48 elementor-widget elementor-widget-heading\" data-id=\"48902c48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">806\u9ad8\u96c4\u5e02\u524d\u93ae\u5340\u897f\u56db\u885714-3\u865f<\/p>\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\t\t<div class=\"elementor-element elementor-element-22ab50dd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"22ab50dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1159ea81 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"1159ea81\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-579daecc\" data-id=\"579daecc\" data-element_type=\"column\" data-e-type=\"column\">\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-1d483864 wpr-stt-btn-align-fixed wpr-stt-btn-align-fixed-right elementor-widget elementor-widget-wpr-back-to-top\" data-id=\"1d483864\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-back-to-top.default\">\n\t\t\t\t\t<div class=\"wpr-stt-wrapper\"><div class='wpr-stt-btn' data-settings='{&quot;animation&quot;:&quot;fade&quot;,&quot;animationOffset&quot;:&quot;0&quot;,&quot;animationDuration&quot;:&quot;200&quot;,&quot;fixed&quot;:&quot;fixed&quot;,&quot;scrolAnim&quot;:&quot;800&quot;}'><span class=\"wpr-stt-icon\"><svg class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span><\/div><\/div>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cc2abd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"cc2abd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c3a0c70\" data-id=\"7c3a0c70\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2728 AI \u667a\u80fd\u89e3\u6c7a\u65b9\u6848\u9867\u554f \u8acb\u63cf\u8ff0\u60a8\u7684\u5c08\u6848\u9700\u6c42\uff0cAI \u5c07\u70ba\u60a8\u63a8\u85a6\u6700\u9069\u5408\u7684\u677e\u5c3e\u6280\u8853\u3002 \u2728 \u60a8\u597d\uff01\u6211\u662f\u53f0\u7063\u677e\u5c3e\u7684\u5c08\u5c6c AI \u9867\u554f\u3002 \u6211\u5011\u5c08\u7cbe\u65bc\u5ba2\u88fd\u5316\u9ad8\u58d3\u96fb\u6e90\u3001\u8abf\u5149\u578b LED \u63a7\u5236\u5668\u3001\u7dda\u6750\u52a0\u5de5\u7b49\u96fb\u529b\u96fb\u5b50\u9818\u57df\u3002\u8acb\u554f\u60a8\u76ee\u524d\u6b63\u5728\u9032\u884c\u4ec0\u9ebc\u6a23\u7684\u5c08\u6848\u5462\uff1f SINCE 1979 \u00b7 KAOHSIUNG, TAIWAN \u96fb\u529b\u96fb\u5b50 \u7cbe\u5de5\u5275\u65b0 \u5171\u5275\u50f9\u503c \u6df1\u8015\u96fb\u529b\u96fb\u5b50\u9818\u57df\u903e\u56db\u5341\u5e74\uff0c\u5f9e\u7dda\u6750\u52a0\u5de5\u5230\u5ba2\u88fd\u5316\u9ad8\u58d3\u96fb\u6e90\u3001LED\u63a7\u5236\u5668\uff0c\u6211\u5011\u8207\u5ba2\u6236\u4e26\u80a9\uff0c\u4e0d\u65b7\u7a81\u7834\u6280\u8853\u908a\u754c\uff0c\u5171\u597d\u5171\u69ae\u3002 \u63a2\u7d22\u6838\u5fc3\u696d\u52d9 INNOVATION \u2022 QUALITY \u2022 SUSTAINABILITY \u2022 EXCELLENCE \u2022 TAIWAN MATSUO \u2022 INNOVATION \u2022 QUALITY \u2022 SUSTAINABILITY \u2022 EXCELLENCE \u2022 TAIWAN MATSUO \u2022 About Us \u6211\u5011\u662f\u96fb\u529b\u96fb\u5b50\u5c08\u696d\u88fd\u9020\u5c08\u5bb6 \u53f0\u7063\u677e\u5c3e\u80a1\u4efd\u6709\u9650\u516c\u53f8\u65bc 1979 \u5e74\u6210\u7acb\uff0c\u521d\u671f\u5f9e\u4e8b\u58d3\u514b\u529b\u9298\u7248\u5370\u5237\u3001\u7dda\u6750\u52a0\u5de5\u548c\u88fd\u9020\u4ee3\u5de5\uff0c\u9577\u5e74\u4f86\u63d0\u4f9b\u5ba2\u6236\u512a\u8cea\u53ca\u8fc5\u901f\u7684\u670d\u52d9\uff0c\u7372\u5f97\u696d\u754c\u4f73\u8a55\u3002 2009 \u5e74\u555f\u52d5\u8f49\u578b\u8de8\u8db3\u7167\u660e\u53ca\u96fb\u529b\u96fb\u5b50\u7522\u696d\u3002\u6db2\u6676\u71c8\u7ba1\u7167\u660e\u7522\u54c1\u5728\u65e5\u672c\u5e02\u5834\u53d6\u5f97\u5e02\u5360\u7387\u7b2c\u4e00\u3002\u8fd1\u5e74\u65bc\u5ba2\u88fd\u5316\u9ad8\u58d3\u96fb\u6e90\u3001\u5145\u96fb\u5668\u53ca\u8abf\u5149\u578b LED \u63a7\u5236\u5668\u7b49\uff0c\u9678\u7e8c\u7372\u65e5\u672c\u696d\u754c\u9f8d\u982d\u6301\u7e8c\u63a1\u7528\u3002 0+\u5e74\u4ee5\u4e0a\u5c08\u696d\u7d93\u9a57 0\u842c+\u65e5\u672c\u5e02\u5834\u92b7\u552e\u91cf No.1\u65e5\u672c\u6db2\u6676\u71c8\u7ba1\u5e02\u5360\u7387 ISO9001:2015 \u8a8d\u8b49 1979 \u5960\u57fa\u53f0\u7063\u653e\u773c\u5168\u7403\u3002 \u79c9\u6301\u5c0d\u96fb\u529b\u96fb\u5b50\u6280\u8853\u7684\u4e0d\u65b7\u5275\u65b0\u7814\u7a76\u548c\u71b1\u8aa0\uff0c\u4ee5\u53ca\u5c0d\u54c1\u8cea\u7684\u57f7\u8457\uff0c\u671f\u8a31\u80fd\u4e0d\u65b7\u548c\u5ba2\u6236\u5171\u540c\u5275\u9020\u50f9\u503c\uff0c\u4e26\u7531\u6b64\u5171\u597d\u3002 ISO 9001:2015 POWER ELECTRONICS Business Domains \u6211\u5011\u7684\u6838\u5fc3\u696d\u52d9 \u5f9e\u7dda\u6750\u52a0\u5de5\u5230\u9ad8\u58d3\u96fb\u6e90\u89e3\u6c7a\u65b9\u6848\uff0c\u6211\u5011\u63d0\u4f9b\u5b8c\u6574\u7684\u96fb\u529b\u96fb\u5b50\u88fd\u9020\u670d\u52d9\uff0c\u4f9d\u64da\u5ba2\u6236\u9700\u6c42\u5ba2\u88fd\u5316\u958b\u767c\uff0c\u4e26\u63d0\u4f9b\u5c08\u696d\u7684\u6280\u8853\u652f\u63f4\u3002 01 \u7dda\u6750\u52a0\u5de5\u8207\u88fd\u9020\u4ee3\u5de5 Wire Processing &#038; OEM \u7cbe\u5bc6\u88c1\u5207\u7d44\u88dd\u4ee3\u5de5 \u2192 02 LED\u96fb\u6e90\/\u5145\u96fb\u5668 LED Drivers 3-1000W \/ Charger \u9ad8\u6548\u80fd\u5b89\u5168\u8a8d\u8b49 \u2192 03 \u8abf\u5149\u5668\u30b7\u30ea\u30fc\u30ba Dimmer Series \u667a\u6167\u8abf\u5149 \u2192 04 \u7167\u660e\u88fd\u54c1 Lighting Products \u5e02\u5360\u7b2c\u4e00 \u2192 Products &#038; Services \u7522\u54c1\u7a2e\u985eProducts \u6240\u6709\u7522\u54c1\u7686\u4f9d\u64da\u65e5\u672c\u56b4\u82db\u54c1\u8cea\u6a19\u6e96\u8a2d\u8a08\u88fd\u9020\uff0c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":22,"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":34027,"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/34027"}],"wp:attachment":[{"href":"https:\/\/www.matsuo.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}