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.
374 lines
26 KiB
374 lines
26 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/static_new/styles/font.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/var.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/font-size.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/base.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/layout.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/components.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css">
|
|
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css">
|
|
|
|
<!-- <link rel="stylesheet" crossorigin href="themes/static_new/assets/main-CuaTZJZu.css"> -->
|
|
<!-- <link rel="stylesheet" href="themes/static_new/styles/mobile.css"> -->
|
|
|
|
|
|
<script type="module" crossorigin src="themes/static_new/static/js/main.js"></script>
|
|
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js">
|
|
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/main.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- header--START -->
|
|
{include file="components/header"}
|
|
<!-- header--END -->
|
|
|
|
<section class="banner-section" >
|
|
<div class="banner-section__swiper swiper" aria-label="Banner 轮播">
|
|
<div class="swiper-wrapper">
|
|
<!-- 首页大轮播图--START-->
|
|
{hcTaglib:contentPage cid="261" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<div class="banner-section__content" style="background-image: url('{$vo.cover.url|default=''}');">
|
|
<h1 class="banner-section__title" data-aos="fade">
|
|
{$vo.title}<br>
|
|
{$vo.sub_title}
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:contentPage}
|
|
<!-- 首页大轮播图--END-->
|
|
|
|
|
|
<!-- <div class="swiper-slide"> -->
|
|
<!-- <div class="banner-section__content" style="background-image: url(../assets/banner6.png);"> -->
|
|
<!-- <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>
|
|
|
|
<div class="section-1__metrics row">
|
|
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"}
|
|
<div class="section-1__metric-item col-4">
|
|
<p class="section-1__metric-value"><span class="counter">{$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> -->
|
|
{/hcTaglib:contentPage}
|
|
</div>
|
|
|
|
{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-viewport section-2__cards-swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
<!-- 首页--我们的产品 -->
|
|
{php}
|
|
$iTmp = 0;
|
|
{/php}
|
|
{hcTaglib:contentPage cid="252" mainField="*" subField="*" name="hc_content" limit="30" 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'] ?? '';
|
|
// 去掉图片的域名
|
|
$active_img = deal_image_url($active_img);
|
|
$unactive_img = deal_image_url($unactive_img);
|
|
$cover_url = deal_image_url($cover_url);
|
|
|
|
// 控制样式
|
|
$classNameTmp = 'section-2__card section-2__card--expanded';
|
|
if($iTmp > 0){
|
|
$classNameTmp = 'section-2__card';
|
|
}
|
|
$iTmp++;
|
|
{/php}
|
|
<div class="swiper-slide">
|
|
<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="智能家居系统">
|
|
<a href="{$vo.url|default=''}" 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="查看详情">
|
|
|
|
</a>
|
|
<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>
|
|
</div>
|
|
{/hcTaglib:contentPage}
|
|
</div>
|
|
</div>
|
|
<!-- <button class="section-2__nav-btn section-2__nav-btn--next" type="button" aria-label="下一项"> -->
|
|
<!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGaElEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghnv70px8H3lvSa0l6aeA4cJz/XLvArbZ3bX8P8NsPechDbuX5QzwfT3/6049HxFcBbw38dGb+DPDXwO5DHvKQXf4TPf3pTz8OPBh4cES8FfDawG9n5uc85CEPuZXnhHguT3/60986Ir4K+O7M/JqHPOQhu/w3evrTn/7giHgv4KMz830e8pCH/DTPhniAZzzjGZ8FvHdmvs1DHvKQv+Z/kKc//ekPjojfAr77QQ960OdwBeKZnv70p791RHxVZr7OQx7ykFv5H+jpT3/6gyPitzLzYx7ykIf8NIAAnv70pz84Iv4qM1/mIQ95yK38D/b0pz/9pSPipzLzZR7ykIfsCuAZz3jGdwG3PuhBD/oc/hd4xjOe8VnAgx/0oAe9j57+9Kc/OCJ+KzNf5yEPecit/C/w9Kc//XhEPD0zH6KnP/3p7x0Rr/WgBz3offhf5BnPeMZ3Zebf6NZbb/0t21/zkIc85Kf5X+TpT3/6W0t6Lz3jGc/4q8x8n4c85CF/zf8iT3/60x8cEb+lZzzjGRcz8yEPechDdvlf5OlPf/rxiHi6nvGMZ/hBD3qQ+F/oGc94hvWMZzzDD3rQg8T/Qs94xjOsZzzjGX7Qgx4k/hd6xjOeYT3jGc/wgx70IPG/0DOe8QzrGc94hh/0oAeJ/4We8YxnWM94xjP8oAc9SPwv9IxnPMN6xjOe4Qc96EHiP8nTn/70BwNv/ZCHPOSr+Q/2jGc8w3rGM57hBz3oQeI/wdOf/vTjEfFXwIOBz37Qgx70OfwHesYznmE94xnP8IMe9CDxn+TpT3/6e0fEdwFI+u5bbrnlffgP8oxnPMN6xjOe4Qc96EHiP9HTn/70146InwKOS/rp1tr7POQhD9nl3+kZz3iG9YxnPMMPetCDxH+ypz/96S8dET8FPBj468x8nYc85CG7/Ds84xnPsJ7xjGf4QQ96kPg3esYznvGZwOfwr3drZr7OQx7ykFv5N3rGM55hPeMZz/CDHvQg8W/0jGc84zOBz+Ff79bMfJ2HPOQht/Jv9IxnPMN6xjOe4Qc96EHiP9nTn/70l46InwIeDPx1Zr7NQx7ykFv5d3jGM55hPeMZz/CDHvQg8Z/o6U9/+mtHxE8BxyX9dGvtfR7ykIfs8u/0jGc8w3rGM57hBz3oQeI/ydOf/vT3jojv4oqvftCDHvQx/Ad5xjOeYT3jGc/wgx70IPGf4OlPf/rxiPgr4MHAZz/oQQ/6HP4DPeMZz7Ce8Yxn+EEPepD4T/L0pz/9wcBbP+QhD/lq/oM94xnPsJ7xjGf4QQ96kPhf6BnPeIb1jGc8ww960IPE/0LPeMYzrGc84xl+0IMeJP4XesYznmE94xnP8IMe9CDxv9AznvEM6xnPeIYf9KAHif+FnvGMZ1jPeMYz/KAHPUj8L/SMZzzDesYznnExMx/ykIc8ZJf/RZ7+9Kcfj4in6xnPeMbTM/N1HvKQh9zK/yJPf/rTXzoivku33nrrT9n+noc85CE/zf8iT3/6099a0kfp6U9/+kdHxEs96EEPeh/+F3nGM57xXZn5O3r6059+PCKenpkPechDHrLL/wJPf/rTHxwRv5WZryOAZzzjGd8F3PqgBz3oc/hf4BnPeMZnAQ9+0IMe9D4CePrTn348Iv4qM9/mIQ95yF/zP9jTn/70B0fEX2XmyzzkIQ+5VTzT05/+9LeOiK/KzNd5yEMeciv/Az396U9/cET8VmZ+zEMe8pCfBhAP8IxnPOOzgPfOzNd5yEMeciv/gzz96U9/6Yj4KeC7H/SgB30OVyCey9Of/vS3jojvAr46M7/nIQ95yK38N3r6059+PCI+CnjvzPyYhzzkIT/NsyGej6c//ekPjojPAl4b+O3M/BngVuDWhzzkIbv8J3r6059+HDgOvHREvBXw1sBPZ+bHPOQhD9nlOSFeiKc//ekPBl5b0ntJOg48GDjOf65dYNf2X9v+HeC7H/KQh+zy/PGPrnNVuZim7tEAAAAASUVORK5CYII=" 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="18" 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['thumbnail']['url']|default=''}" 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--START -->
|
|
{include file="components/footer"}
|
|
<!-- footer--END -->
|
|
|
|
<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="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
|
|
<script src="themes/static_new/index.js"></script>
|
|
</body>
|
|
|
|
</html>
|