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> </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> </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>" æé叏忬¢å颿³³æ± çæ³µï¼å çææå¾å¥½ï¼çè³è½å¤å¨ä¸å¤©ä¹å å°æ°´æ¸©ä»25度å çå°30度ï¼ä½¿ç¨é常æ¹ä¾¿ã"</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>" å颿³³æ± çæ³µç»æçå°è±¡å¾å¥½ï¼è¿è¡é常å®éï¼èä¸è¿èè½ã"</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>"
674 TurboSilenceææ¯æ¯å¯ä¸è½å¤ææç»åå çè½ååå®éçææ¯ã"</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>" ç®èè¨ä¹ï¼INVERXä»£è¡¨äºæå¥½çæ¸¸æ³³æ± ææ¯ã"</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.