啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙啷囙 | 啶掂啶ぞ啶掂じ啶距く啶苦 啶忇げ啶堗ぁ啷€ 啶侧ぞ啶囙啶苦啶?啶膏ぎ啶距ぇ啶距え | 啶膏啶侧ぐ啶∴た啶溹ぜ啶距啶?啶栢啶侧啶?/title> <meta name="description" content="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙 啶斷ぐ啶啶多啶掂ぐ啶忇げ啶堗ぁ啷€ 啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え啶曕 啶呧啷嵿ぐ啶｀ 啶ㄠた啶班啶ぞ啶むぞ啷?啶灌ぎ啶膏ぁ啶监啷嬥, 啶ぞ啶班啶曕た啶傕 啶膏啶ムげ啷嬥 啶斷ぐ啶掂ぞ啶｀た啶溹啶た啶?啶膏啶ムぞ啶ㄠ啶?啶曕 啶侧た啶?啶夃え啷嵿え啶?啶む啶ㄠ啶?啶曕 啶膏ぞ啶?啶啶班啶?啶膏啶?啶啶班啶距ざ啶掂啶さ啶膏啶ムぞ啶啶班う啶距え啶曕ぐ啶む 啶灌啶傕イ" /> <meta name="keywords" content="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙, 啶忇げ啶堗ぁ啷€ 啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙, 啶嗋啶熰ぁ啷嬥ぐ啶膏啶?啶啶班啶距ざ啶掂啶さ啶膏啶ムぞ, 啶膏啶熰啶班啶?啶侧ぞ啶囙 啶膏た啶膏啶熰ぎ, 啶ぞ啶班啶曕た啶傕 啶膏啶ムげ啶班啶多え啷€, 啶掂ぞ啶｀た啶溹啶た啶?啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え" /> <link rel="canonical" href="https://www.opensolardesign.com/hi/"/> <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="hi_IN" /> <meta property="og:type" content="website" /> <meta property="og:title" content="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙啷囙 | 啶掂啶ぞ啶掂じ啶距く啶苦 啶忇げ啶堗ぁ啷€ 啶侧ぞ啶囙啶苦啶?啶膏ぎ啶距ぇ啶距え | 啶膏啶侧ぐ啶∴た啶溹ぜ啶距啶?啶栢啶侧啶? /> <meta property="og:description" content="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙 啶斷ぐ啶啶多啶掂ぐ啶忇げ啶堗ぁ啷€ 啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え啶曕 啶呧啷嵿ぐ啶｀ 啶ㄠた啶班啶ぞ啶むぞ啷?啶灌ぎ啶膏ぁ啶监啷嬥, 啶ぞ啶班啶曕た啶傕 啶膏啶ムげ啷嬥 啶斷ぐ啶掂ぞ啶｀た啶溹啶た啶?啶膏啶ムぞ啶ㄠ啶?啶曕 啶侧た啶?啶夃え啷嵿え啶?啶む啶ㄠ啶?啶曕 啶膏ぞ啶?啶啶班啶?啶膏啶?啶啶班啶距ざ啶掂啶さ啶膏啶ムぞ啶啶班う啶距え啶曕ぐ啶む 啶灌啶傕イ" /> <meta property="og:url" content="https://www.opensolardesign.com/hi/" /> <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="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙啷囙 | 啶掂啶ぞ啶掂じ啶距く啶苦 啶忇げ啶堗ぁ啷€ 啶侧ぞ啶囙啶苦啶?啶膏ぎ啶距ぇ啶距え | 啶膏啶侧ぐ啶∴た啶溹ぜ啶距啶?啶栢啶侧啶? />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙啷囙 | 啶掂啶ぞ啶掂じ啶距く啶苦 啶忇げ啶堗ぁ啷€ 啶侧ぞ啶囙啶苦啶?啶膏ぎ啶距ぇ啶距え | 啶膏啶侧ぐ啶∴た啶溹ぜ啶距啶?啶栢啶侧啶? /> <meta name="twitter:description" content="啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙 啶斷ぐ啶啶多啶掂ぐ啶忇げ啶堗ぁ啷€ 啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え啶曕 啶呧啷嵿ぐ啶｀ 啶ㄠた啶班啶ぞ啶むぞ啷?啶灌ぎ啶膏ぁ啶监啷嬥, 啶ぞ啶班啶曕た啶傕 啶膏啶ムげ啷嬥 啶斷ぐ啶掂ぞ啶｀た啶溹啶た啶?啶膏啶ムぞ啶ㄠ啶?啶曕 啶侧た啶?啶夃え啷嵿え啶?啶む啶ㄠ啶?啶曕 啶膏ぞ啶?啶啶班啶?啶膏啶?啶啶班啶距ざ啶掂啶さ啶膏啶ムぞ啶啶班う啶距え啶曕ぐ啶む 啶灌啶傕イ" /> <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": "啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙 啶斷ぐ啶啶多啶掂ぐ啶忇げ啶堗ぁ啷€ 啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え啶曕 啶呧啷嵿ぐ啶｀ 啶ㄠた啶班啶ぞ啶むぞ啷?啶灌ぎ啶膏ぁ啶监啷嬥, 啶ぞ啶班啶曕た啶傕 啶膏啶ムげ啷嬥 啶斷ぐ啶掂ぞ啶｀た啶溹啶た啶?啶膏啶ムぞ啶ㄠ啶?啶曕 啶侧た啶?啶夃え啷嵿え啶?啶む啶ㄠ啶?啶曕 啶膏ぞ啶?啶啶班啶?啶膏啶?啶啶班啶距ざ啶掂啶さ啶膏啶ムぞ啶啶班う啶距え啶曕ぐ啶む 啶灌啶傕イ", "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/hi#webpage", "url": "https://www.opensolardesign.com/hi/", "inLanguage": "hi", "name": "啶掂ぞ啶｀た啶溹啶た啶?啶膏啶?啶膏啶熰啶班啶?啶侧ぞ啶囙啷囙 | 啶掂啶ぞ啶掂じ啶距く啶苦 啶忇げ啶堗ぁ啷€ 啶侧ぞ啶囙啶苦啶?啶膏ぎ啶距ぇ啶距え | 啶膏啶侧ぐ啶∴た啶溹ぜ啶距啶?啶栢啶侧啶?, "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">3啶∴ 啶∴た啶溹ぜ啶距啶?啶熰啶?/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', '/hi/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="/hi/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>啶曕じ啷嵿啶?啶膏啶?啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え</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="/hi/sales-products">啶膏き啷€ 啶夃い啷嵿お啶距う啶︵啶栢啶?/a> <div class="category-grid"> <div class="category-slides"> <div class="category-item fade"> <div class="category-content"> <div class="product-highlights"> <a href="/hi/systems-solar-camera-tower"> <h3>啶膏啶班啷嵿し啶?啶膏ぎ啶距ぇ啶距え</h3> </a> <p>啶膏啶?啶曕啶ぐ啶?啶熰ぞ啶掂ぐ啷嬥 啶曕ぞ啶夃お啶啶?啶掂た啶た啶ㄠ啶?啶呧え啷佮お啷嵿ぐ啶啶椸啶?啶曕 啶侧た啶?啶曕た啶ぞ啶溹ぞ啶膏啶むぞ啶灌, 啶溹啶膏 啶ㄠた啶班啶ぞ啶?啶膏啶ムげ啷嬥, 啶栢啶む啶?啶ぞ啶斷う啷嵿く啷嬥啶苦 啶曕啶粪啶む啶班啶?啶曕 啶ㄠた啶椸ぐ啶距え啷€啷?啶掂 啶啶多啶?啶曕ぐ啶む 啶灌啶?strong style="color: #66cc99;">啶呧ぇ啶苦 啶膏啶班啷嵿し啶?/strong>啶斷ぐ啶え啶曕 啶多ぞ啶傕い啶? 啶曕啶啶傕啶?啶掂 啶︵た啶?啶曕 24 啶樴啶熰, 啶膏お啷嵿い啶距す啶曕 7 啶︵た啶?啶椸い啶苦さ啶苦ぇ啶苦く啷嬥 啶曕ぞ啶い啶?啶侧啶?啶膏啶む 啶灌啶?啶斷ぐ啶班た啶曕啶班啶?啶曕ぐ啶膏啶む 啶灌啶傕イ</p> <ul> <li>鉁?24/7 啶ㄠた啶椸ぐ啶距え啷€ - 啶膏い啶?啶ㄠた啶椸ぐ啶距え啷€</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="/hi/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="/hi/systems-bollard"> <h3>啶啶侧ぞ啶班啶?啶膏啶侧ぐ</h3> </a> <p>啶啶侧ぞ啶班啶?啶膏啶侧ぐ啶侧ぞ啶囙 啶忇 啶曕啶啶啶曕啶? 啶膏啶?啶ㄠた啶灌た啶?啶啶班啶距ざ啶膏ぎ啶距ぇ啶距え啶灌 啶溹 啶膏啶?啶啶ㄠげ, 啶啶熰ぐ啷€ 啶斷ぐ啶忇げ啶堗ぁ啷€ 啶侧啶傕お啶曕 啶忇 啶氞た啶曕え啷€ 啶斷ぐ啶熰た啶曕ぞ啶?啶囙啶距 啶啶?啶忇啷€啶曕啶?啶曕ぐ啶むぞ啶灌啷?啶啶∴啶∴た啶啶?啶斷ぐ啶ぐ啶苦う啷冟ざ啷嵿く啷嬥 啶曕 啶班啶多え啶曕ぐ啶ㄠ 啶曕 啶侧た啶?啶∴た啶溹ぜ啶距啶?啶曕た啶ぞ啶椸く啶? 啶囙じ啶曕ぞ啶曕啶多げ啶膏啶?啶啶ㄠげ啶啶班 啶︵た啶?啶膏啶班 啶曕 啶班啶多え啷€ 啶曕 啶曕啶啶氞ぐ啶曕ぐ啶むぞ啶灌, 啶溹た啶膏じ啷?啶班ぞ啶?啶啶?啶侧啶 啶膏ぎ啶?啶む 啶班啶多え啷€ 啶曕 啶侧た啶?啶忇げ啶堗ぁ啷€ 啶曕 啶多啷嵿い啶?啶た啶侧い啷€ 啶灌啷?/p> <ul> <li>鉁?啶膏啶班啶氞た啶啶班啶?啶∴た啶溹ぞ啶囙え - 啶嗋ぇ啷佮え啶苦 啶膏啶傕う啶班啶?啶呧お啷€啶?/li> <li>鉁?啶嗋じ啶距え啶膏啶ムぞ啶え啶?- 啶曕た啶膏 啶曕啶げ啶曕 啶嗋さ啶多啶啶むぞ啶ㄠす啷€啶?/li> <li>鉁?啶膏啶ぞ啶班啶?啶ㄠた啶啶む啶班ぃ - 啶膏啶掂啶距げ啶苦い啶膏啶氞ぞ啶侧え</li> <li>鉁?啶娻ぐ啷嵿啶?啶曕 啶啶?- 啶膏啶?啶娻ぐ啷嵿啶?啶膏啶氞ぞ啶侧た啶?啶忇げ啶堗ぁ啷€</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="/hi/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>啶灌ぎ啶嗋お啶曕 啶膏啶掂た啶оぞ啶曕 啶∴た啶溹ぜ啶距啶?啶斷ぐ啶膏啶傕う啶班啶ざ啶距じ啷嵿い啷嵿ぐ啶曕 啶呧え啷佮啷傕げ啶苦い啶曕ぐ啶ㄠ 啶曕 啶侧た啶?啶啶多啶掂ぐ 3啶∴ 啶啶∴げ啶苦啶?啶斷ぐ啶掂た啶溹ぜ啷佮啶侧ぞ啶囙啶监啶多え啶膏啶掂ぞ啶忇 啶啶班う啶距え啶曕ぐ啶む 啶灌啶傕イ啶灌ぎ啶距ぐ啷?3啶∴ 啶啶∴げ啶曕 啶ぞ啶о啶ぎ啶膏, 啶嗋お啶ㄠた啶班啶ぞ啶?啶多啶班 啶曕ぐ啶ㄠ 啶膏 啶す啶侧 啶呧啶むた啶?啶夃い啷嵿お啶距う啶曕 啶膏啶し啷嵿 啶︵啶多啶?啶膏ぎ啶?啶啶班ぞ啶啶?啶曕ぐ啶膏啶む 啶灌啶? 啶溹た啶膏じ啷?啶嗋お啶曕啶?啶 啶嗋さ啶多啶 啶膏ぎ啶距く啷嬥啶?啶曕ぐ啶膏啶む 啶灌啶傕イ</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('/hi/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="/hi/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', '/hi/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="/hi/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>