You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
514 lines
36 KiB
514 lines
36 KiB
<!doctype html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>宅极慧</title>
|
|
<script>
|
|
// 设计稿 1920px 宽度下 1rem = 16px；放在 head 里避免刷新时 rem 闪动
|
|
(function () {
|
|
var h = document.documentElement
|
|
// 设计稿宽度
|
|
var DESIGN_WIDTH = 1920
|
|
// 设计稿1rem = 16px
|
|
var REM_AT_DESIGN = 16
|
|
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
|
|
var MIN_ROOT_FONT_SIZE = 10
|
|
function setRootFontSize() {
|
|
// 当前屏幕可视宽度（每次计算都取最新值）
|
|
var W = h.getBoundingClientRect().width
|
|
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
|
|
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
|
|
h.style.fontSize = size + 'px'
|
|
}
|
|
setRootFontSize()
|
|
var resizeRaf = 0
|
|
window.addEventListener('resize', function () {
|
|
if (resizeRaf) return
|
|
resizeRaf = requestAnimationFrame(function () {
|
|
resizeRaf = 0
|
|
setRootFontSize()
|
|
})
|
|
})
|
|
})()
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/font.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/var.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/base.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/layout.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/components.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/sections/header.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/sections/footer.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/sections/mask.css">
|
|
|
|
<link rel="stylesheet" crossorigin href="themes/website/4/zh/demo/assets/main-CuaTZJZu.css">
|
|
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/mobile.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="site-header navbar navbar-expand-md" data-aos="fade">
|
|
|
|
<div class="site-header__container">
|
|
<a class="site-header__logo" href="index.html">
|
|
<img class="light-logo" src="themes/website/4/zh/demo/assets/images/logo.png" alt="宅极慧 IHM">
|
|
<img class="dark-logo" src="themes/website/4/zh/demo/assets/images/logo-dark.png" alt="宅极慧 IHM">
|
|
</a>
|
|
<nav class="site-header__nav">
|
|
<!-- 头部菜单1 -->
|
|
{hcTaglib:nav cid="1" max-level="2" item="vo" name="hc_nav" sort="sort asc"}
|
|
<a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a>
|
|
{/hcTaglib:nav}
|
|
|
|
<!-- 头部菜单2 -->
|
|
{hcTaglib:nav cid="4" max-level="2" item="vo" name="hc_nav" sort="sort asc"}
|
|
<a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a>
|
|
{/hcTaglib:nav}
|
|
|
|
<!-- <a class="site-header__nav-link hover_underline" href="index.html">首页</a> -->
|
|
<!-- <a class="site-header__nav-link hover_underline" href="#">产品</a> -->
|
|
<!-- <a class="site-header__nav-link hover_underline" href="#">解决方案</a> -->
|
|
<!-- <a class="site-header__nav-link hover_underline" href="#">经典案例</a> -->
|
|
<!-- <a class="site-header__nav-link hover_underline" href="about/index.html">关于宅极慧</a> -->
|
|
</nav>
|
|
<div class="site-header__actions">
|
|
<button class="site-header__contact-btn s-btn s-btn--primary" type="button">联系我们</button>
|
|
<button class="site-header__icon-btn glass-card" type="button" aria-label="微信">
|
|
<svg viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
width="21.500000" height="21.500000" fill="none" customFrame="#000000">
|
|
<path id="Vector (Stroke)"
|
|
d="M4.32801 4.09262C2.58444 5.77492 1.5 8.13581 1.5 10.75C1.5 15.8586 5.64137 20 10.75 20C10.8775 20 11.0044 19.9974 11.1307 19.9923C10.9252 19.0807 10.8974 17.8551 11.524 16.6743C12.1761 15.4455 13.5262 14.9122 14.5189 14.6682C15.039 14.5404 15.5208 14.4773 15.8711 14.4459C16.0472 14.4301 16.1923 14.4221 16.2952 14.418C16.3466 14.416 16.3877 14.4149 16.417 14.4144L16.4519 14.4139L16.4604 14.4138C18.1329 14.3964 18.8864 13.8525 19.2863 13.3336C19.6279 12.8904 19.7569 12.4471 19.8877 11.9975C19.9043 11.9403 19.921 11.883 19.9381 11.8256C19.979 11.4727 20 11.1138 20 10.75C20 8.22592 18.989 5.93797 17.3499 4.26898C17.3412 4.30304 17.3323 4.3366 17.3232 4.3696C17.1604 4.96256 16.8975 5.57114 16.6118 6.00475C16.3559 6.39313 15.8595 6.78492 15.4475 7.08094C15.1763 7.27578 14.894 7.4413 14.6379 7.58888C14.607 7.60672 14.5765 7.62428 14.5463 7.6416C14.3183 7.77278 14.1131 7.89077 13.9156 8.02123C13.4838 8.30655 13.1497 8.61363 12.9248 9.07729C12.8461 9.23966 12.8436 9.39808 12.8902 9.56769C12.9648 9.83921 13.0156 10.1446 13.0164 10.456C13.0181 11.105 12.6875 11.6317 12.2626 11.9741C11.8428 12.3125 11.2941 12.506 10.7418 12.5C8.28653 12.4731 6.77692 10.4806 6.57782 8.26448C6.49861 7.38293 6.11212 6.49121 5.62411 5.71185C5.17593 4.9961 4.67094 4.42095 4.32801 4.09262ZM5.49505 3.13662C5.9101 3.55462 6.43084 4.17381 6.89544 4.91579C7.45296 5.80616 7.96374 6.92759 8.0718 8.13025C8.22276 9.81051 9.28489 10.984 10.7582 11C10.9608 11.0023 11.1712 10.9272 11.3214 10.8062C11.4665 10.6893 11.5167 10.5658 11.5164 10.4599C11.516 10.3044 11.4898 10.1325 11.4437 9.96483C11.3226 9.52357 11.3053 8.97925 11.5752 8.42271C11.9602 7.62891 12.5308 7.13838 13.0888 6.76971C13.3279 6.61171 13.576 6.46918 13.7998 6.34055C13.83 6.32322 13.8597 6.30613 13.8889 6.2893C14.1441 6.14218 14.3682 6.00939 14.5722 5.86277C15.0033 5.55305 15.276 5.30581 15.3592 5.17947C15.5417 4.90255 15.7469 4.44533 15.8767 3.9725C15.9796 3.59787 16.0081 3.31036 15.9985 3.13216C14.5073 2.10281 12.699 1.5 10.75 1.5C8.79814 1.5 6.98748 2.10455 5.49505 3.13662ZM21.4292 11.9903C21.476 11.5833 21.5 11.1695 21.5 10.75C21.5 4.81294 16.6871 0 10.75 0C4.81294 0 0 4.81294 0 10.75C0 16.6871 4.81294 21.5 10.75 21.5C16.2104 21.5 20.7199 17.4289 21.4088 12.1564C21.4271 12.0929 21.4429 12.04 21.4571 12.0001L21.4292 11.9903ZM18.6547 15.5566C18.0591 15.7749 17.3412 15.9047 16.4761 15.9138L16.4682 15.9138L16.4682 15.9138L16.4656 15.9138L16.445 15.9141C16.4255 15.9145 16.3949 15.9152 16.3544 15.9168C16.2733 15.9201 16.1534 15.9266 16.0052 15.9399C15.7071 15.9666 15.3037 16.02 14.8769 16.1249C13.9757 16.3464 13.185 16.7442 12.849 17.3774C12.3935 18.2357 12.4585 19.1696 12.6284 19.8092C15.1774 19.2834 17.3431 17.7089 18.6547 15.5566Z"
|
|
fill-rule="evenodd" />
|
|
</svg>
|
|
</button>
|
|
<button class="site-header__icon-btn search-btn" type="button" aria-label="搜索">
|
|
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
width="20.000000" height="20.000000" fill="none" customFrame="#000000">
|
|
<path id="Vector"
|
|
d="M9.53488 1.39535C5.03954 1.39535 1.39535 5.03954 1.39535 9.53488C1.39535 14.0302 5.03954 17.6744 9.53488 17.6744C14.0302 17.6744 17.6744 14.0302 17.6744 9.53488C17.6744 5.03954 14.0302 1.39535 9.53488 1.39535ZM0 9.53488C0 4.26891 4.26891 0 9.53488 0C14.8009 0 19.0698 4.26891 19.0698 9.53488C19.0698 11.9168 18.1964 14.0946 16.7524 15.7658L19.7957 18.809C20.0681 19.0815 20.0681 19.5232 19.7957 19.7957C19.5232 20.0681 19.0815 20.0681 18.809 19.7957L15.7658 16.7524C14.0946 18.1964 11.9168 19.0698 9.53488 19.0698C4.26891 19.0698 0 14.8009 0 9.53488Z"
|
|
fill-rule="evenodd" />
|
|
</svg>
|
|
</button>
|
|
<button class="site-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask"
|
|
aria-label="打开导航菜单">
|
|
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" />
|
|
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" />
|
|
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="banner-section">
|
|
<div class="banner-section__swiper swiper" aria-label="Banner 轮播">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="banner-section__content">
|
|
<h1 class="banner-section__title" data-aos="fade">
|
|
全场景智能生态<br>
|
|
解决方案服务商
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="banner-section__content">
|
|
<h1 class="banner-section__title" data-aos="fade">
|
|
全场景智能生态<br>
|
|
解决方案服务商
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="banner-section__scroll-tip" aria-label="滚动提示与播放控制">
|
|
<span class="banner-section__scroll-text">Scroll to explore</span>
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAACIklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjRoD9/5M1vDfFVPNtfp/U5r/jkW/+aZ0N/8Yib39uK7+KBzO5Y9DKv8oRbb+UK9FcPfvDx1ZzjPFOX/irgrW1/9Ss8+baP4QrEc/mLR9z83lZ8F/i7X/5Jt70PVyCey1884ub3tuK7wN/98k+67X24AvFc/uIRN7+3Fd8F/u6Xf9Jt78MViOfyF4+4+b2t+C7wd7/8k257H65APJe/eMTN723Fd4G/++WfdNv7cAXiufzFI25+byu+C/zdL/+k296HKxDP5S8ecfN7W/Fd4O9++Sfd9j5cgXguf/GIm9/biu8Cf/fLP+m29+EKxHP5i0fc/N5WfBf4u1/+Sbe9D1cgnunPH/mgnwJeGrwFOg0+AJ0DGEOvI57pLx51y0fb+iqem/ntl3/yM15HPMCfP+JBv4V4be5ndseil3mVJ9x6q3iAv3r0gx/cmv8KcRzA8se8whNv+2oA8Vz+4lG3fLStr8L89ss/+RmvwxWI5+PPH3nLd40Rn/MqT7j1Vq5AvGj4R6kCikSGQF07AAAAAElFTkSuQmCC" alt="向下滚动">
|
|
<button class="glass-card banner-section__pause-btn" type="button" aria-label="暂停轮播">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAABC0lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMomwbQJJ4PmwbQLYNIEk8H7YNINsGkCSeD9sGkG0DSBLPh20DyLYBJInnw7YBZNsAksTzYdsAsm0ASeL5sG0A2TaAJPF82DaAbBtAkng+bBtAtg0gSTwftg0g2waQJJ4P2waQbQNIEs+HbQP8I+bOX91663yaAAAAAElFTkSuQmCC" alt="暂停">
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-1" data-header-dark>
|
|
<div class="section-1__container">
|
|
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vov"}
|
|
<div class="section-1__left">
|
|
<p class="section-1__tag">{$vov.sub_title}</p>
|
|
<h2 class="section-1__title">{$vov.description}</h2>
|
|
<p class="section-1__desc">
|
|
{$vov.main_content.content_desc}
|
|
</p>
|
|
|
|
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"}
|
|
<div class="section-1__metrics row">
|
|
<div class="section-1__metric-item col-4">
|
|
<p class="section-1__metric-value"><span>{$vo.sub_title}</span>{$vo.description}</p>
|
|
<p class="section-1__metric-label">{$vo.title}</p>
|
|
</div>
|
|
<!-- <div class="section-1__metric-item col-4"> -->
|
|
<!-- <p class="section-1__metric-value"><span>50000</span>+</p> -->
|
|
<!-- <p class="section-1__metric-label">智能化设计</p> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="section-1__metric-item col-4"> -->
|
|
<!-- <p class="section-1__metric-value"><span>123</span>级城市</p> -->
|
|
<!-- <p class="section-1__metric-label">落地化项目区域分布</p> -->
|
|
<!-- </div> -->
|
|
</div>
|
|
{/hcTaglib:contentPage}
|
|
|
|
{hcTaglib:category id="42" item="vo" field="*"}
|
|
<a href="{$vo.alias}" class="section-1__more-btn s-btn s-btn--ghost" type="button">
|
|
<span>探索更多</span>
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow">
|
|
</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
|
|
<div class="section-1__right">
|
|
<img src="{$vov['thumbnail']['url']|default=''}" alt="智慧科技城市场景图">
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-2" data-header-dark>
|
|
<div class="section-2__container">
|
|
{hcTaglib:category id="252" item="vo" field="*"}
|
|
<!-- 副标题 -->
|
|
<p class="section-2__tag">{$vo.sub_title}</p>
|
|
<!-- 简介 -->
|
|
<h2 class="section-2__title">{$vo.desc}</h2>
|
|
{/hcTaglib:category}
|
|
|
|
<div class="section-2__slider-wrap">
|
|
<button class="section-2__nav-btn section-2__nav-btn--prev" type="button" aria-label="上一项">
|
|
<img src="data:image/png;base64,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" alt="上一项">
|
|
</button>
|
|
<div class="section-2__cards">
|
|
<!-- 首页--我们的产品 -->
|
|
{php}
|
|
$iTmp = 0;
|
|
{/php}
|
|
{hcTaglib:contentPage cid="252" mainField="*" subField="*" name="hc_content" limit="4" item="vo" sort="sort asc"}
|
|
{php}
|
|
// $intro_img = [];
|
|
// $intro_img[0] = '';
|
|
// $intro_img[1] = '';
|
|
// $main_content_arr = $vo['main_content']['intro_img'] ?? [];
|
|
// foreach ($main_content_arr as $key => $vo22) {
|
|
// $intro_img[$key] = $vo22['url'] ?? '';
|
|
// }
|
|
$active_img = $vo['main_content']['active_img']['url'] ?? '';
|
|
$unactive_img = $vo['main_content']['unactive_img']['url'] ?? '';
|
|
$cover_url = $vo['cover']['url'] ?? '';
|
|
// 控制样式
|
|
$classNameTmp = 'section-2__card section-2__card--expanded';
|
|
if($iTmp > 0){
|
|
$classNameTmp = 'section-2__card';
|
|
}
|
|
$iTmp++;
|
|
{/php}
|
|
<article class="{$classNameTmp}">
|
|
<div class="section-2__card-content">
|
|
<div class="section-2__icon-wrap">
|
|
<!-- 未激活 -->
|
|
<img src="{$unactive_img}" alt="智能家居系统图标" data-default>
|
|
<!-- 激活 -->
|
|
<img src="{$active_img}" alt="智能家居系统图标" data-active>
|
|
</div>
|
|
<!-- 标题 -->
|
|
<h3 class="section-2__card-title">{$vo.title}</h3>
|
|
<!-- 描述 -->
|
|
<p class="section-2__card-desc">{$vo.description}</p>
|
|
</div>
|
|
<img class="section-2__bg-image" src="{$cover_url}" alt="智能家居系统">
|
|
<button class="section-2__card-arrow glass-card" type="button" aria-label="查看智能家居系统">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="查看详情">
|
|
</button>
|
|
<button class="section-2__plus-btn" type="button" aria-label="查看酒店客控管理系统">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABoElEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMovgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhv78kQ8y/37ozx/5IPPvh/gX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLxj8CKfREM/WrU+QAAAAASUVORK5CYII=" alt="+">
|
|
</button>
|
|
</article>
|
|
{/hcTaglib:contentPage}
|
|
|
|
</div>
|
|
<button class="section-2__nav-btn section-2__nav-btn--next" type="button" aria-label="下一项">
|
|
<img src="data:image/png;base64,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" alt="下一项">
|
|
</button>
|
|
</div>
|
|
<button class="section-2__more-btn s-btn s-btn--ghost" type="button">
|
|
<span>更多智能产品</span>
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow">
|
|
</button>
|
|
</div>
|
|
</section>
|
|
<section class="section-3">
|
|
<div class="section-3__container">
|
|
{hcTaglib:category id="47" item="vo" field="*"}
|
|
<div data-aos="fade-up">
|
|
<p class="section-3__tag">{$vo.title}</p>
|
|
<h2 class="section-3__title">{$vo.sub_title}</h2>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
<ul class="section-3__logo-list" data-aos="fade-up" data-aos-delay="200">
|
|
{hcTaglib:content cid="47" moduleId="1" name="contentList" item="case_top" limit="15" mainField="*" subField="*" onlyData="2" sort="sort asc"}
|
|
<li class="section-3__logo-item"><img
|
|
src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top.title}"></li>
|
|
{/hcTaglib:content}
|
|
</ul>
|
|
<button data-aos="fade-up" data-aos-delay="400" class="section-3__more-btn s-btn glass-card" type="button"
|
|
style="margin:0 auto;">
|
|
<span>探索更多</span>
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow">
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section-4" data-header-dark>
|
|
<div class="section-4__container">
|
|
|
|
<!-- 经典案例 轮播图-->
|
|
<div class="section-4__arc">
|
|
{hcTaglib:contentPage cid="254" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"}
|
|
<div class="section-4__arc-card" style="--i: '{$key}';">
|
|
<img src="{$vo.cover.url|default=''}" alt="{$vo.title}">
|
|
<p>{$vo.title}</p>
|
|
</div>
|
|
{/hcTaglib:contentPage}
|
|
</div>
|
|
|
|
<!-- 经典案例--START -->
|
|
{hcTaglib:category id="253" item="vo" field="*"}
|
|
<div class="section-4__core">
|
|
<img src="{$vo.banner.url}" alt="{$vo.sub_title}" class="section-4__core-img">
|
|
<p class="section-4__core-tag">{$vo.sub_title}</p>
|
|
<h2 class="section-4__core-title">{$vo.description}</h2>
|
|
</div>
|
|
<p class="section-4__desc">
|
|
{$vo.desc}
|
|
</p>
|
|
{/hcTaglib:category}
|
|
<!-- 经典案例--END -->
|
|
|
|
<!-- 经典案例下方两个展示块--START -->
|
|
<div class="section-4__bottom-cards">
|
|
{hcTaglib:contentPage cid="255" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"}
|
|
|
|
{php}
|
|
//var_dump($vo->toArray()); exit;
|
|
{/php}
|
|
<article class="section-4__bottom-card">
|
|
<img class="section-4__bottom-image" src="{$vo.cover.url|default=''}" alt="{$vo.title}">
|
|
<div class="section-4__bottom-content">
|
|
<h3>{$vo.title}</h3>
|
|
<p>{$vo.description}</p>
|
|
<button class="section-4__bottom-btn s-btn s-btn--ghost" type="button">
|
|
<span>更多案例</span>
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow">
|
|
</button>
|
|
</div>
|
|
</article>
|
|
{/hcTaglib:contentPage}
|
|
</div>
|
|
<!-- 经典案例下方两个展示块--END -->
|
|
|
|
</div>
|
|
</section>
|
|
<footer class="site-footer">
|
|
<div class="site-footer__top">
|
|
<!-- 公司地址以及联系方式--底部左侧--START -->
|
|
<div class="site-footer__left">
|
|
<a class="site-footer__logo" href="index.html">
|
|
<img src="themes/website/4/zh/demo/assets/images/logo.png" alt="宅极慧 IHM">
|
|
</a>
|
|
<ul class="site-footer__contact-list">
|
|
<li class="site-footer__contact-item">
|
|
<p class="site-footer__contact-line">
|
|
<img src="themes/website/4/zh/demo/assets/images/location.png" alt="地址">
|
|
<span>广州市海珠区琶洲会展东商务中心212室</span>
|
|
</p>
|
|
<p class="site-footer__contact-line">
|
|
<img src="themes/website/4/zh/demo/assets/images/phone.png" alt="电话">
|
|
<span>+86-18816821013</span>
|
|
</p>
|
|
</li>
|
|
<li class="site-footer__contact-item">
|
|
<p class="site-footer__contact-line">
|
|
<img src="themes/website/4/zh/demo/assets/images/location.png" alt="地址">
|
|
<span>九龙太子道东704号新时代工贸商业中心28楼6室</span>
|
|
</p>
|
|
<p class="site-footer__contact-line">
|
|
<img src="themes/website/4/zh/demo/assets/images/phone.png" alt="电话">
|
|
<span>+852-94509798</span>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
<div class="site-footer__qr-group">
|
|
<div class="site-footer__qr-item">
|
|
{hcTaglib:content cid="52" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"}
|
|
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div>
|
|
<p>{$case_top['title']}</p>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
|
|
<div class="site-footer__qr-item">
|
|
{hcTaglib:content cid="53" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"}
|
|
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div>
|
|
<p>{$case_top['title']}</p>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 公司地址以及联系方式--底部左侧--END -->
|
|
|
|
<!-- 产品中心--START -->
|
|
<div class="site-footer__right">
|
|
<div class="site-footer__nav-col">
|
|
{hcTaglib:category id="38" item="one" field="*"}
|
|
<!-- <h4>产品中心</h4> -->
|
|
<h4>{$one.title}</h4>
|
|
{/hcTaglib:category}
|
|
|
|
{hcTaglib:subcategory pid="38" name="hc_content" item="vo" sort="sort asc"}
|
|
<a href="{$vo.alias}">{$vo.title}</a>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
<!-- 产品中心--END -->
|
|
|
|
<!-- 经典案例--START -->
|
|
<div class="site-footer__nav-col">
|
|
{hcTaglib:category id="256" item="one" field="*"}
|
|
<!-- <h4>经典案例</h4> -->
|
|
<h4>{$one.title}</h4>
|
|
{/hcTaglib:category}
|
|
|
|
{hcTaglib:subcategory pid="256" name="hc_content" item="vo" sort="sort asc"}
|
|
<a href="{$vo.alias}">{$vo.title}</a>
|
|
{/hcTaglib:subcategory}
|
|
<!-- <h4>经典案例</h4> -->
|
|
<!-- <a href="#">智能家居</a> -->
|
|
<!-- <a href="#">智慧酒店</a> -->
|
|
<!-- <a href="#">智慧商建</a> -->
|
|
<!-- <a href="#">智能照明</a> -->
|
|
</div>
|
|
<!-- 经典案例--END -->
|
|
|
|
<!-- 关于宅极慧--START -->
|
|
<div class="site-footer__nav-col">
|
|
{hcTaglib:category id="42" item="one" field="*"}
|
|
<!-- <h4>关于宅极慧</h4> -->
|
|
<h4>{$one.title}</h4>
|
|
{/hcTaglib:category}
|
|
|
|
{hcTaglib:subcategory pid="42" name="hc_content" item="vo" sort="sort asc"}
|
|
<a href="{$vo.alias}">{$vo.title}</a>
|
|
{/hcTaglib:subcategory}
|
|
|
|
<!-- <h4>关于宅极慧</h4> -->
|
|
<!-- <a href="about/index.html">宅极慧iHM</a> -->
|
|
<!-- <a href="#">企业文化</a> -->
|
|
<!-- <a href="#">发展历史</a> -->
|
|
<!-- <a href="#">荣誉资质</a> -->
|
|
<!-- <a href="#">加入我们</a> -->
|
|
<!-- <a href="#">联系我们</a> -->
|
|
</div>
|
|
<!-- 关于宅极慧--END -->
|
|
|
|
<!-- 社交媒体--底部右侧--START -->
|
|
<div class="site-footer__nav-col site-footer__nav-col--social">
|
|
<h4>社交媒体</h4>
|
|
<div class="site-footer__social-list">
|
|
<a href="#" aria-label="抖音" class="glass-card"><img src="themes/website/4/zh/demo/assets/images/douyin.png" alt="抖音"></a>
|
|
<a href="#" aria-label="小红书" class="glass-card"><img src="themes/website/4/zh/demo/assets/images/redbook.png" alt="小红书"></a>
|
|
<a href="#" aria-label="X" class="glass-card"><img src="themes/website/4/zh/demo/assets/images/x.png" alt="X"></a>
|
|
</div>
|
|
</div>
|
|
<!-- 社交媒体--底部右侧--END -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 底部Copyright--START -->
|
|
<div class="site-footer__bottom">
|
|
<p>Copyright © 2026 广州宅极慧智能家居有限公司 粤ICP备2025453783号</p>
|
|
<p>Technical Support: SUQ</p>
|
|
</div>
|
|
<!-- 底部Copyright--END -->
|
|
|
|
</footer>
|
|
|
|
<div class="mask" id="mask">
|
|
<header class="mask-header">
|
|
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask"
|
|
aria-label="关闭导航菜单">
|
|
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" />
|
|
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" />
|
|
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" />
|
|
</svg>
|
|
</button>
|
|
</header>
|
|
<div class="mask-content">
|
|
<div class="mask-footer__nav-col">
|
|
<h4>产品中心</h4>
|
|
<a href="#">智能家居系统</a>
|
|
<a href="#">酒店客控管理系统</a>
|
|
<a href="#">照明与灯控系统</a>
|
|
<a href="#">智慧医养解决方案</a>
|
|
<a href="#">美的中央空调案例</a>
|
|
<a href="#">绿色能源</a>
|
|
<a href="#">灯具系列</a>
|
|
</div>
|
|
<div class="mask-footer__nav-col">
|
|
<h4>解决方案</h4>
|
|
</div>
|
|
<div class="mask-footer__nav-col">
|
|
<h4>经典案例</h4>
|
|
<a href="#">智能家居</a>
|
|
<a href="#">智慧酒店</a>
|
|
<a href="#">智慧商建</a>
|
|
<a href="#">智能照明</a>
|
|
</div>
|
|
<div class="mask-footer__nav-col">
|
|
<h4>关于宅极慧</h4>
|
|
<a href="about/index.html">宅极慧iHM</a>
|
|
<a href="#">企业文化</a>
|
|
<a href="#">发展历史</a>
|
|
<a href="#">荣誉资质</a>
|
|
<a href="#">加入我们</a>
|
|
<a href="#">联系我们</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.15/dist/SplitText.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
|
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
|
|
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
|
<script src="themes/website/4/zh/demo/index.js"></script>
|
|
<script src="themes/website/4/zh/demo/banner-swiper.js"></script>
|
|
<script src="themes/website/4/zh/demo/section-2-cards.js"></script>
|
|
</body>
|
|
|
|
</html>
|