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.
309 lines
18 KiB
309 lines
18 KiB
<!doctype html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<base href="../">
|
|
<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" href="themes/static_new/styles/sections/contact-us.css">
|
|
|
|
<script type="module" crossorigin src="themes/static_new/static/js/kongtiao.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/kongtiao.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- header--START -->
|
|
{include file="components/header"}
|
|
<!-- header--END -->
|
|
|
|
<!-- kt-banner -->
|
|
{hcTaglib:category id="297" item="vo" field="*"}
|
|
<section class="section__banner kt" style="background-image: url('{$vo.banner.url|default=''}');">
|
|
<div class="section__banner__inner">
|
|
<h1 class="section__banner__title">{$vo.title}</h1>
|
|
</div>
|
|
</section>
|
|
{/hcTaglib:category}
|
|
|
|
<!-- kt-section-1 -->
|
|
<!-- 关于楼宇科技 数智技术，打造建筑全周期服务 -->
|
|
<section class="kt_section_1" aria-labelledby="kt_section_1-title" data-header-dark>
|
|
<div class="kt_section_1__inner">
|
|
{hcTaglib:category id="298" item="vo" field="*"}
|
|
<div class="kt_section_1__media">
|
|
<img class="kt_section_1__img" src="{$vo.thumbnail.url|default=''}" width="620" height="388"
|
|
alt="现代城市楼宇与玻璃幕墙天际线">
|
|
</div>
|
|
<div class="kt_section_1__content">
|
|
<header class="section__header">
|
|
<p class="section__title__red">{$vo.title}</p>
|
|
<h2 class="section__title">{$vo.sub_title}</h2>
|
|
</header>
|
|
<p class="section__desc">
|
|
{$vo.description|nl2br|raw}
|
|
</p>
|
|
<!-- <p class="section__desc"> -->
|
|
<!-- 美的楼宇科技（Midea Building Technologies，简称为「MBT」）成立于 1999 -->
|
|
<!-- 年，业务覆盖暖通、电梯、能源、楼宇控制等，产品包括多联机组、大型冷水机组、单元机、机房空调、扶梯、直梯、货梯等以及楼宇自控软件和建筑弱电集成解决方案。 -->
|
|
<!-- </p> -->
|
|
</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
</section>
|
|
|
|
<!-- kt-section-2 -->
|
|
<!-- 智慧生活品牌 多元品牌矩阵 -->
|
|
<section class="kt_section_2" aria-labelledby="kt_section_2-title" data-header-dark>
|
|
<div class="kt_section_2__inner">
|
|
<header class="section__header">
|
|
{hcTaglib:category id="299" item="vo" field="*"}
|
|
<p class="section__title__red">{$vo.title}</p>
|
|
<h2 class="section__title">{$vo.sub_title}</h2>
|
|
{/hcTaglib:category}
|
|
</header>
|
|
|
|
<ul class="kt_section_2__grid">
|
|
{hcTaglib:contentPage2 cid="299" mainField="*" subField="*" name="hc_content" limit="28" item="vo" sort="sort asc"}
|
|
<li class="kt_section_2__card">
|
|
<div class="kt_section_2__thumb">
|
|
<!-- <img src="{$vo.cover.url|default=''}" alt="智慧建筑与楼宇数字化示意"> -->
|
|
<img src="{:deal_image_url($vo.cover.url)}" alt="智慧建筑与楼宇数字化示意">
|
|
</div>
|
|
<div class="kt_section_2__brand">
|
|
<!-- <img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> -->
|
|
<img src="{:deal_image_url($vo.thumbnail.url)}" alt="{$vo.title}">
|
|
</div>
|
|
</li>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- kt-section-3 -->
|
|
<!-- 无界多联机 因你无界 如你所见 -->
|
|
{hcTaglib:category id="300" item="vo" field="*"}
|
|
<!-- <section class="kt_section_3" aria-labelledby="kt_section_3-title" data-header-dark style="background-image: url('{$vo.banner.url|default=''}');"> -->
|
|
<section class="kt_section_3" aria-labelledby="kt_section_3-title" data-header-dark style="background-image: url('{:deal_image_url($vo.banner.url)}');">
|
|
<div class="kt_section_3__inner">
|
|
<div class="kt_section_3__header">
|
|
<h2 id="kt_section_3-title" class="kt_section_3__title">{$vo.title}</h2>
|
|
<p class="kt_section_3__subtitle">{$vo.sub_title}</p>
|
|
</div>
|
|
<a class="kt_section_3__btn glass-card" aria-label="向右浏览">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="" class="arrow-right">
|
|
</a>
|
|
</div>
|
|
</section>
|
|
{/hcTaglib:category}
|
|
|
|
<!-- kt-section-4 -->
|
|
<!-- kt-section-5 -->
|
|
<!-- 产品样式 多种类产品供你选 START-->
|
|
<section class="kt-section-4" aria-labelledby="kt-section-4-title" data-header-dark>
|
|
<div class="kt-section-4__inner">
|
|
<header class="section__header">
|
|
{hcTaglib:category id="301" item="vo" field="*"}
|
|
<p class="section__title__red">{$vo.title}</p>
|
|
<h2 class="section__title">{$vo.sub_title}</h2>
|
|
{/hcTaglib:category}
|
|
</header>
|
|
|
|
<div class="kt-section-4__body">
|
|
<ul class="kt-section-4__tabs s-tabs-vertical" role="tablist" aria-label="{$vo.title}">
|
|
{hcTaglib:contentPage2 cid="301" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"}
|
|
<li role="tab" data-bs-toggle="tab" data-bs-target="#panel-{$key-1}" class="kt-section-4__tab s-tab-item {if $key==1}active{/if}">
|
|
{$vo.title}
|
|
</li>
|
|
{/hcTaglib:contentPage2}
|
|
</ul>
|
|
|
|
<div class="kt-section-4__panels tab-content">
|
|
{hcTaglib:contentPage2 cid="301" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"}
|
|
<!-- 处理图集 -->
|
|
{php}
|
|
$imgArr = $vo['main_content']['atlas']??[];
|
|
$imgArr2 = [];
|
|
if(!empty($imgArr)){
|
|
foreach($imgArr as $one) {
|
|
$tmpOne['description'] = $one['description'] ?? '';
|
|
$tmpOne['img_url'] = deal_image_url($one['url'] ?? '');
|
|
$imgArr2[] = $tmpOne;
|
|
}
|
|
}
|
|
$groupedImages = array_chunk($imgArr2, 6);
|
|
{/php}
|
|
|
|
<div class="kt-section-4__panel tab-pane fade {if $key==1}show active{/if}" id="panel-{$key-1}" role="tabpanel">
|
|
<h3 class="kt-section-4__panel-title">{$vo.title}</h3>
|
|
|
|
<!-- 用这个结构 -->
|
|
<div class="kt-section-4__swiper">
|
|
<ul class="kt-section-4__grid">
|
|
{volist name="imgArr2" id="oneData" key="key"}
|
|
<li class="kt-section-4__card">
|
|
<figure class="kt-section-4__card-img"><img src="{$oneData.img_url}" alt=""></figure>
|
|
<span class="kt-section-4__name">{$oneData.description}</span>
|
|
</li>
|
|
{/volist}
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 产品样式 多种类产品供你选 END-->
|
|
|
|
<!-- 经典案例 绿色能源全域共生 START-->
|
|
<!-- kt-section-5：经典案例 — 多卡 Swiper -->
|
|
<section class="kt-section-5" aria-labelledby="kt-section-5-title" data-header-dark>
|
|
<div class="kt-section-5__inner">
|
|
<header class="section__header align-items-center">
|
|
{hcTaglib:category id="302" item="vo" field="*"}
|
|
<p class="section__title__red">{$vo.title}</p>
|
|
<h2 class="section__title">{$vo.sub_title}</h2>
|
|
{/hcTaglib:category}
|
|
</header>
|
|
|
|
<div class="kt-section-5__slider">
|
|
<button type="button" class="kt-section-5__nav-btn slide-btn prev" 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/4We8YxnWM94xjP8oAc9SPwv9IxnPMN6xjOe4Qc96EHiP9jTn/70jwZ++iEPecit/Cd5xjOeYT3jGc/wgx70IPEf6BnPeMZnAZ8N3JqZL/OQhzxkl/8Ez3jGM6xnPOMZftCDHiT+gzzjGc/4KuCjATLzfR7ykId8N/9JnvGMZ1jPeMYz/KAHPUj8Oz396U8/Xkr5LttvDexm5ts85CEP+W3+Ez3jGc+wnvGMZ/hBD3qQ+Hd4+tOf/uCI+CngpYFbM/NtHvKQh/w1/8me8YxnWM94xjP8oAc9SPwbPf3pT39wRPwW8GD+9T7rQQ960Ofyb/SMZzzDesYznuEHPehB4t/o6U9/+oMj4reAB/Ov91kPetCDPpd/o2c84xnWM57xDD/oQQ8S/w5Pf/rTj0fEbwEvDdyamW/zkIc85K/5T/aMZzzDesYznuEHPehB4t/p6U9/+vFSynfZfmtgNzPf5iEPechv85/oGc94hvWMZzzDD3rQg8R/kNtuu+27bL83QGa+z0Me8pDv5j/JM57xDOsZz3iGH/SgB4n/QM94xjM+C/hs4NbMfJmHPOQhu/wneMYznmE94xnP8IMe9CDxH+zpT3/6RwM//ZCHPORW/pM84xnPsJ7xjGf4QQ96kPhf6BnPeIb1jGc8ww960IPE/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/PGPhHBmuU8LIzAAAAAASUVORK5CYII=" alt="" class="arrow-left">
|
|
</button>
|
|
<div class="kt-section-5__swiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{hcTaglib:contentPage2 cid="302" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<article class="kt-section-5__card">
|
|
<div class="kt-section-5__thumb">
|
|
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}">
|
|
</div>
|
|
<h3 class="kt-section-5__card-title">{$vo.title} </h3>
|
|
<p class="kt-section-5__card-desc">{$vo.description}</p>
|
|
</article>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</div>
|
|
</div>
|
|
<button type="button" class="kt-section-5__nav-btn slide-btn next" aria-label="下一案例">
|
|
<img src="data:image/png;base64,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" alt="" class="arrow-right">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 经典案例 绿色能源全域共生 END-->
|
|
<!-- 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="">宅极慧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/static_new/index.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|