睿能科技
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.
 
 
 
 
 
 

296 lines
16 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/greenEnergy.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/greenEnergy.css">
</head>
<body>
<!-- header--START -->
{include file="components/header"}
<!-- header--END -->
{hcTaglib:category id="283" item="vo" field="*"}
<section class="section__banner green-energy" aria-label="{$vo.title}" 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}
<section class="ge-about section-wrap" aria-labelledby="ge-about-title" data-header-dark>
{hcTaglib:category id="284" item="vo" field="*"}
<div class="ge-about__inner">
<div class="ge-about__top">
<div class="section__header">
<p class="section__title__red">{$vo.title}</p>
<h2 class="section__title">{$vo.sub_title}</h2>
</div>
<div class="ge-about__desc">
<p class="section__desc">{$vo.description|nl2br|raw}</p>
</div>
</div>
<div class="ge-about__bottom">
<figure class="ge-about__fig">
<img src="{$vo.thumbnail.url|default=''}" alt="光伏电站场景" class="w-100 h-100">
</figure>
</div>
</div>
{/hcTaglib:category}
</section>
<div class="ge-line"></div>
<section class="ge-storage" aria-labelledby="ge-storage-title" data-header-dark>
{hcTaglib:category id="285" item="vo" field="*"}
<div class="ge-storage__inner">
<figure class="ge-storage__media">
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}">
</figure>
<div class="section__header">
<p class="section__title__red">{$vo.title}</p>
<h2 id="ge-storage-title" class="section__title">{$vo.sub_title}</h2>
<p class="section__desc">{$vo.description|nl2br|raw}</p>
</div>
</div>
{/hcTaglib:category}
</section>
<!-- <section class="ge-h2sys" aria-labelledby="ge-h2sys-title" data-header-dark>
{hcTaglib:category id="286" item="vo" field="*"}
<div class="ge-h2sys__inner">
<div class="section__header">
<p class="section__title__red">{$vo.title}</p>
<h2 id="ge-h2sys-title" class="section__title">{$vo.sub_title}</h2>
<p class="section__desc">
{$vo.description}
</p>
</div>
<figure class="ge-h2sys__media">
<img src="{$vo.thumbnail.url|default=''}" alt="制氢系统工艺示意">
</figure>
</div>
{/hcTaglib:category}
</section> -->
<!-- 变频器行业方案 -->
{hcTaglib:category id="324" item="vo" field="*"}
<section class="ge-section-3" aria-labelledby="ge-storage-title" data-header-dark style="background-image: url('{$vo.banner.url|default=''}');">
<div class="ge-section-3__inner">
<header class="section__header align-items-center">
<h2 class="section__title">{$vo.title}</h2>
</header>
</div>
</section>
{/hcTaglib:category}
<section class="ge-section-4" aria-labelledby="ge-section-4-title" data-header-dark>
<div class="ge-section-4__inner">
<header class="section__header">
{hcTaglib:category id="287" item="vo" field="*"}
<p class="section__title__red">{$vo.title}</p>
<h2 id="ge-section-4-title" class="section__title">{$vo.sub_title}</h2>
{/hcTaglib:category}
</header>
<div class="ge-section-4__body">
<ul class="ge-section-4__tabs s-tabs-vertical" role="tablist" aria-label="产品类型">
{hcTaglib:contentPage2 cid="287" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"}
<li class="ge-section-4__tab s-tab-item s-tab-item {if $key==1}active{/if}" data-bs-toggle="tab" data-bs-target="#panel-{$key-1}"
role="tab">
{$vo.title}
</li>
{/hcTaglib:contentPage2}
</ul>
<div class="ge-section-4__panels tab-content">
{hcTaglib:contentPage2 cid="287" 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="ge-section-4__panel tab-pane fade {if $key==1}show active{/if}" id="panel-{$key-1}" role="tabpanel">
<h3 class="ge-section-4__panel-title">{$vo.title}</h3>
<div class="ge-section-4__swiper">
<ul class="ge-section-4__grid">
{volist name="imgArr2" id="oneData" key="key2"}
<li class="ge-section-4__card">
<figure class="ge-section-4__card-img"><img src="{$oneData.img_url}" alt=""></figure>
<span class="ge-section-4__name">{$oneData.description}</span>
</li>
{/volist}
</ul>
</div>
</div>
{/hcTaglib:contentPage2}
</div>
</div>
</section>
<!-- ge-section-5:经典案例 — 多卡 Swiper -->
<!-- 行业案例 绿色能源全域共生 -->
<section class="ge-section-5" aria-labelledby="ge-section-5-title">
<div class="ge-section-5__inner">
<header class="section__header align-items-center">
{hcTaglib:category id="288" item="vo" field="*"}
<p class="section__title__red">{$vo.title}</p>
<h2 id="ge-section-5-title" class="section__title">{$vo.sub_title}</h2>
{/hcTaglib:category}
</header>
<div class="ge-section-5__slider">
<button type="button" class="ge-section-5__nav-btn slide-btn prev" aria-label="上一案例">
<img src="data:image/png;base64,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" alt="" class="arrow-left">
</button>
<div class="ge-section-5__swiper">
<div class="swiper-wrapper">
{hcTaglib:contentPage2 cid="288" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"}
<div class="swiper-slide">
<article class="ge-section-5__card">
<div class="ge-section-5__thumb">
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}">
</div>
<h3 class="ge-section-5__card-title">{$vo.title} </h3>
<p class="ge-section-5__card-desc">{$vo.description}</p>
</article>
</div>
{/hcTaglib:contentPage2}
</div>
</div>
<button type="button" class="ge-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>
<!-- 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>