PageSourceSearch

https://fairlandgroup.com/

html fairlandgroup.com collected 2026-10-08 16:20:59 UTC 62,441 bytes, 1,998 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5  <title>Fairland Group</title>
6<meta charset="utf-8" />
7<meta name="renderer" content="webkit|ie-comp|ie-stand" />
8<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
9<meta name="author" content="Fairland Group">
10<meta name="keywords" content="20倍节能,智慧庭院,户外科技,菲亚兰德" />
11<meta name="description" content="" />
12<meta name="viewport"
13    content="initial-scale=1.0,width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
14<meta http-equiv="Cache-Control" content="no-transform" />
15<meta http-equiv="Cache-Control" content="no-siteapp" />
16<meta name="google-site-verification" content="du_O5htgwMs9iktp3bMdygcioluAATvPmxOHn5b1nSg" />
17<link rel="Shortcut Icon" href="/static/upload/other/20260128/1769579809287226.ico">
18
19<link rel="stylesheet" type="text/css" href="/template/default/css/reset.css?v=20260903103544" />
20<link rel="stylesheet" type="text/css" href="/template/default/css/animate.css?v=20260903103544" />
21<link rel="stylesheet" type="text/css" href="/template/default/css/common.css?v=20260923143337" />
22<script src="/template/default/js/jquery.min.js?v=20260903103545"></script>
vendor: 1 bytes, line 22
22
23<script src="/template/default/js/wow.js?v=20260903103545"></script>
vendor: 1 bytes, line 23
23
24<script src="/template/default/js/common.js?v=20260903103545"></script>
vendor: 1 bytes, line 24
24
25<script>
26    window.dataLayer = window.dataLayer || [];
27
28    function gtag() {
29        dataLayer.push(arguments);
30    }
31
32    gtag('consent', 'default', {
33        analytics_storage: 'denied',
34        ad_storage: 'denied',
35        ad_user_data: 'denied',
36        ad_personalization: 'denied',
37        functionality_storage: 'denied',
38        personalization_storage: 'denied',
39        security_storage: 'granted',
40        wait_for_update: 2000
41    });
42
43    gtag('set', 'ads_data_redaction', true);
44    gtag('set', 'url_passthrough', false);
45</script>
45
46<!-- Start cookieyes banner -->
47<script id="cookieyes" type="text/javascript"
48    src="https://cdn-cookieyes.com/client_data/335afa82fea99b53323a0ad6/script.js"></script>
48
49<!-- End cookieyes banner -->
50<script>
51    (function () {
52        const GA_ID = 'G-QFM57RLTB3';
53        let gaStarted = false;
54
55        window.dataLayer = window.dataLayer || [];
56
57        window.gtag = window.gtag || function () {
58            window.dataLayer.push(arguments);
59        };
60
61        // 默认禁止 GA 收集
62        window['ga-disable-' + GA_ID] = true;
63
64        function enableGA() {
65            window['ga-disable-' + GA_ID] = false;
66
67            if (gaStarted) {
68                return;
69            }
70
71            gaStarted = true;
72
73            const script = document.createElement('script');
74            script.async = true;
75            script.src =
76                'https://www.googletagmanager.com/gtag/js?id=' +
77                encodeURIComponent(GA_ID);
78
79            script.onload = function () {
80                gtag('js', new Date());
81                gtag('config', GA_ID);
82            };
83
84            document.head.appendChild(script);
85        }
86
87        function disableGA() {
88            window['ga-disable-' + GA_ID] = true;
89        }
90
91        // 读取用户之前保存的选择
92        document.addEventListener('cookieyes_banner_load', function (event) {
93            if (event.detail?.categories?.analytics) {
94                enableGA();
95            } else {
96                disableGA();
97            }
98        });
99
100        // 监听用户本次接受、拒绝或修改选择
101        document.addEventListener('cookieyes_consent_update', function (event) {
102            const accepted = event.detail?.accepted || [];
103
104            if (accepted.includes('analytics')) {
105                enableGA();
106            } else {
107                disableGA();
108            }
109        });
110    })();
111</script>
111
112
113<!-- Google Tag Manager
114<script>
vendor: 327 bytes, lines 114-118
114(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
115new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
116j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
117'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
118})(window,document,'script','dataLayer','
118GTM-KZQDB9P
vendor: 3 bytes, line 118
118');
118</script>
118-->
119
120  <link rel="stylesheet" type="text/css" href="/template/default/swiper/swiper.min.css?v=20260903103545" />
121  <link rel="stylesheet" type="text/css" href="/template/default/css/index.css?v=20260903103544" />
122  <link rel="stylesheet" type="text/css" href="/template/default/css/pages.css?v=20260903103544" />
123  <link rel="stylesheet" type="text/css" href="/template/default/css/privacy-policy-notice.css?v=20260923" />
124  
124<script src="/template/default/js/privacy-policy-notice.js?v=20260923"></script>
124
125</head>
126
127<body>
128  <section class="privacy-policy-notice" role="region" aria-labelledby="privacy-policy-notice-title" aria-hidden="true">
129  <div class="privacy-policy-notice__inner">
130    <div class="privacy-policy-notice__content">
131      <h2 class="privacy-policy-notice__title" id="privacy-policy-notice-title">Privacy Policy Updated</h2>
132      <p class="privacy-policy-notice__message">
133        We've updated our Privacy Policy to clarify how we use analytics and advertising technologies and the privacy
134        choices available to you.
135        <a class="privacy-policy-notice__link" data-privacy-policy-notice-link>Learn more</a>
136      </p>
137    </div>
138    <button class="privacy-policy-notice__close" type="button" data-privacy-policy-notice-close
139      aria-label="Dismiss privacy policy update">
140      <span aria-hidden="true">×</span>
141    </button>
142  </div>
143</section>
144  <!-- Header -->
145  
146<div class="Header">
147  <div class="contain clearFix">
148    <a href="/" class="Header-logo">
149      <img src="/static/upload/image/20250808/1754637837594227.png" alt="logo" />
150    </a>
151    <div class="Header-navclick clearFix"><span></span></div>
152    <div class="Header-search">
153      <div class="Header-search-click"></div>
154      <div class="Header-search-item">
155        <div class="contain">
156          <button type="button" id="searchSubmit"></button>
157          <input type="text" name="keyword" id="searchText" placeholder="Search..." autocomplete="off" />
158        </div>
159      </div>
160    </div>
161    
161<script>
162      $("#searchSubmit").click(function () {
163        var keyword = $("#searchText").val();
164        window.location.href = "/search/index/keyword/" + keyword;
165      });
166    </script>
166
167    <div class="Header-navbar clearFix">
168      <ul class="navbarScroll">
169        <!-- Robotics -->
170        
171        <li class="">
172          <a href="/products-2" class="Header-menu">iGarden Robotics</a>
173          <i class="Header-arrow"></i>
174          <div class="Header-drop Header-product">
175            
176            <div class="Header-product-menu">
177              <a href="/products-2#153">Intelligent robotic products</a>
178              
179              <i class="icon icon-youjiantou"></i>
180              <div class="Header-product-drop">
181                
182                <a href="/intelligent-pool-cleaning-robots">Intelligent pool cleaning robots</a>
183                
184                <a href="/intelligent-swim-jet">Intelligent swim jet</a>
185                
186                <a href="/intelligent-lawn-mowing-robots">Intelligent lawn mowing robots</a>
187                
188              </div>
189              
190            </div>
191            
192            <div class="Header-product-menu">
193              <a href="/products-2#135">Energy management products</a>
194              
195              <i class="icon icon-youjiantou"></i>
196              <div class="Header-product-drop">
197                
198                <a href="/pool-heat-pump-x30">Smart pool heat pump X30</a>
199                
200                <a href="/pool-heat-pump-m30">Smart pool heat pump M30</a>
201                
202                <a href="/hwxny/pool-water-pump.html">Smart pool water pump</a>
203                
204                <a href="/hwxny/inverter-plus-dehumidifier-17.html">Smart Full-Inverter dehumidifier</a>
205                
206                <a href="/hwxny/residential-heat-pump.html">Smart house heat pump</a>
207                
208                <a href="/hwxny/solar-energy-storage-system-eu.html">SYNC All-in-one Residential Energy Storage System (EU Standard)</a>
209                
210                <a href="/hwxny/solar-energy-storage-system-us.html">SYNC All-in-one Residential Energy Storage System (US Standard)</a>
211                
212                <a href="/hwxny/solar-energy-storage-system-three-phase.html">LYNC All-in-One Solar Energy Storage System</a>
213                
214                <a href="/hwxny/micro-solar-energy-storage-system.html">Micro Solar Energy Storage System</a>
215                
216              </div>
217              
218            </div>
219            
220            <div class="Header-product-menu">
221              <a href="/products-2#143">Water treatment systems</a>
222              
223              <i class="icon icon-youjiantou"></i>
224              <div class="Header-product-drop">
225                
226                <a href="/salt-chlorinator">Smart salt chlorinator</a>
227                
228                <a href="/water/multiport-valve.html">Smart multiport valve</a>
229                
230              </div>
231              
232            </div>
233            
234          </div>
235        </li>
236        
237        <!-- iGarden Intelligent Agent -->
238        
239        <li class="">
240          <a href="/product/igarden-central-control-5" class="Header-menu">iGarden AI Agent</a>
241          <i class="Header-arrow"></i>
242          <div class="Header-drop Header-product">
243            
244            <div class="Header-product-menu">
245              <!-- <a href="/product/igarden-central-control-5#146">iGarden Central Control</a> -->
246              <a href="/product/igarden-central-control-5">iGarden Central Control</a>
247              
248            </div>
249            
250          </div>
251        </li>
252        
253        <!-- Group -->
254        
255        <li class="">
256          <a href="/about" class="Header-menu">Group</a>
257          <i class="Header-arrow"></i>
258          <div class="Header-drop Header-product">
259            
260            <div class="Header-product-menu">
261              <!-- <a href="/about#38">Culture</a> -->
262              <a href="/about">Culture</a>
263              
264            </div>
265            
266            <div class="Header-product-menu">
267              <!-- <a href="/history#39">Milestone</a> -->
268              <a href="/history">Milestone</a>
269              
270            </div>
271            
272            <div class="Header-product-menu">
273              <!-- <a href="/global-partners#148">Partnership</a> -->
274              <a href="/global-partners">Partnership</a>
275              
276            </div>
277            
278            <div class="Header-product-menu">
279              <!-- <a href="/world-expo#149">iGarden X World Expo</a> -->
280              <a href="/world-expo">iGarden X World Expo</a>
281              
282            </div>
283            
284            <div class="Header-product-menu">
285              <!-- <a href="/lemans-26#147">iGarden X Le Mans</a> -->
286              <a href="/lemans-26">iGarden X Le Mans</a>
287              
288            </div>
289            
290          </div>
291        </li>
292        
293        <!-- <li>
294          <a href="/introduction" class="Header-menu">Group</a>
295          <i class="Header-arrow"></i>
296          <div class="Header-drop">
297            <a href="/introduction">Culture</a>
298            <a href="/history">Milestone</a>
299          </div>
300        </li> -->
301        <!-- service -->
302        
303        <li class="">
304          <a href="/contact" class="Header-menu">Service</a>
305          <i class="Header-arrow"></i>
306          <div class="Header-drop Header-product">
307            
308            <div class="Header-product-menu">
309              <a href="/contact">Contact Us</a>
310              
311            </div>
312            
313            <div class="Header-product-menu">
314              <a href="/support">Customer First</a>
315              
316            </div>
317            
318          </div>
319        </li>
320        
321        <!--  -->
322        <!-- join us -->
323        
324        <li class="">
325          <a href="https://recruitment.fairland.com.cn/#/" class="Header-menu">Join Us</a>
326        </li>
327        
328        <!-- news -->
329        
330        <li class="">
331          <a href="/allnews" class="Header-menu">News</a>
332        </li>
333        
334      </ul>
335      <div id="trans"></div>
336    </div>
337  </div>
338</div>
339
340<script>
341  // ConveyThis 资源兜底:把错误拼成站内相对路径的静态资源,统一修正为 https 外链。
342  (function () {
343    function normalizeConveyThisUrl(url) {
344      if (typeof url !== "string") return url;
345      if (url.indexOf("/cdn.conveythis.com/") === 0) {
346        return "https:" + url;
347      }
348      if (url.indexOf("cdn.conveythis.com/") === 0) {
349        return "https://" + url;
350      }
351      return url;
352    }
353
354    var rawSetAttribute = Element.prototype.setAttribute;
355    Element.prototype.setAttribute = function (name, value) {
356      if (name === "src" || name === "href") {
357        value = normalizeConveyThisUrl(value);
358      }
359      return rawSetAttribute.call(this, name, value);
360    };
361
362    var imgDescriptor = Object.getOwnPropertyDescriptor(HTMLImageElement.prototype, "src");
363    if (imgDescriptor && imgDescriptor.set) {
364      Object.defineProperty(HTMLImageElement.prototype, "src", {
365        configurable: true,
366        enumerable: true,
367        get: imgDescriptor.get,
368        set: function (value) {
369          return imgDescriptor.set.call(this, normalizeConveyThisUrl(value));
370        },
371      });
372    }
373  })();
374</script>
vendor: 1 bytes, line 374
374
375<script src="https://cdn.conveythis.com/javascript/conveythis.js?api_key=pub_ce726a83b5bcab938d5fefd547cbda2f"></script>
vendor: 1 bytes, line 375
375
376<script>
377  document.addEventListener("DOMContentLoaded", function () {
378    const lazyVideos = document.querySelectorAll("video.lazy-video");
379
380    if (!("IntersectionObserver" in window)) {
381      lazyVideos.forEach(loadVideo);
382      return;
383    }
384
385    const videoObserver = new IntersectionObserver(
386      (entries, observer) => {
387        entries.forEach((entry) => {
388          if (entry.isIntersecting) {
389            loadVideo(entry.target);
390            observer.unobserve(entry.target);
391          }
392        });
393      },
394      {
395        rootMargin: "200px 0px",
396        threshold: 0.01,
397      }
398    );
399
400    lazyVideos.forEach((video) => {
401      video.style.background = `url('${video.getAttribute("data-poster")}') no-repeat center center`;
402      video.style.backgroundSize = "cover";
403      video.innerHTML = "<div>点击加载视频</div>";
404
405      video.addEventListener("click", function () {
406        loadVideo(this);
407        videoObserver.unobserve(this);
408      });
409
410      videoObserver.observe(video);
411    });
412
413    function loadVideo(video) {
414      if (video.classList.contains("loaded")) return;
415      const source = document.createElement("source");
416      source.src = video.dataset.src;
417      source.type = "video/mp4";
418      video.innerHTML = "";
419      video.appendChild(source);
420      video.classList.add("loaded");
421      video.style.background = "none";
422    }
423  });
424</script>
424
425<style>
426  #trans>div {
427    left: 20px;
428    top: 7px;
429  }
430
431  body.PC .Header-navbar {
432    padding-right: 180px;
433  }
434
435  html .conveythis-widget-current-language-wrapper {
436    bottom: unset !important;
437    top: 7px;
438  }
439
440  @media screen and (max-width: 540px) {
441    #trans {
442      position: fixed;
443      left: 130px;
444    }
445
446    #trans .conveythis-widget-main {
447      top: 30px;
448      left: 4px;
449      position: fixed !important;
450      z-index: 99;
451    }
452
453    #conveythis-widget-current-language-wrapper {
454      width: 154px;
455    }
456  }
457</style>
458  <!-- Container -->
459  <div class="Container">
460    <div class="banner">
461      <div class="swiper-container">
462        <div class="swiper-wrapper">
463          <!-- 注意做判断:有视频加 hasVideo -->
464          <!-- <div class="swiper-slide hasVideo">
465                        <div class="banner-image"></div>
466                        <div class="banner-cont flex-center"></div>
467                        <video src="" muted></video>
468                    </div> -->
469           
470          <div class="swiper-slide">
471            <a href="">
472              <div class="banner-image">
473                <img src="/static/upload/image/20260629/1782714760957596.jpg" alt="" class="pc" />
474                <img src="/static/upload/image/20260629/1782714760957596.jpg" alt="" class="mb" />
475              </div>
476              <div class="banner-cont flex-center">
477                <div class="contain-1460"></div>
478              </div>
479            </a>
480          </div>
481            
482          <div class="swiper-slide">
483            <a href="">
484              <div class="banner-image">
485                <img src="/static/upload/image/20260630/1782790855350506.jpg" alt="" class="pc" />
486                <img src="/static/upload/image/20260630/1782790855350506.jpg" alt="" class="mb" />
487              </div>
488              <div class="banner-cont flex-center">
489                <div class="contain-1460"></div>
490              </div>
491            </a>
492          </div>
493            
494          <div class="swiper-slide">
495            <a href="">
496              <div class="banner-image">
497                <img src="/static/upload/image/20260630/1782790879259088.jpg" alt="" class="pc" />
498                <img src="/static/upload/image/20260630/1782790879259088.jpg" alt="" class="mb" />
499              </div>
500              <div class="banner-cont flex-center">
501                <div class="contain-1460"></div>
502              </div>
503            </a>
504          </div>
505           
506        </div>
507        <div class="swiper-pagination swiperDot"></div>
508      </div>
509    </div>
510    <div class="ecosystem">
511      <img class="ecosystem-logo" src="/template/default/images/pages/home/images/igarden-logo.svg" alt="" />
512      <h1 class="ecosystem-sub-title">Ecosystem</h1>
513      <img class="ecosystem-main" src="/template/default/images/pages/home/images/ecosystem-main.webp" alt="">
514    </div>
515    <div class="intelligent-agent">
516      <h2 class="intelligent-agent-title">One Smart Garden<br style="height: 0;">System. N+ Inspired Moments.</h2>
517      <p class="intelligent-agent-desc">In iGarden, one intelligent brain orchestrates an intelligent network of smart
518        garden
519        products—including
520        energy management products, intelligent robotic products and water treatment
521        systems that redefines the art of outdoor living.</p>
522      <div class="intelligent-agent-bg">
523        <img class="intelligent-agent-bg-image" src="/template/default/images/pages/home/images/intelligent-bg.webp"
524          alt="">
525        <div class="intelligent-agent-bg-content">
526          <img class="intelligent-agent-icon" src="/template/default/images/pages/home/images/atom-icon.svg" alt="">
527          <h2 class="intelligent-agent--sub-title">Intelligent Agent</h2>
528        </div>
529      </div>
530
531      <div class="intelligent-agent-content">
532        <div class="intelligent-agent-products">
533          <h3 class="intelligent-agent-item-title">Intelligent Robotic<br style="height: 0;">Products</h3>
534          <div class="intelligent-products intelligent-robotic">
535            <div class="intelligent-robotic-item-1">
536              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-1.png"
537                alt="">
538              <p class="intelligent-products-desc">Intelligent<br style="height: 0;">lawn mowing robots</p>
539            </div>
540            <div class="intelligent-robotic-item-2">
541              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-2.png"
542                alt="">
543              <p class="intelligent-products-desc">Intelligent<br style="height: 0;">pool cleaning robots</p>
544            </div>
545            <div class="intelligent-robotic-item-3">
546              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-3.png"
547                alt="">
548              <p class="intelligent-products-desc">Intelligent swim jet</p>
549            </div>
550          </div>
551        </div>
552        <div class="intelligent-agent-products">
553          <h3 class="intelligent-agent-item-title">Energy Management<br style="height: 0;">Products</h3>
554          <div class="intelligent-products energy-management">
555            <div class="energy-management-item-1">
556              <div>
557                <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-4.png"
558                  alt="">
559                <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-5.png"
560                  alt="">
561              </div>
562              <p class="intelligent-products-desc">Smart pool heat pump<br style="height: 0;"><span>&nbsp;</span></p>
563            </div>
564            <div class="energy-management-item-2">
565              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-6.png"
566                alt="">
567              <p class="intelligent-products-desc">Smart pool<br style="height: 0;">water pump</p>
568            </div>
569            <div class="energy-management-item-3">
570              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-7.png"
571                alt="">
572              <p class="intelligent-products-desc">Intelligent central<br style="height: 0;">control pad</p>
573            </div>
574          </div>
575        </div>
576        <div class="intelligent-agent-products">
577          <h3 class="intelligent-agent-item-title">Water Treatment<br style="height: 0;">Systems</h3>
578          <div class="intelligent-products water-treatment">
579            <div class="water-treatment-item-1">
580              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-8.png"
581                alt="">
582              <p class="intelligent-products-desc">Smart salt chlorinator<br style="height: 0;"><span>&nbsp;</span></p>
583            </div>
584            <div class="water-treatment-item-2">
585              <img class="intelligent-products-image" src="/template/default/images/pages/home/images/product-9.png"
586                alt="">
587              <p class="intelligent-products-desc">Smart multiport valve</p>
588            </div>
589          </div>
590        </div>
591      </div>
592    </div>
593    <div class="add-block" style="width: 100%;background-color: #f3f3f3;height:clamp(100px, 10vw, 200px);"></div>
594    <!-- all 板块 -->
595    <!-- <div class="all-wrap" style="margin: 20px 0px">
596      <div class="text">
597        <h2 style="font-weight: 400; font-size: 44px; color: #fff">
598    
599          Robotics Ecosystem
600        <img src="/template/default/images/pages/home/images/ecosystem-content-2.png" alt="">
601        <h3>One Smart Garden<br>System. N+ Inspired Moments.</h3>
602        <p>In iGarden, one intelligent brain orchestrates an intelligent network of smart garden products—including
603          energy management products, intelligent robotic products and water treatment
604          systems that redefines the art of outdoor living.</p>
605      </div>
606      <div class="ecosystem-content-item">
607        <img src="/template/default/images/pages/home/images/ecosystem-content-3.png" alt="">
608        <h3>One Smart Garden<br>System. N+ Inspired Moments.</h3>
609        <p>In iGarden, one intelligent brain orchestrates an intelligent network of smart garden products—including
610          energy management products, intelligent robotic products and water treatment
611          systems that redefines the art of outdoor living.</p>
612      </div>
613        </h2>
614      </div>
615      <img src="/static/upload/image/20251218/1766022121555976.png" alt="" />
616    </div>
617    <div class="all-wrap1" style="margin: 20px 0px 0px 0px">
618      <div class="contain">
619    
620        <div class="text-1 text black fs42 lh25 mt80 fft"
621          style="font-weight: 800; margin-bottom: 80px; text-align: center">
622          <p style="color: #d71718" class="fft title">
623            The Next in AI Garden
624          </p>
625        </div>
626      
627      </div>
628      <img src="/static/upload/image/20250227/1740655329957586.jpg" style="width: 100%" alt="" />
629    </div>
630  </div> -->
631    <!-- <div class="indxw section pt160 pb86" style="display: block">
632    <div class="indxw-head">
633      <div class="contain-1460">
634        <div class="indxw-head-mix">
635          <div class="title flex fs46 fft">
636            <a href="/allnews"></a>
637            <div class="swiper-pagination swiperDot color"></div>
638          </div>
639        </div>
640      </div>
641    </div>
642    <div class="indxw-loop mt24">
643      <div class="swiper-container">
644        <div class="swiper-wrapper">
645          
646        </div>
647      </div>
648      <div class="indpl-prev"></div>
649      <div class="indpl-next"></div>
650    </div>
651  </div> -->
652    <!-- <div class="indpl section pt80 pb54">
653            <div class="contain">
654                <div class="indpl-loop">
655                    <div class="swiper-container">
656                        <div class="swiper-wrapper">
657                            
658                            <div class="swiper-slide">
659                                <div class="indpl-loop-cont white fs18 lh25">
660                                    <p>&quot; 我非常喜欢变频泳池热泵,加热效果很好,甚至能够在一天之内将水温从25度加热到30度,使用非常方便。&quot;</p>
661                                    <p>-阿卡波利斯业主</p>
662                                </div>
663                            </div>
664                            
665                            <div class="swiper-slide">
666                                <div class="indpl-loop-cont white fs18 lh25">
667                                    <p>&quot; 变频泳池热泵给我的印象很好,运行非常安静,而且还节能。&quot;</p>
668                                    <p>-瑞士泳池业主</p>
669                                </div>
670                            </div>
671                            
672                            <div class="swiper-slide">
673                                <div class="indpl-loop-cont white fs18 lh25">
674                                    <p>&quot;
674 TurboSilence技术是唯一能够有效结合加热能力和安静的技术。&quot;</p>
675                                    <p>-SCP, activite-piscine.com</p>
676                                </div>
677                            </div>
678                            
679                            <div class="swiper-slide">
680                                <div class="indpl-loop-cont white fs18 lh25">
681                                    <p>&quot; 简而言之:INVERX代表了最好的游泳池技术。&quot;</p>
682                                    <p>-Pollet Pool Group, piscinespro.be</p>
683                                </div>
684                            </div>
685                            
686                            
687                        </div>
688                        <div class="swiper-pagination swiperDot mt42"></div>
689                    </div>
690                    <div class="indpl-prev"></div>
691                    <div class="indpl-next"></div>
692                </div>
693            </div>
694        </div> -->
695    <!-- 留言:这个注意存在不一样,contain里面可以封装整体 -->
696    <!-- <div class="toMessage pt100 pb100 cm section">
697        <div class="contain">
698            <div class="toMessage-title fs38 fft wow fadeInUp" data-wow-delay="0.3s">
699  Get your catalogue for free
700</div>
701<div class="toMessage-form mt68 wow fadeInUp" data-wow-delay="0.3s">
702  <ul class="flex">
703    <li>
704      <div class="isSelect">
705        <div class="hint fs18">What Interests You</div>
706        <div class="customSelect">
707          <div class="customSelect-name">
708            <p id="interests"></p>
709          </div>
710          <div class="customSelect-drop">
711            <div class="scroll"><div class="select">
712	Purchasing Products(For individual)
713</div>
714<div class="select">
715	Becoming a Partner(For Business)
716</div></div>
717          </div>
718        </div>
719      </div>
720    </li>
721    <li>
722      <div class="isSelect isSelectDuo">
723        <div class="hint fs18">Intended Product <span>*</span></div>
724        <div class="customSelect">
725          <div class="customSelect-name">
726            <p id="intended" class="notrans-by-convey"></p>
727          </div>
728          <div class="customSelect-drop">
729            <div class="scroll"><div class="menu">
730	Intelligent robotic products
731</div>
732<div class="text xuanze" va="Robotic Lawn Mower ">
733	<i></i><span>
733Robotic Lawn Mower </span> 
734</div>
735<div class="text xuanze" va="Robotic Pool Cleaner">
736	<i></i><span>Robotic Pool Cleaner</span> 
737</div>
738<div class="text xuanze" va="Inverter Surfing SwimJet">
739	<i></i><span>Inverter Surfing SwimJet</span> 
740</div>
741<div class="menu">
742	Energy management products
743</div>
744<div class="text xuanze" va="Inverter Pool Heat Pump">
745	<i></i><span>Inverter Pool Heat Pump</span> 
746</div>
747<div class="text xuanze" va="InverPad Turbo Pool Heat Pump">
748	<i></i><span>InverPad Turbo Pool Heat Pump</span> 
749</div>
750<div class="text xuanze" va="Inverter Pool Pump">
751	<i></i><span>Inverter Pool Pump</span> 
752</div>
753<div class="text xuanze" va="iGarden Solar ESS">
754	<i></i><span>iGarden Solar ESS</span> 
755</div>
756<div class="menu">
757	Water treatment systems
758</div>
759<div class="text xuanze" va="Inverter Salt Chlorinator">
760	<i></i><span>Inverter Salt Chlorinator</span> 
761</div>
762<div class="menu">
763	Others (Please Specify Below)
764</div>
765<div class="text xuanze" va="Others">
766	<i></i><span>Others</span> 
767</div></div>
768          </div>
769        </div>
770      </div>
771    </li>
772    <li class="long">
773      <div class="hint fs18">Message</div>
774      <input type="text" name="content" id="" autocomplete="off" />
775    </li>
776    <li>
777      <div class="hint fs18">Email<span>*</span></div>
778      <input type="text" name="email" id="" autocomplete="off" />
779    </li>
780    <li>
781      <div class="hint fs18">Name</div>
782      <input type="text" name="name" id="" autocomplete="off" />
783    </li>
784    <li>
785      <div class="hint fs18">Phone</div>
786      <input type="text" name="phone" id="" autocomplete="off" />
787    </li>
788    <li>
789      <div class="hint fs18">Country</div>
790      <input type="text" name="country" id="" autocomplete="off" />
791    </li>
792    <li class="long">
793      <div class="toMessage-tell fs18 c9">* Mandatory fields</div>
794    </li>
795    <li>
796      <button class="toMessage-submit"><span>Claim now</span><i></i></button>
797    </li>
798  </ul>
799</div>
800<script src="/apps/admin/view/default/layui/layui.all.js"></script>
vendor: 1 bytes, line 800
800
801<script src="/template/default/js/crypto-js.min.js"></script>
vendor: 1 bytes, line 801
801
802<script>
803  $(".toMessage-submit").click(function () {
804    var interests = $("#interests").text();
805    var intended = $("#intended").text();
806    var plainName = $.trim($('input[name="name"]').val());
807    var plainPhone = $.trim($('input[name="phone"]').val());
808    var plainEmail = $.trim($('input[name="email"]').val());
809    var plainCountry = $.trim($('input[name="country"]').val());
810    var plainContent = $.trim($('input[name="content"]').val());
811    var aesKey = "4042a9408a23a5f5b4c1372b800d59a63a9e92f0833e277ac8a4148ad2b524b4";
812    var aesIv = "1247366995cebc750364199fdd19bf1d";
813    var aesKeyParsed = CryptoJS.enc.Hex.parse(aesKey);
814    var aesIvParsed = CryptoJS.enc.Hex.parse(aesIv);
815
816    function encryptValue(value) {
817      return CryptoJS.AES.encrypt(value, aesKeyParsed, {
818        iv: aesIvParsed,
819        mode: CryptoJS.mode.CBC,
820        padding: CryptoJS.pad.Pkcs7,
821      }).toString();
822    }
823
824    // 先完成原始明文校验,再在 AJAX payload 中提交密文,不修改 DOM 值。
825    var encName = encryptValue(plainName);
826    var encPhone = encryptValue(plainPhone);
827    var encCountry = encryptValue(plainCountry);
828    var encEmail = encryptValue(plainEmail);
829    var encContent = encryptValue(plainContent);
830
831    $.ajax({
832      type: "POST",
833      url: "/message.html?lang=en",
834      dataType: "json",
835      data: {
836        interests: interests,
837        intended: intended,
838        name: encName,
839        phone: encPhone,
840        email: encEmail,
841        content: encContent,
842        country: encCountry,
843        aesKey: aesKey,
844        aesIv: aesIv,
845      },
846      success: function (data) {
847        if (data.code) {
848          layer.msg(data.data, { icon: 6, time: 1200 });
849          setTimeout(function () {
850            window.location.reload();
851          }, 1200);
852          // layer.alert(data.data, {
853          //   icon: 6,
854          //   end: function () {
855          //     setTimeout(function () {
856          //       window.location.reload();
857          //     }, 1000);
858          //   },
859          // });
860        }
861        if (data.code == 0) {
862          // 校验未通过
863          layer.msg(data.data, { icon: 5, time: 1200 });
864          // layer.alert(data.data, {
865          //   icon: 6,
866          //   skin: "class-layer-demo-custom",
867          //   end: function () {
868          //     setTimeout(function () {
869          //       window.location.reload();
870          //     }, 1000);
871          //   },
872          // });
873        }
874      },
875    });
876  });
877</script>
vendor: 1 bytes, line 877
877
878<script type="text/javascript">
879  $(function () {
880    $(".customSelect-name").click(function (e) {
881      if (
882        $(this)
883          .parents(".customSelect")
884          .find(".customSelect-drop")
885          .is(":hidden")
886      ) {
887        $(".customSelect-name").removeClass("noRadius");
888        $(".customSelect-drop").hide();
889        $(this).parents(".customSelect").find(".customSelect-drop").show();
890        $(this).addClass("noRadius");
891      } else {
892        $(this).parents(".customSelect").find(".customSelect-drop").hide();
893        $(this).removeClass("noRadius");
894      }
895      if (duoxuan() != "") {
896        $(".isSelectDuo.isSelect").addClass("on");
897        $(".isSelectDuo.isSelect .customSelect")
898          .find(".customSelect-name p")
899          .text(duoxuan());
900      } else {
901        $(".isSelectDuo.isSelect").removeClass("on");
902        $(".isSelectDuo.isSelect .customSelect")
903          .find(".customSelect-name p")
904          .text("");
905      }
906      e.stopPropagation();
907    });
908    $(document).on("click", ".customSelect-drop .select", function (e) {
909      $(this)
910        .parents(".customSelect-drop")
911        .find(".select")
912        .removeClass("active");
913      $(this).addClass("active");
914      $(this)
915        .parents(".customSelect")
916        .find(".customSelect-name p")
917        .text($(this).text());
918      $(this).parents(".customSelect").find(".customSelect-drop").hide();
919      $(this)
920        .parents(".customSelect")
921        .find(".customSelect-name")
922        .removeClass("noRadius");
923      $(this).parents(".isSelect").addClass("on");
924      e.stopPropagation();
925    });
926    function duoxuan() {
927      var duotx = "";
928      $(".isSelectDuo .customSelect-drop .xuanze").each(function (i) {
929        if ($(this).hasClass("active")) {
930          duotx += $(this).find("span").text() + ",";
931        }
932      });
933      if (duotx.endsWith(",")) {
934        duotx = duotx.slice(0, -1);
935      }
936      return duotx;
937    }
938    $(document).on(
939      "click",
940      ".isSelectDuo .customSelect-drop .xuanze",
941      function (e) {
942        if (!$(this).hasClass("active")) {
943          $(this).addClass("active");
944        } else {
945          $(this).removeClass("active");
946        }
947        // if($(this).attr('va') == "Others"){
948        //     $(".isSelectDuo .customSelect-drop .xuanze").removeClass("active");
949        //     $(this).addClass("active");
950        // }else{
951        //     $(".isSelectDuo .customSelect-drop .teshu.xuanze").removeClass("active");
952        // }
953        e.stopPropagation();
954      }
955    );
956    $(".isSelectDuo .customSelect-drop .menu").click(function (e) {
957      e.stopPropagation();
958    });
959    $(document).click(function (e) {
960      $(".customSelect-drop").hide();
961      $(".customSelect-name").removeClass("noRadius");
962      if (duoxuan() != "") {
963        $(".isSelectDuo.isSelect").addClass("on");
964        $(".isSelectDuo.isSelect .customSelect")
965          .find(".customSelect-name p")
966          .text(duoxuan());
967      } else {
968        $(".isSelectDuo.isSelect").removeClass("on");
969        $(".isSelectDuo.isSelect .customSelect")
970          .find(".customSelect-name p")
971          .text("");
972      }
973    });
974  });
975</script>
975
976
977        </div>
978    </div> -->
979    <!-- 置顶 -->
980    <div class="backTop"></div>
981<div class="Footer">
982  <div class="Footer-navbar" style="position: relative">
983    <img src="/static/upload/image/20250808/1754637837594227.png" alt="logo" style="max-width: 260px"
984      class="mb-logo footer-logo" />
985    <ul class="flex foot-flex">
986      <li class="footer-part1">
987        <a href="javascript:void(0);" class="Footer-menu">Join Us</a>
988        <i class="Footer-arrow"></i>
989        <div class="Footer-info Footer-drop">
990          <p class="dh">400 020 6060</p>
991          <p class="yx">[email protected]</p>
992          <p class="cz">0086-20-87327767</p>
993          <p class="dz">19H Maxgrand Plaza, No.3 Tai Yau Street, San Po Kong, Kowloon</p>
994          <p class="ws">www.fairlandgroup.com</p>
995        </div>
996        <img src="/static/upload/image/20250808/1754637837594227.png" alt="logo" style="max-width: 260px"
997          class="pc-logo footer-logo" />
998        <!-- <div class="only-pc privacy-info">
999          <a href="/privacy-policy" class="fs16" style="color: #fff">Privacy Policy</a><br />
1000          <a href="/cookie-policy" class="fs16" style="color: #fff">Cookie Policy</a><br />
1001          <a href="/terms-of-service" style="color: #fff" class="fs16">Terms of Service</a>
1002        </div> -->
1003      </li>
1004
1005      <li class="footer-part2">
1006        <a href="javascript:void(0);" class="Footer-menu">Legal</a>
1007        <i class="Footer-arrow"></i>
1008        <div class="Footer-info Footer-drop">
1009          <a href="/privacy-policy" class="fs16" style="color: #fff">Privacy Policy</a>
1010          <a href="/cookie-policy" class="fs16" style="color: #fff">Cookie Policy</a>
1011          <a href="/terms-of-service" style="color: #fff" class="fs16">Terms of Service</a>
1012        </div>
1013      </li>
1014
1015      <li class="footer-part3">
1016        <a href="javascript:void(0);" class="Footer-menu">Explore Brands</a>
1017        <i class="Footer-arrow"></i>
1018        <div class="Footer-drop Footer-info">
1019          <a href="https://www.fairland.com.cn/">FAIRLAND®</a>
1020          <a href="https://www.aquark.com/">AQUARK®</a>
1021          <a href="https://www.aquagem.com/">AQUAGEM® </a>
1022          <a href="https://igarden.ai/">iGarden®</a>
1023        </div>
1024      </li>
1025
1026      <li class="footer-part5">
1027        <div class="code-list-item">
1028          <div class="Footer-drop Footer-link app-download" align="center">Download the iGarden APP</div>
1029          <div class="Footer-code" id="download-btn-igarden">
1030            <img src="/static/upload/image/20260626/1782458051921049.png" alt="appdownload"
1031              style="width: 100%;background-color: #fff;" />
1032            <img src="/static/upload/image/20260626/1782458051183820.png" alt="appdownload"
1033              style="width: 100%;background-color: #fff;">
1034          </div>
1035          <!-- <div class="Footer-drop Footer-link" align="center" style="color: #fff">Follow Outdoor Intelligence @ Fairland
1036            Group</div> -->
1037        </div>
1038        <div class="Footer-icon" style="justify-content: center;">
1039          <a href="https://www.linkedin.com/company/igarden-global/" target="_blank" rel="nofollow"><i
1040              class="icon icon-lingying"></i></a>
1041          <!-- <a href="#" target="_blank" rel="nofollow"><i class="icon icon-facebook"></i></a> -->
1042          <a href="https://www.youtube.com/@iGarden_official" target="_blank" rel="nofollow"><i
1043              class="icon icon-youtube"></i></a>
1044          <!-- <a href="#" target="_blank" rel="nofollow"><i class="icon icon-twitter"></i></a> -->
1045          <a href="https://www.instagram.com/igarden_official/" target="_blank" rel="nofollow"><i
1046              class="icon icon-instragram"></i></a>
1047        </div>
1048      </li>
1049    </ul>
1050  </div>
1051
1052  <div class="Footer-copyright">
1053    <a id="DNS-button" class="dns-button" href="javascript:void(0)" onclick="revisitCkyConsent()">Do Not Sell or Share
1054      My Personal Information</a>
1055    <p style="display: inline-block">©2004 - 2026 FAIRLAND HOLDINGS CO.,LTD. All rights reserved.</p>
1056    <a href="https://beian.miit.gov.cn/"> Guangdong ICP No. 20030789</a>
1057  </div>
1058</div>
1059
1060
1061    
1061<script src="/template/default/swiper/swiper.min.js?v=20260903103545"></script>
1061
1062    
1062<script src="/template/default/js/numRoll.js?v=20260903103545"></script>
1062
1063    
1063<script type="text/javascript">
1064      $(function () {
1065        // 第一屏动画
1066        // var proS1Top, proS1Height, proS1Total;
1067        // setTimeout(function(){
1068        //     proS1Top = 10;
1069        //     proS1Height = Math.ceil($(".proS1").height());
1070        //     proS1Total = $(".proS1-image img").length;
1071        //     proS1Scroll();
1072        // },300);
1073        // function proS1Scroll(){
1074        //     var scrollTop = $(window).scrollTop();
1075        //     if(scrollTop > proS1Top){
1076        //         val = scrollTop - proS1Top;
1077        //         num = Math.round(val*0.016);
1078        //         $(".proS1").css("height",Math.ceil((proS1Total+6)/0.016 + proS1Height)+"px");
1079        //         if(num >= 1){
1080        //             if(num < proS1Total){
1081        //                 $(".proS1-image img").removeClass("on").eq(num).addClass("on");
1082        //             }else{$(".proS1-image img").removeClass("on").eq(proS1Total - 1).addClass("on")}
1083        //         }else{$(".proS1-image img").removeClass("on").eq(0).addClass("on");}
1084        //         if(num >= proS1Total-6){
1085        //             $(".proS1-cont.cont2").addClass("on");
1086        //         }else{$(".proS1-cont.cont2").removeClass("on")}
1087        //     }else{$(".proS1-image img").removeClass("on").eq(0).addClass("on");$(".proS1-cont.cont2").removeClass("on")}
1088        // }
1089
1090        var slideLength = $(".banner .swiper-slide").length,
1091          bannerOneVideo = false;
1092        $(".banner .swiper-slide").eq(0).addClass("oneSlide");
1093        var bannerSwiper = new Swiper(".banner .swiper-container", {
1094          autoplay: { delay: 4000, disableOnInteraction: false },
1095          loop: true,
1096          speed: 1000,
1097          pagination: { el: ".banner .swiper-pagination", clickable: true },
1098          loopAdditionalSlides: 120,
1099          on: {
1100            slideChangeTransitionStart: function () {
1101              if (this.realIndex >= 1) {
1102                this.slides.removeClass("oneSlide");
1103              }
1104            },
1105            slideChangeTransitionEnd: function () {
1106              this.autoplay.start();
1107              var _this = $(".banner .swiper-slide").eq(this.activeIndex);
1108              if (!bannerOneVideo) {
1109                bannerOneVideo = true;
1110              } else {
1111                bannerVideo(_this);
1112              }
1113            },
1114          },
1115        });
1116        if (slideLength == 1) {
1117          bannerSwiper.autoplay.stop();
1118          $(".banner .swiper-pagination").hide();
1119          $(".banner .swiper-container").addClass("swiper-no-swiping");
1120        }
1121        bannerVideo($(".banner .swiper-slide-active"));
1122        function bannerVideo(_this) {
1123          if (_this.hasClass("hasVideo") && window.innerWidth >= 1100) {
1124            bannerSwiper.autoplay.stop();
1125            $(".hasVideo").each(function (i) {
1126              $(this).find("video")[0].pause();
1127              $(this).find("video")[0].currentTime = 0;
1128            });
1129            _this.find("video")[0].play();
1130            _this.find("video").attr("autoplay", "autoplay");
1131            _this.find("video").bind("ended", function () {
1132              bannerSwiper.slideNext();
1133              bannerSwiper.autoplay.start();
1134            });
1135          } else {
1136            $(".hasVideo").each(function (i) {
1137              $(this).find("video")[0].pause();
1138              $(this).find("video")[0].currentTime = 0;
1139            });
1140          }
1141        }
1142
1143        // --over--
1144
1145        // $(window).scroll(function () {
1146        //   // scrollFn();
1147        //   proS1Scroll();
1148        // });
1149
1150        // news
1151        var indxwSwiper = new Swiper(".indxw-loop .swiper-container", {
1152          // autoplay:{delay:3600,disableOnInteraction: false},
1153          loop: true,
1154          speed: 800,
1155          centeredSlides: true,
1156          loopAdditionalSlides: 120,
1157          navigation: { prevEl: ".indpl-prev", nextEl: ".indpl-next" },
1158          pagination: { el: ".indxw-head .swiper-pagination", clickable: true },
1159          spaceBetween: 50,
1160          breakpoints: {
1161            1599: { spaceBetween: 40 },
1162            1279: { spaceBetween: 30 },
1163            1000: { spaceBetween: 20 },
1164            640: {
1165              slidesPerView: 1.327,
1166              spaceBetween: 28,
1167            },
1168          },
1169        });
1170        // 评论
1171        // var indplSwiper = new Swiper('.indpl-loop .swiper-container', {
1172        //      autoplay:{delay:3600,disableOnInteraction: false},
1173        //     loop:true,speed:800,
1174        //     navigation: {prevEl: '.indpl-prev',nextEl: '.indpl-next'},
1175        //     pagination: {el: '.indpl-loop .swiper-pagination',clickable :true},spaceBetween: 40,
1176        //     breakpoints: {1599: {spaceBetween: 30},1000: {spaceBetween: 20}}
1177        // });
1178      });
1179      // tab
1180      // $(document).ready(function(){
1181      //         var index = 0;
1182      //         setInterval(function() {
1183      //             index= index +1;
1184      //             console.log(index)
1185      //             if(index > 2){
1186      //                 index = -1;
1187      //             }
1188      //             $('.iew-tab .tab-left li').eq(index).click(function(){
1189      //                 console.log(index)
1190      //             $(this).addClass('show').siblings().removeClass('show');
1191      //             $('.iew-tab .tab-right li.img'+index).addClass('show').siblings().removeClass('show');
1192
1193      //             })
1194      //         }, 3000);
1195      //  });
1196
1197      $(document).ready(function () {
1198        var index = 0;
1199        var $tabLeftItems = $(".iew-tab .mb-title-left li"); // 缓存元素
1200        var $tabRightItems = $(".iew-tab .tab-right li");
1201        var $tabLeftSubItems = $(".iew-tab .mb-title-right li")
1202        var totalItems = $tabLeftItems.length; // 动态获取总数
1203
1204        // 初始化:绑定点击事件(仅一次)
1205        $tabLeftItems.click(function () {
1206          index = $(this).index(); // 更新当前索引
1207          updateTabs(index);
1208        });
1209
1210        // 自动切换逻辑
1211        setInterval(function () {
1212          index = (index + 1) % totalItems; // 循环递增(0,1,2,0...)
1213          updateTabs(index);
1214        }, 3000);
1215
1216        // 统一更新选项卡状态
1217        function updateTabs(idx) {
1218          $tabLeftItems.eq(idx).addClass("show").siblings().removeClass("show");
1219          $tabRightItems
1220            .eq(idx)
1221            .addClass("show")
1222            .siblings()
1223            .removeClass("show");
1224          $tabLeftSubItems
1225            .eq(idx)
1226            .addClass("show")
1227            .siblings()
1228            .removeClass("show");
1229        }
1230      });
1231
1232      $(".indgs-info")
1233        .addClass("wow fadeInLeft")
1234        .attr("data-wow-delay", "0.3s");
1235      $(".iew-tab").addClass("wow fadeInRight").attr("data-wow-delay", "0.3s");
1236      $(".all-wrap").addClass("wow fadeInUp").attr("data-wow-delay", "0.3s");
1237      $(".all-wrap1").addClass("wow fadeInUp").attr("data-wow-delay", "0.3s");
1238
1239      var wowSet = 100;
1240
1241      wow = new WOW({
1242        boxClass: "wow",
1243        animateClass: "animated",
1244        offset: wowSet,
1245        mobile: true,
1246        live: true,
1247      });
1248      wow.init();
1249    </script>
1249
1250</body>
1251
1252<style>
1253  * {
1254    margin: 0;
1255    padding: 0;
1256  }
1257
1258  /* 
1259  @font-face {
1260    font-family: "figTree";
1261    src: url("/template/default/fonts/Figtree-Light.ttf") format("truetype");
1262    font-style: normal;
1263    font-weight: 300;
1264  }
1265
1266  @font-face {
1267    font-family: "figTree";
1268    src: url("/template/default/fonts/Figtree-Regular.ttf") format("truetype");
1269    font-style: normal;
1270    font-weight: 400;
1271  }
1272
1273  @font-face {
1274    font-family: "figTree";
1275    src: url("/template/default/fonts/Figtree-Medium.ttf") format("truetype");
1276    font-style: normal;
1277    font-weight: 500;
1278  }
1279
1280  @font-face {
1281    font-family: "figTree";
1282    src: url("/template/default/fonts/Figtree-SemiBold.ttf") format("truetype");
1283    font-style: normal;
1284    font-weight: 600;
1285  }
1286
1287  @font-face {
1288    font-family: "figTree";
1289    src: url("/template/default/fonts/Figtree-Bold.ttf") format("truetype");
1290    font-style: normal;
1291    font-weight: 700;
1292  }
1293
1294  @font-face {
1295    font-family: "figTree";
1296    src: url("/template/default/fonts/Figtree-ExtraBold.ttf") format("truetype");
1297    font-style: normal;
1298    font-weight: 800;
1299  } */
1300
1301  /* 2026-6-25首页更新 */
1302  .ecosystem {
1303    padding: 6% 5%;
1304    display: flex;
1305    flex-direction: column;
1306    align-items: center;
1307  }
1308
1309  .ecosystem-logo {
1310    width: 100%;
1311    max-width: clamp(80px, 18vw, 360px);
1312  }
1313
1314  .ecosystem-main {
1315    max-width: 1200px;
1316    height: auto;
1317    width: clamp(390px, 70vw, 1200px);
1318  }
1319
1320
1321  .ecosystem-sub-title {
1322    font-size: clamp(20px, 2vw, 40px);
1323    font-weight: 600;
1324    font-family: "Figtree";
1325    color: #000;
1326    margin-bottom: clamp(40px, 10vw, 70px);
1327    margin-top: 20px;
1328  }
1329
1330  .intelligent-agent {
1331    width: 100%;
1332    display: flex;
1333    align-items: center;
1334    flex-direction: column;
1335    position: relative;
1336  }
1337
1338  .intelligent-agent-title {
1339    font-size: clamp(24px, 4vw, 64px);
1340    font-weight: 600;
1341    font-family: "Figtree";
1342    text-align: center;
1343    width: clamp(360px, 70vw, 930px);
1344    color: #000;
1345    margin-bottom: 20px;
1346  }
1347
1348  .intelligent-agent-desc {
1349    font-size: clamp(14px, 2vw, 20px);
1350    font-weight: 500;
1351    font-family: "Figtree";
1352    text-align: center;
1353    width: clamp(360px, 70vw, 930px);
1354    color: #000;
1355    margin-bottom: 50px;
1356  }
1357
1358  .intelligent-agent-bg-content {
1359    position: absolute;
1360    top: 0;
1361    left: 50%;
1362    transform: translateX(-50%);
1363    text-align: center;
1364    padding: clamp(30px, 3vw, 140px) 0;
1365  }
1366
1367  .intelligent-agent-icon {
1368    width: clamp(60px, 10vw, 80px);
1369    height: auto;
1370  }
1371
1372
1373  .intelligent-agent-bg {
1374    width: 100%;
1375    height: fit-content;
1376    position: relative
1377  }
1378
1379  .intelligent-agent-bg-image {
1380    width: 100%;
1381    height: auto;
1382  }
1383
1384  .intelligent-agent--sub-title {
1385    color: #FFF;
1386    font-family: Figtree;
1387    font-size: clamp(20px, 4vw, 40px);
1388    font-weight: 600;
1389  }
1390
1391  .intelligent-agent-content {
1392    display: flex;
1393    background-color: #fff;
1394    position: absolute;
1395    bottom: -60px;
1396    width: clamp(390px, 85vw, 1590px);
1397    border-radius: 24px;
1398    left: 50%;
1399    transform: translateX(-50%);
1400  }
1401
1402  .intelligent-agent-products:nth-child(1),
1403  .intelligent-agent-products:nth-child(2) {
1404    flex: 1.5;
1405    position: relative;
1406  }
1407
1408  .intelligent-agent-item-title {
1409    margin-bottom: clamp(30px, 5vw, 60px);
1410    color: #000;
1411    text-align: center;
1412    font-family: "Figtree";
1413    font-size: clamp(20px, 4vw, 26px);
1414    font-weight: 500;
1415  }
1416
1417
1418  .intelligent-agent-products {
1419    text-align: center;
1420    padding: clamp(40px, 10vw, 80px) clamp(20px, 5vw, 40px);
1421  }
1422
1423  .intelligent-agent-products-title {
1424    color: #000;
1425    text-align: center;
1426    font-family: Figtree;
1427    font-size: clamp(20px, 4vw, 26px);
1428    font-weight: 500;
1429  }
1430
1431  .intelligent-products.intelligent-robotic,
1432  .intelligent-products.energy-management {
1433    display: grid;
1434    grid-template-columns: repeat(2, 1fr);
1435    gap: clamp(20px, 5vw, 40px);
1436  }
1437
1438  .intelligent-products.water-treatment {
1439    display: grid;
1440    gap: clamp(20px, 5vw, 40px);
1441  }
1442
1443  .intelligent-robotic--item-1,
1444  .intelligent-robotic--item-2,
1445  .intelligent-robotic--item-3,
1446  .energy-management-item-1,
1447  .energy-management-item-2,
1448  .energy-management-item-3,
1449  .water-treatment-item-1,
1450  .water-treatment-item-2 {
1451    text-align: center;
1452  }
1453
1454  .intelligent-products-desc {
1455    margin-top: 20px;
1456    color: #666;
1457    text-align: center;
1458    font-family: Figtree;
1459    font-size: clamp(16px, 2vw, 20px);
1460    font-weight: 500;
1461  }
1462
1463  .intelligent-robotic-item-3 {
1464    grid-column: 1 / 3;
1465    grid-row: 2 /3
1466  }
1467
1468  .energy-management-item-1 {
1469    grid-column: 1 / 3;
1470    grid-row: 1/2;
1471    display: grid;
1472    /* gap: clamp(20px, 5vw, 40px); */
1473
1474  }
1475
1476  .energy-management-item-1>div {
1477    display: grid;
1478    grid-template-columns: repeat(2, 1fr);
1479    gap: clamp(20px, 5vw, 40px);
1480    justify-items: center;
1481  }
1482
1483  .intelligent-agent-products:nth-child(3) {
1484    flex: 1;
1485  }
1486
1487  .intelligent-products.water-treatment>div {
1488    display: grid;
1489    grid-template-columns: repeat(1, 1fr);
1490    /* gap: clamp(20px, 5vw, 40px); */
1491    justify-items: center;
1492  }
1493
1494  .intelligent-products-image {
1495    max-width: clamp(100px, 15vw, 200px);
1496    max-height: clamp(60px, 10vw, 100px);
1497    min-width: clamp(100px, 15vw, 150px);
1498    height: auto;
1499  }
1500
1501  .intelligent-agent-products:nth-child(1)::after,
1502  .intelligent-agent-products:nth-child(2)::after {
1503    width: 0.5px;
1504    height: 55%;
1505    display: block;
1506    background-color: #000;
1507    position: absolute;
1508    right: 0;
1509    z-index: 1;
1510    content: "";
1511    bottom: 15%;
1512  }
1513
1514  @media (max-width:767px) {
1515    .intelligent-agent-content {
1516      flex-direction: column;
1517      position: relative;
1518      bottom: unset;
1519      left: unset;
1520      transform: unset;
1521    }
1522
1523    .add-block {
1524      display: none;
1525    }
1526
1527    .intelligent-agent-products:nth-child(1)::after,
1528    .intelligent-agent-products:nth-child(2)::after {
1529      content: none;
1530    }
1531  }
1532
1533
1534
1535  /* html .banner .swiper-wrapper {
1536      height: 670px;
1537    } */
1538
1539  html .swiperDot.swiper-pagination {
1540    bottom: 5%;
1541  }
1542
1543  /* html .banner .banner-image img {
1544      height: 670px;
1545    } */
1546
1547  .home-video {
1548    position: relative;
1549  }
1550
1551  .home-video:before {
1552    content: "";
1553    width: 0px;
1554    height: 0px;
1555    border-top: 40px solid #fff;
1556    border-left: 40px solid transparent;
1557    border-right: 40px solid transparent;
1558    border-bottom: 40px solid transparent;
1559    position: absolute;
1560    left: -41px;
1561    top: -41px;
1562    transform: rotate(135deg);
1563  }
1564
1565  .home-video:after {
1566    content: "";
1567    width: 0px;
1568    height: 0px;
1569    border-top: 40px solid transparent;
1570    border-left: 40px solid transparent;
1571    border-right: 40px solid transparent;
1572    border-bottom: 40px solid #fff;
1573    position: absolute;
1574    bottom: -41px;
1575    right: -41px;
1576    transform: rotate(135deg);
1577  }
1578
1579  .iew-tab {
1580    display: flex;
1581  }
1582
1583  .iew-tab .tab-left {
1584    width: 28%;
1585    background-color: #000;
1586    display: flex;
1587    align-items: center;
1588    justify-content: center;
1589    padding: 20px;
1590  }
1591
1592  .iew-tab .left-wrap {
1593    max-width: 220px;
1594  }
1595
1596  .iew-tab .tab-left .mb-title-left ul {
1597    display: inline-block;
1598    /* padding-bottom: 15px; */
1599    border-bottom: 1px solid #fff;
1600    margin-bottom: 20px;
1601  }
1602
1603  .iew-tab .tab-left li {
1604    font-size: 90px;
1605    color: #fff;
1606    font-weight: 800;
1607    display: inline-block;
1608    padding-right: 15px;
1609    font-family: "TSR";
1610    cursor: pointer;
1611    /* padding-bottom: 15px;; */
1612  }
1613
1614  /* <div class="iew-tab">
1615      <div class="tab-left">
1616        <div class="left-wrap">
1617          <div class="mb-title-left">
1618            <ul>
1619              <li class="show">I</li>
1620              <li>E</li>
1621              <li>W</li>
1622            </ul>
1623          </div>
1624          <div class="mb-title-right">
1625            <!-- licf logo隐藏 -->
1626            <!-- <img
1627                src="/static/upload/image/20250808/1754637837594227.png"
1628                alt=""
1629                style="max-width: 210px"
1630              /> -->
1631            <!-- <h4 style="font-weight: 400">Robotics</h4> -->
1632            <!-- <span>IEW1.0</span> -->
1633            <ul>
1634              <li class="show">From Solo Robots to a Unified AI Team</li>
1635              <li>From Savin */
1636  .iew-tab .tab-left .mb-title-right li {
1637    display: none;
1638    font-size: 18px;
1639    color: #fff;
1640    font-family: "OR";
1641  }
1642
1643  .iew-tab .tab-left .mb-title-right li.show {
1644    display: block;
1645  }
1646
1647  .iew-tab .tab-left .mb-title-left li.show {
1648    border-bottom: 1px solid red;
1649    position: relative;
1650    color: red;
1651  }
1652
1653  .iew-tab .tab-left .mb-title-left li.show:after {
1654    content: "";
1655    position: absolute;
1656    bottom: -2px;
1657    left: 0px;
1658    width: 100%;
1659    height: 2px;
1660    background-color: red;
1661  }
1662
1663  .iew-tab .tab-left h4 {
1664    color: #fff;
1665    font-weight: 800;
1666    font-size: 32px;
1667    font-family: "TSR";
1668    margin-bottom: 10px;
1669  }
1670
1671  .iew-tab .tab-left span {
1672    font-size: 18px;
1673    color: #fff;
1674    font-family: "TSR";
1675  }
1676
1677  .iew-tab .tab-right {
1678    width: 72%;
1679  }
1680
1681  .iew-tab .tab-right li {
1682    display: none;
1683    position: relative;
1684  }
1685
1686  .tab-right li img {
1687    width: 100%;
1688  }
1689
1690  .iew-tab .tab-right .text {
1691    font-size: 42px;
1692    color: #fff;
1693    font-weight: 800;
1694    position: absolute;
1695    left: 60px;
1696    bottom: 30px;
1697    text-transform: uppercase;
1698  }
1699
1700  .iew-tab .tab-right li.show {
1701    display: block;
1702  }
1703
1704  .indxw .indpl-prev,
1705  .indxw .indpl-next {
1706    background: url("");
1707    width: 30px;
1708    border-top: 15px solid transparent;
1709    border-bottom: 15px solid transparent;
1710    background-repeat: no-repeat;
1711    top: 50%;
1712  }
1713
1714  .indxw .indpl-prev {
1715    left: 10%;
1716    border-right: 15px solid rgb(215, 23, 24);
1717    border-left: 15px solid transparent;
1718  }
1719
1720  .indxw .indpl-next {
1721    right: 10%;
1722    border-right: 15px solid rgb(215, 23, 24);
1723    border-left: 15px solid transparent;
1724  }
1725
1726  .indxw .indxw-loop-cont {
1727    width: calc(100%-625px);
1728    height: 330px;
1729  }
1730
1731  .indxw .indxw-loop {
1732    margin-top: 90px;
1733  }
1734
1735  .all-wrap {
1736    position: relative;
1737  }
1738
1739  .all-wrap .text {
1740    position: absolute;
1741    left: 6%;
1742    top: 21%;
1743  }
1744
1745  .all-wrap img {
1746    width: 100%;
1747  }
1748
1749  html .lm {
1750    overflow: unset;
1751  }
1752
1753  /* 移动端样式 */
1754  @media screen and (max-width: 540px) {
1755    /* 布局调整 */
1756    /* html .banner .swiper-wrapper {
1757        height: 148px;
1758      }
1759
1760      .banner-image {
1761        height: 148px;
1762      } */
1763
1764    .banner-image img.mb {
1765      height: 100% !important;
1766      width: 100%;
1767      object-fit: contain;
1768    }
1769
1770    html .swiperDot.swiper-pagination {
1771      transform: scale(0.5);
1772    }
1773
1774    .proS .indgs h1 img {
1775      width: 30%;
1776    }
1777
1778    .iew-tab {
1779      flex-wrap: wrap;
1780    }
1781
1782    .iew-tab .tab-left {
1783      width: 100%;
1784    }
1785
1786    .iew-tab .tab-left .left-wrap {
1787      display: flex;
1788      max-width: none;
1789      width: 100%;
1790    }
1791
1792    .iew-tab .tab-left .mb-title-left {
1793      text-align: right;
1794      width: 50%;
1795      position: relative;
1796    }
1797
1798    .iew-tab .tab-left .mb-title-right {
1799      width: 50%;
1800    }
1801
1802    .iew-tab .tab-left .mb-title-right img {
1803      width: 100% !important;
1804    }
1805
1806    .iew-tab .tab-left .left-wrap ul {
1807      font-size: 0;
1808      position: absolute;
1809      top: 50%;
1810      transform: translate(0, -50%);
1811      right: 0px;
1812      margin-right: 10px;
1813    }
1814
1815    .iew-tab .tab-left .left-wrap .mb-title-right {
1816      width: 35%;
1817    }
1818
1819    .iew-tab .tab-left .mb-title-right h4 {
1820      margin: 4px 0 2px 0;
1821      font-size: 14px;
1822      font-family: "OB";
1823    }
1824
1825    .iew-tab .tab-left .mb-title-right span {
1826      font-size: 12px;
1827      display: block;
1828      font-family: "OR";
1829    }
1830
1831    .iew-tab .tab-left .mb-title-left li {
1832      padding-right: 5px;
1833      border-bottom: 1px solid #fff;
1834      font-size: 51px;
1835      line-height: 1;
1836      font-family: "TSR";
1837    }
1838
1839    .iew-tab .tab-right {
1840      width: 100%;
1841    }
1842
1843    .indxw-loop-mix {
1844      flex-wrap: nowrap;
1845      position: relative;
1846      min-height: 140px;
1847    }
1848
1849    .indxw-loop-image {
1850      position: absolute;
1851      max-width: 60%;
1852    }
1853
1854    .indxw-loop-image img {
1855      object-fit: contain;
1856    }
1857
1858    .indxw-loop-cont {
1859      position: absolute;
1860      right: 0;
1861      min-height: 140px !important;
1862      padding: 16px 12px 12px 16px !important;
1863      max-width: 48%;
1864      font-family: "TSR";
1865      height: auto !important;
1866    }
1867
1868    .indxw .indxw-loop {
1869      margin-top: 30px;
1870    }
1871
1872    .indxw .indxw-loop .indxw-loop-cont .title {
1873      font-size: 12px;
1874      line-height: 1.4;
1875      top: 10%;
1876      position: absolute;
1877    }
1878
1879    .indxw .indxw-loop .indxw-loop-cont .text {
1880      font-size: 6px;
1881      line-height: 1.4;
1882    }
1883
1884    .indxw .indxw-loop .indxw-loop-cont .time {
1885      font-size: 12px;
1886      bottom: 12px;
1887      position: absolute;
1888      right: 12px;
1889    }
1890
1891    .home-video:after {
1892      right: -42px;
1893      bottom: -42px;
1894    }
1895
1896    /* 字体、边距调整 */
1897    .indgs {
1898      padding: 30px 0 0 0 !important;
1899    }
1900
1901    .indgs .text-1 {
1902      margin: 0 !important;
1903      font-size: 14px;
1904      font-weight: 600;
1905      font-family: "TSR";
1906    }
1907
1908    .indgs .home-video {
1909      margin-top: 20px !important;
1910    }
1911
1912    .indgs .indgs-info-2 {
1913      padding: 30px 0px 40px !important;
1914    }
1915
1916    .indgs .indgs-info-2 .text-1 {
1917      margin: 6px 0 20px 0 !important;
1918      font-size: 14px;
1919      font-weight: 600;
1920      font-family: "TSR";
1921    }
1922
1923    .indgs .indgs-info-2 .text-2 {
1924      font-size: 12px;
1925      font-family: "OR";
1926      line-height: 2;
1927    }
1928
1929    .all-wrap {
1930      margin: 8px 0 !important;
1931    }
1932
1933    .all-wrap1 .text {
1934      font-size: 12px;
1935      font-family: "OR";
1936      line-height: 2;
1937    }
1938
1939    .iew-tab .tab-right .text {
1940      right: 5%;
1941      bottom: 5%;
1942      left: unset;
1943      font-size: 12px;
1944    }
1945
1946    .all-wrap .text h2 img {
1947      width: 30%;
1948      margin-bottom: 6px !important;
1949    }
1950
1951    .all-wrap .text h2 {
1952      font-size: 14px !important;
1953      font-family: "OB";
1954    }
1955
1956    .all-wrap1 {
1957      margin: 0 !important;
1958    }
1959
1960    .all-wrap1 .contain .title span {
1961      width: 15%;
1962      display: inline-block;
1963    }
1964
1965    .all-wrap1 .contain .title span img {
1966      width: 100%;
1967    }
1968
1969    .all-wrap1 .contain .text {
1970      margin-bottom: 0 0 10px 0 !important;
1971    }
1972
1973    .all-wrap1 span img {
1974      margin: 0 !important;
1975    }
1976
1977    .all-wrap1 img {
1978      margin-top: 20px;
1979    }
1980
1981    .indxw-head-mix .title {
1982      position: relative;
1983      font-size: 29px;
1984      font-weight: 600;
1985      font-family: "TSR";
1986    }
1987
1988    .indxw-head-mix .title .swiperDot.swiper-pagination {
1989      position: absolute;
1990      bottom: 0;
1991      transform: scale(0.3);
1992      left: 20px;
1993      display: inherit;
1994    }
1995  }
1996</style>
1997
1998</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.