鍟嗕笟澶槼鑳借矾鐏瘄涓撲笟LED鐓ф槑瑙ｅ喅鏂规|寮€鏀惧紡澶槼鑳借璁?/title> <meta name="description" content="鍟嗕笟澶槼鑳借矾鐏拰涓撲笟LED鐓ф槑瑙ｅ喅鏂规鐨勯鍏堝埗閫犲晢銆傛垜浠负琛楅亾銆佸仠杞﹀満鍜屽晢涓氱┖闂存彁渚涢噰鐢ㄥ厛杩涙妧鏈殑瀹屾暣澶槼鑳界収鏄庣郴缁熴€? /> <meta name="keywords" content="鍟嗕笟澶槼鑳借矾鐏€丩ED澶槼鑳借矾鐏€佸澶栧お闃宠兘鐓ф槑銆佽矾鐏郴缁熴€佸仠杞﹀満鐏€佸晢涓氱収鏄庤В鍐虫柟妗? /> <link rel="canonical" href="https://www.opensolardesign.com/zh-tw/"/> <link rel="alternate" href="https://www.opensolardesign.com/ar/" hreflang="ar"/> <link rel="alternate" href="https://www.opensolardesign.com/bn/" hreflang="bn"/> <link rel="alternate" href="https://www.opensolardesign.com/cs/" hreflang="cs"/> <link rel="alternate" href="https://www.opensolardesign.com/da/" hreflang="da"/> <link rel="alternate" href="https://www.opensolardesign.com/de/" hreflang="de"/> <link rel="alternate" href="https://www.opensolardesign.com/el/" hreflang="el"/> <link rel="alternate" href="https://www.opensolardesign.com" hreflang="en"/> <link rel="alternate" href="https://www.opensolardesign.com/es/" hreflang="es"/> <link rel="alternate" href="https://www.opensolardesign.com/fi/" hreflang="fi"/> <link rel="alternate" href="https://www.opensolardesign.com/fr/" hreflang="fr"/> <link rel="alternate" href="https://www.opensolardesign.com/iw/" hreflang="he"/> <link rel="alternate" href="https://www.opensolardesign.com/hi/" hreflang="hi"/> <link rel="alternate" href="https://www.opensolardesign.com/hu/" hreflang="hu"/> <link rel="alternate" href="https://www.opensolardesign.com/id/" hreflang="id"/> <link rel="alternate" href="https://www.opensolardesign.com/it/" hreflang="it"/> <link rel="alternate" href="https://www.opensolardesign.com/ja/" hreflang="ja"/> <link rel="alternate" href="https://www.opensolardesign.com/ko/" hreflang="ko"/> <link rel="alternate" href="https://www.opensolardesign.com/ms/" hreflang="ms"/> <link rel="alternate" href="https://www.opensolardesign.com/nl/" hreflang="nl"/> <link rel="alternate" href="https://www.opensolardesign.com/pl/" hreflang="pl"/> <link rel="alternate" href="https://www.opensolardesign.com/pt/" hreflang="pt"/> <link rel="alternate" href="https://www.opensolardesign.com/ru/" hreflang="ru"/> <link rel="alternate" href="https://www.opensolardesign.com/sv/" hreflang="sv"/> <link rel="alternate" href="https://www.opensolardesign.com/th/" hreflang="th"/> <link rel="alternate" href="https://www.opensolardesign.com/tl/" hreflang="tl"/> <link rel="alternate" href="https://www.opensolardesign.com/tr/" hreflang="tr"/> <link rel="alternate" href="https://www.opensolardesign.com/ur/" hreflang="ur"/> <link rel="alternate" href="https://www.opensolardesign.com/vi/" hreflang="vi"/> <link rel="alternate" href="https://www.opensolardesign.com/zh-tw/" hreflang="zh-TW"/> <link rel="alternate" href="https://www.opensolardesign.com" hreflang="x-default"/>  <meta property="og:locale" content="zh_TW" /> <meta property="og:type" content="website" /> <meta property="og:title" content="鍟嗕笟澶槼鑳借矾鐏瘄涓撲笟LED鐓ф槑瑙ｅ喅鏂规|寮€鏀惧紡澶槼鑳借璁? /> <meta property="og:description" content="鍟嗕笟澶槼鑳借矾鐏拰涓撲笟LED鐓ф槑瑙ｅ喅鏂规鐨勯鍏堝埗閫犲晢銆傛垜浠负琛楅亾銆佸仠杞﹀満鍜屽晢涓氱┖闂存彁渚涢噰鐢ㄥ厛杩涙妧鏈殑瀹屾暣澶槼鑳界収鏄庣郴缁熴€? /> <meta property="og:url" content="https://www.opensolardesign.com/zh-tw/" /> <meta property="og:site_name" content="Open Solar Design" /> <meta property="og:image" content="https://www.opensolardesign.com/img/logo/logoosd.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="鍟嗕笟澶槼鑳借矾鐏瘄涓撲笟LED鐓ф槑瑙ｅ喅鏂规|寮€鏀惧紡澶槼鑳借璁? />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="鍟嗕笟澶槼鑳借矾鐏瘄涓撲笟LED鐓ф槑瑙ｅ喅鏂规|寮€鏀惧紡澶槼鑳借璁? /> <meta name="twitter:description" content="鍟嗕笟澶槼鑳借矾鐏拰涓撲笟LED鐓ф槑瑙ｅ喅鏂规鐨勯鍏堝埗閫犲晢銆傛垜浠负琛楅亾銆佸仠杞﹀満鍜屽晢涓氱┖闂存彁渚涢噰鐢ㄥ厛杩涙妧鏈殑瀹屾暣澶槼鑳界収鏄庣郴缁熴€? /> <meta name="twitter:image" content="https://www.opensolardesign.com/img/logo/logoosd.png" />  <meta name="format-detection" content="telephone=no" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.opensolardesign.com/#organization", "name": "Shanghai Slash Life Technology Co., Ltd.", "alternateName": [ "Open Solar Design", "Slash Life" ], "url": "https://www.opensolardesign.com", "logo": { "@type": "ImageObject", "@id": "https://www.opensolardesign.com/#logo", "url": "https://www.opensolardesign.com/img/logo/logoosd.png", "caption": "Shanghai Slash Life Technology Co., Ltd. Logo" }, "description": "鍟嗕笟澶槼鑳借矾鐏拰涓撲笟LED鐓ф槑瑙ｅ喅鏂规鐨勯鍏堝埗閫犲晢銆傛垜浠负琛楅亾銆佸仠杞﹀満鍜屽晢涓氱┖闂存彁渚涢噰鐢ㄥ厛杩涙妧鏈殑瀹屾暣澶槼鑳界収鏄庣郴缁熴€?, "contactPoint": { "@type": "ContactPoint", "contactType": "customer service", "email": "sales@opensolardesign.com" } }, { "@type": "WebSite", "@id": "https://www.opensolardesign.com/#website", "url": "https://www.opensolardesign.com", "name": "Open Solar Design", "publisher": { "@id": "https://www.opensolardesign.com/#organization" }, "potentialAction": { "@type": "SearchAction", "target": "https://www.opensolardesign.com/search-result.html?q={search_term_string}", "query-input": "required name=search_term_string" } }, { "@type": "WebPage", "@id": "https://www.opensolardesign.com/zh-tw#webpage", "url": "https://www.opensolardesign.com/zh-tw/", "inLanguage": "zh-tw", "name": "鍟嗕笟澶槼鑳借矾鐏瘄涓撲笟LED鐓ф槑瑙ｅ喅鏂规|寮€鏀惧紡澶槼鑳借璁?, "isPartOf": { "@id": "https://www.opensolardesign.com/#website" }, "about": { "@id": "https://www.opensolardesign.com/#organization" }, "dateModified": "2026-07-28" } ] }</script> <link rel="stylesheet" href="/css/media.css"/> <body> <a id="top" style="text-decoration: none;"></a> <div class="picturectn"> <div class="nav1" style="z-index: 9999999;"> <div id="nav-placeholder"></div> </div> <script> document.addEventListener('DOMContentLoaded', function() { var navPlaceholder = document.getElementById('nav-placeholder'); function initNavFunctions() { const navQuoteButton = document.querySelector('#navQuoteButton'); const navQuoteModal = document.querySelector('#navQuoteModal'); if (navQuoteButton) { navQuoteButton.addEventListener('click', function() { if (navQuoteModal) { navQuoteModal.style.display = 'block'; } }); } const closeQuote = document.querySelector('.close-quote'); if (closeQuote) { closeQuote.addEventListener('click', function() { if (navQuoteModal) { navQuoteModal.style.display = 'none'; } }); } const searchBox = document.querySelector('.search-box'); const navSearchInput = document.querySelector('#navSearchInput'); const navSearchButton = document.querySelector('#navSearchButton'); const navSearchModal = document.querySelector('#navSearchModal'); const closeNavSearch = document.querySelector('.close-search'); const navSearchFrame = document.querySelector('#navSearchFrame'); if (navSearchButton) { navSearchButton.addEventListener('click', function() { if (!searchBox.classList.contains('active')) { searchBox.classList.add('active'); navSearchInput.focus(); return; } const searchTerm = navSearchInput.value.trim(); if (searchTerm && navSearchModal) { navSearchModal.style.display = 'block'; navSearchFrame.src = `search-result.html?q=${encodeURIComponent(searchTerm)}`; } }); } document.addEventListener('click', function(e) { if (!searchBox.contains(e.target)) { searchBox.classList.remove('active'); } }); if (navSearchInput) { navSearchInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { const searchTerm = this.value.trim(); if (searchTerm && navSearchModal) { navSearchModal.style.display = 'block'; navSearchFrame.src = `search-result.html?q=${encodeURIComponent(searchTerm)}`; } } }); } if (closeNavSearch) { closeNavSearch.addEventListener('click', function() { if (navSearchModal) { navSearchModal.style.display = 'none'; } }); } window.addEventListener('click', function(e) { if (e.target === navQuoteModal) { navQuoteModal.style.display = 'none'; } if (e.target === navSearchModal) { navSearchModal.style.display = 'none'; } }); } function initNav() { if (navContent) { navPlaceholder.outerHTML = navContent; initNavFunctions(); } } if (navPlaceholder) { initNav(); } }); </script> <div class="slides-container" style="z-index: 1;"> <div class="mySlides fade" id="img1" style="height: 100vh;"> <div class="play-with-3d">3D璁捐宸ュ叿</div> <div class="live-demo">Live Demo</div> <script> // 鍏抽棴鍏ㄩ儴 4 涓偓娴潰鏉匡紙OSD Demo / Mobile APP / 3D Design Tool / Live Demo锛夛紝 // 淇濊瘉浠绘剰鏃跺埢鍙樉绀轰竴涓紝閬垮厤閲嶅彔銆傚浘鏍囨湰韬缁堟樉绀猴紝涓嶉殣钘忋€? window.closeAllOsdPanels = function() { var ormSection = document.getElementById('ormSection'); if (ormSection) ormSection.style.display = 'none'; var appSection = document.getElementById('appSection'); if (appSection) appSection.style.display = 'none'; var customModal = document.getElementById('customModal'); if (customModal) customModal.style.display = 'none'; var liveDemoModal = document.getElementById('liveDemoModal'); if (liveDemoModal) { liveDemoModal.style.display = 'none'; if (typeof stopLiveDemoVideo === 'function') stopLiveDemoVideo(); } }; </script>  <div class="app-toggle-icon" id="appToggleIcon" style="display: flex;">Mobile APP</div> <div class="app-section-wrapper"> <div class="appT"></div> <script> var appT = document.querySelector('.appT'); var appxhr = new XMLHttpRequest(); appxhr.open('GET', '/zh-tw/0app_index'); appxhr.send(); appxhr.onload = function() { appT.innerHTML = appxhr.responseText; initAppToggle(); // Initialize YouTube players initYouTubePlayers(); }; function initAppToggle() { var appSection = document.getElementById('appSection'); var appCloseBtn = document.getElementById('appCloseBtn'); var appToggleIcon = document.getElementById('appToggleIcon'); if (appCloseBtn) { appCloseBtn.addEventListener('click', function() { appSection.style.display = 'none'; }); } if (appToggleIcon) { appToggleIcon.addEventListener('click', function() {if (typeof window.closeAllOsdPanels === 'function') window.closeAllOsdPanels(); appSection.style.display = 'block'; }); } } function initYouTubePlayers() { console.log('Initializing YouTube players...'); const playIcons = document.querySelectorAll('.play-icon'); console.log('Found play icons:', playIcons.length); playIcons.forEach(function(playIcon) { const container = playIcon.closest('.video-container'); const videoId = container.dataset.videoId; const playerWrapper = container.querySelector('.video-player-wrapper'); const closeBtn = container.querySelector('.close-video-btn'); const overlay = container.querySelector('.overlay'); playIcon.addEventListener('click', function(e) { e.stopPropagation(); e.preventDefault(); console.log('Play button clicked for video:', videoId); if (playerWrapper.innerHTML === '') { const iframe = document.createElement('iframe'); iframe.width = '100%'; iframe.height = '100%'; iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&controls=1&rel=0&showinfo=0&modestbranding=1&mute=1&playsinline=1`; iframe.frameBorder = '0'; iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'; iframe.allowFullscreen = true; playerWrapper.appendChild(iframe); } playerWrapper.style.display = 'block'; overlay.style.display = 'none'; closeBtn.style.display = 'flex'; }); overlay.addEventListener('click', function(e) { e.stopPropagation(); e.preventDefault(); playIcon.click(); }); closeBtn.addEventListener('click', function(e) { e.stopPropagation(); playerWrapper.style.display = 'none'; overlay.style.display = 'flex'; closeBtn.style.display = 'none'; }); }); } </script> </div> <div class="orm-toggle-icon" id="ormToggleIcon" style="display: flex;">OSD Demo</div> <div class="orm-section-wrapper" id="ormSection" style="display: block;"> <button class="app-close-btn orm-close-btn" id="ormCloseBtn" aria-label="Close">脳</button> <div class="ormT"></div> <script> var ormT = document.querySelector('.ormT'); var ormFrame = document.createElement('iframe'); ormFrame.src = '/login_orm/'; ormFrame.style.width = '100%'; ormFrame.style.height = '100%'; ormFrame.style.border = '0'; ormFrame.style.borderRadius = '8px'; ormFrame.loading = 'eager'; ormFrame.setAttribute('title', 'OSD Energy Management Demo'); ormT.appendChild(ormFrame); function initOrmToggle() { var ormSection = document.getElementById('ormSection'); var ormCloseBtn = document.getElementById('ormCloseBtn'); var ormToggleIcon = document.getElementById('ormToggleIcon'); if (ormCloseBtn) { ormCloseBtn.addEventListener('click', function() { ormSection.style.display = 'none'; }); } if (ormToggleIcon) { ormToggleIcon.addEventListener('click', function() {if (typeof window.closeAllOsdPanels === 'function') window.closeAllOsdPanels(); ormSection.style.display = 'block'; }); } } initOrmToggle(); </script> </div> <div class="video"> <video aria-label="Solar lighting demonstration video" controlslist="nodownload noplaybackrate nofullscreen noremoteplayback" disablepictureinpicture="" loading="lazy" loop="" muted="" playsinline="" poster="../files-video/lighting-simulation2.png" preload="none" style="pointer-events: auto;"> <source src="/files-video/lighting-simulation2.mp4" type="video/mp4"/> <p>鎮ㄧ殑娴忚鍣ㄤ笉鏀寔HTML5瑙嗛銆?/p> </video> </div> <div class="text"> <h1>鐢ㄥお闃崇殑鍔涢噺鐓т寒浣犵殑涓栫晫</h1> <h3>- 鎺㈢储鎴戜滑鐨勫垱鏂板厜浼忚В鍐虫柟妗?a href="/zh-tw/our-services-lighting-simulation" style="color: darkgoldenrod;">闂數</a>鏋楄偗鍙寔缁殑鐜荤拑銆?/h3> </div> </div> <div class="mySlides fade" id="img2">  <img width="1753" height="834" alt="street-lighting-simulation" src="/img/1menu/menu-2.png" /> <div class="text"> <h2>鎴戜滑鎻愪緵鍏嶈垂鐨勭伅鍏夋ā鎷熸湇鍔?/h2> <h3>閫傚悎鍚勭鐜鐨勫畾鍒跺厜浼忚В鍐虫柟妗?/h3> </div> </div> <div class="mySlides fade" id="img3">   <img width="1912" height="870" alt="lighting_simulation" src="/img/1menu/1.2.jpg"/> <div class="text"> <h2>鍑€熷崜瓒婄殑澶槼鑳藉交搴曟敼鍙樻偍鐨勭収鏄庝綋楠屻€?/h2> <h3>鈥?鎴戜滑鐨勫厜浼忕郴缁熷埄鐢ㄥお闃宠兘鎻愪緵缁忔祹涓旂幆淇濈殑鐓ф槑銆?/h3> </div> </div> <div class="mySlides fade" id="img4">  <img width="3604" height="1590" alt="lighting_simulation" src="/img/1menu/1.3.jpg"/> <div class="text" style="font-size: 30px;"> <h2>3D璁捐宸ュ叿</h2> <h3>閫傚簲鍚勭鐜鐨勫厜浼忕郴缁?/h3> </div> </div> <div class="mySlides fade" id="img5">  <img width="1902" height="824" alt="lighting_simulation" src="/img/1menu/0-opensolardesign-b.png"/> <div class="text"> <h2 style="color: orange;">閫氳繃鎴戜滑鐨勫畾鍒跺厜浼忚В鍐虫柟妗堜綋楠屾竻娲併€佸彲闈犺兘婧愮殑鑷敱</h2> <h3>鈥?鎴戜滑鐨勫厛杩涙妧鏈拰瀹氬埗鏂规硶纭繚鏃犵紳闆嗘垚鍜岄暱鏈熸垚鍔熴€?/h3> </div> </div> <a class="prev" onclick="plusSlides(-1)">鉂?/a> <a class="next" onclick="plusSlides(1)">鉂?/a> </div> <div class="dots"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> <span class="dot" onclick="currentSlide(4)"></span> <span class="dot" onclick="currentSlide(5)"></span> </div> </div> <script> window.onscroll = function() { if (document.body.scrollTop > 0 || document.documentElement.scrollTop > 0) { document.body.classList.add('scrolled'); } else { document.body.classList.remove('scrolled'); } }; let slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { let slides = document.getElementsByClassName("mySlides"); let dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (let i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (let i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script>   <div class="product-categories"> <a class="T1">鎺㈢储鎴戜滑鐨勫垱鏂板厜浼忚В鍐虫柟妗?/a> <a class="tosalesproducts" href="/zh-tw/sales-products">鎮ㄧ殑娴忚鍣ㄤ笉鏀寔HTML5瑙嗛銆?/a> <div class="category-grid"> <div class="category-slides"> <div class="category-item fade"> <div class="category-content"> <div class="product-highlights"> <a href="/zh-tw/systems-solar-camera-tower"> <h3>瀹夊叏瑙ｅ喅鏂规</h3> </a> <p>澶槼鑳芥憚鍍忓鍙敤浜庡悇绉嶅簲鐢紝渚嬪鐩戞帶寤虹瓚宸ュ湴銆佸啘鍦烘垨宸ヤ笟鍖恒€備粬浠彁渚?strong style="color: #66cc99;">鏇撮珮鐨勫畨鍏ㄦ€?/strong>璁╂偍楂樻灂鏃犲咖锛屽洜涓轰粬浠彲浠ユ瘡鍛?7 澶┿€佹瘡澶?24 灏忔椂妫€娴嬪拰璁板綍娲诲姩銆?/p> <ul> <li>鐢ㄥお闃崇殑鍔涢噺鐓т寒浣犵殑涓栫晫</li> <li>鉁?楂樺垎杈ㄧ巼 - 澶氱鐩告満閫夐」</li> <li>- 鎺㈢储鎴戜滑鐨勫垱鏂板厜浼忚В鍐虫柟妗?/li> <li>闂數</li> </ul> </div> </div> <div class="category-image-cage"> <div class="category-image">  <img width="1149" height="1111" alt="Soluciones de Seguridad" src="/img/4systems/4systems-solar-camera-tower02.png" loading="lazy"/>  </div> </div> </div> <div class="category-item fade"> <div class="category-content"> <div class="product-highlights"> <a href="/zh-tw/systems-all-in-one"> <h3>鏋楄偗鍙寔缁殑鐜荤拑銆?/h3> </a> <p>鐢变簬鎵€鏈夐儴浠堕兘鍚堝苟涓轰竴涓崟鍏冿紝鍥犳闇€瑕佸崟鐙殑缁勪欢鎴栧鏉傜殑鐢电紗銆傝繖浣垮緱<strong style="color: #66cc99;">瀹夎鏂逛究</strong>锛屽噺灏戞墍闇€鐨勬椂闂村拰绮惧姏锛屽苟娑堥櫎瀵逛笓涓氬姵鍔ㄥ姏鐨勯渶姹傘€?/p> <ul> <li>鉁?闆嗘垚璁捐 - 鎵€鏈夌粍浠堕兘闆嗘垚鍦ㄤ竴涓崟鍏冧腑</li> <li>鉁?瀹夎鏂逛究 - 澶嶆潅鐨勭數缂?/li> <li>鉁?鏅鸿兘鎺у埗 - 閫傚悎杩滅▼绠＄悊</li> <li>鉁?杩愬姩妫€娴?- 鏇撮珮鐨勬晥鐜?/li> </ul> </div> </div> <div class="category-image-cage"> <div class="category-image">  <img width="500" height="777" alt="Luz Solar Todo en Uno" src="/img/4systems/4systems-all-in-one-04.2b.png" loading="lazy"/>  </div> </div>  </div> <div class="category-item fade"> <div class="category-content"> <div class="product-highlights"> <a href="/zh-tw/systems-bollard"> <h3>澶槼鑳界郴鏌?/h3> </a> <p>鎴戜滑鎻愪緵鍏嶈垂鐨勭伅鍏夋ā鎷熸湇鍔?/p> <ul> <li>鉁?浼橀泤璁捐鈥斺€旂幇浠ｅ缇?/li> <li>閫傚悎鍚勭鐜鐨勫畾鍒跺厜浼忚В鍐虫柟妗?/li> <li>鉁?鏅鸿兘鎺у埗-鑷姩鎿嶄綔</li> <li>鉁?鑺傝兘 - 澶槼鑳?LED</li> </ul> </div> </div> <div class="category-image-cage"> <div class="category-image"> <img width="819" height="649" alt="Solar Bollard" src="/img/4systems/4systems-bollard-01b2.png" loading="lazy"/> </div> </div> </div>                                       <a class="category-prev" onclick="plusCategorySlides(-1)">鉂?/a> <a class="category-next" onclick="plusCategorySlides(1)">鉂?/a> </div>   <script> let categoryIndex = 1; showCategorySlides(categoryIndex); function plusCategorySlides(n) { showCategorySlides(categoryIndex += n); } function currentCategorySlide(n) { showCategorySlides(categoryIndex = n); } function showCategorySlides(n) { let i; let slides = document.getElementsByClassName("category-item"); let dots = document.getElementsByClassName("category-dot"); if (n > slides.length) {categoryIndex = 1} if (n < 1) {categoryIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } if (slides[categoryIndex-1]) { slides[categoryIndex-1].style.display = "flex"; } // 鍙湪dots瀛樺湪鏃舵墽琛? if (dots.length > 0) { for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } if (dots[categoryIndex-1]) { dots[categoryIndex-1].className += " active"; } } } </script> </div> </div> <div class="case-studies"> <a class="T1">鐗硅壊椤圭洰</a> <br/><br/> <div class="project-grid"> <div class="project-item"> <div class="project-image"> <img width="366" height="280" alt="Proyecto de Torre Solar" src="/img/a-towers/mst-airport.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> <div class="project-item"> <div class="project-image"> <img width="409" height="244" alt="Torre Solar M贸vil" src="/img/a-towers/mst-backyard.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> <div class="project-item"> <div class="project-image"> <img width="232" height="248" alt="Torre para Sitio de Construcci贸n" src="/img/a-towers/mst-construction.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> <div class="project-item"> <div class="project-image"> <img width="187" height="244" alt="Torre de Seguridad para Eventos" src="/img/a-towers/mst-construction2.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> </div> <br/><br/> <div class="project-grid"> <div class="project-item"> <div class="project-image"> <img width="324" height="236" alt="Proyecto de Torre Solar" src="/img/a-towers/mst-dock.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> <div class="project-item"> <div class="project-image"> <img width="332" height="249" alt="Torre Solar M贸vil" src="/img/a-towers/mst-empty-spaces.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> <div class="project-item"> <div class="project-image"> <img width="424" height="236" alt="Torre para Sitio de Construcci贸n" src="/img/a-towers/mst-security.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> <div class="project-item"> <div class="project-image"> <img width="329" height="247" alt="Torre de Seguridad para Eventos" src="/img/a-towers/mst-road.png" loading="lazy"/> <div class="project-overlay">  </div> </div> </div> </div> </div>  <div class="about-us-section"> <a class="T1" style="padding-left: 10%;">涓洪攢鍞洟闃熴€佷唬鐞嗗晢鍜屾渶缁堟彁渚涚敤鎴锋敮鎸?/a> <br/><br/><br/><br/> <div class="about-items"> <div class="about-grid"> <div class="about-item"> <i class="fas fa-users"></i> <h3>閿€鍞洟闃?/h3> <p>鎴戜滑涓洪攢鍞洟闃熸彁渚涘叏闈㈢殑鏀寔锛屽寘鎷缁嗙殑浜у搧淇℃伅銆佸畾鍒跺伐鍏峰拰蹇€熺殑鍝嶅簲鏃堕棿锛屼互甯姪瀹屾垚浜ゆ槗銆?/p> </div> <div class="about-item"> <i class="fas fa-handshake"></i> <h3>浠ｇ悊鍟?/h3> <p>鎴戜滑鐨勫钩鍙颁负绛剧害鑰呮彁渚涙墍闇€鐨勮祫婧愬拰鎶€鏈敮鎸侊紝浠ヤ究浠栦滑鑷俊鍦板悜瀹㈡埛灞曠ず鎴戜滑鐨勫お闃宠兘瑙ｅ喅鏂规銆?/p> </div> <div class="about-item"> <i class="fas fa-building"></i> <h3>鏈€缁堢敤鎴?/h3> <p>鏃犺鎮ㄦ槸浼佷笟杩樻槸鏈烘瀯锛屾垜浠兘纭繚鎮ㄨ幏寰楅€傚悎鎮ㄧ壒瀹氶渶姹傚拰鐜鐨勫畬缇庡お闃宠兘鐓ф槑瑙ｅ喅鏂规銆?/p> </div> </div> <div class="about-description">  </div> </div> </div> <div class="video-section"> <div class="video-content"> <div class="video-text"> <h2 style="color:#5f94d1; font-size: 40px;">鍑€熷崜瓒婄殑澶槼鑳藉交搴曟敼鍙樻偍鐨勭収鏄庝綋楠屻€?/h2> <p>浣撻獙鎴戜滑涓撲笟鐨勭収鏄庢ā鎷熸湇鍔★紝甯姪浼樺寲浠讳綍鐜鐨勭収鏄庛€?/p> <ul> <li>鈥?鎴戜滑鐨勫厜浼忕郴缁熷埄鐢ㄥお闃宠兘鎻愪緵缁忔祹涓旂幆淇濈殑鐓ф槑銆?/li> <li>鉁?瀹氬埗鐓ф槑瑙ｅ喅鏂规</li> <li>鉁?鑳芥簮鏁堢巼浼樺寲</li> <li>鉁?绗﹀悎鐓ф槑鏍囧噯</li> </ul> <a class="learn-more" href="/zh-tw/our-services-lighting-simulation">鏇村淇℃伅鈫?/a> </div> <div class="video-container"> <div class="video-overlay"> <button class="play-button"> <i class="fas fa-play"></i> </button> </div> <video aria-label="Solar lighting demonstration video" controlslist="nodownload noplaybackrate nofullscreen noremoteplayback" disablepictureinpicture="" muted="" playsinline="" style="pointer-events:auto"> <source src="/files-video/road_lighting_simulation.mp4" type="video/mp4"/> <p>鎮ㄧ殑娴忚鍣ㄤ笉鏀寔HTML5瑙嗛銆?/p> </video> </div> </div> </div> <div class="services-section"> <h2>鍒涙柊鎶€鏈璁★細灏嗘兂娉曞彉涓虹幇瀹?/h2> <div class="services-grid">  <div class="service-item"> <i class="fas fa-lightbulb"></i>  <p>鎴戜滑浣跨敤涓撲笟鐨勬ā鎷熷伐鍏锋彁渚涘厛杩涚殑鐓ф槑鍒嗘瀽鍜岃璁′紭鍖栵紝浠ョ‘淇濇偍鐨勯」鐩幏寰楁渶浣崇収鏄庛€傛垜浠殑涓撳鍥㈤槦绮鹃€氳繖浜涘伐鍏凤紝浣挎垜浠兘澶熸牴鎹偍鐨勭壒瀹氳姹傝皟鏁寸収鏄庤璁°€?/p> </div>  <div class="service-item"> <i class="fas fa-solar-panel"></i>  <p>鎴戜滑鎻愪緵璇︾粏鐨勭郴缁熻妯″拰鍔熻€楄绠楋紝浠ユ渶澶ч檺搴﹀湴鎻愰珮鏁堢巼骞剁‘淇濆彲闈犵殑鎬ц兘銆傚嚟鍊熸垜浠鑳芥簮鐩稿叧鎸囨爣鐨勬繁鍏ヤ簡瑙ｏ紝鎴戜滑鍙互甯姪鎮ㄥ仛鍑烘槑鏅虹殑鍐崇瓥锛屼互闄嶄綆杩愯惀鎴愭湰銆?/p> </div>  <div class="service-item"> <i class="fas fa-wind"></i>  <p>瀹氬埗澶槼鑳界収鏄庤В鍐虫柟妗?/p> </div>  <div class="service-item"> <i class="fas fa-cube"></i>  <p>鎴戜滑鎻愪緵涓撲笟鐨?D寤烘ā鍜屽彲瑙嗗寲锛屼互浼樺寲鎮ㄨ鏂界殑璁捐鍜岀編瑙傘€傞€氳繃鎴戜滑鐨?D妯″瀷锛屾偍鍙互鍦ㄥ紑濮嬫柦宸ヤ箣鍓嶅鏈€缁堜骇鍝佹湁涓€涓竻鏅扮殑瑙嗚浜嗚В锛屾柟渚挎偍杩涜浠讳綍蹇呰鐨勮皟鏁淬€?/p> </div> </div>  </div> <div class="learn-section"> <h2>閫傚簲鍚勭鐜鐨勫厜浼忕郴缁?/h2> <div class="m90apr" id="most-recent-container" style="overflow: hidden;"> <script> document.addEventListener('DOMContentLoaded', function() { var mostRecentContainer = document.getElementById('most-recent-container'); if (mostRecentContainer) { fetch('/zh-tw/0learn-most-recent') .then(response => response.text()) .then(html => { mostRecentContainer.innerHTML = html; requestAnimationFrame(() => { mostRecentContainer.classList.add('loaded'); }); }) .catch(error => { console.error('Error loading most recent content:', error); }); } }); </script> </div> </div> <div class="why-section"> <h2>涓轰粈涔堝紑鏀惧お闃宠兘璁捐锛?/h2> <div class="advantages-grid"> <div class="advantage-item"> <i class="fas fa-cogs"></i> <h3>瀹氬埗瑙ｅ喅鏂规</h3> <p>鎴戜滑浜嗚В姣忎釜椤圭洰閮芥槸缁冧範鐨勩€傛垜浠殑鍥㈤槦鎻愪緵瀹氬埗鐨勫お闃宠兘鐓ф槑瑙ｅ喅鏂规锛屽畬鍏ㄧ鍚堟偍鐨勫叿浣撹姹傚拰鐜鏉′欢銆?/p> </div> <div class="advantage-item"> <i class="fas fa-history"></i> <h3>涓板瘜鐨勭粡楠?/h3> <p>鍑€熷湪鍒堕€犲拰鍥介檯璐告槗鏂归潰涓板瘜鐨勭患鍚堢粡楠岋紝鎴戜滑涓烘瘡涓」鐩甫鏉ヤ簡鏃犱笌浼︽瘮鐨勭煡璇嗐€?/p> </div> <div class="advantage-item"> <i class="fas fa-globe"></i> <h3>鍏ㄧ悆渚涘簲閾?/h3> <p>鎴戜滑鍦ㄤ笘鐣屽悇鍦板缓绔嬬殑渚涘簲鍟嗗拰鍒堕€犲晢缃戠粶纭繚涓烘垜浠殑瀹㈡埛鎻愪緵鍙潬鐨勪骇鍝佷緵搴斿拰鏈夌珵浜夊姏鐨勪环鏍笺€?/p> </div> <div class="advantage-item"> <i class="fas fa-certificate"></i> <h3>鍝佽川淇濊瘉</h3> <p>閫氳繃鎴戜滑鐨勫畾鍒跺厜浼忚В鍐虫柟妗堜綋楠屾竻娲併€佸彲闈犺兘婧愮殑鑷敱</p> </div> </div> </div> <div class="faq-section"> <br/><br/> <a href="/zh-tw/about-us-faq" target="_blank"><h2>甯歌闂瑙ｇ瓟</h2></a> <div class="FAQT"> </div> <script> var FAQT = document.querySelector('.FAQT'); var FAQTxhr = new XMLHttpRequest(); FAQTxhr.open('GET', '/zh-tw/0FAQ'); FAQTxhr.send(); FAQTxhr.onload = function() { FAQT.innerHTML = FAQTxhr.responseText; // 鍒嗙被灞曞紑/鏀惰捣鍔熻兘 document.querySelectorAll('.category-btn').forEach(btn => { btn.addEventListener('click', function () { const category = this.closest('.category'); const content = category.querySelector('.category-content'); const isOpen = content.style.display === 'block'; content.style.display = isOpen ? 'none' : 'block'; this.textContent = isOpen ? '+' + this.textContent.substring(1) : '-' + this.textContent.substring(1); }); }); // FAQ椤圭洰灞曞紑/鏀惰捣锛堜簨浠跺鎵橈級 FAQT.addEventListener('click', function(e) { if (!e.target.classList.contains('faq-btn')) return; const faqItem = e.target.closest('.faq-item'); const ul = faqItem.querySelector('.faq-ul'); const isOpen = ul.classList.contains('open'); e.target.textContent = e.target.textContent.replace(isOpen ? '-' : '+', isOpen ? '+' : '-'); ul.classList.toggle('open'); if (!isOpen) { ul.style.display = 'block'; } else { setTimeout(() => { if (!ul.classList.contains('open')) { ul.style.display = 'none'; } }, 10); } }); }; </script> </div> <script> let currentServiceSlide = 0; const totalItems = document.querySelectorAll('.service-item').length; const itemsPerView = 4; function moveServices(direction) { currentServiceSlide += direction; if (currentServiceSlide > totalItems - itemsPerView) { currentServiceSlide = 0; } if (currentServiceSlide < 0) { currentServiceSlide = totalItems - itemsPerView; } const itemWidth = 25; const offset = -(currentServiceSlide * itemWidth); const track = document.querySelector('.services-track'); track.style.transform = `translateX(${offset}%)`; } window.addEventListener('load', () => { const track = document.querySelector('.services-track'); const totalWidth = (totalItems / itemsPerView) * 100; track.style.width = `${totalWidth}%`; moveServices(0); }); </script>  <div class="QuoteT"></div> <script src="/js/common.js"></script> <script src="/js/0_video_loader.js"></script> <footer id="foot"></footer> <script src="/js/foot.js"></script> <script src="/js/mobile-menu.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/> <div class="cs-widget" id="csWidget"> <div class="cs-button"> <span class="cs-icon">馃挰</span> <span class="cs-status">鈥?鎴戜滑鐨勫厛杩涙妧鏈拰瀹氬埗鏂规硶纭繚鏃犵紳闆嗘垚鍜岄暱鏈熸垚鍔熴€?/span> </div> </div> <div class="cs-modal" id="csModal" style="display: none;"> <div class="cs-modal-content"> <div class="cs-modal-header"> <span class="cs-title">瀹㈡埛鏈嶅姟</span> <span class="cs-close" id="csClose">脳</span> </div> <iframe frameborder="0" src="/zh-tw/customerservices"></iframe> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const csWidget = document.getElementById('csWidget'); const csModal = document.getElementById('csModal'); const csClose = document.getElementById('csClose'); if (csWidget) { csWidget.addEventListener('click', function() { if (csModal) { csModal.style.display = 'block'; } }); } if (csClose) { csClose.addEventListener('click', function() { if (csModal) { csModal.style.display = 'none'; } }); } window.addEventListener('click', function(e) { if (e.target === csModal) { csModal.style.display = 'none'; } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const video1 = document.querySelector('#img1 video'); if (video1) { // 娣诲姞鐐瑰嚮浜嬩欢锛岀敤鎴风偣鍑绘椂鎾斁/鏆傚仠 video1.style.cursor = 'pointer'; video1.addEventListener('click', function() { if (video1.paused) { const playPromise = video1.play(); if (playPromise !== undefined) { playPromise.catch(error => { console.log("Video1 play failed:", error); }); } } else { video1.pause(); } }); // 濡傛灉鐢ㄦ埛绂诲紑瑙嗗彛锛屾殏鍋滆棰? const observer1 = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting) { video1.pause(); } }); }, { threshold: 0.5 }); observer1.observe(video1); } const videoContainer = document.querySelector('.video-container'); const video2 = videoContainer.querySelector('video'); const overlay = videoContainer.querySelector('.video-overlay'); const playButton = overlay.querySelector('.play-button'); let isPlaying = false; const observer2 = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting && isPlaying) { video2.pause(); overlay.classList.remove('hidden'); playButton.querySelector('i').classList.remove('fa-pause'); playButton.querySelector('i').classList.add('fa-play'); isPlaying = false; } }); }, { threshold: 0.5 }); if (video2) { observer2.observe(video2); video2.addEventListener('click', function() { togglePlayPause(); }); playButton.addEventListener('click', function(e) { e.stopPropagation(); togglePlayPause(); }); video2.addEventListener('ended', function() { isPlaying = false; overlay.classList.remove('hidden'); playButton.querySelector('i').classList.remove('fa-pause'); playButton.querySelector('i').classList.add('fa-play'); }); } function togglePlayPause() { if (video2.paused) { const playPromise = video2.play(); if (playPromise !== undefined) { playPromise.then(() => { isPlaying = true; overlay.classList.add('hidden'); playButton.querySelector('i').classList.remove('fa-play'); playButton.querySelector('i').classList.add('fa-pause'); }).catch(error => { console.log("Video play failed:", error); }); } } else { video2.pause(); isPlaying = false; overlay.classList.remove('hidden'); playButton.querySelector('i').classList.remove('fa-pause'); playButton.querySelector('i').classList.add('fa-play'); } } }); </script>  <div class="custom-modal" id="customModal"> <div class="custom-modal-content"> <span class="custom-close">脳</span> <iframe frameborder="0" id="customModalFrame" src="/files-blender/three.js-master/examples/0-3d-simulation-index"></iframe> </div> </div>  <div id="liveDemoModal" class="custom-modal"> <div class="custom-modal-content live-demo-modal-content"> <span class="live-demo-close custom-close">×</span> <div class="live-demo-content"> <h2>Live Demo</h2> <div class="video-container" data-video-id="yMf1bVeTeUA"> <div class="video-thumbnail"> <img src="https://img.youtube.com/vi/yMf1bVeTeUA/maxresdefault.jpg" alt="Live Demo Video"/> <div class="play-icon-large">鈻?/div> </div> <div class="video-player-wrapper"></div> <button class="close-video-btn" aria-label="Close video">×</button> </div> <a href="/live-demo/live-demo.html" class="open-app-button">Open APP</a> </div> </div> </div> <script> // Add click event to the play-with-3d const playWith3d = document.querySelector('.play-with-3d'); const customModal = document.getElementById('customModal'); const customClose = document.querySelector('.custom-close'); if (playWith3d) { playWith3d.addEventListener('click', function() { if (typeof window.closeAllOsdPanels === 'function') window.closeAllOsdPanels(); customModal.style.display = 'block'; }); } if (customClose) { customClose.addEventListener('click', function() { customModal.style.display = 'none'; }); } // Close modal when clicking outside window.addEventListener('click', function(e) { if (e.target === customModal) { customModal.style.display = 'none'; } }); // Live Demo modal const liveDemoBtn = document.querySelector('.live-demo'); const liveDemoModal = document.getElementById('liveDemoModal'); const liveDemoClose = document.querySelector('.live-demo-close'); const liveDemoVideoContainer = document.querySelector('.live-demo-content .video-container'); function stopLiveDemoVideo() { if (liveDemoVideoContainer) { const liveDemoPlayerWrapper = liveDemoVideoContainer.querySelector('.video-player-wrapper'); const liveDemoCloseVideoBtn = liveDemoVideoContainer.querySelector('.close-video-btn'); liveDemoPlayerWrapper.innerHTML = ''; liveDemoPlayerWrapper.style.display = 'none'; liveDemoVideoContainer.querySelector('.video-thumbnail').style.display = ''; liveDemoCloseVideoBtn.style.display = 'none'; } } function initLiveDemoVideoEvents() { if (!liveDemoVideoContainer) return; const liveDemoVideoId = liveDemoVideoContainer.dataset.videoId; const liveDemoPlayIcon = liveDemoVideoContainer.querySelector('.play-icon-large'); const liveDemoPlayerWrapper = liveDemoVideoContainer.querySelector('.video-player-wrapper'); const liveDemoCloseVideoBtn = liveDemoVideoContainer.querySelector('.close-video-btn'); liveDemoPlayIcon.addEventListener('click', function(e) { e.stopPropagation(); if (liveDemoPlayerWrapper.innerHTML === '') { const iframe = document.createElement('iframe'); iframe.width = '100%'; iframe.height = '100%'; iframe.src = `https://www.youtube.com/embed/${liveDemoVideoId}?autoplay=1&controls=1&rel=0&showinfo=0&modestbranding=1&mute=1&playsinline=1`; iframe.frameBorder = '0'; iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'; iframe.allowFullscreen = true; liveDemoPlayerWrapper.appendChild(iframe); } liveDemoPlayerWrapper.style.display = 'block'; liveDemoVideoContainer.querySelector('.video-thumbnail').style.display = 'none'; liveDemoCloseVideoBtn.style.display = 'flex'; }); liveDemoCloseVideoBtn.addEventListener('click', function(e) { e.stopPropagation(); stopLiveDemoVideo(); }); } if (liveDemoBtn) { liveDemoBtn.addEventListener('click', function() { if (typeof window.closeAllOsdPanels === 'function') window.closeAllOsdPanels(); liveDemoModal.style.display = 'block'; }); } if (liveDemoClose) { liveDemoClose.addEventListener('click', function() { liveDemoModal.style.display = 'none'; stopLiveDemoVideo(); }); } if (typeof updateLiveDemoVideo === 'function') { updateLiveDemoVideo('.live-demo-content .video-container', 'yMf1bVeTeUA', initLiveDemoVideoEvents); } else { initLiveDemoVideoEvents(); } // Close modal when clicking outside window.addEventListener('click', function(e) { if (e.target === liveDemoModal) { liveDemoModal.style.display = 'none'; stopLiveDemoVideo(); } }); </script> </body> </html>