41 changed files with 3850 additions and 9581 deletions
-
8public/themes/website/4/en/demo/components/currency.html
-
182public/themes/website/4/en/demo/components/footer.html
-
721public/themes/website/4/en/demo/components/header.html
-
35public/themes/website/4/en/demo/detail_xiangqing.html
-
157public/themes/website/4/en/demo/list_anli.html
-
111public/themes/website/4/en/demo/list_xinwen.html
-
158public/themes/website/4/en/demo/single_changjing.html
-
155public/themes/website/4/en/demo/single_chanpin.html
-
393public/themes/website/4/en/demo/single_guanyu.html
-
1179public/themes/website/4/en/demo/single_index.html
-
170public/themes/website/4/en/demo/single_jiage.html
-
268public/themes/website/4/en/demo/single_jiejue.html
-
142public/themes/website/4/en/demo/single_jishu.html
-
367public/themes/website/4/en/demo/single_search.html
-
211public/themes/website/4/en/demo/single_zhaopin.html
-
656public/themes/website/4/zh/demo/about-2/index.html
-
615public/themes/website/4/zh/demo/about/index.html
-
388public/themes/website/4/zh/demo/case-page/index.html
-
8public/themes/website/4/zh/demo/components/currency.html
-
188public/themes/website/4/zh/demo/components/footer.html
-
670public/themes/website/4/zh/demo/components/header.html
-
374public/themes/website/4/zh/demo/dengguang/index.html
-
35public/themes/website/4/zh/demo/detail_xiangqing.html
-
296public/themes/website/4/zh/demo/green-energy/index.html
-
365public/themes/website/4/zh/demo/jiudian/index.html
-
309public/themes/website/4/zh/demo/kongtiao/index.html
-
157public/themes/website/4/zh/demo/list_anli.html
-
111public/themes/website/4/zh/demo/list_xinwen.html
-
462public/themes/website/4/zh/demo/product-smart-home/index.html
-
158public/themes/website/4/zh/demo/single_changjing.html
-
155public/themes/website/4/zh/demo/single_chanpin.html
-
393public/themes/website/4/zh/demo/single_guanyu.html
-
1299public/themes/website/4/zh/demo/single_index.html
-
519public/themes/website/4/zh/demo/single_index_2026年5月11日15H.html
-
236public/themes/website/4/zh/demo/single_index_back.html
-
225public/themes/website/4/zh/demo/single_jiage.html
-
142public/themes/website/4/zh/demo/single_jishu.html
-
369public/themes/website/4/zh/demo/single_search.html
-
514public/themes/website/4/zh/demo/single_test22.html
-
211public/themes/website/4/zh/demo/single_zhaopin.html
-
319public/themes/website/4/zh/demo/yimei/index.html
@ -1,8 +0,0 @@ |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<title>{$current_cate.seo_title|default=$current_cate.title}</title> |
|||
<meta name="description" content="{$current_cate.seo_description|default=$current_cate.title}"> |
|||
<meta name="keywords" content="{$current_cate.seo_keywords|default=$current_cate.title}"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
@ -1,128 +1,68 @@ |
|||
<section class="huocms-components huocms-block" data-inclue-path="components/footer"> |
|||
<div class="footer"> |
|||
<div class="w1400"> |
|||
<div class="top"> |
|||
<div class="left"> |
|||
{hcTaglib:nav cid="45" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<ul> |
|||
<p>{$vo['title']}</p> |
|||
{volist name="vo.children" id="vv" } |
|||
<li><a href="{$vv['href']}">{$vv['title']}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/hcTaglib:nav} |
|||
|
|||
<ul> |
|||
{hcTaglib:category id="163" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:content cid="163" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li> |
|||
<a href="{$case_top['url']}" target="_blank"><img src="{$case_top['thumbnail']['url']|default=''}" alt="">{$case_top['title']}</a> |
|||
<div class="position"> |
|||
<div class="img"><img src="{$case_top['cover']['url']|default=''}" alt=""></div> |
|||
<span></span> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<p>{$case_top['title']}</p> |
|||
<!-- 模块：底部 --> |
|||
<footer class="site-footer section__wrap" id="footer" data-header-dark> |
|||
<div class="site-footer__inner"> |
|||
<div class="site-footer__main"> |
|||
<div class="site-footer__brand"> |
|||
<div class="site-footer__logo" aria-label="RAYNEN Technology"> |
|||
<img src="{hcTaglib:setting name='dark_logo' type='2' /}" alt="RAYNEN Technology" width="252" height="26" /> |
|||
</div> |
|||
<p class="site-footer__stock">Stock code: 603933</p> |
|||
<p class="site-footer__quote" aria-label="Stock quote" data-stock-quote data-stock-code="603933"> |
|||
<span class="site-footer__quote-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> |
|||
<span class="site-footer__quote-unit" data-stock="unit" style="{$priceColor}">Yuan</span> |
|||
<span class="site-footer__quote-change" data-stock="change" style="{$priceColor}">{$stockInfo.change} {$stockInfo.changePercent}</span> |
|||
</p> |
|||
<p class="site-footer__follow">Follow us:</p> |
|||
<div class="site-footer__qrs"> |
|||
<div class="site-footer__qr"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="Official WeChat" /> |
|||
<span>Official WeChat</span> |
|||
</div> |
|||
<div class="site-footer__qr"> |
|||
{php}$ui_social_channel = uiId('social_channel');{/php} |
|||
{hcTaglib:category id="$ui_social_channel" item="vo" field="*"} |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="Official Channels" /> |
|||
{/hcTaglib:category} |
|||
<span>Official Channels</span> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<ul> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li> |
|||
<a href="javascript:;"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></a> |
|||
<div class="position"> |
|||
<div class="img"><img src="{$case_top['cover']['url']|default=''}" alt=""></div> |
|||
<span></span> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
|
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="w1400"> |
|||
<div class="beian"> |
|||
<div class="left"> |
|||
© 2023 版权所有：{hcTaglib:setting name="company_name" type="1" /}<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow">{hcTaglib:setting name="icp" type="2" /}</a> |
|||
</div> |
|||
<div class="right"> |
|||
Designed by <a href="https://www.zhoo.cn" target="_blank">智火建站</a> |
|||
</div> |
|||
<nav class="site-footer__cols" aria-label="Footer navigation"> |
|||
{php} |
|||
$ui_nav_footer = uiId('nav_footer'); |
|||
$ui_product = uiId('product'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_footer" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
{php} |
|||
$ft_is_product = ((int)($vo['category_id'] ?? 0) === $ui_product); |
|||
{/php} |
|||
<div class="site-footer__col"> |
|||
<div class="site-footer__colTitle">{$vo.title}</div> |
|||
<div class="site-footer__links"> |
|||
{volist name="$vo.children" id="child"} |
|||
{php} |
|||
$ft_href = $child['href'] ?? ''; |
|||
$ft_child_cid = (int)($child['category_id'] ?? 0); |
|||
if ($ft_is_product && $ft_child_cid > 0 && $ft_href !== '') { |
|||
$ft_href .= (strpos($ft_href, '?') !== false ? '&' : '?') . 'cat=product-control-' . $ft_child_cid; |
|||
} |
|||
{/php} |
|||
<a href="{$ft_href}">{$child.title}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:nav} |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="footerMob"> |
|||
<div class="topLink"> |
|||
{hcTaglib:nav cid="46" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<a href="{$vo['href']}">{$vo['title']}<img src="/themes/static/images/right.png" alt=""></a> |
|||
{/hcTaglib:nav} |
|||
</div> |
|||
{hcTaglib:category id="163" item="vo" field="*"} |
|||
<div class="tit">{$vo.title}</div> |
|||
{/hcTaglib:category} |
|||
<ul class="top"> |
|||
{hcTaglib:content cid="163" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li><a href="{$case_top['url']}"><img src="{$case_top['thumbnail']['url']|default=''}" alt="">{$case_top['title']}</a></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<div class="tit">联系我们</div> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="site-footer__bottom"> |
|||
<p class="site-footer__copyright">Copyright 2026 {hcTaglib:setting name="company_name" type="1" /} All rights reserved | {hcTaglib:setting name="icp" type="2" /} | <img |
|||
class="site-footer__gongan" src="/themes/dist_static/static/images/gongan-DdFBmJbc.png" alt="" /> {hcTaglib:setting name="gwa" type="2" /}</p> |
|||
<div class="site-footer__legal"> |
|||
<!-- <a href="{:getMuiLangUrl('/sitemap.html')}">Sitemap</a> --> |
|||
<!-- <a href="{:getMuiLangUrl('/privacy.html')}">Privacy Policy</a> --> |
|||
<a href="javascript:;">Sitemap</a> |
|||
<a href="javascript:;">Privacy Policy</a> |
|||
</div> |
|||
<p>{$case_top['title']}</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<ul class="share"> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li><a href="{$case_top.url}" target="_blank"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></a></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<div class="beian"> |
|||
<p>© 2022 版权所有：{hcTaglib:setting name="company_name" type="1" /}</p> |
|||
<p> |
|||
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow">{hcTaglib:setting name="icp" type="2" /}</a> |
|||
Designed by <a href="https://www.zhoo.cn" target="_blank">智火建站</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="rightBlock"> |
|||
<ul> |
|||
{hcTaglib:content cid="209" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2"} |
|||
<li> |
|||
<a href="{$case_top['url']}" target="_blank"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
{$case_top['title']} |
|||
</a> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
<li class="toTop"> |
|||
<a href="javascript:;"> |
|||
<img src="/themes/static/images/toTop.png" alt=""> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<!-- 通用 --> |
|||
<script src="/themes/static/js/jquery.js"></script> |
|||
<script src="/themes/static/js/aos.js"></script> |
|||
<script src="/themes/static/js/currency.js"></script> |
|||
<script src="/themes/static/js/jweixin-1.0.0.js"></script> |
|||
</section> |
|||
</footer> |
|||
@ -1,93 +1,636 @@ |
|||
<section class="huocms-components huocms-block" data-inclue-path="components/header"> |
|||
<div class="top_hide" style="display:none !important"> |
|||
<img src="/themes/static/images/firstImg.jpg" alt=""> |
|||
</div> |
|||
<div class="header"> |
|||
<div class="location"></div> |
|||
<div class="nav"> |
|||
<ul class="front"> |
|||
{hcTaglib:nav cid="43" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}</a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
<a href="javascript:;" class="logo"><img src='{hcTaglib:setting name="logo" type="2" /}' alt="宅极慧iHM"></a> |
|||
<ul class="after"> |
|||
{hcTaglib:nav cid="44" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}</a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</div> |
|||
<div class="menu"> |
|||
<a href="javascript:;" class="lang">EN</a> |
|||
<div class="search"> |
|||
<img src="/themes/static/images/search.png" alt=""> |
|||
<div class="searchDiv"> |
|||
<div> |
|||
<input type="text" id="search" placeholder="请输入关键词搜索"> |
|||
<a href="javascript:;" class="btn"><img src="/themes/static/images/search2.png" alt=""></a> |
|||
</div> |
|||
<a href="javascript:;" class="close"><img src="/themes/static/images/close.png" alt=""></a> |
|||
</div> |
|||
<header class="site-header"> |
|||
<div class="site-header__top"> |
|||
<a class="site-header__phone" href="tel:{hcTaglib:setting name="company_phone" type="1" /}"> |
|||
<span class="site-header__icon site-header__icon--24" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
fill="none" |
|||
> |
|||
<g> |
|||
<rect |
|||
id="Linear / Call / Incoming Call Rounded" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
x="0.000000" |
|||
y="0.000000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M0 3.2L3.2 0M0.8 0L3.2 0L3.2 2.4" |
|||
stroke="currentColor" |
|||
stroke-linecap="round" |
|||
stroke-width="1.500000" |
|||
transform="matrix(-1,0,0,-1,17.5996,9.59961)" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M10.4297 6.65255C9.72215 5.38476 7.94421 5.23503 6.82985 6.34939C6.16025 7.019 5.63923 7.83929 5.60485 8.74608C5.54698 10.2726 5.93331 12.865 8.53377 15.4654C11.1342 18.0659 13.7266 18.4522 15.2531 18.3944C16.1599 18.36 16.9802 17.839 17.6498 17.1694C18.7642 16.055 18.6145 14.2771 17.3467 13.5695L16.4163 13.0503C15.5767 12.5818 14.4753 12.7699 13.7374 13.5078C13.7374 13.5078 12.8422 14.403 11.2192 12.78C9.59623 11.157 10.4914 10.2619 10.4914 10.2619C11.2294 9.52387 11.4175 8.42248 10.9489 7.58289L10.4297 6.65255Z" |
|||
fill-rule="evenodd" |
|||
stroke="currentColor" |
|||
stroke-width="1.500000" |
|||
/> |
|||
</g> |
|||
</svg> |
|||
</span> |
|||
<span>{hcTaglib:setting name="company_phone" type="1" /}</span> |
|||
</a> |
|||
<div class="site-header__socials" aria-label="Social accounts"> |
|||
<span class="site-header__social site-header__social--wechat" tabindex="0" aria-label="WeChat" role="button"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微信 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 4" |
|||
d="M10.7269 5.47152C10.9091 5.47152 11.0884 5.48527 11.2686 5.50491C10.7833 3.26405 8.36754 1.59961 5.60907 1.59961C2.52571 1.59961 0 3.68237 0 6.32878C0 7.85575 0.839924 9.10973 2.24442 10.0838L1.68381 11.7561L3.64495 10.782C4.34621 10.9185 4.9088 11.0599 5.60907 11.0599C5.78537 11.0599 5.95969 11.0521 6.13204 11.0393C6.02309 10.6671 5.9587 10.2783 5.9587 9.87272C5.9597 7.44332 8.06347 5.47152 10.7269 5.47152ZM7.71185 3.9642C8.13577 3.9642 8.4141 4.24013 8.4141 4.65845C8.4141 5.07481 8.13577 5.35369 7.71185 5.35369C7.29288 5.35369 6.87093 5.07481 6.87093 4.65845C6.87093 4.23915 7.29189 3.9642 7.71185 3.9642ZM3.78659 5.35369C3.36564 5.35369 2.94171 5.07481 2.94171 4.65845C2.94171 4.24013 3.36564 3.9642 3.78659 3.9642C4.20754 3.9642 4.48686 4.23915 4.48686 4.65845C4.48686 5.07481 4.20754 5.35369 3.78659 5.35369ZM15.8476 9.80595C15.8476 7.58276 13.6032 5.77102 11.0824 5.77102C8.41311 5.77102 6.3123 7.58374 6.3123 9.80595C6.3123 12.035 8.4141 13.8409 11.0824 13.8409C11.6411 13.8409 12.2046 13.7024 12.7653 13.563L14.3035 14.3996L13.8815 13.0091C15.0077 12.1705 15.8476 11.0599 15.8476 9.80595ZM9.53531 9.10973C9.25699 9.10973 8.9747 8.83478 8.9747 8.55393C8.9747 8.27702 9.25699 7.99814 9.53531 7.99814C9.96122 7.99814 10.2376 8.27702 10.2376 8.55393C10.2376 8.83478 9.96122 9.10973 9.53531 9.10973ZM12.6206 9.10973C12.3443 9.10973 12.063 8.83478 12.063 8.55393C12.063 8.27702 12.3433 7.99814 12.6206 7.99814C13.0426 7.99814 13.3229 8.27702 13.3229 8.55393C13.3229 8.83478 13.0426 9.10973 12.6206 9.10973Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__wechat-pop" role="tooltip"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="Official WeChat" width="120" height="120" /> |
|||
</span> |
|||
</span> |
|||
{php} |
|||
$content_arr = getDescriptionSeparate(uiId('social_channel')); |
|||
$douyin_url = $content_arr['0'] ?? ''; |
|||
$sina_url = $content_arr['1'] ?? ''; |
|||
$zhihu_url = $content_arr['2'] ?? ''; |
|||
{/php} |
|||
{if(!empty($douyin_url))} |
|||
<a class="site-header__social" href="{$douyin_url}" aria-label="Douyin" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="抖音 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 5" |
|||
d="M13.9794 6.79333C13.3937 6.79215 12.812 6.69975 12.2563 6.51966C11.7007 6.33956 11.1783 6.07409 10.709 5.73333L10.709 10.5467C10.7285 11.309 10.5414 12.0629 10.1665 12.7327C9.79154 13.4025 9.24201 13.9646 8.57303 14.3625C7.90405 14.7605 7.13916 14.9804 6.35517 15C5.57117 14.9804 4.80628 14.7605 4.1373 14.3625C3.46832 13.9646 2.91879 13.4025 2.54388 12.7327C2.16897 12.0629 1.98188 11.309 2.00138 10.5467C1.98189 9.78478 2.16907 9.03133 2.54411 8.36211C2.91915 7.69289 3.46882 7.13149 4.13783 6.7344C4.80683 6.3373 5.57159 6.1185 6.35517 6.1C6.58475 6.10134 6.81392 6.11916 7.0408 6.15333L7.0408 8.70667C6.82209 8.62421 6.58974 8.58129 6.35517 8.58C6.00331 8.58806 5.65991 8.68649 5.35981 8.86527C5.05971 9.04406 4.81358 9.29686 4.64642 9.59801C4.47925 9.89916 4.39698 10.2379 4.40796 10.58C4.39698 10.922 4.47925 11.2608 4.64642 11.562C4.81359 11.8631 5.05971 12.1159 5.35981 12.2947C5.65991 12.4735 6.00331 12.5719 6.35517 12.58C6.70624 12.5708 7.04859 12.4716 7.34762 12.2925C7.64665 12.1135 7.89177 11.8608 8.05821 11.5601C8.22464 11.2594 8.30651 10.9213 8.29552 10.58L8.29552 1L10.7227 1C10.7068 1.57291 10.8473 2.13969 11.1297 2.64274C11.4121 3.14579 11.8264 3.5672 12.3305 3.86413C12.8347 4.16107 13.4107 4.32295 14 4.33333L14 6.8" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($sina_url))} |
|||
<a class="site-header__social" href="{$sina_url}" aria-label="Weibo" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微博 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 6" |
|||
d="M10.7233 3.34315C11.5178 3.34315 15.3204 3.1342 14.6251 6.84876C14.528 7.25593 14.4549 7.87962 14.9319 8.01156C15.3664 8.12202 15.6339 7.66297 15.7536 7.31358C15.811 6.90686 17.5699 1.58349 10.787 2.02612C10.5702 2.06485 10.0891 2.25239 10.0857 2.65597C10.0823 3.05962 10.5076 3.32241 10.7233 3.34315ZM10.9368 4.95491C11.0637 4.93984 13.0406 4.58862 12.8787 6.69959C12.9082 6.89137 12.774 7.22011 13.0406 7.28757C13.3071 7.35505 13.4118 7.13335 13.4404 6.93093C13.4689 6.72851 13.9301 3.98259 10.9686 4.29944C10.7445 4.32443 10.5941 4.4601 10.6195 4.65931C10.6449 4.85852 10.81 4.96997 10.9368 4.95491ZM11.7752 8.24324C11.7752 8.24324 10.9783 8.41756 11.3544 7.81714C11.9476 6.64274 10.9839 4.71599 8.48541 5.99654C7.62471 6.46137 7.62471 6.13212 7.6534 5.55107C7.73079 2.37902 1.92492 4.64078 0.280009 8.76411C-0.647495 11.2669 0.837892 13.4299 3.1357 14.3732C8.74355 16.4008 12.8272 13.0465 13.5236 10.8773C14.4518 7.61856 11.7752 8.24324 11.7752 8.24324ZM6.39686 13.6222C3.74214 13.992 1.389 12.8113 1.14095 10.9852C0.892894 9.15907 2.84389 7.37896 5.4986 7.00921C8.1533 6.63946 10.5065 7.82008 10.7545 9.64622C11.0026 11.4723 9.05158 13.2525 6.39686 13.6222ZM8.42041 9.81629C8.20974 8.70379 6.91676 8.01982 5.53246 8.28862C4.14816 8.55742 3.19674 9.67717 3.40741 10.7897C3.61808 11.9022 4.91107 12.5861 6.29536 12.3173C7.67966 12.0485 8.63108 10.9288 8.42041 9.81629ZM5.36769 11.2912C4.88972 11.2912 4.50224 10.9573 4.50224 10.5454C4.50224 10.1335 4.88972 9.79952 5.36769 9.79952C5.84566 9.79952 6.23314 10.1335 6.23314 10.5454C6.23314 10.9573 5.84566 11.2912 5.36769 11.2912ZM6.78556 10.2843C6.60718 10.2843 6.42575 10.0673 6.42575 9.79952C6.42575 9.53178 6.60718 9.31473 6.78556 9.31473C6.96393 9.31473 7.14536 9.53178 7.14536 9.79952C7.14536 10.0673 6.96393 10.2843 6.78556 10.2843Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($zhihu_url))} |
|||
<a class="site-header__social" href="{$zhihu_url}" aria-label="Zhihu" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="知乎 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 7" |
|||
d="M9.0083 12.6517L9.89959 12.6517L10.2232 13.7911L11.7917 12.6517L14 12.6517L14 3.56192L9.0083 3.56192L9.0083 12.6517ZM10.0639 4.57302L12.9793 4.57302L12.9793 11.6155L11.9485 11.6155L10.6241 12.6367L10.3353 11.6155L10.0639 11.6155L10.0639 4.57302ZM2 13.8615C2.314 13.9756 2.64861 14.02 2.98111 13.9918C3.3136 13.9635 3.63619 13.8634 3.92697 13.6981C4.87552 13.1321 5.5751 10.6396 5.5751 10.6396L7.81577 13.4289C7.81577 13.4289 8.01992 12.1009 7.78091 11.7262C7.54191 11.3514 6.23983 9.8423 6.23983 9.8423L5.66971 10.3453L6.07552 8.69538L8.49793 8.69538C8.49793 8.69538 8.49793 7.72452 8.02241 7.66919C7.54689 7.61386 6.07054 7.66919 6.07054 7.66919L6.07054 4.65099L8.24896 4.65099C8.24896 4.65099 8.22407 3.64492 7.80083 3.64492L4.24315 3.64492L4.79585 2C4.79585 2 3.89959 2.05282 3.5834 2.61873C3.26722 3.18464 2.239 6.10224 2.239 6.10224C2.239 6.10224 2.58008 6.26321 3.16017 5.8306C3.53203 5.52533 3.80014 5.11025 3.92697 4.64344L4.98257 4.59062L5.01245 7.67925C5.01245 7.67925 3.19253 7.65159 2.82407 7.67925C2.4556 7.70692 2.24398 8.70544 2.24398 8.70544L5.01245 8.70544C5.01245 8.70544 4.77593 10.4057 4.0639 11.6482C3.35187 12.8907 2 13.8615 2 13.8615L2 13.8615Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
|
|||
</div> |
|||
{php} |
|||
$hc_lang = function_exists('getLang') ? getLang() : 'zh'; |
|||
$hc_default_lang = config('lang.default_lang') ?: 'zh'; |
|||
$hc_lang_ui = ($hc_lang === 'en') ? 'en' : 'zh'; |
|||
{/php} |
|||
<button |
|||
type="button" |
|||
class="site-header__lang" |
|||
aria-label="Switch language" |
|||
data-lang-default="{$hc_default_lang}" |
|||
data-lang-current="{$hc_lang}" |
|||
> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="语言 2" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 10" |
|||
d="M9.873 14.15C9.696 13.813 9.507 13.323 9.611 13.03C9.6354 12.9452 9.67429 12.8652 9.72593 12.7936C9.77757 12.722 9.8412 12.6599 9.914 12.61C10.105 12.454 10.367 12.241 10.575 11.701C10.655 11.492 10.708 11.282 10.758 11.08C10.942 10.345 11.008 10.232 11.541 10.293C11.941 10.341 12.189 10.533 12.476 10.756C12.758 10.975 13.079 11.207 13.52 11.283C13.1147 11.9647 12.5871 12.5657 11.9635 13.0557C11.3399 13.5458 10.6312 13.9164 9.873 14.149M2.486 11.294C2.951 11.238 3.459 11.076 3.822 10.68C4.223 10.242 4.226 9.67 4.228 9.212C4.231 8.587 4.266 8.415 4.582 8.297C5.014 8.137 5.21 8.29 5.616 8.65C5.854 8.862 6.124 9.102 6.483 9.212C6.906 9.342 7.413 9.282 7.837 9.049C8.26 8.819 8.574 8.428 8.707 7.964L8.71 7.964L8.714 7.949L8.718 7.937C8.723 7.921 8.723 7.907 8.728 7.891C8.759 7.782 8.781 7.672 8.795 7.563C8.802 7.514 8.805 7.47 8.808 7.423C8.811 7.385 8.816 7.347 8.818 7.31C8.83087 7.06331 8.82619 6.81602 8.804 6.57C8.79484 6.4612 8.78884 6.35215 8.786 6.243C8.78356 6.14213 8.8088 6.04252 8.859 5.955C8.947 5.913 9.181 5.871 9.342 5.843C9.789 5.764 10.336 5.664 10.666 5.276L10.671 5.273L10.67 5.273C10.69 5.249 10.711 5.229 10.729 5.203C11.287 4.417 11.253 3.604 10.641 3.082C10.5924 3.04235 10.542 3.00497 10.49 2.97C10.13 2.72 9.976 2.543 10.081 2.218C10.112 2.12 10.146 2.035 10.179 1.958C11.4229 2.40565 12.4984 3.22602 13.259 4.30728C14.0195 5.38853 14.4281 6.67804 14.429 8C14.429 8.774 14.284 9.513 14.034 10.2C13.9568 10.2233 13.8773 10.2387 13.797 10.246C13.577 10.246 13.417 10.131 13.133 9.909C12.789 9.642 12.361 9.311 11.666 9.229C10.168 9.051 9.885 10.159 9.719 10.819C9.677 10.988 9.636 11.159 9.574 11.317C9.469 11.591 9.382 11.662 9.237 11.78C9.049 11.934 8.791 12.144 8.603 12.67C8.393 13.253 8.584 13.906 8.793 14.374C8.533 14.407 8.269 14.429 8 14.429C6.88828 14.4285 5.79575 14.1393 4.82936 13.5898C3.86297 13.0402 3.05584 12.2492 2.487 11.294M7.999 1.571C8.389 1.571 8.768 1.611 9.138 1.678C9.10993 1.74743 9.08425 1.81781 9.061 1.889C8.694 3.026 9.586 3.646 9.878 3.849L9.945 3.896C10.01 3.952 10.176 4.101 9.885 4.538C9.781 4.627 9.675 4.643 9.415 4.655C9.067 4.672 8.542 4.697 8.076 5.215L8.074 5.218L8.073 5.219L8.067 5.224C8.057 5.235 8.051 5.247 8.042 5.258C7.795 5.548 7.725 5.865 7.717 6.176C7.70977 6.37943 7.71444 6.58311 7.731 6.786C7.744 7.001 7.756 7.207 7.738 7.39C7.72669 7.47875 7.70932 7.56662 7.686 7.653C7.65961 7.74994 7.6136 7.84043 7.55081 7.91887C7.48803 7.99731 7.40981 8.06202 7.321 8.109C7.151 8.203 6.944 8.234 6.799 8.189C6.662 8.146 6.499 8.002 6.326 7.849C5.902 7.472 5.26 6.902 4.208 7.293C3.164 7.683 3.16 8.599 3.157 9.206C3.155 9.524 3.153 9.824 3.032 9.956C2.808 10.201 2.349 10.253 1.982 10.244C1.71189 9.52664 1.57301 8.76653 1.572 8C1.572 6.87159 1.869 5.76305 2.43316 4.78579C2.99731 3.80853 3.80875 2.99696 4.78592 2.43266C5.7631 1.86835 6.87159 1.57118 8 1.571M8 0.5C3.864 0.5 0.5 3.864 0.5 8C0.5 12.136 3.864 15.5 8 15.5C12.136 15.5 15.5 12.136 15.5 8C15.5 3.864 12.136 0.5 8 0.5Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='en'} site-header__lang-active{/if}" data-lang="en">EN</span> |
|||
<span>/</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='zh'} site-header__lang-active{/if}" data-lang="zh">CN</span> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<!-- 移动端导航 --> |
|||
<div class="headerMob"> |
|||
<div class="w1400"> |
|||
<a href="/" class="logo"><img src="{hcTaglib:setting name="logo" type="2" /}" alt="宅极慧iHM"></a> |
|||
<div class="right"> |
|||
<div class="lang">EN</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
<div class="site-header__main"> |
|||
<a href="{:getMuiLangUrl('/')}" class="header-logo" aria-label="RAYNEN Technology"> |
|||
<img |
|||
class="header-logo__img--default" |
|||
src="{hcTaglib:setting name='logo' type='2' /}" |
|||
alt="RAYNEN Technology" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
<img |
|||
class="header-logo__img--dark" |
|||
src="{hcTaglib:setting name='dark_logo' type='2' /}" |
|||
alt="RAYNEN Technology" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
</a> |
|||
<nav class="site-header__nav" aria-label="Main navigation"> |
|||
<ul> |
|||
{php} |
|||
$ui_nav_header = uiId('nav_header'); |
|||
$ui_home = uiId('home'); |
|||
$ui_product = uiId('product'); |
|||
$ui_solution = uiId('solution'); |
|||
$ui_support = uiId('support'); |
|||
$ui_news = uiId('news'); |
|||
$ui_invest = uiId('invest'); |
|||
$ui_about = uiId('about'); |
|||
$ui_exhibition = uiId('exhibition'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_header_nav" sort="sort asc"} |
|||
{php} |
|||
$nav_title = $vo['title'] ?? ''; |
|||
$nav_href = $vo['href'] ?? ''; |
|||
$nav_id = (int)($vo['id'] ?? 0); |
|||
$nav_cid = (int)($vo['category_id'] ?? 0); |
|||
$nav_children = $vo['children'] ?? []; |
|||
// Product / Solutions mega menus (IDs from config/ui_ids.php) |
|||
$nav_is_product = ($nav_cid === $ui_product); |
|||
$nav_is_solution = ($nav_cid === $ui_solution); |
|||
$nav_is_home = ($nav_cid === $ui_home); |
|||
$nav_mega_map = [ |
|||
$ui_support => 'support', |
|||
$ui_news => 'news', |
|||
$ui_invest => 'invest', |
|||
$ui_about => 'about', |
|||
]; |
|||
$nav_mega_class = $nav_mega_map[$nav_cid] ?? 'support'; |
|||
{/php} |
|||
{if $nav_is_product} |
|||
<!-- 产品导航（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
{hcTaglib:category id="$ui_product" item="vo" field="*"} |
|||
<a |
|||
href="{:getMuiLangUrl($vo.alias)}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
> |
|||
{$vo.title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 产品导航下拉面板 --> |
|||
<div class="nav-mega product" id="nav-mega-product"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content product"> |
|||
<aside class="nav-mega__cats" aria-label="Product categories"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
|
|||
<button type="button" class="nav-mega__cat {if $key==1}is-active{/if}" data-mega-cat="product_{$key}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__cat-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</button> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</aside> |
|||
<div class="nav-mega__main"> |
|||
<div class="nav-mega__panels"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
<div class="nav-mega__panel {if $key==1}is-active{/if}" data-mega-panel="product_{$key}" {if $key!=1}hidden{/if}> |
|||
{php} |
|||
$sub_cate_id = $vo['id']; // 获取子分类的ID |
|||
{/php} |
|||
<a class="nav-mega__heading" href="{:getMuiLangUrl($vo.alias)}?cat=product-control-{$vo.id}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__heading-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega__body"> |
|||
<div class="nav-mega__cols"> |
|||
<!-- 一级栏目展示产品 --> |
|||
{if ($vo.need_show_sub_content==1)} |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content_tmp" limit="30" item="content_one" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{if !empty($hc_content)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content_tmp" id="vo_content_tmp"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content_tmp['id'],'cid'=>$vo_content_tmp['category_id']])}">{$vo_content_tmp.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{/if} |
|||
|
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id" item="vo22" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<a class="nav-mega__group-title" href="{:getMuiLangUrl($vo.alias)}?cat=product-control-{$vo.id}&sub=product-plc-{$vo22.id}">{$vo22.title}</a> |
|||
<!-- 获取当前分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo22.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content" limit="30" item="content22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content) && $vo22.need_show_sub_content==1} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content" id="vo_content"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">{$vo_content.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{php} |
|||
$sub_cate_id22 = $vo22['id']; // 获取子分类的ID |
|||
{/php} |
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id22" item="vo33" sort=""} |
|||
<div class="nav-mega__subgroup"> |
|||
<div class="nav-mega__subgroup-head"> |
|||
<button type="button" class="nav-mega__subgroup-title">{$vo33.title}</button> |
|||
<button type="button" class="nav-mega__subgroup-toggle" aria-expanded="false" aria-label="Expand/collapse"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
<!-- 获取当前子分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo33.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content33" limit="30" item="content33" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content33)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content33" id="vo_content33"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content33['id'],'cid'=>$vo_content33['category_id']])}">{$vo_content33.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
|
|||
<div class="nav-mega__promo-side"> |
|||
{hcTaglib:category id="$ui_exhibition" item="vo" field="*"} |
|||
{php} |
|||
$zhanhui_and_activity = $vo; |
|||
$thumbnail_url_header = $vo['thumbnail']['url'] ?? ''; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<a class="nav-mega__promo" href="{:getMuiLangUrl($zhanhui_and_activity.alias)}"> |
|||
<div class="nav-mega__promo-media"> |
|||
<img |
|||
src="{$thumbnail_url_header}" |
|||
alt="" |
|||
width="320" |
|||
height="200" |
|||
loading="lazy" |
|||
/> |
|||
</div> |
|||
<div class="nav-mega__promo-title"> |
|||
<span>{$zhanhui_and_activity.title}</span> |
|||
<span class="nav-mega__promo-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</div> |
|||
<p class="nav-mega__promo-desc">Learn about RAYNEN’s latest events</p> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif $nav_is_solution /} |
|||
<!-- 解决方案（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="javascript:void(0);" |
|||
class="site-header__nav-link" |
|||
data-mega-trigger="solution" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-solution" |
|||
> |
|||
Solutions |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<!-- 解决方案导航下拉面板 --> |
|||
<div class="nav-mega nav-mega--solution" id="nav-mega-solution"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content solution"> |
|||
<div class="nav-mega__cols nav-mega__cols--solution"> |
|||
{hcTaglib:allSubCategory pid="$ui_solution" item="vo" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<span class="nav-mega__group-title">{$vo.title}</span> |
|||
<ul class="nav-mega__links"> |
|||
{volist name="vo.children" id="vvv"} |
|||
<li><a href="{:getMuiLangUrl($vvv.alias)}">{$vvv.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:allSubCategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif condition="!empty($nav_children)" /} |
|||
<!-- 普通下拉导航 --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="{$nav_href}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-{$nav_id}" |
|||
> |
|||
{$nav_title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega" id="nav-mega-{$nav_id}"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content {$nav_mega_class}"> |
|||
<ul class="nav-mega__row"> |
|||
{volist name="nav_children" id="child"} |
|||
<li><a href="{$child.href ?? ''}">{$child.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<!-- 无子级：普通链接 --> |
|||
<li class="site-header__nav-item"> |
|||
<a href="{$nav_href}"{if condition="$nav_is_home"} class="is-active"{/if}>{$nav_title}</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<form class="site-header__search" action="{:getMuiLangUrl('/search.html')}" method="get" role="search"> |
|||
<input |
|||
class="site-header__search-input" |
|||
type="search" |
|||
name="q" |
|||
placeholder="Search keywords" |
|||
autocomplete="off" |
|||
/> |
|||
<button class="site-header__search-btn" type="submit" aria-label="Search"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(0,0,0)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="24" |
|||
height="24" |
|||
/> |
|||
</button> |
|||
</form> |
|||
<a class="s-btn s-btn--primary site-header__cta" href="{:getMuiLangUrl('/contact.html')}">Contact us</a> |
|||
</div> |
|||
<div class="site-header__extras"> |
|||
<button class="site-header__extra-btn lang" type="button" aria-label="Switch language"> |
|||
<svg |
|||
viewBox="0 0 32 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.000000" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 10" |
|||
d="M19.746 28.3C19.392 27.626 19.014 26.646 19.222 26.06C19.2708 25.8903 19.3486 25.7304 19.4519 25.5872C19.5551 25.4441 19.6824 25.3198 19.828 25.22C20.21 24.908 20.734 24.482 21.15 23.402C21.31 22.984 21.416 22.564 21.516 22.16C21.884 20.69 22.016 20.464 23.082 20.586C23.882 20.682 24.378 21.066 24.952 21.512C25.516 21.95 26.158 22.414 27.04 22.566C26.2295 23.9294 25.1741 25.1314 23.927 26.1115C22.6798 27.0915 21.2624 27.8328 19.746 28.298M4.972 22.588C5.902 22.476 6.918 22.152 7.644 21.36C8.446 20.484 8.452 19.34 8.456 18.424C8.462 17.174 8.532 16.83 9.164 16.594C10.028 16.274 10.42 16.58 11.232 17.3C11.708 17.724 12.248 18.204 12.966 18.424C13.812 18.684 14.826 18.564 15.674 18.098C16.52 17.638 17.148 16.856 17.414 15.928L17.42 15.928L17.428 15.898L17.436 15.874C17.446 15.842 17.446 15.814 17.456 15.782C17.518 15.564 17.562 15.344 17.59 15.126C17.604 15.028 17.61 14.94 17.616 14.846C17.622 14.77 17.632 14.694 17.636 14.62C17.6617 14.1266 17.6524 13.632 17.608 13.14C17.5897 12.9224 17.5777 12.7043 17.572 12.486C17.5671 12.2843 17.6176 12.085 17.718 11.91C17.894 11.826 18.362 11.742 18.684 11.686C19.578 11.528 20.672 11.328 21.332 10.552L21.342 10.546L21.34 10.546C21.38 10.498 21.422 10.458 21.458 10.406C22.574 8.834 22.506 7.208 21.282 6.164C21.1849 6.08469 21.0841 6.00994 20.98 5.94C20.26 5.44 19.952 5.086 20.162 4.436C20.224 4.24 20.292 4.07 20.358 3.916C22.8457 4.81129 24.9968 6.45204 26.5179 8.61455C28.039 10.7771 28.8562 13.3561 28.858 16C28.858 17.548 28.568 19.026 28.068 20.4C27.9135 20.4466 27.7547 20.4774 27.594 20.492C27.154 20.492 26.834 20.262 26.266 19.818C25.578 19.284 24.722 18.622 23.332 18.458C20.336 18.102 19.77 20.318 19.438 21.638C19.354 21.976 19.272 22.318 19.148 22.634C18.938 23.182 18.764 23.324 18.474 23.56C18.098 23.868 17.582 24.288 17.206 25.34C16.786 26.506 17.168 27.812 17.586 28.748C17.066 28.814 16.538 28.858 16 28.858C13.7766 28.857 11.5915 28.2786 9.65872 27.1796C7.72594 26.0805 6.11169 24.4983 4.974 22.588M15.998 3.142C16.778 3.142 17.536 3.222 18.276 3.356C18.2199 3.49487 18.1685 3.63562 18.122 3.778C17.388 6.052 19.172 7.292 19.756 7.698L19.89 7.792C20.02 7.904 20.352 8.202 19.77 9.076C19.562 9.254 19.35 9.286 18.83 9.31C18.134 9.344 17.084 9.394 16.152 10.43L16.148 10.436L16.146 10.438L16.134 10.448C16.114 10.47 16.102 10.494 16.084 10.516C15.59 11.096 15.45 11.73 15.434 12.352C15.4195 12.7589 15.4289 13.1662 15.462 13.572C15.488 14.002 15.512 14.414 15.476 14.78C15.4534 14.9575 15.4186 15.1332 15.372 15.306C15.3192 15.4999 15.2272 15.6809 15.1016 15.8377C14.9761 15.9946 14.8196 16.124 14.642 16.218C14.302 16.406 13.888 16.468 13.598 16.378C13.324 16.292 12.998 16.004 12.652 15.698C11.804 14.944 10.52 13.804 8.416 14.586C6.328 15.366 6.32 17.198 6.314 18.412C6.31 19.048 6.306 19.648 6.064 19.912C5.616 20.402 4.698 20.506 3.964 20.488C3.42378 19.0533 3.14602 17.5331 3.144 16C3.144 13.7432 3.738 11.5261 4.86631 9.57158C5.99462 7.61705 7.61749 5.99393 9.57184 4.86531C11.5262 3.7367 13.7432 3.14235 16 3.142M16 1C7.728 1 1 7.728 1 16C1 24.272 7.728 31 16 31C24.272 31 31 24.272 31 16C31 7.728 24.272 1 16 1Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
<path |
|||
id="矢量 10" |
|||
d="M16 0C24.8235 0 32 7.17653 32 16C32 24.8235 24.8235 32 16 32C7.17653 32 0 24.8235 0 16C0 7.17653 7.17653 0 16 0ZM1 16C1 7.728 7.728 1 16 1C24.272 1 31 7.728 31 16C31 24.272 24.272 31 16 31C7.728 31 1 24.272 1 16Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
<a href="{:getMuiLangUrl('/search.html')}" class="site-header__extra-btn search" aria-label="Search"> |
|||
<svg |
|||
viewBox="0 0 32.9434 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.943359" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 3" |
|||
d="M22.7394 24.9684C20.3451 26.8783 17.3108 28.0198 14.0099 28.0198C6.27256 28.0198 0 21.7474 0 14.0099C0 6.27246 6.27256 0 14.0099 0C21.7473 0 28.0198 6.27246 28.0198 14.0099C28.0198 16.9923 27.088 19.757 25.4995 22.0287L32.944 28.9999L29.7711 32L22.7394 24.9684ZM23.8675 14.0099C23.8675 8.01334 20.0063 4.15222 14.0099 4.15222C8.01354 4.15222 4.15232 8.01334 4.15232 14.0099C4.15232 20.0065 8.01354 23.8676 14.0099 23.8676C20.0063 23.8676 23.8675 20.0065 23.8675 14.0099Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</a> |
|||
<button |
|||
class="site-header__extra-btn toggle" |
|||
type="button" |
|||
aria-expanded="false" |
|||
aria-controls="mask" |
|||
aria-label="Open menu" |
|||
> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/1999/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> |
|||
</div> |
|||
<div class="headerMobList"> |
|||
<ul> |
|||
<span> |
|||
<a href="javascript:;" class="close"><img src='/themes/static/images/close.png' alt=""></a> |
|||
</span> |
|||
<p> |
|||
<input type="text" placeholder="请输入关键词搜索"> |
|||
<a href="javascript:;" class="searchBtn">搜索</a> |
|||
</p> |
|||
{hcTaglib:nav cid="43" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}<em><img src="/themes/static/images/right3.png" alt=""></em></a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
{hcTaglib:nav cid="44" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}<em><img src="/themes/static/images/right3.png" alt=""></em></a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
</header> |
|||
{php} |
|||
// 获取股票信息 |
|||
$stockInfo = getStockInfo('603933'); |
|||
// 判断涨跌颜色 |
|||
$priceColor = ''; |
|||
if ($stockInfo['change'] !== '--') { |
|||
$changeVal = floatval(str_replace(['+', '-'], '', $stockInfo['change'])); |
|||
if ($stockInfo['change'][0] === '+') { |
|||
$priceColor = 'color: #ef4335'; // 上涨红色 |
|||
} elseif ($stockInfo['change'][0] === '-') { |
|||
$priceColor = 'color: #00b894'; // 下跌绿色 |
|||
} |
|||
} |
|||
{/php} |
|||
@ -1,35 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="xiangqingBlock"> |
|||
<div class="w1400"> |
|||
<div class="tit">{$hc_content.title}</div> |
|||
<div class="time"><img src="/themes/static/images/xiangqingBlockIco.png" alt="">{:date('Y.m.d', strtotime($hc_content['publish_time']))}</div> |
|||
<div class="content"> |
|||
{$hc_content.content|raw} |
|||
</div> |
|||
<div class="page"> |
|||
<div class="left"> |
|||
<p>{hcTaglib:preContent /}</p> |
|||
<p>{hcTaglib:nextContent /}</p> |
|||
</div> |
|||
<a href="/news.html" class="btn">返回列表</a> |
|||
<!-- {hcTaglib:backList cid="1" /} --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -1,157 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/anli.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="anliBlock"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>房地产案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于房地产领域，打造完善的智能家居整体解决方案</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="195" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="196" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="anliBlock2"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>酒店案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于酒店领域，打造先进酒店客房控制系统</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="197" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="198" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".anliBlock .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper2 = new Swiper(".anliBlock .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock .swiper-button-next", |
|||
prevEl: ".anliBlock .swiper-button-prev", |
|||
}, |
|||
}); |
|||
var swiper3 = new Swiper(".anliBlock2 .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper4 = new Swiper(".anliBlock2 .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock2 .swiper-button-next", |
|||
prevEl: ".anliBlock2 .swiper-button-prev", |
|||
}, |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,111 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<?php |
|||
$page = (int)request() -> param('page'); |
|||
?> |
|||
<!-- 正文 --> |
|||
<div class="xinwenBlock"> |
|||
{if empty($page) || $page<=1 } |
|||
{hcTaglib:content cid="186" moduleId="1" name="news" limit="2" onlyData="1"} |
|||
<div class="w1400 top"> |
|||
{volist name="news" id="vo" length="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list first"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.thumbnail.description}"> |
|||
<span></span> |
|||
</div> |
|||
<div class="tit"> |
|||
<span>{$vo.title}</span> |
|||
<div class="tipsFirst">{$vo.description}</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
{volist name="news" id="vo" length="1" offset="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt=""> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="186" moduleId="1" name="newsList" limit="8" len="6" offset="2" item="vv" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<ul class="pagination"> |
|||
<ul class="pagination"> |
|||
{$newsList|raw} |
|||
</ul> |
|||
</ul> |
|||
{else /} |
|||
|
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="186" name="news" item="vv" limit="8"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
|
|||
<ul class="pagination"> |
|||
{$news|raw} |
|||
</ul> |
|||
{/if} |
|||
|
|||
|
|||
|
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -1,158 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>应用场景—智能家居系统集成方案—全屋智能家居系统—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店等。目标为全球亿万家庭创造智能个性新生活!"> |
|||
<meta name="keywords" content="全屋智能家居系统，智能家居整体解决方案服务商，智能家居解决方案，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/changjing.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="changjingBanner"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<video src="{$vo.main_content.video.url|default=''}" loop="loop" autoplay="autoplay" muted="muted" poster="{$vo['cover']['url']|default=''}"></video> |
|||
<div class="posi"><img src="{$vo['main_content']['gif']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="changjingTab"> |
|||
<div class="w1400"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left4.png" alt=""></div> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="151" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right4.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="changjingBlock"> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="tit"> |
|||
<p>{$vo.sub_title}</p> |
|||
<div class="tips">{$vo.main_content.intro}</div> |
|||
</div> |
|||
<div class="changjingBlock2"> |
|||
<div class="swiper changjingBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vo.main_content.ico_two" id="vvo" } |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="{$vvo.url}" alt=""></div> |
|||
<p>{$vvo.description}</p> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="/themes/static/images/changjingBlock2Img2.png" alt=""></div> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right6.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left6.png" alt=""></div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
<p> |
|||
{$vo.title}<span>{$vo.main_content.time_slot}</span> |
|||
</p> |
|||
<div class="contList"> |
|||
<ul> |
|||
{volist name="$vo.main_content.atlas" id="vv" } |
|||
<li> |
|||
<i></i> |
|||
<em></em> |
|||
<span> |
|||
<img src="{$vv.url}" alt=""> |
|||
</span> |
|||
<div>{$vv.description}</div> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
spaceBetween: 20, |
|||
slidesPerView: "auto", |
|||
navigation: { |
|||
nextEl: ".changjingTab .w1400 .swiper-button-next", |
|||
prevEl: ".changjingTab .w1400 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
640:{ |
|||
spaceBetween: 40, |
|||
}, |
|||
1200:{ |
|||
spaceBetween: 100, |
|||
} |
|||
} |
|||
}); |
|||
$('.changjingTab .w1400 .mySwiper .swiper-wrapper .swiper-slide a').each(function(){ |
|||
if(window.location.pathname == $(this).attr('href')){ |
|||
$(this).parent().addClass('on') |
|||
}else if(window.location.pathname == $(this).attr('href') + '.html'){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
var swiper2 = new Swiper(".changjingBlock2Swiper", { |
|||
slidesPerView:3, |
|||
slidesPerGroup: 2, |
|||
spaceBetween: 0, |
|||
navigation: { |
|||
nextEl: ".changjingBlock2 .swiper-button-next", |
|||
prevEl: ".changjingBlock2 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 5, |
|||
}, |
|||
996:{ |
|||
slidesPerView: 7, |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 9, |
|||
}, |
|||
1366:{ |
|||
slidesPerView: 11, |
|||
} |
|||
} |
|||
}); |
|||
let changjingSwiper2 = $('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length |
|||
swiper2.removeSlide(changjingSwiper2 - 1); |
|||
if($('body').width() > 1366){ |
|||
if($('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length < 11){ |
|||
$('.changjingBlock2Swiper .swiper-wrapper').css('justify-content','center') |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,155 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>产品中心—智能家居安装—智能家居整体解决方案服务商—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM是一家专业的智能家居整体解决方案服务商，为多家超五星酒店和地产开发商提供智能家居系统解决方案，严选国内外知名品牌产品，为客户度身定制高体验感的智能系统集成方案。"> |
|||
<meta name="keywords" content="智能家居整体解决方案服务商，智能家居安装，全屋智能家居控制系，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/chanpin.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="chanpinBanner"> |
|||
{if $current_cate['parent_id'] == 150 } |
|||
<img src="{$current_cate['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$current_cate.content|raw}<span>{$current_cate.title}</span></div> |
|||
<div class="tips"> |
|||
{$current_cate.description} |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
{hcTaglib:category id="$current_cate['parent_id']" field="id,title,banner,content,description"} |
|||
<img src="{$hc_category['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$hc_category.content|raw}<span>{$hc_category.title}</span></div> |
|||
<div class="tips"> |
|||
{$hc_category.description} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
{/if} |
|||
|
|||
</div> |
|||
<!-- 正文 --> |
|||
<?php |
|||
if($current_cate['parent_id'] == 150) |
|||
{ |
|||
$pid = $current_cate['id']; |
|||
}else{ |
|||
$pid = $current_cate['parent_id']; |
|||
} |
|||
?> |
|||
<div class="chanpinTab" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="w1400"> |
|||
<ul> |
|||
<li><a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a></li> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<li><a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinTabMob"> |
|||
<div class="swiper chanpinTabMobSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a> |
|||
</div> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinBlock"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="cont"> |
|||
{hcTaglib:contentPage cid="$current_cate['id']" moduleId='6' mainField="*" all="1" subField="*" name="case_top" limit="18" item="vvo"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$vvo['thumbnail']['url']}" alt=""> |
|||
<div class="posi"> |
|||
{$vvo.content|raw} |
|||
<div class="border-top"></div> |
|||
<div class="border-right"></div> |
|||
<div class="border-bottom"></div> |
|||
<div class="border-left"></div> |
|||
</div> |
|||
</div> |
|||
<a href="{$vvo['url']}"> |
|||
<div class="tit">{$vvo.title}</div> |
|||
<div class="tips">{$vvo.description}</div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{$case_top|raw} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
$('.chanpinBlock .w1400 .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
console.log(1) |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':1},400) |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':0},400) |
|||
} |
|||
}) |
|||
$('.chanpinBlock .w1400 .list .img').click(function(){ |
|||
if($(this).children('.posi').hasClass('on')){ |
|||
$(this).children('.posi').stop().animate({'opacity':0}) |
|||
$(this).children('.posi').removeClass('on') |
|||
return |
|||
} |
|||
$(this).children('.posi').stop().animate({'opacity':1}) |
|||
$(this).children('.posi').addClass('on') |
|||
}) |
|||
var swiper = new Swiper(".chanpinTabMobSwiper", { |
|||
slidesPerView: 3.5, |
|||
}); |
|||
let thisUrl = window.location.pathname |
|||
$('.chanpinTabMob .swiper .swiper-wrapper .swiper-slide').each(function(){ |
|||
console.log($(this).children('a').attr('href')) |
|||
if($(this).children('a').attr('href') == thisUrl){ |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.chanpinTab .w1400 ul li a').each(function(){ |
|||
if($(this).attr('href') == thisUrl){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
// $('.chanpinTab .w1400 ul li').eq(0).addClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').eq(0).css('display','flex') |
|||
// $('.chanpinTab .w1400 ul li').click(function(){ |
|||
// if($(this).hasClass('on')){ |
|||
// return |
|||
// } |
|||
// $(this).addClass('on') |
|||
// $(this).siblings().removeClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').css('display','none') |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).stop().fadeIn() |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).css('display','flex') |
|||
// }) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,393 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/guanyu.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="154" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.description}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 宅极慧iHM --> |
|||
<div class="guanyuBlock" id="block1"> |
|||
{hcTaglib:content cid="156" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"} |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{$vo.content|raw} |
|||
{/hcTaglib:content} |
|||
<ul class="numCount"> |
|||
{hcTaglib:contentPage cid="157" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"} |
|||
<li> |
|||
<p>{$vvo.title}</p> |
|||
<div> |
|||
<span class="numCX" data-startVal="0" data-endVal="{$vvo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vvo.id}">{$vvo.sub_title}</span> |
|||
{$vvo.description} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
<div class="img" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:contentPage cid="183" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- 企业文化 --> |
|||
<div class="guanyuBlock2" id="block2"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="184" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:content cid="184" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""><span><img src="/themes/static/images/guanyuBlock2Ico.png" alt=""></span></div> |
|||
<div class="text"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="en">{$vo.sub_title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 发展历程 --> |
|||
<div class="guanyuBlock3" id="block3"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="185" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="line"></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
<div class="swiper guanyuBlock3Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="185" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="time"> |
|||
<span>{$vo.title}</span>年 |
|||
</div> |
|||
<em></em> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<div class="text">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 新闻资讯 --> |
|||
<div class="guanyuBlock4" id="block4"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="186" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock4Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="186" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="time">{:date('Y-m-d', strtotime($vo['publish_time']))}</div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="line"></div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
{hcTaglib:category id="186" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
更多资讯 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 荣誉证书 --> |
|||
<div class="guanyuBlock5" id="block5"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="187" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock5Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="187" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 加入宅极慧 --> |
|||
<div class="guanyuBlock6" id="block6"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="188" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
<a href="{$vo.alias}" class="moreBtn" target="_blank"> |
|||
查看岗位信息 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们 --> |
|||
<div class="guanyuBlock7" id="block7"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="189" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="left"> |
|||
<div class="tel"> |
|||
{hcTaglib:category id="190" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<div class="cont"> |
|||
{hcTaglib:content cid="190" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<a href="tel:{$vo.title}">{$vo.title}</a> |
|||
{$vo.sub_title} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="mail"> |
|||
{hcTaglib:category id="191" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
<a href="mailto:{$vo.sub_title}">{$vo.sub_title}</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="192" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="tips"> |
|||
<p>{$vo.sub_title}</p> |
|||
{$vo.title} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="address"> |
|||
{hcTaglib:category id="193" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<ul> |
|||
{hcTaglib:content cid="193" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<li> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<form action=""> |
|||
<div class="tit">在线预约</div> |
|||
<input type="text" name="name" id="inputName" placeholder="请输入您的姓名"> |
|||
<input type="text" name="tel" id="inputTel" placeholder="请输入您的电话"> |
|||
<input type="text" name="content" id="inputCont" placeholder="留言内容"> |
|||
<a href="javascript:;" class="btn">立即提交</a> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="formTips"> |
|||
提交成功 |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script src="/themes/static/js/count.js"></script> |
|||
<script> |
|||
// 数字滚动 |
|||
$(function(){ |
|||
var countCXArr = []; |
|||
var countCX=function (){ |
|||
$('.numCount').each(function(i, dom) { |
|||
if(countCXArr[i] && countCXArr[i] === true){ |
|||
return; |
|||
} |
|||
var sT; |
|||
var ncTop; |
|||
sT = $(window).scrollTop(); |
|||
ncTop = $(dom).offset().top; |
|||
var id,decimals, startVal, endVal, duration; |
|||
if (sT > ncTop-$(window).height() && sT < ncTop) { |
|||
$(dom).find('.numCX').each(function(){ |
|||
id=$(this).attr('id'); |
|||
decimals = $(this).attr('data-decimals'), |
|||
startVal = $(this).attr('data-startVal'), |
|||
endVal = $(this).attr('data-endVal'), |
|||
duration = $(this).attr('data-speed'); |
|||
new CountUp(id, startVal, endVal, decimals, duration, { |
|||
useEasing: true,//效果 |
|||
separator: ''//数字分隔符 |
|||
}).start();// target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象 |
|||
countCXArr[i] = true; |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
countCX(); |
|||
$(window).on("scroll",function() { |
|||
countCX(); |
|||
}) |
|||
}); |
|||
// 发展历程 |
|||
var swiper = new Swiper(".guanyuBlock3Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock3 .swiper-button-next", |
|||
prevEl: ".guanyuBlock3 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
}, |
|||
1200:{ |
|||
slidesPerView: 4, |
|||
spaceBetween: 66, |
|||
} |
|||
} |
|||
}); |
|||
// 发展历程 时间轴线位置、长度 |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
$(window).resize(function(){ |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
}) |
|||
// 新闻资讯 |
|||
var swiper2 = new Swiper(".guanyuBlock4Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock4 .swiper-button-next", |
|||
prevEl: ".guanyuBlock4 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 70 |
|||
} |
|||
} |
|||
}); |
|||
// 荣誉证书 |
|||
var swiper3 = new Swiper(".guanyuBlock5Swiper", { |
|||
loop: true, |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock5 .swiper-button-next", |
|||
prevEl: ".guanyuBlock5 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView:2, |
|||
}, |
|||
997:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 30, |
|||
centeredSlides: true, |
|||
} |
|||
} |
|||
}); |
|||
$('.guanyuBlock7 .w1400 .right form .btn').click(function(){ |
|||
let name = $('#inputName').val() |
|||
let tel = $('#inputTel').val() |
|||
let content = $('#inputCont').val() |
|||
let re = /^1[3|4|5|6|7|8|9]\d{9}$/; |
|||
if(name == ''){ |
|||
alert('请输入您的姓名') |
|||
return |
|||
} |
|||
if (tel == '') { |
|||
alert("请输入您的号码"); |
|||
return false; |
|||
} else if (!re.test(tel)) { |
|||
alert("请输入正确的号码"); |
|||
return false; |
|||
} |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "Inquiry/save", |
|||
data: { |
|||
contacts_name: name, |
|||
phone: tel, |
|||
content: content, |
|||
referer: window.location.href |
|||
}, |
|||
success: function (res) { |
|||
$('.formTips').stop().fadeIn() |
|||
$('.guanyuBlock7 .w1400 .right form')[0].reset(); |
|||
setTimeout(function() { |
|||
$('.formTips').stop().fadeOut() |
|||
}, 3000); |
|||
}, |
|||
Error: function(res){ |
|||
alert('提交失败，请尝试联系客服') |
|||
} |
|||
}); |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
1179
public/themes/website/4/en/demo/single_index.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,170 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/jiage.css?version=1.01"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="jiageBlock"> |
|||
{hcTaglib:category id="153" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="win"> |
|||
{hcTaglib:category id="174" item="vo" field="*"} |
|||
<div class="titFirst">{$vo.sub_title}</div> |
|||
<div class="big">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="moreBtn"> |
|||
开始估算价格 |
|||
<img src="/themes/static/images/more2.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="win2"> |
|||
{hcTaglib:category id="175" item="vo" field="*"} |
|||
<div class="tit"><span>1</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="175" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list" data-price="{$vo.description}"> |
|||
<div class="img"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<p> |
|||
<span>{$vo.sub_title}</span> |
|||
{$vo.title} |
|||
</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win3"> |
|||
{hcTaglib:category id="176" item="vo" field="*"} |
|||
<div class="tit"><span>2</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="176" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win4"> |
|||
{hcTaglib:category id="177" item="vo" field="*"} |
|||
<div class="tit"><span>3</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="177" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win5"> |
|||
{hcTaglib:category id="178" item="vo" field="*"} |
|||
<div class="tit"><span>4</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="178" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="pick"> |
|||
{hcTaglib:content cid="179" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<a href="javascript:;" data-price="{$vvo.sub_title}">{$vvo.title}<img src="/themes/static/images/true2.png" alt=""></a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win6"> |
|||
{hcTaglib:category id="180" item="vo" field="*"} |
|||
<div class="tit"><span>5</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="180" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win7"> |
|||
{hcTaglib:category id="181" item="vo" field="*"} |
|||
<div class="tit"><span>6</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="181" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win8"> |
|||
{hcTaglib:category id="182" item="vo" field="*"} |
|||
<div class="tit"><span>7</span>{$vo.title}？*</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="182" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win9"> |
|||
<div class="tit"><span>8</span>差不多了！请提供您的联系方式 *</div> |
|||
<form action="" id="form"> |
|||
<input type="text" id="formName" placeholder="请输入您的姓名"> |
|||
<input type="text" id="formWechat" placeholder="请输入你的微信号或WhatsApp”"> |
|||
<input type="text" id="formTel" placeholder="请输入您的电话"> |
|||
<a href="javascript:;" class="submit">Submit</a> |
|||
</form> |
|||
</div> |
|||
<div class="win10"> |
|||
<div class="content"> |
|||
<div class="tit"> |
|||
根据您的需求<br>您的智能家居预算预估 |
|||
</div> |
|||
<div class="price"> |
|||
<span></span>元 |
|||
</div> |
|||
<div class="tips"> |
|||
感谢您完成智能家居预估配置<br>我们将会有专业的团队与您联系<br>与您一同打造您理想中的智能家居 |
|||
</div> |
|||
{hcTaglib:category id="194" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn">查看案例<img src="/themes/static/images/more2.png" alt=""></a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 提示框 --> |
|||
<div class="blackBg"> |
|||
<div class="tips"> |
|||
<p>提示框</p> |
|||
<div class="text"></div> |
|||
<a href="javascript:;" class="close">确定</a> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/jiage.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -1,268 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/jiejue.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="jiejueBlock"> |
|||
{hcTaglib:category id="168" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="contList"> |
|||
{hcTaglib:content cid="168" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<span></span> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="bottom"> |
|||
{hcTaglib:content cid="169" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo['cover']['url']|default=''}" alt=""></div> |
|||
<div class="posi"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jiejueBlock2"> |
|||
{hcTaglib:category id="170" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="tab"> |
|||
{hcTaglib:subcategory pid="170" item="vo" field="*"} |
|||
<a href="javascript:;"><img src="{$vo['thumbnail']['url']|default=''}" alt="">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="170" item="vo" field="*"} |
|||
<div class="cont"> |
|||
<div class="list"> |
|||
<div class="swiper jiejueBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$vo.id" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo"} |
|||
<div class="swiper-slide"> |
|||
<div class="swiper jiejueBlock2Swiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vvo.main_content.atlas" id="vv" } |
|||
<div class="swiper-slide"><img src="{$vv.url}" alt="" srcset=""></div> |
|||
{/volist} |
|||
</div> |
|||
<div class="hoverLeft"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
</div> |
|||
<div class="hoverRight"> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="tit"> |
|||
{$vvo.title} |
|||
</div> |
|||
<div class="tips"> |
|||
{$vvo.description} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="menuBox"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left5.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right5.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jiejueBlock3"> |
|||
{hcTaglib:category id="170" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="left"> |
|||
{hcTaglib:subcategory pid="172" item="vo" field="*"} |
|||
<a href="javascript:;"> |
|||
{$vo.title}<img src="/themes/static/images/right3.png" alt=""> |
|||
<div class="noneBg"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:subcategory pid="172" item="vo" field="*"} |
|||
<div class="list"> |
|||
<div class="swiper jiejueBlock3Parent"> |
|||
<div class="ParentMenu"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left5.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right5.png" alt=""></div> |
|||
</div> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$vo.id" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo"} |
|||
<div class="swiper-slide"> |
|||
<div class="tit">{$vvo.title}</div> |
|||
<div class="tips"> |
|||
{$vvo.description} |
|||
</div> |
|||
<div class="swiper jiejueBlock3child"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vvo.main_content.atlas" id="vo" } |
|||
<div class="swiper-slide"> |
|||
<img src="{$vo.url}" alt="{$vo.description}" srcset=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
<div class="hoverLeft"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
</div> |
|||
<div class="hoverRight"> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
if($(window).width() > 996 ){ |
|||
$('.jiejueBlock .w1400 .bottom .list').eq(0).addClass('on') |
|||
} |
|||
$(window).resize(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$('.jiejueBlock .w1400 .bottom .list').removeClass('on') |
|||
} |
|||
}) |
|||
$('.jiejueBlock .w1400 .bottom .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).addClass('on') |
|||
$(this).siblings('').removeClass('on') |
|||
} |
|||
}) |
|||
var swiper = new Swiper(".jiejueBlock2Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".jiejueBlock2Swiper .menuBox .swiper-button-next", |
|||
prevEl: ".jiejueBlock2Swiper .menuBox .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
996:{ |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
} |
|||
} |
|||
}); |
|||
var swiper = new Swiper(".jiejueBlock2Swiper2", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".jiejueBlock2Swiper2 .swiper-button-next", |
|||
prevEl: ".jiejueBlock2Swiper2 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
996:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30, |
|||
} |
|||
} |
|||
}); |
|||
// tab切换 |
|||
let tabOn |
|||
$('.jiejueBlock2 .w1400 .content .cont .list').eq(0).fadeIn() |
|||
$('.jiejueBlock2 .w1400 .tab a').eq(0).addClass('on') |
|||
$('.jiejueBlock2 .w1400 .tab a').click(function(){ |
|||
$(this).addClass('on') |
|||
$(this).siblings().removeClass('on') |
|||
let thisClick = $(this).index() |
|||
$('.jiejueBlock2 .w1400 .content .cont .list').css('display','none') |
|||
$('.jiejueBlock2 .w1400 .content .cont .list').eq(thisClick).fadeIn() |
|||
}) |
|||
|
|||
// 智能系统经验 |
|||
$('.jiejueBlock3 .w1400 .left a').eq(0).addClass('on') |
|||
$('.jiejueBlock3 .w1400 .left a').eq(0).children('.noneBg').fadeIn() |
|||
$('.jiejueBlock3 .w1400 .right .list').eq(0).fadeIn() |
|||
$('.jiejueBlock3 .w1400 .left a').click(function(){ |
|||
let block3Click = $(this).index() |
|||
$(this).addClass('on') |
|||
$(this).siblings().removeClass('on') |
|||
$(this).children('.noneBg').stop().fadeIn() |
|||
$(this).siblings().children('.noneBg').stop().fadeOut() |
|||
$('.jiejueBlock3 .w1400 .right .list').css('display','none') |
|||
$('.jiejueBlock3 .w1400 .right .list').eq(block3Click).stop().fadeIn() |
|||
}) |
|||
var swiper = new Swiper(".jiejueBlock3Parent", { |
|||
navigation: { |
|||
nextEl: ".jiejueBlock3Parent .ParentMenu > .swiper-button-next", |
|||
prevEl: ".jiejueBlock3Parent .ParentMenu > .swiper-button-prev", |
|||
}, |
|||
}); |
|||
var swiper = new Swiper(".jiejueBlock3child", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".jiejueBlock3child .swiper-button-next", |
|||
prevEl: ".jiejueBlock3child .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 20, |
|||
}, |
|||
996:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 43, |
|||
} |
|||
} |
|||
}); |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,142 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/jishu.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="199" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="jishuBlock" id="block1"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="200" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="200" moduleId='1' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="border"></div> |
|||
<div class="text">{$vo.title}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock2" id="block2"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="201" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="201" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="list"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
<div class="tit"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="posi"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<span></span> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock3" id="block3"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="202" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
{hcTaglib:content cid="202" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:category id="202" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
pagination: { |
|||
el: ".swiper-pagination", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 40 |
|||
}, |
|||
1560:{ |
|||
slidesPerView: 5, |
|||
spaceBetween: 0 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
$('.jishuBlock2 .content .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).addClass('on') |
|||
return |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).removeClass('on') |
|||
return |
|||
} |
|||
|
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,211 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/zhaopin.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="zhaopinBlock"> |
|||
<div class="w1400"> |
|||
<div class="tab zn"> |
|||
<div class="tit"> |
|||
职能： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="244" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="tab dq"> |
|||
<div class="tit"> |
|||
地区： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="245" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="content"> |
|||
{if isset($job)} |
|||
{volist name="job" id="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">优享待遇</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
{else /} |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="" item="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">核心骨干股权激励计划</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{/if} |
|||
</div> |
|||
{if isset($job)} |
|||
{$job|raw} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<script> |
|||
$('.zhaopinBlock .w1400 .zn .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .dq .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .content .list .top').click(function(){ |
|||
if($(this).hasClass('on')){ |
|||
$(this).removeClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': 0}) |
|||
return |
|||
} |
|||
$(this).addClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': $(this).siblings('.cont').children('.center').outerHeight()}) |
|||
}) |
|||
// |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
} |
|||
let baseUrl = '/{:request()->pathinfo()}?'; |
|||
let tab1 = getUrlParam('zn') |
|||
let tab2 = getUrlParam('dq') |
|||
// $('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
// }) |
|||
// $('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick2 = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
// }) |
|||
$('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
if(tab2 == null){ |
|||
tab2 = 0 |
|||
} |
|||
let thisClick = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
if(tab1 == null){ |
|||
tab1 = 0 |
|||
} |
|||
let thisClick2 = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
}) |
|||
// |
|||
$('.zhaopinBlock .w1400 .zn .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab1){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab2){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,656 +0,0 @@ |
|||
<!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/about.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/about.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="assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="assets/images/logo-dark.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<nav class="site-header__nav"> |
|||
<a class="site-header__nav-link hover_underline" href="index.html">首页</a> |
|||
<div class="site-header__nav-item"> |
|||
<a class="site-header__nav-link" href="#" |
|||
aria-haspopup="true" id="site-header-nav-products">产品及解决方案</a> |
|||
<div class="site-header__dropdown glass-card" role="menu" aria-labelledby="site-header-nav-products"> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/product-smart-home/index.html">智能家居系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/dengguang/index.html">智能灯控系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/kongtiao/index.html">中央空调系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/green-energy/index.html">绿色能源解决方案</a> |
|||
</div> |
|||
</div> |
|||
<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> |
|||
|
|||
<div class="about-page"> |
|||
<section class="section__banner"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">智能家居整体解<br />决方案服务商</h1> |
|||
<p class="section__banner__sub">关于宅极慧iHM</p> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-1 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">宅极会慧iHM</h1> |
|||
<p class="about__sub_title">关于宅极会慧</p> |
|||
</div> |
|||
<div data-aos="fade-up"> |
|||
<p class="about__desc"> |
|||
宅极慧iHM为韩浓机电集团旗下品牌，创立于2006年，秉承着成为客户满意的智能家居服务商的理念，打造与用户共筑一个更个性、更智慧的家的愿景，是专业的智能家居整体解决方案服务商。致力于打造智能家居泛生态系统，严选国内外知名品牌，为客户度身定制高体验感的智能系统集成方案。 |
|||
</p> |
|||
<p class="about__desc"> |
|||
宅极慧iHM在上海、广州和香港等地设办事处，以“体验化、国际化”为目标，秉承五星智能家居管家服务体系，我们致力于为广大家庭提供更个性，更便捷舒适的智能生活体验，在设计，产品、服务，安装，调试方面不断迭代，让每一个客户省心，舒心，为您缔造五星级般的智能控制体验。 |
|||
</p> |
|||
<p class="about__desc"> |
|||
宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店，喜达屋集团，瑞吉酒店，和平饭店，中信集团，金茂集团，中粮集团，瑞安集团等。目标为全球亿万家庭创造智能个性新生活! |
|||
</p> |
|||
</div> |
|||
<div class="section__metrics row gx-0"> |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"> |
|||
<span class="counter">2006</span> |
|||
年 |
|||
</p> |
|||
<p class="section__metric-label">公司成立时间</p> |
|||
</div> |
|||
</div> |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"><span class="counter">50000</span>+</p> |
|||
<p class="section__metric-label">智能化设计</p> |
|||
</div> |
|||
</div> |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"><span class="counter">123</span>级城市</p> |
|||
<p class="section__metric-label">落地化项目区域分布</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="section1_img"> |
|||
<img src="themes/static_new/static/assets/section-1-img-DKytX7rf.png" alt=""> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-2 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">企业文化</h1> |
|||
<p class="about__sub_title">以客户为中心 以员公为中心</p> |
|||
</div> |
|||
<div class="concept-grid" data-aos="fade-up"> |
|||
<!-- 第一行 --> |
|||
<div class="grid-item"> |
|||
<img src="themes/static_new/static/assets/section-2-img-1-EADjXg3Q.png" alt="现代智能家居" class="grid-item__img" /> |
|||
<div class="text-content"> |
|||
<h3>我们的愿景</h3> |
|||
<p class="en">OUR VISION</p> |
|||
<p class="desc">成为国际知名的智能家居集成商</p> |
|||
</div> |
|||
</div> |
|||
<div class="grid-item"> |
|||
<div class="text-content"> |
|||
<h3>我们的理念</h3> |
|||
<p class="en">OUR CONCEPT</p> |
|||
<p class="desc">与用户共筑一个更个性更智慧的家</p> |
|||
</div> |
|||
<img src="themes/static_new/static/assets/section-2-img-3-DyGoFkXz.png" alt="城市夜景" class="grid-item__img" /> |
|||
</div> |
|||
<div class="grid-item"> |
|||
<img src="themes/static_new/static/assets/section-2-img-2-BIf-cjKB.png" alt="团队合作" class="grid-item__img" /> |
|||
<div class="text-content"> |
|||
<h3>价值观</h3> |
|||
<p class="en">VALUES</p> |
|||
<p class="desc">利他思想、永不言弃、团队合作</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</section> |
|||
<section class="about-section-3 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">发展历程</h1> |
|||
<p class="about__sub_title">经历十多年努力，不畏艰难，勇于迎接挑战</p> |
|||
</div> |
|||
<div class="about-section-3-slider swiper__wrap" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2023<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-1-BEn8ynYD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">升级</h3> |
|||
<p class="s-card__desc">升级“宅极慧iHM”品牌，专注于智能家居领域，与用户共筑一个更个性，更智慧的家。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2022<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-2-OnbzrgOK.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">新片</h3> |
|||
<p class="s-card__desc">在广州设立办事处，以“体验化、国际化”为目标，目标为全球亿万家庭创造智能个性新生活!</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2019<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-3-ByvCf-YP.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">深耕</h3> |
|||
<p class="s-card__desc">在智能领域深耕不辍，韩浓机电向全球前沿品牌迈进。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2015<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">普及</h3> |
|||
<p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2014<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">普及</h3> |
|||
<p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2013<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">普及</h3> |
|||
<p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="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> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-4 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">新闻资讯</h1> |
|||
<p class="about__sub_title">抓住机会，了解市场前沿动态</p> |
|||
</div> |
|||
<div class="swiper__wrap swiper__wrap2" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-1-DMj9HxJ4.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧HM好口碑获得消费者点赞</h3> |
|||
<p class="s-card__sub-title">2023-04-07</p> |
|||
<p class="s-card__desc">随着科技的不断发展,全屋智能家居方案正在逐渐成为人们生活的一部分。据Statista调查数据统计2...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-1-DMj9HxJ4.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧HM好口碑获得消费者点赞</h3> |
|||
<p class="s-card__sub-title">2023-04-07</p> |
|||
<p class="s-card__desc">随着科技的不断发展,全屋智能家居方案正在逐渐成为人们生活的一部分。据Statista调查数据统计2...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="btn__wrap justify-content-center d-flex" data-aos="fade-up"> |
|||
<a class="s-btn s-btn--ghost" type="button"> |
|||
<span>更多资询</span> |
|||
<img src="assets/images/arrow-r-black.png" alt="向右箭头" class="s-btn__arrow"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- <section class="about-section-5 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">荣誉证书</h1> |
|||
<p class="about__sub_title">荣誉资质见证宅极慧iHM品牌实力</p> |
|||
</div> |
|||
<div class="swiper__wrap swiper__wrap3" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper3"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="../assets/images/arrow-left.png" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="../assets/images/arrow-right.png" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
|
|||
</section> --> |
|||
<section class="about-section-6 section-wrap"> |
|||
<div data-aos="fade-up" |
|||
class="section__innner h-100 d-flex flex-column align-items-center justify-content-center"> |
|||
<div class="section6__header"> |
|||
<h1 class="section6__title">加入宅极慧iHM，一起创造大场面</h1> |
|||
<p class="section6__sub_title">我们一直坚信，我们的产品服务能提升人们的生活体验</p> |
|||
</div> |
|||
<button class="s-btn glass-card"> |
|||
<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="about-section-7 section-wrap" data-header-dark> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head" data-aos="fade-up"> |
|||
<div class="about__header"> |
|||
<h1 class="about__title">联系我们</h1> |
|||
<p class="about__sub_title">用智能科技，让每一座建筑都更懂生活</p> |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们表单 --> |
|||
<div class="contact-us" data-aos="fade-up"> |
|||
<!-- 左侧：联系信息 --> |
|||
<div class="content_left"> |
|||
<div class="info-item"> |
|||
<label> |
|||
<img src="../assets/images/case-page/section-2-icon-1.png" class="case-icon" /> |
|||
<span>手机号</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">186 2136 8747</span> |
|||
<span class="number">9430 9797<small>(香港)</small></span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="info-item"> |
|||
<label> |
|||
<img src="../assets/images/case-page/section-2-icon-2.png" class="case-icon email" /> |
|||
<span>邮箱</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">terence@yzihm.com</span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="qr-group"> |
|||
<div class="qr-item"> |
|||
<img src="../assets/images/case-page/section-2-img-1.png" alt="微信"> |
|||
<span>扫码添加<br /> |
|||
微信</span> |
|||
</div> |
|||
<div class="qr-item"> |
|||
<img src="../assets/images/case-page/section-2-img-2.png" alt="微信"> |
|||
<span>扫码添加<br />Whatsapp</span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="office-group"> |
|||
<label> |
|||
<img src="../assets/images/case-page/section-2-icon-3.png" class="case-icon" /> |
|||
<span>办事处</span> |
|||
</label> |
|||
<div class="office-list"> |
|||
<div class="office-item"> |
|||
<img src="../assets/images/case-page/section-2-icon-4.png"> |
|||
<span>广州宅极慧智能家居有限公司</span> |
|||
</div> |
|||
<div class="office-item"> |
|||
<img src="../assets/images/case-page/section-2-icon-5.png"> |
|||
<span>上海韩浓机电有限公司</span> |
|||
</div> |
|||
<div class="office-item"> |
|||
<img src="../assets/images/case-page/section-2-icon-6.png"> |
|||
<span>香港宅极慧有限公司</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧：表单预约 --> |
|||
<div class="content_right"> |
|||
<h2 class="form-title">在线预约</h2> |
|||
<form class="booking-form"> |
|||
<div class="input-group"> |
|||
<input type="text" placeholder="请输入您的姓名"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<input type="tel" placeholder="请输入您的电话"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<textarea placeholder="留言内容"></textarea> |
|||
</div> |
|||
<button type="submit" class="submit-btn s-btn glass-card">立即提交</button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
<footer class="site-footer"> |
|||
<div class="site-footer__top"> |
|||
<div class="site-footer__left"> |
|||
<a class="site-footer__logo" href="index.html"> |
|||
<img src="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="assets/images/location.png" alt="地址"> |
|||
<span>广州市海珠区琶洲会展东商务中心212室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="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="assets/images/location.png" alt="地址"> |
|||
<span>九龙太子道东704号新时代工贸商业中心28楼6室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="assets/images/phone.png" alt="电话"> |
|||
<span>+852-94509798</span> |
|||
</p> |
|||
</li> |
|||
</ul> |
|||
<div class="site-footer__qr-group"> |
|||
<div class="site-footer__qr-item"> |
|||
<div class="site-footer__qr-box glass-card"><img src="assets/images/wechat.png" alt="微信"></div> |
|||
<p>扫码添加微信</p> |
|||
</div> |
|||
<div class="site-footer__qr-item"> |
|||
<div class="site-footer__qr-box glass-card"><img src="assets/images/whatsapp.png" alt="WhatsApp"></div> |
|||
<p>Whatsapp</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="site-footer__right"> |
|||
<div class="site-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> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="site-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="site-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 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="assets/images/douyin.png" alt="抖音"></a> |
|||
<a href="#" aria-label="小红书" class="glass-card"><img src="assets/images/redbook.png" alt="小红书"></a> |
|||
<a href="#" aria-label="X" class="glass-card"><img src="assets/images/x.png" alt="X"></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="site-footer__bottom"> |
|||
<p>Copyright © 2026 广州宅极慧智能家居有限公司 粤ICP备2025453783号</p> |
|||
<p>Technical Support: SUQ</p> |
|||
</div> |
|||
</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="/product-smart-home/index.html">智能家居系统</a> |
|||
<a href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a href="/dengguang/index.html">智能灯控系统</a> |
|||
<a href="/kongtiao/index.html">中央空调系统</a> |
|||
<a href="/green-energy/index.html">绿色能源解决方案</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="index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,615 +0,0 @@ |
|||
<!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/about.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/about.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<div class="about-page"> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<section class="section__banner" > |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title"> |
|||
{$vo.description} |
|||
<!-- <br />决方案服务商 --> |
|||
<!-- {$vo.banner.url|default=''} --> |
|||
</h1> |
|||
<p class="section__banner__sub">{$vo.sub_title}</p> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<section class="about-section-1 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"} |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
</div> |
|||
<div data-aos="fade-up"> |
|||
<p class="about__desc"> |
|||
{$vo.content|nl2br|raw} |
|||
<!-- 宅极慧iHM为韩浓机电集团旗下品牌，创立于2006年，秉承着成为客户满意的智能家居服务商的理念，打造与用户共筑一个更个性、更智慧的家的愿景，是专业的智能家居整体解决方案服务商。致力于打造智能家居泛生态系统，严选国内外知名品牌，为客户度身定制高体验感的智能系统集成方案。 --> |
|||
</p> |
|||
<br> |
|||
<!-- <p class="about__desc"> --> |
|||
<!-- 宅极慧iHM在上海、广州和香港等地设办事处，以“体验化、国际化”为目标，秉承五星智能家居管家服务体系，我们致力于为广大家庭提供更个性，更便捷舒适的智能生活体验，在设计，产品、服务，安装，调试方面不断迭代，让每一个客户省心，舒心，为您缔造五星级般的智能控制体验。 --> |
|||
<!-- </p> --> |
|||
<!-- <p class="about__desc"> --> |
|||
<!-- 宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店，喜达屋集团，瑞吉酒店，和平饭店，中信集团，金茂集团，中粮集团，瑞安集团等。目标为全球亿万家庭创造智能个性新生活! --> |
|||
<!-- </p> --> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<div class="section__metrics row gx-0"> |
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"} |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"> |
|||
<span class="counter">{$vvo.sub_title}</span> |
|||
{$vvo.description} |
|||
</p> |
|||
<p class="section__metric-label">{$vvo.title}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
<!-- <div class="section__metric-item col-4"> --> |
|||
<!-- <div class="item_wrap w-100 d-flex align-items-center flex-column"> --> |
|||
<!-- <p class="section__metric-value"> --> |
|||
<!-- <span class="counter">2006</span> --> |
|||
<!-- 年 --> |
|||
<!-- </p> --> |
|||
<!-- <p class="section__metric-label">公司成立时间</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="section__metric-item col-4"> --> |
|||
<!-- <div class="item_wrap w-100 d-flex align-items-center flex-column"> --> |
|||
<!-- <p class="section__metric-value"><span class="counter">50000</span>+</p> --> |
|||
<!-- <p class="section__metric-label">智能化设计</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="section__metric-item col-4"> --> |
|||
<!-- <div class="item_wrap w-100 d-flex align-items-center flex-column"> --> |
|||
<!-- <p class="section__metric-value"><span class="counter">123</span>级城市</p> --> |
|||
<!-- <p class="section__metric-label">落地化项目区域分布</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
<div class="section1_img"> |
|||
{hcTaglib:contentPage cid="73" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- 企业文化 --> |
|||
<section class="about-section-2 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
{hcTaglib:category id="74" item="vo" field="*"} |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="concept-grid" data-aos="fade-up"> |
|||
<!-- 第一行 --> |
|||
{hcTaglib:content cid="74" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
{php} |
|||
$tmp_flag = ($key % 2 == 0) ? 0 : 1; |
|||
{/php} |
|||
<div class="grid-item"> |
|||
{if $tmp_flag == 1} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}" class="grid-item__img" /> |
|||
{/if} |
|||
<div class="text-content"> |
|||
<h3>{$vo.title}</h3> |
|||
<p class="en">{$vo.sub_title}</p> |
|||
<p class="desc">{$vo.description}</p> |
|||
</div> |
|||
{if $tmp_flag == 0} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}" class="grid-item__img" /> |
|||
{/if} |
|||
|
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<!-- <div class="grid-item"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-2-img-1-EADjXg3Q.png" alt="现代智能家居" class="grid-item__img" /> --> |
|||
<!-- <div class="text-content"> --> |
|||
<!-- <h3>我们的愿景</h3> --> |
|||
<!-- <p class="en">OUR VISION</p> --> |
|||
<!-- <p class="desc">成为国际知名的智能家居集成商</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="grid-item"> --> |
|||
<!-- <div class="text-content"> --> |
|||
<!-- <h3>我们的理念</h3> --> |
|||
<!-- <p class="en">OUR CONCEPT</p> --> |
|||
<!-- <p class="desc">与用户共筑一个更个性更智慧的家</p> --> |
|||
<!-- </div> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-2-img-3-DyGoFkXz.png" alt="城市夜景" class="grid-item__img" /> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="grid-item"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-2-img-2-BIf-cjKB.png" alt="团队合作" class="grid-item__img" /> --> |
|||
<!-- <div class="text-content"> --> |
|||
<!-- <h3>价值观</h3> --> |
|||
<!-- <p class="en">VALUES</p> --> |
|||
<!-- <p class="desc">利他思想、永不言弃、团队合作</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
</section> |
|||
|
|||
<!-- 发展历程 --> |
|||
<section class="about-section-3 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
|
|||
<div class="about__header" data-aos="fade-up"> |
|||
{hcTaglib:category id="75" item="vo" field="*"} |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
|
|||
<div class="about-section-3-slider swiper__wrap" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="75" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">{$vo.title}<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo.sub_title}</h3> |
|||
<p class="s-card__desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2022<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-2-OnbzrgOK.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">新片</h3> --> |
|||
<!-- <p class="s-card__desc">在广州设立办事处，以“体验化、国际化”为目标，目标为全球亿万家庭创造智能个性新生活!</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2019<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-3-ByvCf-YP.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">深耕</h3> --> |
|||
<!-- <p class="s-card__desc">在智能领域深耕不辍，韩浓机电向全球前沿品牌迈进。</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2015<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">普及</h3> --> |
|||
<!-- <p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2014<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">普及</h3> --> |
|||
<!-- <p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2013<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">普及</h3> --> |
|||
<!-- <p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。222</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 新闻资讯 --> |
|||
<section class="about-section-4 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
{hcTaglib:category id="76" item="vo" field="*"} |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="swiper__wrap swiper__wrap2" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="76" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo.title}</h3> |
|||
<p class="s-card__sub-title">{:date('Y-m-d', strtotime($vo['publish_time']))}</p> |
|||
<p class="s-card__desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-1-DMj9HxJ4.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧HM好口碑获得消费者点赞</h3> |
|||
<p class="s-card__sub-title">2023-04-07</p> |
|||
<p class="s-card__desc">随着科技的不断发展,全屋智能家居方案正在逐渐成为人们生活的一部分。据Statista调查数据统计2...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="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> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="btn__wrap justify-content-center d-flex" data-aos="fade-up"> |
|||
<a class="s-btn s-btn--ghost" type="button"> |
|||
<span>更多资询</span> |
|||
<img src="/themes/static_new/assets/images/arrow-r-black.png" alt="向右箭头" class="s-btn__arrow"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- <section class="about-section-5 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">荣誉证书</h1> |
|||
<p class="about__sub_title">荣誉资质见证宅极慧iHM品牌实力</p> |
|||
</div> |
|||
<div class="swiper__wrap swiper__wrap3" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper3"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="../assets/images/arrow-left.png" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="../assets/images/arrow-right.png" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
|
|||
</section> --> |
|||
|
|||
<!-- 加入宅极慧 加入宅极慧iHM，一起创造大场面 --> |
|||
<section class="about-section-6 section-wrap"> |
|||
<div data-aos="fade-up" |
|||
class="section__innner h-100 d-flex flex-column align-items-center justify-content-center"> |
|||
{hcTaglib:category id="78" item="vo" field="*"} |
|||
<div class="section6__header"> |
|||
<h1 class="section6__title">{$vo.title}</h1> |
|||
<p class="section6__sub_title">{$vo.sub_title}</p> |
|||
</div> |
|||
|
|||
|
|||
<button class="s-btn glass-card"> |
|||
<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> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 联系我们 --> |
|||
<section class="about-section-7 section-wrap" data-header-dark id="contact-us"> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head" data-aos="fade-up"> |
|||
<div class="about__header"> |
|||
{hcTaglib:category id="79" item="vo" field="*"} |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们表单 --> |
|||
<div class="contact-us" data-aos="fade-up"> |
|||
<!-- 左侧：联系信息 --> |
|||
<div class="content_left"> |
|||
<!-- 手机号 --> |
|||
<div class="info-item"> |
|||
<label> |
|||
{hcTaglib:category id="80" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
<div class="info-detail"> |
|||
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<!-- <span class="number">{$vo.title}</span> --> |
|||
<span class="number">{$vo.title}<small>{$vo.sub_title}</small></span> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 邮箱 --> |
|||
<div class="info-item"> |
|||
{hcTaglib:category id="81" item="vo" field="*"} |
|||
<label> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon email" /> |
|||
<span>{$vo.sub_title}</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">{$vo.sub_title}</span> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<!-- 二维码 --> |
|||
<div class="qr-group"> |
|||
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="qr-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}"> |
|||
<span>{$vo.sub_title}<br /> |
|||
{$vo.title}</span> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-1.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br /> --> |
|||
<!-- 微信</span> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-2.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br />Whatsapp</span> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
|
|||
<!-- 办事处 --> |
|||
<div class="office-group"> |
|||
<label> |
|||
{hcTaglib:category id="83" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
|
|||
<div class="office-list"> |
|||
|
|||
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="office-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}"> |
|||
<span>{$vo.title}</span> |
|||
</div> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-5.png"> --> |
|||
<!-- <span>上海韩浓机电有限公司</span> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-6.png"> --> |
|||
<!-- <span>香港宅极慧有限公司</span> --> |
|||
<!-- </div> --> |
|||
{/hcTaglib:content} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧：表单预约 在线预约 --> |
|||
<div class="content_right"> |
|||
<h2 class="form-title">在线预约</h2> |
|||
<form class="booking-form"> |
|||
<div class="input-group"> |
|||
<input type="text" placeholder="请输入您的姓名"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<input type="tel" placeholder="请输入您的电话"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<textarea placeholder="留言内容"></textarea> |
|||
</div> |
|||
<button type="submit" class="submit-btn s-btn glass-card">立即提交</button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<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> |
|||
@ -1,388 +0,0 @@ |
|||
<!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/casePage.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/casePage.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<div class="case-page"> |
|||
{hcTaglib:category id="253" item="vo" field="*"} |
|||
<section class="section__banner" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.sub_title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<section class="cp-section-1" data-header-dark> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head"> |
|||
<div class="section__header align-items-center"> |
|||
{hcTaglib:category id="253" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="310" item="vo" field="*"} |
|||
<h2 id="yimei-section-1-title" class="section__title">{$vo.title}</h2> |
|||
{/hcTaglib:category} |
|||
|
|||
</div> |
|||
<ul class="nav" role="tablist"> |
|||
<li class="nav-item active" role="tab" data-bs-toggle="tab" |
|||
data-bs-target="#case-page-s2-panel-all" role="tab"> |
|||
全部 |
|||
</li> |
|||
|
|||
{hcTaglib:subcategory pid="310" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-{$key-1}" |
|||
role="tab"> |
|||
{$vo.title} |
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-0" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 智能家居系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-1" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 酒店客房控制系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-2" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 灯光控制系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-3" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 智慧医疗解决方案 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-4" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 中央空调系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-5" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 绿色能源 --> |
|||
<!-- </li> --> |
|||
|
|||
|
|||
</ul> |
|||
</div> |
|||
<div class="section__inner_body"> |
|||
<div class="tab-content"> |
|||
{hcTaglib:subcategory pid="310" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{php} |
|||
$finalData = []; |
|||
$allData = []; |
|||
{/php} |
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="10" item="vo22" sort="sort asc"} |
|||
{php} |
|||
$finalData[$vo['id']][] = $vo22; |
|||
if (!empty($vo22)) { |
|||
$allData[] = $vo22->toArray(); |
|||
} |
|||
{/php} |
|||
{/hcTaglib:contentPage2} |
|||
{/volist} |
|||
|
|||
{php} |
|||
// 进行多字段排序 |
|||
if (!empty($allData)) { |
|||
// 提取排序字段 |
|||
$sorts = array_column($allData, 'sort'); |
|||
// $createTimes = array_column($allData, 'create_time'); |
|||
// 多字段排序：sort 倒序，create_time 倒序 |
|||
// array_multisort($sorts, SORT_DESC, $createTimes, SORT_DESC, $allData); |
|||
array_multisort($sorts, SORT_DESC, $allData); |
|||
} |
|||
{/php} |
|||
|
|||
<div class="tab-pane fade show active" id="case-page-s2-panel-all" role="tabpanel"> |
|||
<div class="case-grid"> |
|||
<!-- 获取所有分类 --> |
|||
{volist name="allData" id="vo" key="key"} |
|||
<div class="case-card"> |
|||
<div class="card-image"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<div class="card-content"> |
|||
<h3 class="card-title">{$vo.title} </h3> |
|||
<p class="card-desc">{$vo.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="tab-pane fade" id="case-page-s2-panel-{$key-1}" role="tabpanel"> |
|||
<div class="case-grid"> |
|||
{php} |
|||
$currentList = $finalData[$vo['id']] ?? []; |
|||
{/php} |
|||
{volist name="currentList" id="vo2" key="key"} |
|||
<div class="case-card"> |
|||
<div class="card-image"> |
|||
<img src="{$vo2.thumbnail.url|default=''}" alt="{$vo2.title}"> |
|||
</div> |
|||
<div class="card-content"> |
|||
<h3 class="card-title">{$vo2.title} </h3> |
|||
<p class="card-desc">{$vo2.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="cp-section-2 section-wrap" data-header-dark> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head"> |
|||
<div class="section__header align-items-center"> |
|||
<p class="section__title__red">联系我们</p> |
|||
<h2 id="yimei-section-1-title" class="section__title">用智能科技让每一座建筑都更懂生活</h2> |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们表单 --> |
|||
<div class="contact-us" data-aos="fade-up"> |
|||
<!-- 左侧：联系信息 --> |
|||
<div class="content_left"> |
|||
<!-- 手机号 --> |
|||
<div class="info-item"> |
|||
<label> |
|||
{hcTaglib:category id="80" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
<div class="info-detail"> |
|||
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<!-- <span class="number">{$vo.title}</span> --> |
|||
<span class="number">{$vo.title}<small>{$vo.sub_title}</small></span> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 邮箱 --> |
|||
<div class="info-item"> |
|||
{hcTaglib:category id="81" item="vo" field="*"} |
|||
<label> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon email" /> |
|||
<span>{$vo.sub_title}</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">{$vo.sub_title}</span> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<!-- 二维码 --> |
|||
<div class="qr-group"> |
|||
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="qr-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}"> |
|||
<span>{$vo.sub_title}<br /> |
|||
{$vo.title}</span> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-1.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br /> --> |
|||
<!-- 微信</span> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-2.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br />Whatsapp</span> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
|
|||
<!-- 办事处 --> |
|||
<div class="office-group"> |
|||
<label> |
|||
{hcTaglib:category id="83" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
|
|||
<div class="office-list"> |
|||
|
|||
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="office-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}"> |
|||
<span>{$vo.title}</span> |
|||
</div> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-5.png"> --> |
|||
<!-- <span>上海韩浓机电有限公司</span> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-6.png"> --> |
|||
<!-- <span>香港宅极慧有限公司</span> --> |
|||
<!-- </div> --> |
|||
{/hcTaglib:content} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧：表单预约 在线预约 --> |
|||
<div class="content_right"> |
|||
<h2 class="form-title">在线预约</h2> |
|||
<form class="booking-form"> |
|||
<div class="input-group"> |
|||
<input type="text" placeholder="请输入您的姓名"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<input type="tel" placeholder="请输入您的电话"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<textarea placeholder="留言内容"></textarea> |
|||
</div> |
|||
<button type="submit" class="submit-btn s-btn glass-card">立即提交</button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
</div> |
|||
<!-- 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="/product-smart-home/index.html">智能家居系统</a> |
|||
<a href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a href="/dengguang/index.html">智能灯控系统</a> |
|||
<a href="/kongtiao/index.html">中央空调系统</a> |
|||
<a href="/green-energy/index.html">绿色能源解决方案</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> |
|||
@ -1,8 +0,0 @@ |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<title>{$current_cate.seo_title|default=$current_cate.title}</title> |
|||
<meta name="description" content="{$current_cate.seo_description|default=$current_cate.title}"> |
|||
<meta name="keywords" content="{$current_cate.seo_keywords|default=$current_cate.title}"> |
|||
<!-- 通用 --> |
|||
<!-- <link rel="stylesheet" href="/themes/static/css/reset.css"> --> |
|||
<!-- <link rel="stylesheet" href="/themes/static/css/aos.css"> --> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
@ -1,133 +1,69 @@ |
|||
<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/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<ul class="site-footer__contact-list"> |
|||
|
|||
{hcTaglib:contentPage cid="259" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/location.png" alt="地址"> |
|||
<span>{$vo.description}</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/phone.png" alt="电话"> |
|||
<span>{$vo.sub_title}</span> |
|||
</p> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
|
|||
<!-- <li class="site-footer__contact-item"> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/assets/images/location.png" alt="地址"> --> |
|||
<!-- <span>广州市海珠区琶洲会展东商务中心212室</span> --> |
|||
<!-- </p> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/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/static_new/assets/images/location.png" alt="地址"> --> |
|||
<!-- <span>九龙太子道东704号新时代工贸商业中心28楼6室</span> --> |
|||
<!-- </p> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/assets/images/phone.png" alt="电话"> --> |
|||
<!-- <span>+852-94509798</span> --> |
|||
<!-- </p> --> |
|||
<!-- </li> --> |
|||
</ul> |
|||
<div class="site-footer__qr-group"> |
|||
{hcTaglib:content cid="52" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="site-footer__qr-item"> |
|||
<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> |
|||
<!-- 模块：底部 --> |
|||
<footer class="site-footer section__wrap" id="footer" data-header-dark> |
|||
<div class="site-footer__inner"> |
|||
<div class="site-footer__main"> |
|||
<div class="site-footer__brand"> |
|||
<div class="site-footer__logo" aria-label="睿能科技"> |
|||
<img src="{hcTaglib:setting name='dark_logo' type='2' /}" alt="RAYNEN 睿能科技" width="252" height="26" /> |
|||
</div> |
|||
<p class="site-footer__stock">股票代码: 603933</p> |
|||
<p class="site-footer__quote" aria-label="股票行情" data-stock-quote data-stock-code="603933"> |
|||
<span class="site-footer__quote-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> |
|||
<span class="site-footer__quote-unit" data-stock="unit" style="{$priceColor}">元</span> |
|||
<span class="site-footer__quote-change" data-stock="change" style="{$priceColor}">{$stockInfo.change} {$stockInfo.changePercent}</span> |
|||
</p> |
|||
<p class="site-footer__follow">关注我们：</p> |
|||
<div class="site-footer__qrs"> |
|||
<div class="site-footer__qr"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="官方微信" /> |
|||
<span>官方微信</span> |
|||
</div> |
|||
<div class="site-footer__qr"> |
|||
{php}$ui_social_channel = uiId('social_channel');{/php} |
|||
{hcTaglib:category id="$ui_social_channel" item="vo" field="*"} |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="官方视频号" /> |
|||
{/hcTaglib:category} |
|||
<span>官方视频号</span> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 公司地址以及联系方式--底部左侧--END --> |
|||
|
|||
<!-- 产品中心--START --> |
|||
<div class="site-footer__right row"> |
|||
<div class="site-footer__nav-col col-5"> |
|||
{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" style="display: none"> |
|||
{hcTaglib:category id="253" item="one" field="*"} |
|||
<!-- <h4>经典案例</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- {hcTaglib:subcategory pid="253" 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 col-3"> |
|||
{hcTaglib:category id="309" item="one" field="*"} |
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="309" 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 col-4"> |
|||
<h4>社交媒体</h4> |
|||
<div class="site-footer__social-list"> |
|||
{hcTaglib:contentPage cid="260" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<a href="{$vo.url}" aria-label="{$vo.title}" class="glass-card"><img src="{$vo.cover.url|default=''}" alt="{$vo.title}"></a> |
|||
{/hcTaglib:contentPage} |
|||
<!-- <a href="#" aria-label="抖音" class="glass-card"><img src="themes/static_new/assets/images/douyin.png" alt="抖音"></a> --> |
|||
<!-- <a href="#" aria-label="小红书" class="glass-card"><img src="themes/static_new/assets/images/redbook.png" alt="小红书"></a> --> |
|||
<!-- <a href="#" aria-label="X" class="glass-card"><img src="themes/static_new/assets/images/x.png" alt="X"></a> --> |
|||
<nav class="site-footer__cols" aria-label="底部导航"> |
|||
{php} |
|||
$ui_nav_footer = uiId('nav_footer'); |
|||
$ui_product = uiId('product'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_footer" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
{php} |
|||
$ft_is_product = ((int)($vo['category_id'] ?? 0) === $ui_product); |
|||
{/php} |
|||
<div class="site-footer__col"> |
|||
<div class="site-footer__colTitle">{$vo.title}</div> |
|||
<div class="site-footer__links"> |
|||
{volist name="$vo.children" id="child"} |
|||
{php} |
|||
$ft_href = $child['href'] ?? ''; |
|||
$ft_child_cid = (int)($child['category_id'] ?? 0); |
|||
// 产品列：与头部一致，拼接 cat=product-control-{栏目ID} |
|||
if ($ft_is_product && $ft_child_cid > 0 && $ft_href !== '') { |
|||
$ft_href .= (strpos($ft_href, '?') !== false ? '&' : '?') . 'cat=product-control-' . $ft_child_cid; |
|||
} |
|||
{/php} |
|||
<a href="{$ft_href}">{$child.title}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:nav} |
|||
</nav> |
|||
</div> |
|||
<div class="site-footer__bottom"> |
|||
<p class="site-footer__copyright">Copyright 2026 {hcTaglib:setting name="company_name" type="1" /} 版权所有 | {hcTaglib:setting name="icp" type="2" /} | <img |
|||
class="site-footer__gongan" src="/themes/dist_static/static/images/gongan-DdFBmJbc.png" alt="" /> {hcTaglib:setting name="gwa" type="2" /}</p> |
|||
<div class="site-footer__legal"> |
|||
<!-- <a href="{:getMuiLangUrl('/sitemap.html')}">网站地图</a> --> |
|||
<!-- <a href="{:getMuiLangUrl('/privacy.html')}">隐私声明</a> --> |
|||
<a href="javascript:;">网站地图</a> |
|||
<a href="javascript:;">隐私声明</a> |
|||
</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> |
|||
@ -1,68 +1,636 @@ |
|||
<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/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="themes/static_new/assets/images/logo-dark.png" alt="宅极慧 IHM"> |
|||
<header class="site-header"> |
|||
<div class="site-header__top"> |
|||
<a class="site-header__phone" href="tel:{hcTaglib:setting name="company_phone" type="1" /}"> |
|||
<span class="site-header__icon site-header__icon--24" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
fill="none" |
|||
> |
|||
<g> |
|||
<rect |
|||
id="Linear / Call / Incoming Call Rounded" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
x="0.000000" |
|||
y="0.000000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M0 3.2L3.2 0M0.8 0L3.2 0L3.2 2.4" |
|||
stroke="currentColor" |
|||
stroke-linecap="round" |
|||
stroke-width="1.500000" |
|||
transform="matrix(-1,0,0,-1,17.5996,9.59961)" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M10.4297 6.65255C9.72215 5.38476 7.94421 5.23503 6.82985 6.34939C6.16025 7.019 5.63923 7.83929 5.60485 8.74608C5.54698 10.2726 5.93331 12.865 8.53377 15.4654C11.1342 18.0659 13.7266 18.4522 15.2531 18.3944C16.1599 18.36 16.9802 17.839 17.6498 17.1694C18.7642 16.055 18.6145 14.2771 17.3467 13.5695L16.4163 13.0503C15.5767 12.5818 14.4753 12.7699 13.7374 13.5078C13.7374 13.5078 12.8422 14.403 11.2192 12.78C9.59623 11.157 10.4914 10.2619 10.4914 10.2619C11.2294 9.52387 11.4175 8.42248 10.9489 7.58289L10.4297 6.65255Z" |
|||
fill-rule="evenodd" |
|||
stroke="currentColor" |
|||
stroke-width="1.500000" |
|||
/> |
|||
</g> |
|||
</svg> |
|||
</span> |
|||
<span>{hcTaglib:setting name="company_phone" type="1" /}</span> |
|||
</a> |
|||
<nav class="site-header__nav"> |
|||
<!-- 我们的客户 感谢每一位客户支持 --> |
|||
{hcTaglib:nav cid="47" 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> --> |
|||
|
|||
<div class="site-header__socials" aria-label="社交账号"> |
|||
<span class="site-header__social site-header__social--wechat" tabindex="0" aria-label="微信" role="button"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微信 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 4" |
|||
d="M10.7269 5.47152C10.9091 5.47152 11.0884 5.48527 11.2686 5.50491C10.7833 3.26405 8.36754 1.59961 5.60907 1.59961C2.52571 1.59961 0 3.68237 0 6.32878C0 7.85575 0.839924 9.10973 2.24442 10.0838L1.68381 11.7561L3.64495 10.782C4.34621 10.9185 4.9088 11.0599 5.60907 11.0599C5.78537 11.0599 5.95969 11.0521 6.13204 11.0393C6.02309 10.6671 5.9587 10.2783 5.9587 9.87272C5.9597 7.44332 8.06347 5.47152 10.7269 5.47152ZM7.71185 3.9642C8.13577 3.9642 8.4141 4.24013 8.4141 4.65845C8.4141 5.07481 8.13577 5.35369 7.71185 5.35369C7.29288 5.35369 6.87093 5.07481 6.87093 4.65845C6.87093 4.23915 7.29189 3.9642 7.71185 3.9642ZM3.78659 5.35369C3.36564 5.35369 2.94171 5.07481 2.94171 4.65845C2.94171 4.24013 3.36564 3.9642 3.78659 3.9642C4.20754 3.9642 4.48686 4.23915 4.48686 4.65845C4.48686 5.07481 4.20754 5.35369 3.78659 5.35369ZM15.8476 9.80595C15.8476 7.58276 13.6032 5.77102 11.0824 5.77102C8.41311 5.77102 6.3123 7.58374 6.3123 9.80595C6.3123 12.035 8.4141 13.8409 11.0824 13.8409C11.6411 13.8409 12.2046 13.7024 12.7653 13.563L14.3035 14.3996L13.8815 13.0091C15.0077 12.1705 15.8476 11.0599 15.8476 9.80595ZM9.53531 9.10973C9.25699 9.10973 8.9747 8.83478 8.9747 8.55393C8.9747 8.27702 9.25699 7.99814 9.53531 7.99814C9.96122 7.99814 10.2376 8.27702 10.2376 8.55393C10.2376 8.83478 9.96122 9.10973 9.53531 9.10973ZM12.6206 9.10973C12.3443 9.10973 12.063 8.83478 12.063 8.55393C12.063 8.27702 12.3433 7.99814 12.6206 7.99814C13.0426 7.99814 13.3229 8.27702 13.3229 8.55393C13.3229 8.83478 13.0426 9.10973 12.6206 9.10973Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__wechat-pop" role="tooltip"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="官方微信" width="120" height="120" /> |
|||
</span> |
|||
</span> |
|||
{php} |
|||
$has_sub_flag = 0; |
|||
if(!empty($vo['children'])){ |
|||
$has_sub_flag = 1; |
|||
} |
|||
$content_arr = getDescriptionSeparate(uiId('social_channel')); |
|||
$douyin_url = $content_arr['0'] ?? ''; |
|||
$sina_url = $content_arr['1'] ?? ''; |
|||
$zhihu_url = $content_arr['2'] ?? ''; |
|||
{/php} |
|||
{if $has_sub_flag == 1} |
|||
<div class="site-header__nav-item"> |
|||
<a class="site-header__nav-link" href="{$vo['href']}" |
|||
aria-haspopup="true" id="site-header-nav-products">{$vo['title']} |
|||
</a> |
|||
<div class="site-header__dropdown glass-card" role="menu" aria-labelledby="site-header-nav-products"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{else/} |
|||
<a class="site-header__nav-link hover_underline" href="{$vo['href']}" |
|||
aria-haspopup="true" id="site-header-nav-products">{$vo['title']} |
|||
{if(!empty($douyin_url))} |
|||
<a class="site-header__social" href="{$douyin_url}" aria-label="抖音" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="抖音 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 5" |
|||
d="M13.9794 6.79333C13.3937 6.79215 12.812 6.69975 12.2563 6.51966C11.7007 6.33956 11.1783 6.07409 10.709 5.73333L10.709 10.5467C10.7285 11.309 10.5414 12.0629 10.1665 12.7327C9.79154 13.4025 9.24201 13.9646 8.57303 14.3625C7.90405 14.7605 7.13916 14.9804 6.35517 15C5.57117 14.9804 4.80628 14.7605 4.1373 14.3625C3.46832 13.9646 2.91879 13.4025 2.54388 12.7327C2.16897 12.0629 1.98188 11.309 2.00138 10.5467C1.98189 9.78478 2.16907 9.03133 2.54411 8.36211C2.91915 7.69289 3.46882 7.13149 4.13783 6.7344C4.80683 6.3373 5.57159 6.1185 6.35517 6.1C6.58475 6.10134 6.81392 6.11916 7.0408 6.15333L7.0408 8.70667C6.82209 8.62421 6.58974 8.58129 6.35517 8.58C6.00331 8.58806 5.65991 8.68649 5.35981 8.86527C5.05971 9.04406 4.81358 9.29686 4.64642 9.59801C4.47925 9.89916 4.39698 10.2379 4.40796 10.58C4.39698 10.922 4.47925 11.2608 4.64642 11.562C4.81359 11.8631 5.05971 12.1159 5.35981 12.2947C5.65991 12.4735 6.00331 12.5719 6.35517 12.58C6.70624 12.5708 7.04859 12.4716 7.34762 12.2925C7.64665 12.1135 7.89177 11.8608 8.05821 11.5601C8.22464 11.2594 8.30651 10.9213 8.29552 10.58L8.29552 1L10.7227 1C10.7068 1.57291 10.8473 2.13969 11.1297 2.64274C11.4121 3.14579 11.8264 3.5672 12.3305 3.86413C12.8347 4.16107 13.4107 4.32295 14 4.33333L14 6.8" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($sina_url))} |
|||
<a class="site-header__social" href="{$sina_url}" aria-label="微博" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微博 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 6" |
|||
d="M10.7233 3.34315C11.5178 3.34315 15.3204 3.1342 14.6251 6.84876C14.528 7.25593 14.4549 7.87962 14.9319 8.01156C15.3664 8.12202 15.6339 7.66297 15.7536 7.31358C15.811 6.90686 17.5699 1.58349 10.787 2.02612C10.5702 2.06485 10.0891 2.25239 10.0857 2.65597C10.0823 3.05962 10.5076 3.32241 10.7233 3.34315ZM10.9368 4.95491C11.0637 4.93984 13.0406 4.58862 12.8787 6.69959C12.9082 6.89137 12.774 7.22011 13.0406 7.28757C13.3071 7.35505 13.4118 7.13335 13.4404 6.93093C13.4689 6.72851 13.9301 3.98259 10.9686 4.29944C10.7445 4.32443 10.5941 4.4601 10.6195 4.65931C10.6449 4.85852 10.81 4.96997 10.9368 4.95491ZM11.7752 8.24324C11.7752 8.24324 10.9783 8.41756 11.3544 7.81714C11.9476 6.64274 10.9839 4.71599 8.48541 5.99654C7.62471 6.46137 7.62471 6.13212 7.6534 5.55107C7.73079 2.37902 1.92492 4.64078 0.280009 8.76411C-0.647495 11.2669 0.837892 13.4299 3.1357 14.3732C8.74355 16.4008 12.8272 13.0465 13.5236 10.8773C14.4518 7.61856 11.7752 8.24324 11.7752 8.24324ZM6.39686 13.6222C3.74214 13.992 1.389 12.8113 1.14095 10.9852C0.892894 9.15907 2.84389 7.37896 5.4986 7.00921C8.1533 6.63946 10.5065 7.82008 10.7545 9.64622C11.0026 11.4723 9.05158 13.2525 6.39686 13.6222ZM8.42041 9.81629C8.20974 8.70379 6.91676 8.01982 5.53246 8.28862C4.14816 8.55742 3.19674 9.67717 3.40741 10.7897C3.61808 11.9022 4.91107 12.5861 6.29536 12.3173C7.67966 12.0485 8.63108 10.9288 8.42041 9.81629ZM5.36769 11.2912C4.88972 11.2912 4.50224 10.9573 4.50224 10.5454C4.50224 10.1335 4.88972 9.79952 5.36769 9.79952C5.84566 9.79952 6.23314 10.1335 6.23314 10.5454C6.23314 10.9573 5.84566 11.2912 5.36769 11.2912ZM6.78556 10.2843C6.60718 10.2843 6.42575 10.0673 6.42575 9.79952C6.42575 9.53178 6.60718 9.31473 6.78556 9.31473C6.96393 9.31473 7.14536 9.53178 7.14536 9.79952C7.14536 10.0673 6.96393 10.2843 6.78556 10.2843Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($zhihu_url))} |
|||
<a class="site-header__social" href="{$zhihu_url}" aria-label="知乎" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="知乎 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 7" |
|||
d="M9.0083 12.6517L9.89959 12.6517L10.2232 13.7911L11.7917 12.6517L14 12.6517L14 3.56192L9.0083 3.56192L9.0083 12.6517ZM10.0639 4.57302L12.9793 4.57302L12.9793 11.6155L11.9485 11.6155L10.6241 12.6367L10.3353 11.6155L10.0639 11.6155L10.0639 4.57302ZM2 13.8615C2.314 13.9756 2.64861 14.02 2.98111 13.9918C3.3136 13.9635 3.63619 13.8634 3.92697 13.6981C4.87552 13.1321 5.5751 10.6396 5.5751 10.6396L7.81577 13.4289C7.81577 13.4289 8.01992 12.1009 7.78091 11.7262C7.54191 11.3514 6.23983 9.8423 6.23983 9.8423L5.66971 10.3453L6.07552 8.69538L8.49793 8.69538C8.49793 8.69538 8.49793 7.72452 8.02241 7.66919C7.54689 7.61386 6.07054 7.66919 6.07054 7.66919L6.07054 4.65099L8.24896 4.65099C8.24896 4.65099 8.22407 3.64492 7.80083 3.64492L4.24315 3.64492L4.79585 2C4.79585 2 3.89959 2.05282 3.5834 2.61873C3.26722 3.18464 2.239 6.10224 2.239 6.10224C2.239 6.10224 2.58008 6.26321 3.16017 5.8306C3.53203 5.52533 3.80014 5.11025 3.92697 4.64344L4.98257 4.59062L5.01245 7.67925C5.01245 7.67925 3.19253 7.65159 2.82407 7.67925C2.4556 7.70692 2.24398 8.70544 2.24398 8.70544L5.01245 8.70544C5.01245 8.70544 4.77593 10.4057 4.0639 11.6482C3.35187 12.8907 2 13.8615 2 13.8615L2 13.8615Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
</div> |
|||
{php} |
|||
$hc_lang = function_exists('getLang') ? getLang() : 'zh'; |
|||
$hc_default_lang = config('lang.default_lang') ?: 'zh'; |
|||
$hc_lang_ui = ($hc_lang === 'en') ? 'en' : 'zh'; |
|||
{/php} |
|||
<button |
|||
type="button" |
|||
class="site-header__lang" |
|||
aria-label="切换语言" |
|||
data-lang-default="{$hc_default_lang}" |
|||
data-lang-current="{$hc_lang}" |
|||
> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="语言 2" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 10" |
|||
d="M9.873 14.15C9.696 13.813 9.507 13.323 9.611 13.03C9.6354 12.9452 9.67429 12.8652 9.72593 12.7936C9.77757 12.722 9.8412 12.6599 9.914 12.61C10.105 12.454 10.367 12.241 10.575 11.701C10.655 11.492 10.708 11.282 10.758 11.08C10.942 10.345 11.008 10.232 11.541 10.293C11.941 10.341 12.189 10.533 12.476 10.756C12.758 10.975 13.079 11.207 13.52 11.283C13.1147 11.9647 12.5871 12.5657 11.9635 13.0557C11.3399 13.5458 10.6312 13.9164 9.873 14.149M2.486 11.294C2.951 11.238 3.459 11.076 3.822 10.68C4.223 10.242 4.226 9.67 4.228 9.212C4.231 8.587 4.266 8.415 4.582 8.297C5.014 8.137 5.21 8.29 5.616 8.65C5.854 8.862 6.124 9.102 6.483 9.212C6.906 9.342 7.413 9.282 7.837 9.049C8.26 8.819 8.574 8.428 8.707 7.964L8.71 7.964L8.714 7.949L8.718 7.937C8.723 7.921 8.723 7.907 8.728 7.891C8.759 7.782 8.781 7.672 8.795 7.563C8.802 7.514 8.805 7.47 8.808 7.423C8.811 7.385 8.816 7.347 8.818 7.31C8.83087 7.06331 8.82619 6.81602 8.804 6.57C8.79484 6.4612 8.78884 6.35215 8.786 6.243C8.78356 6.14213 8.8088 6.04252 8.859 5.955C8.947 5.913 9.181 5.871 9.342 5.843C9.789 5.764 10.336 5.664 10.666 5.276L10.671 5.273L10.67 5.273C10.69 5.249 10.711 5.229 10.729 5.203C11.287 4.417 11.253 3.604 10.641 3.082C10.5924 3.04235 10.542 3.00497 10.49 2.97C10.13 2.72 9.976 2.543 10.081 2.218C10.112 2.12 10.146 2.035 10.179 1.958C11.4229 2.40565 12.4984 3.22602 13.259 4.30728C14.0195 5.38853 14.4281 6.67804 14.429 8C14.429 8.774 14.284 9.513 14.034 10.2C13.9568 10.2233 13.8773 10.2387 13.797 10.246C13.577 10.246 13.417 10.131 13.133 9.909C12.789 9.642 12.361 9.311 11.666 9.229C10.168 9.051 9.885 10.159 9.719 10.819C9.677 10.988 9.636 11.159 9.574 11.317C9.469 11.591 9.382 11.662 9.237 11.78C9.049 11.934 8.791 12.144 8.603 12.67C8.393 13.253 8.584 13.906 8.793 14.374C8.533 14.407 8.269 14.429 8 14.429C6.88828 14.4285 5.79575 14.1393 4.82936 13.5898C3.86297 13.0402 3.05584 12.2492 2.487 11.294M7.999 1.571C8.389 1.571 8.768 1.611 9.138 1.678C9.10993 1.74743 9.08425 1.81781 9.061 1.889C8.694 3.026 9.586 3.646 9.878 3.849L9.945 3.896C10.01 3.952 10.176 4.101 9.885 4.538C9.781 4.627 9.675 4.643 9.415 4.655C9.067 4.672 8.542 4.697 8.076 5.215L8.074 5.218L8.073 5.219L8.067 5.224C8.057 5.235 8.051 5.247 8.042 5.258C7.795 5.548 7.725 5.865 7.717 6.176C7.70977 6.37943 7.71444 6.58311 7.731 6.786C7.744 7.001 7.756 7.207 7.738 7.39C7.72669 7.47875 7.70932 7.56662 7.686 7.653C7.65961 7.74994 7.6136 7.84043 7.55081 7.91887C7.48803 7.99731 7.40981 8.06202 7.321 8.109C7.151 8.203 6.944 8.234 6.799 8.189C6.662 8.146 6.499 8.002 6.326 7.849C5.902 7.472 5.26 6.902 4.208 7.293C3.164 7.683 3.16 8.599 3.157 9.206C3.155 9.524 3.153 9.824 3.032 9.956C2.808 10.201 2.349 10.253 1.982 10.244C1.71189 9.52664 1.57301 8.76653 1.572 8C1.572 6.87159 1.869 5.76305 2.43316 4.78579C2.99731 3.80853 3.80875 2.99696 4.78592 2.43266C5.7631 1.86835 6.87159 1.57118 8 1.571M8 0.5C3.864 0.5 0.5 3.864 0.5 8C0.5 12.136 3.864 15.5 8 15.5C12.136 15.5 15.5 12.136 15.5 8C15.5 3.864 12.136 0.5 8 0.5Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='en'} site-header__lang-active{/if}" data-lang="en">EN</span> |
|||
<span>/</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='zh'} site-header__lang-active{/if}" data-lang="zh">CN</span> |
|||
</button> |
|||
</div> |
|||
<div class="site-header__main"> |
|||
<a href="{:getMuiLangUrl('/')}" class="header-logo" aria-label="睿能科技"> |
|||
<img |
|||
class="header-logo__img--default" |
|||
src="{hcTaglib:setting name='logo' type='2' /}" |
|||
alt="RAYNEN 睿能科技" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
<img |
|||
class="header-logo__img--dark" |
|||
src="{hcTaglib:setting name='dark_logo' type='2' /}" |
|||
alt="RAYNEN 睿能科技" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
</a> |
|||
<nav class="site-header__nav" aria-label="主导航"> |
|||
<ul> |
|||
{php} |
|||
$ui_nav_header = uiId('nav_header'); |
|||
$ui_home = uiId('home'); |
|||
$ui_product = uiId('product'); |
|||
$ui_solution = uiId('solution'); |
|||
$ui_support = uiId('support'); |
|||
$ui_news = uiId('news'); |
|||
$ui_invest = uiId('invest'); |
|||
$ui_about = uiId('about'); |
|||
$ui_exhibition = uiId('exhibition'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_header_nav" sort="sort asc"} |
|||
{php} |
|||
$nav_title = $vo['title'] ?? ''; |
|||
$nav_href = $vo['href'] ?? ''; |
|||
$nav_id = (int)($vo['id'] ?? 0); |
|||
$nav_cid = (int)($vo['category_id'] ?? 0); |
|||
$nav_children = $vo['children'] ?? []; |
|||
// 产品 / 解决方案 走特殊下拉（ID 见 config/ui_ids.php） |
|||
$nav_is_product = ($nav_cid === $ui_product); |
|||
$nav_is_solution = ($nav_cid === $ui_solution); |
|||
$nav_is_home = ($nav_cid === $ui_home); |
|||
// 普通下拉面板样式 class |
|||
$nav_mega_map = [ |
|||
$ui_support => 'support', // 服务支持 |
|||
$ui_news => 'news', // 新闻动态 |
|||
$ui_invest => 'invest', // 投资者关系 |
|||
$ui_about => 'about', // 关于睿能 |
|||
]; |
|||
$nav_mega_class = $nav_mega_map[$nav_cid] ?? 'support'; |
|||
{/php} |
|||
{if $nav_is_product} |
|||
<!-- 产品导航（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
{hcTaglib:category id="$ui_product" item="vo" field="*"} |
|||
<a |
|||
href="{$vo.alias}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
> |
|||
{$vo.title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 产品导航下拉面板 --> |
|||
<div class="nav-mega product" id="nav-mega-product"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content product"> |
|||
<aside class="nav-mega__cats" aria-label="产品分类"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
|
|||
<button type="button" class="nav-mega__cat {if $key==1}is-active{/if}" data-mega-cat="product_{$key}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__cat-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</button> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</aside> |
|||
<div class="nav-mega__main"> |
|||
<div class="nav-mega__panels"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
<div class="nav-mega__panel {if $key==1}is-active{/if}" data-mega-panel="product_{$key}" {if $key!=1}hidden{/if}> |
|||
{php} |
|||
$sub_cate_id = $vo['id']; // 获取子分类的ID |
|||
{/php} |
|||
<a class="nav-mega__heading" href="{$vo.alias}?cat=product-control-{$vo.id}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__heading-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega__body"> |
|||
<div class="nav-mega__cols"> |
|||
<!-- 一级栏目展示产品 --> |
|||
{if ($vo.need_show_sub_content==1)} |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content_tmp" limit="30" item="content_one" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{/hcTaglib:nav} |
|||
{if !empty($hc_content)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content_tmp" id="vo_content_tmp"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content_tmp['id'],'cid'=>$vo_content_tmp['category_id']])}">{$vo_content_tmp.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{/if} |
|||
|
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id" item="vo22" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<a class="nav-mega__group-title" href="{$vo.alias}?cat=product-control-{$vo.id}&sub=product-plc-{$vo22.id}">{$vo22.title}</a> |
|||
<!-- 获取当前分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo22.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content" limit="30" item="content22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content) && $vo22.need_show_sub_content==1} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content" id="vo_content"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">{$vo_content.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{php} |
|||
$sub_cate_id22 = $vo22['id']; // 获取子分类的ID |
|||
{/php} |
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id22" item="vo33" sort=""} |
|||
<div class="nav-mega__subgroup"> |
|||
<div class="nav-mega__subgroup-head"> |
|||
<button type="button" class="nav-mega__subgroup-title">{$vo33.title}</button> |
|||
<button type="button" class="nav-mega__subgroup-toggle" aria-expanded="false" aria-label="展开/收起"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
<!-- 获取当前子分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo33.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content33" limit="30" item="content33" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content33)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content33" id="vo_content33"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content33['id'],'cid'=>$vo_content33['category_id']])}">{$vo_content33.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
|
|||
<div class="nav-mega__promo-side"> |
|||
{hcTaglib:category id="$ui_exhibition" item="vo" field="*"} |
|||
{php} |
|||
$zhanhui_and_activity = $vo; |
|||
$thumbnail_url_header = $vo['thumbnail']['url'] ?? ''; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<a class="nav-mega__promo" href="{$zhanhui_and_activity.alias}"> |
|||
<div class="nav-mega__promo-media"> |
|||
<img |
|||
src="{$thumbnail_url_header}" |
|||
alt="" |
|||
width="320" |
|||
height="200" |
|||
loading="lazy" |
|||
/> |
|||
</div> |
|||
<div class="nav-mega__promo-title"> |
|||
<span>{$zhanhui_and_activity.title}</span> |
|||
<span class="nav-mega__promo-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</div> |
|||
<p class="nav-mega__promo-desc">了解睿能最新展会信息</p> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif $nav_is_solution /} |
|||
<!-- 解决方案（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="javascript:void(0);" |
|||
class="site-header__nav-link" |
|||
data-mega-trigger="solution" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-solution" |
|||
> |
|||
解决方案 |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<!-- 解决方案导航下拉面板 --> |
|||
<div class="nav-mega nav-mega--solution" id="nav-mega-solution"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content solution"> |
|||
<div class="nav-mega__cols nav-mega__cols--solution"> |
|||
{hcTaglib:allSubCategory pid="$ui_solution" item="vo" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<span class="nav-mega__group-title">{$vo.title}</span> |
|||
<ul class="nav-mega__links"> |
|||
{volist name="vo.children" id="vvv"} |
|||
<li><a href="{$vvv.alias}">{$vvv.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:allSubCategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif condition="!empty($nav_children)" /} |
|||
<!-- 普通下拉导航 --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="{$nav_href}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-{$nav_id}" |
|||
> |
|||
{$nav_title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega" id="nav-mega-{$nav_id}"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content {$nav_mega_class}"> |
|||
<ul class="nav-mega__row"> |
|||
{volist name="nav_children" id="child"} |
|||
<li><a href="{$child.href ?? ''}">{$child.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<!-- 无子级：普通链接 --> |
|||
<li class="site-header__nav-item"> |
|||
<a href="{$nav_href}"{if condition="$nav_is_home"} class="is-active"{/if}>{$nav_title}</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<a class="site-header__contact-btn s-btn s-btn--primary" type="button" href="/about-hui.html#contact-us">联系我们</a> |
|||
<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" /> |
|||
<form class="site-header__search" action="{:getMuiLangUrl('/search.html')}" method="get" role="search"> |
|||
<input |
|||
class="site-header__search-input" |
|||
type="search" |
|||
name="q" |
|||
placeholder="搜索关键词" |
|||
autocomplete="off" |
|||
/> |
|||
<button class="site-header__search-btn" type="submit" aria-label="搜索"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(0,0,0)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="24" |
|||
height="24" |
|||
/> |
|||
</button> |
|||
</form> |
|||
<a class="s-btn s-btn--primary site-header__cta" href="{:getMuiLangUrl('/contact.html')}">联系我们</a> |
|||
</div> |
|||
<div class="site-header__extras"> |
|||
<button class="site-header__extra-btn lang" type="button" aria-label="切换语言"> |
|||
<svg |
|||
viewBox="0 0 32 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.000000" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 10" |
|||
d="M19.746 28.3C19.392 27.626 19.014 26.646 19.222 26.06C19.2708 25.8903 19.3486 25.7304 19.4519 25.5872C19.5551 25.4441 19.6824 25.3198 19.828 25.22C20.21 24.908 20.734 24.482 21.15 23.402C21.31 22.984 21.416 22.564 21.516 22.16C21.884 20.69 22.016 20.464 23.082 20.586C23.882 20.682 24.378 21.066 24.952 21.512C25.516 21.95 26.158 22.414 27.04 22.566C26.2295 23.9294 25.1741 25.1314 23.927 26.1115C22.6798 27.0915 21.2624 27.8328 19.746 28.298M4.972 22.588C5.902 22.476 6.918 22.152 7.644 21.36C8.446 20.484 8.452 19.34 8.456 18.424C8.462 17.174 8.532 16.83 9.164 16.594C10.028 16.274 10.42 16.58 11.232 17.3C11.708 17.724 12.248 18.204 12.966 18.424C13.812 18.684 14.826 18.564 15.674 18.098C16.52 17.638 17.148 16.856 17.414 15.928L17.42 15.928L17.428 15.898L17.436 15.874C17.446 15.842 17.446 15.814 17.456 15.782C17.518 15.564 17.562 15.344 17.59 15.126C17.604 15.028 17.61 14.94 17.616 14.846C17.622 14.77 17.632 14.694 17.636 14.62C17.6617 14.1266 17.6524 13.632 17.608 13.14C17.5897 12.9224 17.5777 12.7043 17.572 12.486C17.5671 12.2843 17.6176 12.085 17.718 11.91C17.894 11.826 18.362 11.742 18.684 11.686C19.578 11.528 20.672 11.328 21.332 10.552L21.342 10.546L21.34 10.546C21.38 10.498 21.422 10.458 21.458 10.406C22.574 8.834 22.506 7.208 21.282 6.164C21.1849 6.08469 21.0841 6.00994 20.98 5.94C20.26 5.44 19.952 5.086 20.162 4.436C20.224 4.24 20.292 4.07 20.358 3.916C22.8457 4.81129 24.9968 6.45204 26.5179 8.61455C28.039 10.7771 28.8562 13.3561 28.858 16C28.858 17.548 28.568 19.026 28.068 20.4C27.9135 20.4466 27.7547 20.4774 27.594 20.492C27.154 20.492 26.834 20.262 26.266 19.818C25.578 19.284 24.722 18.622 23.332 18.458C20.336 18.102 19.77 20.318 19.438 21.638C19.354 21.976 19.272 22.318 19.148 22.634C18.938 23.182 18.764 23.324 18.474 23.56C18.098 23.868 17.582 24.288 17.206 25.34C16.786 26.506 17.168 27.812 17.586 28.748C17.066 28.814 16.538 28.858 16 28.858C13.7766 28.857 11.5915 28.2786 9.65872 27.1796C7.72594 26.0805 6.11169 24.4983 4.974 22.588M15.998 3.142C16.778 3.142 17.536 3.222 18.276 3.356C18.2199 3.49487 18.1685 3.63562 18.122 3.778C17.388 6.052 19.172 7.292 19.756 7.698L19.89 7.792C20.02 7.904 20.352 8.202 19.77 9.076C19.562 9.254 19.35 9.286 18.83 9.31C18.134 9.344 17.084 9.394 16.152 10.43L16.148 10.436L16.146 10.438L16.134 10.448C16.114 10.47 16.102 10.494 16.084 10.516C15.59 11.096 15.45 11.73 15.434 12.352C15.4195 12.7589 15.4289 13.1662 15.462 13.572C15.488 14.002 15.512 14.414 15.476 14.78C15.4534 14.9575 15.4186 15.1332 15.372 15.306C15.3192 15.4999 15.2272 15.6809 15.1016 15.8377C14.9761 15.9946 14.8196 16.124 14.642 16.218C14.302 16.406 13.888 16.468 13.598 16.378C13.324 16.292 12.998 16.004 12.652 15.698C11.804 14.944 10.52 13.804 8.416 14.586C6.328 15.366 6.32 17.198 6.314 18.412C6.31 19.048 6.306 19.648 6.064 19.912C5.616 20.402 4.698 20.506 3.964 20.488C3.42378 19.0533 3.14602 17.5331 3.144 16C3.144 13.7432 3.738 11.5261 4.86631 9.57158C5.99462 7.61705 7.61749 5.99393 9.57184 4.86531C11.5262 3.7367 13.7432 3.14235 16 3.142M16 1C7.728 1 1 7.728 1 16C1 24.272 7.728 31 16 31C24.272 31 31 24.272 31 16C31 7.728 24.272 1 16 1Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
<path |
|||
id="矢量 10" |
|||
d="M16 0C24.8235 0 32 7.17653 32 16C32 24.8235 24.8235 32 16 32C7.17653 32 0 24.8235 0 16C0 7.17653 7.17653 0 16 0ZM1 16C1 7.728 7.728 1 16 1C24.272 1 31 7.728 31 16C31 24.272 24.272 31 16 31C7.728 31 1 24.272 1 16Z" |
|||
fill="currentColor" |
|||
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" /> |
|||
<a href="{:getMuiLangUrl('/search.html')}" class="site-header__extra-btn search" aria-label="搜索"> |
|||
<svg |
|||
viewBox="0 0 32.9434 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.943359" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 3" |
|||
d="M22.7394 24.9684C20.3451 26.8783 17.3108 28.0198 14.0099 28.0198C6.27256 28.0198 0 21.7474 0 14.0099C0 6.27246 6.27256 0 14.0099 0C21.7473 0 28.0198 6.27246 28.0198 14.0099C28.0198 16.9923 27.088 19.757 25.4995 22.0287L32.944 28.9999L29.7711 32L22.7394 24.9684ZM23.8675 14.0099C23.8675 8.01334 20.0063 4.15222 14.0099 4.15222C8.01354 4.15222 4.15232 8.01334 4.15232 14.0099C4.15232 20.0065 8.01354 23.8676 14.0099 23.8676C20.0063 23.8676 23.8675 20.0065 23.8675 14.0099Z" |
|||
fill="currentColor" |
|||
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" /> |
|||
</a> |
|||
<button |
|||
class="site-header__extra-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/1999/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> |
|||
|
|||
|
|||
{php} |
|||
// 获取股票信息 |
|||
$stockInfo = getStockInfo('603933'); |
|||
// 判断涨跌颜色 |
|||
$priceColor = ''; |
|||
if ($stockInfo['change'] !== '--') { |
|||
$changeVal = floatval(str_replace(['+', '-'], '', $stockInfo['change'])); |
|||
if ($stockInfo['change'][0] === '+') { |
|||
$priceColor = 'color: #ef4335'; // 上涨红色 |
|||
} elseif ($stockInfo['change'][0] === '-') { |
|||
$priceColor = 'color: #00b894'; // 下跌绿色 |
|||
} |
|||
} |
|||
{/php} |
|||
@ -1,374 +0,0 @@ |
|||
<!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/dengguang.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/dengguang.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<div class="dengguang"> |
|||
<!-- dengguang-banner --> |
|||
{hcTaglib:category id="303" item="vo" field="*"} |
|||
<section class="section__banner" 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} |
|||
|
|||
<div class="section__img_text section-wrap" data-header-dark> |
|||
{hcTaglib:category id="304" item="vo" field="*"} |
|||
<div class="section__inner"> |
|||
<div class="section__left"> |
|||
<img class="dengguang_section_1__img" src="{:deal_image_url($vo.thumbnail.url)}" |
|||
width="620" height="388" alt="{$vo.title}"> |
|||
</div> |
|||
<div class="section__right"> |
|||
<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"> --> |
|||
<!-- 与传统照明相比，智能照明可达到安全、节能、舒适、高效的目的,因此智能照明在家居领域、办公领域、商务领域及公共设施领域均有广阔的发展前景。中国智能照明市场商机巨大，智能照明的应用领域目前主要集中在商务领域和公共设施领域，酒店、会展场馆、市政工程、道路交通领域内对智能照明的采纳使用较多。此外,办公建筑和高端别墅项目也有采用智能照明。随着国内智能照明研发生产技术的发展和产品推广力度的加大，家居领域的智能照明应用有望得以普及。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<!-- dengguang-section-2：四大核心亮点 + Tab + 图文 --> |
|||
<section class="dengguang-section-2" aria-labelledby="dengguang-s2-title"> |
|||
<div class="dengguang-section-2__inner"> |
|||
{hcTaglib:category id="304" item="vo" field="*"} |
|||
<header class="section__header align-items-center"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="dengguang-s2-title" class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="timeline__tabs" role="tablist"> |
|||
{hcTaglib:contentPage2 cid="305" mainField="*" subField="*" name="hc_content" limit="28" item="vo" sort="sort asc"} |
|||
<div class="timeline__tab {if $key==1}active{/if}" data-bs-toggle="tab" data-bs-target="#dengguang-s2-panel-{$key-1}" |
|||
role="tab"> |
|||
<h3 class="dengguang-section-2__feature-title">{$vo.title}</h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
<div class="dengguang-section-2__panels tab-content"> |
|||
{hcTaglib:contentPage2 cid="305" mainField="*" subField="*" name="hc_content" limit="28" item="vo" sort="sort asc"} |
|||
<div class="dengguang-section-2__panel tab-pane fade show {if $key==1}active{/if}" id="dengguang-s2-panel-{$key-1}" |
|||
role="tabpanel"> |
|||
<div class="dengguang-section-2__panel-inner"> |
|||
<figure class="dengguang-section-2__left"> |
|||
<img src="{:deal_image_url($vo.thumbnail.url)}" width="620" height="388" |
|||
alt="{$vo.title}"> |
|||
</figure> |
|||
<div class="dengguang-section-2__right"> |
|||
<p class="section__desc"> |
|||
{$vo.description|nl2br|raw} |
|||
</p> |
|||
<!-- <p class="section__desc">传统照明依赖人工逐路开关，效率低且易遗漏；智能照明则可通过 PC --> |
|||
<!-- 端管理软件、移动端或策略引擎在后台自动执行场景与日程，把「人找灯」变成「灯随人」，管控更精细、响应更及时。</p> --> |
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 灯具与线路长期承受浪涌与异常工况会缩短寿命、推高维护成本。智能照明系统中的浪涌防护与状态监测能力，有助于稳定供电质量、延长灯具使用寿命，减少反复更换与人工检修带来的隐性支出。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- K9LS系列 智能轻触开关 --> |
|||
{hcTaglib:category id="323" item="vo" field="*"} |
|||
<section class="dengguang-section-6 section-wrap" aria-labelledby="dengguang-section-6-title"> |
|||
<div class="dengguang-section-6__inner"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.sub_title}</p> |
|||
<h2 class="section__title">{$vo.title}</h2> |
|||
</header> |
|||
<section class="section__desc"> |
|||
<p> |
|||
{$vo.description} |
|||
</p> |
|||
</section> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- dengguang-section-3 --> |
|||
{hcTaglib:category id="306" item="vo" field="*"} |
|||
<section class="dengguang-section-3" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="dengguang-section-3__inner"> |
|||
<h3 class="dengguang-section-3__title">{$vo.title}</h3> |
|||
<p class="dengguang-section-3__sub">{$vo.sub_title}</p> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 产品样式 多种类产品供你选 START--> |
|||
<section class="dengguang-section-4 section-wrap" aria-labelledby="dengguang-section-4-title" data-header-dark> |
|||
<div class="dengguang-section-4__inner"> |
|||
|
|||
<header class="section__header"> |
|||
{hcTaglib:category id="307" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="s-tabs-vertical__wrap"> |
|||
<ul class="dengguang-section-4__tabs s-tabs-vertical" role="tablist" aria-label="产品类型"> |
|||
{hcTaglib:subcategory pid="307" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="dengguang-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:subcategory} |
|||
|
|||
</ul> |
|||
<div class="dengguang-section-4__panels tab-content"> |
|||
{hcTaglib:subcategory pid="307" name="hc_content" item="vo" sort="sort asc" key="key11"} |
|||
{php} |
|||
$allData = []; |
|||
{/php} |
|||
<div class="dengguang-section-4__panel tab-pane fade {if $key11==1}show active{/if}" id="panel-{$key11-1}" role="tabpanel"> |
|||
<ul class="panel-tabs" role="tablist" aria-label="产品类型"> |
|||
<li class="panel-tab active" data-bs-toggle="tab" data-bs-target="#panel-{$key11-1}-all" |
|||
role="tab"> |
|||
全部 |
|||
</li> |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="50" item="vo22" sort="sort asc" key="key22"} |
|||
{php} |
|||
$oneData = $vo22->toArray(); |
|||
$picArr = $oneData['main_content']['atlas'] ?? []; |
|||
// 当前分类的全部数据 |
|||
foreach($picArr as $one){ |
|||
$allData[] = $one; |
|||
} |
|||
{/php} |
|||
<li class="panel-tab" data-bs-toggle="tab" data-bs-target="#panel-{$key11-1}-{$key22-1}" role="tab"> |
|||
{$vo22.title} |
|||
</li> |
|||
{/hcTaglib:contentPage2} |
|||
<!-- <li class="panel-tab" data-bs-toggle="tab" data-bs-target="#panel-0-1" role="tab"> --> |
|||
<!-- 吸顶灯 --> |
|||
<!-- </li> --> |
|||
<!-- <li class="panel-tab" data-bs-toggle="tab" data-bs-target="#panel-0-2" role="tab"> --> |
|||
<!-- 轨射灯 --> |
|||
<!-- </li> --> |
|||
</ul> |
|||
|
|||
<div class="panel-content tab-content"> |
|||
<div class="panel-item tab-pane fade show active" id="panel-{$key11-1}-all" role="tabpanel"> |
|||
<ul class="dengguang-section-4__grid"> |
|||
|
|||
{volist name="allData" id="oneTmp" key="key"} |
|||
<li class="dengguang-section-4__card"> |
|||
<figure class="dengguang-section-4__card-img"><img |
|||
src="{$oneTmp.url|default=''}" alt=""> |
|||
</figure> |
|||
<span class="dengguang-section-4__name">{$oneTmp.description|default=''}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="50" item="vo22" sort="sort asc" key="key22"} |
|||
{php} |
|||
$oneData = $vo22->toArray(); |
|||
$picArr = $oneData['main_content']['atlas'] ?? []; |
|||
{/php} |
|||
<div class="panel-item tab-pane fade" id="panel-{$key11-1}-{$key22-1}" role="tabpanel"> |
|||
<ul class="dengguang-section-4__grid"> |
|||
{volist name="picArr" id="oneTmp" key="key"} |
|||
<li class="dengguang-section-4__card"> |
|||
<figure class="dengguang-section-4__card-img"><img |
|||
src="{$oneTmp.url|default=''}" alt=""> |
|||
</figure> |
|||
<span class="dengguang-section-4__name">{$oneTmp.description|default=''}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- 产品样式 多种类产品供你选 END--> |
|||
|
|||
<!-- 经典案例 经典企业合作案例 --> |
|||
<section class="dengguang-section-5 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="308" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="swiper__wrap swiper__wrap2 justify-content-center"> |
|||
<div class="swiper dengguangSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="308" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}" |
|||
class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo.title}</h3> |
|||
<p class="s-card__desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
</div> |
|||
<!-- 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="/product-smart-home/index.html">智能家居系统</a> |
|||
<a href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a href="/dengguang/index.html">智能灯控系统</a> |
|||
<a href="/kongtiao/index.html">中央空调系统</a> |
|||
<a href="/green-energy/index.html">绿色能源解决方案</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="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,35 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="xiangqingBlock"> |
|||
<div class="w1400"> |
|||
<div class="tit">{$hc_content.title}</div> |
|||
<div class="time"><img src="/themes/static/images/xiangqingBlockIco.png" alt="">{:date('Y.m.d', strtotime($hc_content['publish_time']))}</div> |
|||
<div class="content"> |
|||
{$hc_content.content|raw} |
|||
</div> |
|||
<div class="page"> |
|||
<div class="left"> |
|||
<p>{hcTaglib:preContent /}</p> |
|||
<p>{hcTaglib:nextContent /}</p> |
|||
</div> |
|||
<a href="/news.html" class="btn">返回列表</a> |
|||
<!-- {hcTaglib:backList cid="1" /} --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -1,296 +0,0 @@ |
|||
<!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> |
|||
@ -1,365 +0,0 @@ |
|||
<!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/jiudian.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/jiudian.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<!-- jiudian-banner --> |
|||
{hcTaglib:category id="289" item="vo" field="*"} |
|||
<section class="section__banner jiudian" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.sub_title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- jiudian-section-1 --> |
|||
<!-- 智慧酒店客房生态系统 基于普杰科技物联网技术 --> |
|||
<section class="jiudian_section_1" aria-labelledby="jiudian_section_1-title" data-header-dark> |
|||
<div class="jiudian_section_1__inner"> |
|||
{hcTaglib:category id="290" item="vo" field="*"} |
|||
<div class="jiudian_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"> --> |
|||
<!-- 普杰客控系统将物联网科技应用于酒店客房，打造出灯光场景、色温和色彩全调光、Al语音和手机客控、设备远程控制、服务响应等极具时尚和科技感的体验。并且，与普杰刷脸生态系统、普杰智能照明系统无缝连接，实现客人从入住、居住到退房的一整套智慧且美好的体验旅程。 --> |
|||
<!-- </p> --> |
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 普杰客控系统，从技术路线上分为有线客控系统和无线客控系统两大类。有线客控系统是弱控强方式，系统相对较为复杂，但传输可靠性非常好，一般适用于新建酒店、房量大的酒店和大改造的酒店。无线客控系统又分为纯无线方式和强电无线方式，采用普杰去中心化架构和私有协议，稳定性几乎不输有线方式。普遍适用于存量酒店改造和新建酒店的智能化建设。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
<div class="jiudian_section_1__media"> |
|||
<img class="jiudian_section_1__img" src="{$vo.thumbnail.url|default=''}" width="620" |
|||
height="388" alt="现代城市楼宇与玻璃幕墙天际线"> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 酒店管理系统 酒店SAAS管理系统 --> |
|||
{hcTaglib:category id="325" item="vo" field="*"} |
|||
<section class="jiudian-section-5 section-wrap" aria-labelledby="jiudian-section-5-title" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="jiudian-section-5__inner"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
<section class="section__desc"> |
|||
<p> |
|||
{$vo.description} |
|||
</p> |
|||
</section> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 智慧客房 全域掌控 全场景智能模式 --> |
|||
<section class="jiudian-section-2" data-header-dark aria-labelledby="jiudian-section-2-title"> |
|||
<div class="jiudian-section-2__inner"> |
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="291" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="jiudian-section-2__slider"> |
|||
<button type="button" class="jiudian-section-2__nav-btn slide-btn prev" aria-label="上一场景"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<div class="swiper jiudian-section-2__swiper"> |
|||
<div class="swiper-wrapper jiudian-section-2__cards"> |
|||
{hcTaglib:contentPage2 cid="291" mainField="*" subField="*" name="hc_content" limit="30" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="jiudian-section-2__card"> |
|||
<div class="jiudian-section-2__thumb"> |
|||
<img class="jiudian-section-2__img" |
|||
src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="jiudian-section-2__card-title">{$vo.title}</h3> |
|||
<p class="jiudian-section-2__card-desc"> |
|||
{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<button type="button" class="jiudian-section-2__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> |
|||
|
|||
<!-- jiudian-section-3 --> |
|||
<!-- 十二大客控子系统 全场景联动打造智慧酒店 --> |
|||
<section class="jiudian-section-3" aria-labelledby="jiudian-section-3-title"> |
|||
<div class="jiudian-section-3__inner"> |
|||
<header class="section__header jiudian-section-3__header align-items-center"> |
|||
{hcTaglib:category id="292" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="jiudian-section-3__slider"> |
|||
<div class="swiper jiudian-section-3__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:contentPage2 cid="292" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="jiudian-section-3__item"> |
|||
<div class="jiudian-section-3__icon-wrap glass-card"> |
|||
<img class="jiudian-section-3__icon" |
|||
src="{$vo.thumbnail.url|default=''}" width="48" height="48" |
|||
alt="" decoding="async"> |
|||
</div> |
|||
<h3 class="jiudian-section-3__item-title">{$vo.title}</h3> |
|||
<p class="jiudian-section-3__item-desc"> |
|||
{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="jiudian-section-3__nav"> |
|||
<button type="button" class="jiudian-section-3__nav-btn prev" aria-label="上一组子系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABoUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMong+vuqrvuq1gc/6mI/5mNfh+QNAPJev+qqvem/guwBsv/XHfuzH/gzPCwDxAF/1VV/1WcBnc8Vnf8zHfMzn8PwBIJ7pq77qqz4L+Gyu+OyP+ZiP+RxeMAAE8FVf9VVfBXw0V3wr8CO8cADoq77qq74K+Gj+dQAmfdVXfdVLAz8FPBhA0h/aXvHCAaQAvuqrvurBwG8BDwZuBV7nYz7mY27lBQNAPNNXfdVXPRj4LeDBwK3A63zMx3zMrTx/AIgH+Kqv+qoHAz8FvDRwK/A6H/MxH3MrzwsA8Vy+6qu+6jjwXcBrA6/zMR/zMX/N8wJAvABf9VVf9dof8zEf89s8fwD8I5DxQQxxWyYWAAAAAElFTkSuQmCC" alt="" class="arrow-left" /> |
|||
</button> |
|||
<button type="button" class="jiudian-section-3__nav-btn next" aria-label="下一组子系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABnUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghvuqrvuo48FPA53zMx3zMb/NsAIgX4iu+4iveOyK+iyve52M+5mO+mysAEP+Cr/iKr/jsiPgsrvjsj/mYj/kcAADxIviKr/iKz46Iz+KKz/6Yj/mYzwHQV33VV70uLwLb7yzpA7jiqz/mYz7mY/RVX/VV5l8P4Kv1VV/1Vb/Bi0DS3ParcsWtwNuIF8FXfdVXPRj4LeDBwK3A63zMx3zMreJf8FVf9VUPBn4LeDBwK/A6H/MxH3MrgHghvuqrvuqlgZ8CHgz8NfA2H/MxH3MrAIB4Ib7qq77qpYG/An4aeJ+P+ZiP2eUKAMS/4Ku+6qte+2M+5mN+m+cEwD8CePlCJuB2hGMAAAAASUVORK5CYII=" alt="" class="arrow-right" /> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- jiudian-section-4 --> |
|||
<!-- 经典案例 携手知名酒店集团 --> |
|||
|
|||
<section class="jiudian-section-4" data-header-dark aria-labelledby="jiudian-section-4-title"> |
|||
<div class="jiudian-section-4__inner"> |
|||
<header class="jiudian-section-4__header"> |
|||
{hcTaglib:category id="293" item="vo" field="*"} |
|||
<p class="jiudian-section-4__tag">{$vo.title}</p> |
|||
<h2 id="jiudian-section-4-title" class="jiudian-section-4__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="jiudian-section-4__card"> |
|||
<ul class="jiudian-section-4__sidebar s-tabs-vertical" role="tablist" aria-label="酒店类型"> |
|||
{hcTaglib:subcategory pid="293" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="jiudian-section-4__sidebar-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:subcategory} |
|||
|
|||
</ul> |
|||
|
|||
<div class="jiudian-section-4__content"> |
|||
<div class="jiudian-section-4__panels tab-content"> |
|||
{hcTaglib:subcategory pid="293" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="jiudian-section-4__panel tab-pane fade {if $key==1}show active{/if}" role="tabpanel" id="panel-{$key-1}" |
|||
aria-labelledby="jiudian-s3-tab-{$key-1}"> |
|||
<div class="jiudian-section-4__main-inner"> |
|||
<div class="swiper jiudian-section-4__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="10" item="vo22" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="jiudian-section-4__slide"> |
|||
<div class="jiudian-section-4__text"> |
|||
<h3 class="jiudian-section-4__brand">{$vo22.title}</h3> |
|||
<p class="jiudian-section-4__brand-en">{$vo22.sub_title} |
|||
</p> |
|||
<p class="jiudian-section-4__lead"> |
|||
{$vo22.description}</p> |
|||
</div> |
|||
<div class="jiudian-section-4__gallery"> |
|||
{php} |
|||
$main_content_arr = $vo22['main_content']['atlas'] ?? []; |
|||
{/php} |
|||
|
|||
{volist name="main_content_arr" id="oneMainContent" key="key"} |
|||
{php} |
|||
$tmpUrl = $oneMainContent['url'] ?? ''; |
|||
$tmp_name = $oneMainContent['description'] ?? ''; |
|||
if (!empty($tmpUrl)) { |
|||
$search = 'storage'; // 去掉图片的域名 |
|||
$pos = strpos($tmpUrl, $search); |
|||
if ($pos !== false && $pos > 3) { |
|||
$tmpUrl = substr($tmpUrl, $pos); |
|||
} |
|||
} |
|||
{/php} |
|||
|
|||
<figure class="jiudian-section-4__figure"> |
|||
<img class="jiudian-section-4__img" |
|||
src="{$tmpUrl}" |
|||
alt="{$tmp_name}"> |
|||
</figure> |
|||
{/volist} |
|||
<!-- <figure class="jiudian-section-4__figure"> --> |
|||
<!-- <img class="jiudian-section-4__img" --> |
|||
<!-- src="themes/static_new/static/assets/section-4-img-2-BsCq7D-t.png" --> |
|||
<!-- alt="酒店宴会厅"> --> |
|||
<!-- </figure> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="jiudian-section-4__nav" role="group" aria-label="方案翻页"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -1,309 +0,0 @@ |
|||
<!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,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" 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> |
|||
@ -1,157 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/anli.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="anliBlock"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>房地产案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于房地产领域，打造完善的智能家居整体解决方案</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="85" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="86" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="anliBlock2"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>酒店案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于酒店领域，打造先进酒店客房控制系统</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="87" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="88" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".anliBlock .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper2 = new Swiper(".anliBlock .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock .swiper-button-next", |
|||
prevEl: ".anliBlock .swiper-button-prev", |
|||
}, |
|||
}); |
|||
var swiper3 = new Swiper(".anliBlock2 .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper4 = new Swiper(".anliBlock2 .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock2 .swiper-button-next", |
|||
prevEl: ".anliBlock2 .swiper-button-prev", |
|||
}, |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,111 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<?php |
|||
$page = (int)request() -> param('page'); |
|||
?> |
|||
<!-- 正文 --> |
|||
<div class="xinwenBlock"> |
|||
{if empty($page) || $page<=1 } |
|||
{hcTaglib:content cid="76" moduleId="1" name="news" limit="2" onlyData="1"} |
|||
<div class="w1400 top"> |
|||
{volist name="news" id="vo" length="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list first"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.thumbnail.description}"> |
|||
<span></span> |
|||
</div> |
|||
<div class="tit"> |
|||
<span>{$vo.title}</span> |
|||
<div class="tipsFirst">{$vo.description}</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
{volist name="news" id="vo" length="1" offset="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt=""> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="76" moduleId="1" name="newsList" limit="8" len="6" offset="2" item="vv" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<ul class="pagination"> |
|||
<ul class="pagination"> |
|||
{$newsList|raw} |
|||
</ul> |
|||
</ul> |
|||
{else /} |
|||
|
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="76" name="news" item="vv" limit="8"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
|
|||
<ul class="pagination"> |
|||
{$news|raw} |
|||
</ul> |
|||
{/if} |
|||
|
|||
|
|||
|
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -1,462 +0,0 @@ |
|||
<!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"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/productSmartHome.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/productSmartHome.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
{hcTaglib:category id="257" item="vo" field="*"} |
|||
<section class="psh section__banner" aria-label="智能家居系统主视觉" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<!-- 大图 --> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.description}</h1> |
|||
<p class="section__banner__sub">{$vo.desc}</p> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- psh-section-1 --> |
|||
<section class="psh-section-1" data-header-dark aria-labelledby="psh-section-1-title"> |
|||
<div class="psh-section-1__inner"> |
|||
<div class="section__header"> |
|||
<!-- <p class="section__title__red">智能一机掌控，个性生活由你来定</p> --> |
|||
<!-- <h2 id="psh-section-1-title" class="section__title">满足你对家的美好想象</h2> --> |
|||
{hcTaglib:category id="262" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-1-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="psh-section-1__features row d-flex g-0"> |
|||
<!-- 语音控制, 远程控制, 智能控制, 定时预设 START --> |
|||
{hcTaglib:contentPage cid="262" mainField="*" subField="*" name="hc_content" limit="4" item="vo" sort="sort asc"} |
|||
<article class="psh-section-1__feature col-3 d-flex flex-column align-items-center"> |
|||
<h3 class="psh-section-1__feature-title">{$vo.title}</h3> |
|||
<div class="line-dot w-100 d-flex align-items-center"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
<p class="psh-section-1__feature-text">{$vo.description}</p> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
<!-- 语音控制, 远程控制, 智能控制, 定时预设 END --> |
|||
</div> |
|||
|
|||
<div class="psh-section-1__showcase" role="group" aria-label="智能家居子系统展示"> |
|||
<!-- 智能安防系统, 智能灯光系统, 智能电器控制, 智能窗帘控制, 家庭影院 5张折叠图 START--> |
|||
{hcTaglib:contentPage cid="266" mainField="*" subField="*" name="hc_content" limit="5" item="vo" sort="sort asc"} |
|||
<div class="psh-section-1__panel" style="background-image: url('{$vo.cover.url|default=''}');"> |
|||
<div class="psh-section-1__panel-inner"> |
|||
<div class="psh-section-1__icon-wrap glass-card"> |
|||
<img class="psh-section-1__icon" aria-hidden="true" src="{$vo.thumbnail.url|default=''}" |
|||
alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="psh-section-1__panel-title">{$vo.title}</h3> |
|||
<p class="psh-section-1__panel-desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
|
|||
{/hcTaglib:contentPage} |
|||
<!-- 智能安防系统, 智能灯光系统, 智能电器控制, 智能窗帘控制, 家庭影院 5张折叠图 END--> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- psh-section-2 --> |
|||
<!-- 智能搭配，适应各种户型 满足你对家的的美好想象 --> |
|||
<section class="psh-section-2" data-header-dark aria-labelledby="psh-section-2-title"> |
|||
<div class="psh-section-2__inner"> |
|||
<!-- 智能搭配，适应各种户型 满足你对家的的美好想象 --> |
|||
<div class="section__header"> |
|||
{hcTaglib:category id="263" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-2-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="psh-section-2__tabs" role="tablist" aria-label="户型方案切换"> |
|||
{hcTaglib:subcategory pid="263" name="hc_content" item="vo" sort="sort asc"} |
|||
<button type="button" class="psh-section-2__tab {if $key==1}active{/if}" role="tab" aria-selected="true" id="psh-s2-tab-{$key-1}" |
|||
aria-controls="psh-s2-panel-{$key-1}"> |
|||
<img class="psh-section-2__tab-icon" aria-hidden="true" src="{$vo.thumbnail.url|default=''}" |
|||
alt="{$vo.title}"> |
|||
<span class="psh-section-2__tab-label">{$vo.title}</span> |
|||
</button> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
|
|||
<div class="psh-section-2__panels"> |
|||
{hcTaglib:subcategory pid="263" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="psh-section-2__panel {if $key==1}active{/if}" role="tabpanel" id="psh-s2-panel-{$key-1}" aria-labelledby="psh-s2-tab-{$key-1}"> |
|||
<div class="swiper psh-section-2__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="3" item="vo22" sort="sort asc"} |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="psh-section-2__gallery"> |
|||
{php} |
|||
$main_content_arr = $vo22['main_content']['intro_img'] ?? []; |
|||
{/php} |
|||
|
|||
{volist name="main_content_arr" id="oneMainContent" key="key"} |
|||
{php} |
|||
// var_dump($oneMainContent); |
|||
$tmpUrl = $oneMainContent['url'] ?? ''; |
|||
$tmp_name = $oneMainContent['description'] ?? ''; |
|||
if (!empty($tmpUrl)) { |
|||
$search = 'storage'; // 去掉图片的域名 |
|||
$pos = strpos($tmpUrl, $search); |
|||
if ($pos !== false && $pos > 3) { |
|||
$tmpUrl = substr($tmpUrl, $pos); |
|||
} |
|||
} |
|||
{/php} |
|||
|
|||
<figure class="psh-section-2__figure"> |
|||
<img class="psh-section-2__img" src="{$tmpUrl}" alt="{$tmp_name}"> |
|||
</figure> |
|||
{/volist} |
|||
|
|||
</div> |
|||
<div class="psh-section-2__desc"> |
|||
<h3 class="psh-section-2__desc-title">{$vo22.title}</h3> |
|||
<p class="psh-section-2__desc-text">{$vo22.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
<div class="psh-section-2__nav" role="group" aria-label="方案翻页"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- psh-section-3 --> |
|||
<!-- 超五星酒店智能系统经验 给你五星级般的智能家居享受 --> |
|||
<section class="psh-section-3" data-header-dark aria-labelledby="psh-section-3-title" style="display: none"> |
|||
<div class="psh-section-3__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="264" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-3-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="psh-section-3__card"> |
|||
<ul class="psh-section-3__sidebar" role="tablist" aria-label="酒店类型"> |
|||
{hcTaglib:subcategory pid="264" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="psh-section-3__sidebar-item {if $key==1}active{/if}" role="tab" aria-selected="true" id="psh-s3-tab-{$key-1}" |
|||
aria-controls="psh-s3-panel-{$key-1}">{$vo.title}</li> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</ul> |
|||
|
|||
<div class="psh-section-3__content"> |
|||
<div class="psh-section-3__panels"> |
|||
{hcTaglib:subcategory pid="264" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="psh-section-3__panel {if $key==1}active{/if}" role="tabpanel" id="psh-s3-panel-{$key-1}" aria-labelledby="psh-s3-tab-{$key-1}"> |
|||
<div class="psh-section-3__main-inner"> |
|||
<div class="swiper psh-section-3__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="3" item="vo22" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="psh-section-3__slide"> |
|||
<div class="psh-section-3__text"> |
|||
<h3 class="psh-section-3__brand">{$vo22.title}</h3> |
|||
<p class="psh-section-3__brand-en">{$vo22.sub_title}</p> |
|||
<p class="psh-section-3__lead"> |
|||
{$vo22.description}</p> |
|||
</div> |
|||
<div class="psh-section-3__gallery"> |
|||
{php} |
|||
$main_content_arr = $vo22['main_content']['intro_img'] ?? []; |
|||
{/php} |
|||
|
|||
{volist name="main_content_arr" id="oneMainContent" key="key"} |
|||
{php} |
|||
// var_dump($oneMainContent); |
|||
$tmpUrl = $oneMainContent['url'] ?? ''; |
|||
$tmp_name = $oneMainContent['description'] ?? ''; |
|||
if (!empty($tmpUrl)) { |
|||
$search = 'storage'; // 去掉图片的域名 |
|||
$pos = strpos($tmpUrl, $search); |
|||
if ($pos !== false && $pos > 3) { |
|||
$tmpUrl = substr($tmpUrl, $pos); |
|||
} |
|||
} |
|||
{/php} |
|||
<figure class="psh-section-3__figure"> |
|||
<img class="psh-section-3__img" src="{$tmpUrl}" |
|||
alt="{$tmp_name}"> |
|||
</figure> |
|||
{/volist} |
|||
|
|||
<!-- <figure class="psh-section-3__figure"> --> |
|||
<!-- <img class="psh-section-3__img" src="themes/static_new/static/assets/section-3-bg-1.png" --> |
|||
<!-- alt="酒店套房与城市景观"> --> |
|||
<!-- </figure> --> |
|||
|
|||
<!-- <figure class="psh-section-3__figure"> --> |
|||
<!-- <img class="psh-section-3__img" src="themes/static_new/static/assets/section-3-bg-2.png" alt="酒店宴会厅"> --> |
|||
<!-- </figure> --> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="psh-section-3__nav" role="group" aria-label="方案翻页"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- psh-section-4：应用场景 — 时间轴 Tab + 每面板独立 Swiper --> |
|||
<!-- 应用场景 让每个家，更智能化 --> |
|||
<section class="psh-section-4" data-header-dark aria-labelledby="psh-section-4-title"> |
|||
<div class="psh-section-4__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="265" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-4-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="psh-section-4-slider swiper__wrap"> |
|||
<div class="swiper psh-section-4__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="265" mainField="*" subField="*" name="hc_content" limit="30" item="vo22" sort="sort asc"} |
|||
{php} |
|||
$main_content_file_url = $vo22['main_content']['file']['url'] ?? ''; |
|||
{/php} |
|||
<div class="swiper-slide"> |
|||
<div class="psh-section-4__step-wrap"> |
|||
<img src="{$vo22['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<article class="psh-section-4__card"> |
|||
<div class="psh-section-4__thumb" data-url="{$main_content_file_url}"> |
|||
<img src="data:image/png;base64,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" alt="" class="play-icon"> |
|||
<img class="psh-section-4__img" src="{$vo22['cover']['url']|default=''}" alt="{$vo22.title}"> |
|||
</div> |
|||
<h3 class="psh-section-4__card-title">{$vo22.title}</h3> |
|||
<p class="psh-section-4__card-desc">{$vo22.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 经典案例 经典智能家居案例 --> |
|||
<section class="psh-section-6 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
|
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="322" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="swiper__wrap swiper__wrap2 justify-content-center"> |
|||
<div class="swiper pshSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="322" mainField="*" subField="*" name="hc_content" limit="30" item="vo22" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="{$vo22['thumbnail']['url']|default=''}" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo22.title}</h3> |
|||
<p class="s-card__desc"> |
|||
{$vo22.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- psh-section-5：底部全宽 CTA（夜景屋宇 + 居中文案 + 线框按钮） --> |
|||
{hcTaglib:contentdetail id="2518" name="hc_content"} |
|||
|
|||
<section class="psh-section-5" aria-labelledby="psh-section-5-title" style="background-image: url('{:deal_image_url($hc_content.cover.url)}');"> |
|||
<div class="psh-section-5__inner"> |
|||
<h2 id="psh-section-5-title" class="psh-section-5__title">{$hc_content.title}</h2> |
|||
<p class="psh-section-5__desc">{$hc_content.description}</p> |
|||
<a class="s-btn glass-card" href="/estimate.html"> |
|||
<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"> |
|||
</a> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:contentdetail} |
|||
<div class="videoWindow"> |
|||
<div class="content"> |
|||
<div class="close"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAlhJREFUWEfNlztoVUEQhr+/MY2IhYiFFj7SJWghiIgogpUPCEhS2NhIwAdio2ChaCHERnxECDY2FoogaFIFQkREA4KI6XwVWkhIIcFCbUZG9oa9N+fcs+dyw2bLc3Z3vp2d+XdGJA4zWw0cAg4A24EtwJqwfAH4ArwHpoAJSb9StlbVJDPbBlwEjgEvgUngLfAZ+BnWrwW2AjuBg8Be4AkwIulTOxulAGbWA1wDTgD3gFFJ81XA/t/M1gGngVPAA+CypD9FawsBzGwD8BT4BpyRNJdiuHWOma0H7gKbgAFJP1rnLAEws35gHBiTdL0TwwUgl4Bh4LCkD/H/JoBw8hnggqRH3TDe2MPMhoAbwK7YE4sA4c6ngefdOnmJJ44A+xsxEQOMAJslDXbz5AUQj4Gvkjyz+A8QUu0V0N9pwKVCh8D0ONjjKdoAuO8RL8nTbtmHmV0BNko6qaBwnm697fLczN4B5yV5nJQOM9sH3Jbkalk4gk589PR0AI/O45KOJmzs9zdUBhGM+5xBSS8q9nsGPHSAMWBW0p0q30cGlkC0+1e0r5mdBfoc4E1w7esqgBCw7uImT9Q1HvbZDdx0AJfZvjrRHxv0JGoFSjyIy/SsA/z2Z1XS35SFkbI1POGfSuOiTSCuAhZWBED2K8gehN1Ow0oNCFmwmIbZhciLzRQp9oLzXKIU35K0I0mKgzv8Mfou6WqdVOx0btNjtCKe4wCRryAJAF6G5yvJAoSX43mK0kjj85XlEUS+xiSCiFuzUW/ParZm3pZ5e1a/NYvzO1tz2ioyy9We/wNWr5lY0zc+QQAAAABJRU5ErkJggg==" alt=""></div> |
|||
<video src="" poster="" alt="" id="media" controls="controls"></video> |
|||
</div> |
|||
</div> |
|||
<!-- 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="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,158 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>应用场景—智能家居系统集成方案—全屋智能家居系统—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店等。目标为全球亿万家庭创造智能个性新生活!"> |
|||
<meta name="keywords" content="全屋智能家居系统，智能家居整体解决方案服务商，智能家居解决方案，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/changjing.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="changjingBanner"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<video src="{$vo.main_content.video.url|default=''}" loop="loop" autoplay="autoplay" muted="muted" poster="{$vo['cover']['url']|default=''}"></video> |
|||
<div class="posi"><img src="{$vo['main_content']['gif']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="changjingTab"> |
|||
<div class="w1400"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left4.png" alt=""></div> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="39" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right4.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="changjingBlock"> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="tit"> |
|||
<p>{$vo.sub_title}</p> |
|||
<div class="tips">{$vo.main_content.intro}</div> |
|||
</div> |
|||
<div class="changjingBlock2"> |
|||
<div class="swiper changjingBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vo.main_content.ico_two" id="vvo" } |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="{$vvo.url}" alt=""></div> |
|||
<p>{$vvo.description}</p> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="/themes/static/images/changjingBlock2Img2.png" alt=""></div> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right6.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left6.png" alt=""></div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
<p> |
|||
{$vo.title}<span>{$vo.main_content.time_slot}</span> |
|||
</p> |
|||
<div class="contList"> |
|||
<ul> |
|||
{volist name="$vo.main_content.atlas" id="vv" } |
|||
<li> |
|||
<i></i> |
|||
<em></em> |
|||
<span> |
|||
<img src="{$vv.url}" alt=""> |
|||
</span> |
|||
<div>{$vv.description}</div> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
spaceBetween: 20, |
|||
slidesPerView: "auto", |
|||
navigation: { |
|||
nextEl: ".changjingTab .w1400 .swiper-button-next", |
|||
prevEl: ".changjingTab .w1400 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
640:{ |
|||
spaceBetween: 40, |
|||
}, |
|||
1200:{ |
|||
spaceBetween: 100, |
|||
} |
|||
} |
|||
}); |
|||
$('.changjingTab .w1400 .mySwiper .swiper-wrapper .swiper-slide a').each(function(){ |
|||
if(window.location.pathname == $(this).attr('href')){ |
|||
$(this).parent().addClass('on') |
|||
}else if(window.location.pathname == $(this).attr('href') + '.html'){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
var swiper2 = new Swiper(".changjingBlock2Swiper", { |
|||
slidesPerView:3, |
|||
slidesPerGroup: 2, |
|||
spaceBetween: 0, |
|||
navigation: { |
|||
nextEl: ".changjingBlock2 .swiper-button-next", |
|||
prevEl: ".changjingBlock2 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 5, |
|||
}, |
|||
996:{ |
|||
slidesPerView: 7, |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 9, |
|||
}, |
|||
1366:{ |
|||
slidesPerView: 11, |
|||
} |
|||
} |
|||
}); |
|||
let changjingSwiper2 = $('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length |
|||
swiper2.removeSlide(changjingSwiper2 - 1); |
|||
if($('body').width() > 1366){ |
|||
if($('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length < 11){ |
|||
$('.changjingBlock2Swiper .swiper-wrapper').css('justify-content','center') |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,155 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>产品中心—智能家居安装—智能家居整体解决方案服务商—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM是一家专业的智能家居整体解决方案服务商，为多家超五星酒店和地产开发商提供智能家居系统解决方案，严选国内外知名品牌产品，为客户度身定制高体验感的智能系统集成方案。"> |
|||
<meta name="keywords" content="智能家居整体解决方案服务商，智能家居安装，全屋智能家居控制系，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/chanpin.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="chanpinBanner"> |
|||
{if $current_cate['parent_id'] == 38 } |
|||
<img src="{$current_cate['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$current_cate.content|raw}<span>{$current_cate.title}</span></div> |
|||
<div class="tips"> |
|||
{$current_cate.description} |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
{hcTaglib:category id="$current_cate['parent_id']" field="id,title,banner,content,description"} |
|||
<img src="{$hc_category['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$hc_category.content|raw}<span>{$hc_category.title}</span></div> |
|||
<div class="tips"> |
|||
{$hc_category.description} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
{/if} |
|||
|
|||
</div> |
|||
<!-- 正文 --> |
|||
<?php |
|||
if($current_cate['parent_id'] == 38) |
|||
{ |
|||
$pid = $current_cate['id']; |
|||
}else{ |
|||
$pid = $current_cate['parent_id']; |
|||
} |
|||
?> |
|||
<div class="chanpinTab" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="w1400"> |
|||
<ul> |
|||
<li><a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a></li> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<li><a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinTabMob"> |
|||
<div class="swiper chanpinTabMobSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a> |
|||
</div> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinBlock"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="cont"> |
|||
{hcTaglib:contentPage cid="$current_cate['id']" moduleId='6' mainField="*" all="1" subField="*" name="case_top" limit="18" item="vvo"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$vvo['thumbnail']['url']}" alt=""> |
|||
<div class="posi"> |
|||
{$vvo.content|raw} |
|||
<div class="border-top"></div> |
|||
<div class="border-right"></div> |
|||
<div class="border-bottom"></div> |
|||
<div class="border-left"></div> |
|||
</div> |
|||
</div> |
|||
<a href="{$vvo['url']}"> |
|||
<div class="tit">{$vvo.title}</div> |
|||
<div class="tips">{$vvo.description}</div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{$case_top|raw} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
$('.chanpinBlock .w1400 .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
console.log(1) |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':1},400) |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':0},400) |
|||
} |
|||
}) |
|||
$('.chanpinBlock .w1400 .list .img').click(function(){ |
|||
if($(this).children('.posi').hasClass('on')){ |
|||
$(this).children('.posi').stop().animate({'opacity':0}) |
|||
$(this).children('.posi').removeClass('on') |
|||
return |
|||
} |
|||
$(this).children('.posi').stop().animate({'opacity':1}) |
|||
$(this).children('.posi').addClass('on') |
|||
}) |
|||
var swiper = new Swiper(".chanpinTabMobSwiper", { |
|||
slidesPerView: 3.5, |
|||
}); |
|||
let thisUrl = window.location.pathname |
|||
$('.chanpinTabMob .swiper .swiper-wrapper .swiper-slide').each(function(){ |
|||
console.log($(this).children('a').attr('href')) |
|||
if($(this).children('a').attr('href') == thisUrl){ |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.chanpinTab .w1400 ul li a').each(function(){ |
|||
if($(this).attr('href') == thisUrl){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
// $('.chanpinTab .w1400 ul li').eq(0).addClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').eq(0).css('display','flex') |
|||
// $('.chanpinTab .w1400 ul li').click(function(){ |
|||
// if($(this).hasClass('on')){ |
|||
// return |
|||
// } |
|||
// $(this).addClass('on') |
|||
// $(this).siblings().removeClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').css('display','none') |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).stop().fadeIn() |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).css('display','flex') |
|||
// }) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,393 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/guanyu.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.description}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 宅极慧iHM --> |
|||
<div class="guanyuBlock" id="block1"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"} |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{$vo.content|raw} |
|||
{/hcTaglib:content} |
|||
<ul class="numCount"> |
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"} |
|||
<li> |
|||
<p>{$vvo.title}</p> |
|||
<div> |
|||
<span class="numCX" data-startVal="0" data-endVal="{$vvo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vvo.id}">{$vvo.sub_title}</span> |
|||
{$vvo.description} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
<div class="img" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:contentPage cid="73" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- 企业文化 --> |
|||
<div class="guanyuBlock2" id="block2"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="74" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:content cid="74" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""><span><img src="/themes/static/images/guanyuBlock2Ico.png" alt=""></span></div> |
|||
<div class="text"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="en">{$vo.sub_title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 发展历程 --> |
|||
<div class="guanyuBlock3" id="block3"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="75" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="line"></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
<div class="swiper guanyuBlock3Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="75" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="time"> |
|||
<span>{$vo.title}</span>年 |
|||
</div> |
|||
<em></em> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<div class="text">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 新闻资讯 --> |
|||
<div class="guanyuBlock4" id="block4"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="76" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock4Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="76" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="time">{:date('Y-m-d', strtotime($vo['publish_time']))}</div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="line"></div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
{hcTaglib:category id="76" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
更多资讯 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 荣誉证书 --> |
|||
<div class="guanyuBlock5" id="block5"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="77" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock5Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="77" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 加入宅极慧 --> |
|||
<div class="guanyuBlock6" id="block6"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="78" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
<a href="{$vo.alias}" class="moreBtn" target="_blank"> |
|||
查看岗位信息 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们 --> |
|||
<div class="guanyuBlock7" id="block7"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="79" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="left"> |
|||
<div class="tel"> |
|||
{hcTaglib:category id="80" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<div class="cont"> |
|||
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<a href="tel:{$vo.title}">{$vo.title}</a> |
|||
{$vo.sub_title} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="mail"> |
|||
{hcTaglib:category id="81" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
<a href="mailto:{$vo.sub_title}">{$vo.sub_title}</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="tips"> |
|||
<p>{$vo.sub_title}</p> |
|||
{$vo.title} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="address"> |
|||
{hcTaglib:category id="83" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<ul> |
|||
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<li> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<form action=""> |
|||
<div class="tit">在线预约</div> |
|||
<input type="text" name="name" id="inputName" placeholder="请输入您的姓名"> |
|||
<input type="text" name="tel" id="inputTel" placeholder="请输入您的电话"> |
|||
<input type="text" name="content" id="inputCont" placeholder="留言内容"> |
|||
<a href="javascript:;" class="btn">立即提交</a> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="formTips"> |
|||
提交成功 |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script src="/themes/static/js/count.js"></script> |
|||
<script> |
|||
// 数字滚动 |
|||
$(function(){ |
|||
var countCXArr = []; |
|||
var countCX=function (){ |
|||
$('.numCount').each(function(i, dom) { |
|||
if(countCXArr[i] && countCXArr[i] === true){ |
|||
return; |
|||
} |
|||
var sT; |
|||
var ncTop; |
|||
sT = $(window).scrollTop(); |
|||
ncTop = $(dom).offset().top; |
|||
var id,decimals, startVal, endVal, duration; |
|||
if (sT > ncTop-$(window).height() && sT < ncTop) { |
|||
$(dom).find('.numCX').each(function(){ |
|||
id=$(this).attr('id'); |
|||
decimals = $(this).attr('data-decimals'), |
|||
startVal = $(this).attr('data-startVal'), |
|||
endVal = $(this).attr('data-endVal'), |
|||
duration = $(this).attr('data-speed'); |
|||
new CountUp(id, startVal, endVal, decimals, duration, { |
|||
useEasing: true,//效果 |
|||
separator: ''//数字分隔符 |
|||
}).start();// target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象 |
|||
countCXArr[i] = true; |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
countCX(); |
|||
$(window).on("scroll",function() { |
|||
countCX(); |
|||
}) |
|||
}); |
|||
// 发展历程 |
|||
var swiper = new Swiper(".guanyuBlock3Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock3 .swiper-button-next", |
|||
prevEl: ".guanyuBlock3 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
}, |
|||
1200:{ |
|||
slidesPerView: 4, |
|||
spaceBetween: 66, |
|||
} |
|||
} |
|||
}); |
|||
// 发展历程 时间轴线位置、长度 |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
$(window).resize(function(){ |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
}) |
|||
// 新闻资讯 |
|||
var swiper2 = new Swiper(".guanyuBlock4Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock4 .swiper-button-next", |
|||
prevEl: ".guanyuBlock4 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 70 |
|||
} |
|||
} |
|||
}); |
|||
// 荣誉证书 |
|||
var swiper3 = new Swiper(".guanyuBlock5Swiper", { |
|||
loop: true, |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock5 .swiper-button-next", |
|||
prevEl: ".guanyuBlock5 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView:2, |
|||
}, |
|||
997:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 30, |
|||
centeredSlides: true, |
|||
} |
|||
} |
|||
}); |
|||
$('.guanyuBlock7 .w1400 .right form .btn').click(function(){ |
|||
let name = $('#inputName').val() |
|||
let tel = $('#inputTel').val() |
|||
let content = $('#inputCont').val() |
|||
let re = /^1[3|4|5|6|7|8|9]\d{9}$/; |
|||
if(name == ''){ |
|||
alert('请输入您的姓名') |
|||
return |
|||
} |
|||
if (tel == '') { |
|||
alert("请输入您的号码"); |
|||
return false; |
|||
} else if (!re.test(tel)) { |
|||
alert("请输入正确的号码"); |
|||
return false; |
|||
} |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "Inquiry/save", |
|||
data: { |
|||
contacts_name: name, |
|||
phone: tel, |
|||
content: content, |
|||
referer: window.location.href |
|||
}, |
|||
success: function (res) { |
|||
$('.formTips').stop().fadeIn() |
|||
$('.guanyuBlock7 .w1400 .right form')[0].reset(); |
|||
setTimeout(function() { |
|||
$('.formTips').stop().fadeOut() |
|||
}, 3000); |
|||
}, |
|||
Error: function(res){ |
|||
alert('提交失败，请尝试联系客服') |
|||
} |
|||
}); |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
1299
public/themes/website/4/zh/demo/single_index.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,519 +0,0 @@ |
|||
<!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/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-CSwj0TNh.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill-B5Qt9EMX.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/main-BlqV_gP7.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/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="themes/static_new/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/static_new/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/static_new/assets/images/location.png" alt="地址"> |
|||
<span>广州市海珠区琶洲会展东商务中心212室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/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/static_new/assets/images/location.png" alt="地址"> |
|||
<span>九龙太子道东704号新时代工贸商业中心28楼6室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/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/static_new/assets/images/douyin.png" alt="抖音"></a> |
|||
<a href="#" aria-label="小红书" class="glass-card"><img src="themes/static_new/assets/images/redbook.png" alt="小红书"></a> |
|||
<a href="#" aria-label="X" class="glass-card"><img src="themes/static_new/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/static_new/index.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,236 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/index.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="indexBanner"> |
|||
<div class="swiper indexBannerSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="43" moduleId="1" name="contentList" item="case_top" limit="10" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="img"> |
|||
<video src="{$case_top.main_content.file.url|default=''}" id="bannerVideo" loop="loop" autoplay="autoplay" muted="muted" x-webkit-airplay="true" airplay="allow" webkit-playsinline="true" playsinline="true" x5-playsinline="true" x5-video-player-type="h5"> |
|||
|
|||
</video> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt="智能家居系统集成方案"> |
|||
</div> |
|||
<div class="w1400"> |
|||
<div class="tit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$case_top['title']}</p> |
|||
<p>{$case_top['sub_title']}</p> |
|||
</div> |
|||
<div class="tips" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
{:nl2br($case_top['description'])} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="w1400 menu"> |
|||
<div class="swiper-pagination"></div> |
|||
<div class="bottom"> |
|||
<div class="left"> |
|||
<div class="mouse"> |
|||
<span></span> |
|||
</div> |
|||
SLIDE DOWN |
|||
</div> |
|||
<div class="right"> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 关于关于宅极慧iHM --> |
|||
<div class="indexBlock"> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vov"} |
|||
<div class="left" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="title"> |
|||
<p>{$vov.sub_title}</p> |
|||
<div class="tips">{$vov.description}</div> |
|||
</div> |
|||
<div class="cont"> |
|||
{$vov.main_content.content_desc} |
|||
</div> |
|||
<ul class="numCount"> |
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<li> |
|||
<p>{$vo.title}</p> |
|||
<div> |
|||
<span class="numCX" data-startVal="0" data-endVal="{$vo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vo.id}">{$vo.sub_title}</span> |
|||
{$vo.description} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn"> |
|||
了解更多 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="right" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<img src="{$vov['thumbnail']['url']|default=''}" alt="全屋智能家居系统"> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn"> |
|||
了解更多 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 合作伙伴 --> |
|||
<div class="indexBlock2"> |
|||
{hcTaglib:category id="38" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.sub_title}</p> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="text">{$vo.desc}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<div class="swiper indexBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="38" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<div class="list"> |
|||
<a href="{$vo.alias}" class="img"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="宅极慧iHM"> |
|||
<div class="bg"> |
|||
<img src="/themes/static/images/indexBlock2Bg.png" alt=""> |
|||
</div> |
|||
<div class="logo">{$vo.content|raw}</div> |
|||
</a> |
|||
<div class="text"> |
|||
<a href="{$vo.alias}" class="tit">{$vo.title}</a> |
|||
<p>{$vo.description}</p> |
|||
<a href="{$vo.alias}" class="btn">了解更多<img src="/themes/static/images/more.png" alt=""><img src="/themes/static/images/more-red.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right2.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left2.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<!-- 我们的客户 --> |
|||
<div class="indexBlock3"> |
|||
{hcTaglib:category id="47" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<ul> |
|||
{hcTaglib:content cid="47" moduleId="1" name="contentList" item="case_top" limit="15" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top.title}"></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
{hcTaglib:category id="84" item="vo" field="*"} |
|||
<a class="moreBtn" href="{$vo.alias}"> |
|||
了解更多<img src="/themes/static/images/right.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 应用场景 --> |
|||
<div class="indexBlock4"> |
|||
{hcTaglib:category id="39" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<div class="swiper indexBlock4Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="39" name="hc_content" item="vo" sort="sort asc"} |
|||
{hcTaglib:content cid="$vo.id" moduleId='7' mainField="*" subField="*" name="case_top" item="vvo"} |
|||
<div class="swiper-slide"> |
|||
<div class="time">{$vvo.main_content.time_slot}</div> |
|||
<div class="ico" data-url="{$vvo.main_content.video.url|default=''}"> |
|||
<img src="{$vvo['main_content']['ico']['url']}" alt="智能家居系统集成方案"> |
|||
<img src="/themes/static/images/indexBlock4Ico5.png" alt=""> |
|||
</div> |
|||
<div class="img" data-url="{$vvo.main_content.video.url|default=''}"> |
|||
<img src="{$vvo['thumbnail']['url']}" alt="智能家居系统集成方案"> |
|||
<a href="javascript:;" class="play"> |
|||
<img src="/themes/static/images/indexBlock4Ico5.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="text"> |
|||
<a href="{$vo.alias}" class="tit">{$vvo.title}</a> |
|||
<div class="tips">{$vvo.description}</div> |
|||
<a href="{$vo.alias}" class="btn">了解更多<img src="/themes/static/images/more.png" alt=""><img src="/themes/static/images/more-red.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right2.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left2.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<!-- 视频弹窗 --> |
|||
<div class="videoWindow"> |
|||
<div class="content"> |
|||
<div class="close"><img src="/themes/static/images/button_close.png" alt=""></div> |
|||
<video src="" poster="" alt="" id="media" controls="controls"></video> |
|||
</div> |
|||
</div> |
|||
<!-- 用户服务 --> |
|||
<div class="indexBlock5"> |
|||
{hcTaglib:category id="49" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="49" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$case_top['thumbnail']['url']|default=''}" alt="全屋智能家居系统"></div> |
|||
<p>{$case_top.title}</p> |
|||
<div class="num">{$case_top.sub_title}</div> |
|||
</div> |
|||
<div class="line"></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
{hcTaglib:category id="41" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn"> |
|||
立即在线估价 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script src="/themes/static/js/count.js"></script> |
|||
<script src="/themes/static/js/index.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -1,225 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<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"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/jiage.css?version=1.01"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="jiageBlock"> |
|||
{hcTaglib:category id="41" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="win"> |
|||
{hcTaglib:category id="63" item="vo" field="*"} |
|||
<div class="titFirst">{$vo.sub_title}</div> |
|||
<div class="big">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="moreBtn"> |
|||
开始估算价格 |
|||
<img src="/themes/static/images/more2.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="win2"> |
|||
{hcTaglib:category id="64" item="vo" field="*"} |
|||
<div class="tit"><span>1</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="64" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list" data-price="{$vo.description}"> |
|||
<div class="img"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<p> |
|||
<span>{$vo.sub_title}</span> |
|||
{$vo.title} |
|||
</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win3"> |
|||
{hcTaglib:category id="65" item="vo" field="*"} |
|||
<div class="tit"><span>2</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="65" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win4"> |
|||
{hcTaglib:category id="66" item="vo" field="*"} |
|||
<div class="tit"><span>3</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="66" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win5"> |
|||
{hcTaglib:category id="67" item="vo" field="*"} |
|||
<div class="tit"><span>4</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="67" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="pick"> |
|||
{hcTaglib:content cid="68" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<a href="javascript:;" data-price="{$vvo.sub_title}">{$vvo.title}<img src="/themes/static/images/true2.png" alt=""></a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win6"> |
|||
{hcTaglib:category id="69" item="vo" field="*"} |
|||
<div class="tit"><span>5</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="69" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win7"> |
|||
{hcTaglib:category id="70" item="vo" field="*"} |
|||
<div class="tit"><span>6</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="70" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win8"> |
|||
{hcTaglib:category id="71" item="vo" field="*"} |
|||
<div class="tit"><span>7</span>{$vo.title}？*</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="71" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win9"> |
|||
<div class="tit"><span>8</span>差不多了！请提供您的联系方式 *</div> |
|||
<form action="" id="form"> |
|||
<input type="text" id="formName" placeholder="请输入您的姓名"> |
|||
<input type="text" id="formWechat" placeholder="请输入你的微信号或WhatsApp”"> |
|||
<input type="text" id="formTel" placeholder="请输入您的电话"> |
|||
<a href="javascript:;" class="submit">Submit</a> |
|||
</form> |
|||
</div> |
|||
<div class="win10"> |
|||
<div class="content"> |
|||
<div class="tit"> |
|||
根据您的需求<br>您的智能家居预算预估 |
|||
</div> |
|||
<div class="price"> |
|||
<span></span>元 |
|||
</div> |
|||
<div class="tips"> |
|||
感谢您完成智能家居预估配置<br>我们将会有专业的团队与您联系<br>与您一同打造您理想中的智能家居 |
|||
</div> |
|||
{hcTaglib:category id="84" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn">查看案例<img src="/themes/static/images/more2.png" alt=""></a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 提示框 --> |
|||
<div class="blackBg"> |
|||
<div class="tips"> |
|||
<p>提示框</p> |
|||
<div class="text"></div> |
|||
<a href="javascript:;" class="close">确定</a> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<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> |
|||
<script src="/themes/static/js/jiage.js"></script> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -1,142 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/jishu.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="89" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="jishuBlock" id="block1"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="90" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="90" moduleId='1' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="border"></div> |
|||
<div class="text">{$vo.title}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock2" id="block2"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="91" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="91" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="list"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
<div class="tit"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="posi"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<span></span> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock3" id="block3"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="92" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
{hcTaglib:content cid="92" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:category id="92" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
pagination: { |
|||
el: ".swiper-pagination", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 40 |
|||
}, |
|||
1560:{ |
|||
slidesPerView: 5, |
|||
spaceBetween: 0 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
$('.jishuBlock2 .content .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).addClass('on') |
|||
return |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).removeClass('on') |
|||
return |
|||
} |
|||
|
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,94 +1,297 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/search.css"> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>{$current_cate.seo_title}</title> |
|||
<meta name="keywords" content="{$current_cate.seo_keywords}"> |
|||
<meta name="description" content="{$current_cate.seo_description}"> |
|||
<!-- 公共CSS 自动被打包进页面 --> |
|||
<link rel="icon" href="./favicon.ico" type="image/x-icon"> |
|||
<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 = 14 |
|||
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/lenis@1.3.23/dist/lenis.css"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> |
|||
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<script type="module" crossorigin src="/themes/dist_static/static/js/search.js"></script> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/faq.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/video.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/search.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<div class="searchBlock"> |
|||
<div class="w1400"> |
|||
<div class="tit"> |
|||
搜索结果 |
|||
</div> |
|||
<ul> |
|||
<li class="{$type==0 ? 'on' : ''}"><a href="javascript:;">全部结果</a></li> |
|||
<li class="{$type==1 ? 'on' : ''}"><a href="javascript:;">产品结果</a></li> |
|||
<li class="{$type==2 ? 'on' : ''}"><a href="javascript:;">新闻结果</a></li> |
|||
</ul> |
|||
<div class="content"> |
|||
{volist name="list" id="vo"} |
|||
<?php |
|||
$categoryIdArr = explode('-',$vo['category'][0]['path']); |
|||
$parentId = $categoryIdArr[1]; |
|||
?> |
|||
{if $parentId == 38 } |
|||
<a href="{$vo.url|default='javascript:;'}" target="_blank" class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<span>了解更多<img src="/themes/static/images/more-red.png" alt=""></span> |
|||
</a> |
|||
{else /} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" target="_blank" class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<span>了解更多<img src="/themes/static/images/more-red.png" alt=""></span> |
|||
</a> |
|||
{/if} |
|||
|
|||
{/volist} |
|||
</div> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-search" data-header-dark> |
|||
<div class="sr-page section__wrap"> |
|||
<div class="sr-hero"> |
|||
<h1 class="sr-hero__title">搜索</h1> |
|||
<form class="s-search sr-search" action="{:getMuiLangUrl('/search.html')}" method="get" role="search"> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="请输入您想了解的内容" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
<div class="sr-hot"> |
|||
<span class="sr-hot__label">热门搜索：</span> |
|||
<div class="sr-hot__list"> |
|||
{php}$ui_search_hot = uiId('search_hot');{/php} |
|||
{hcTaglib:category id="$ui_search_hot" item="vo" field="id,title,description"} |
|||
{php} |
|||
$description = $vo['description'] ?? ''; |
|||
$descriptionArr = []; |
|||
if(!empty($description)){ |
|||
$descriptionArr = explode(',',$description); |
|||
} |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
|
|||
{volist name="descriptionArr" id="one"} |
|||
<button type="button" class="sr-hot__tag" data-keyword="{$one}">{$one}</button> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
{$list_page|raw} |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script> |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
</div> |
|||
|
|||
{php} |
|||
$sr_type_cur = $sr_type ?? 'all'; |
|||
$sr_q = $keywords ?? ''; |
|||
$sr_counts = $sr_counts ?? ['all' => 0, 'product' => 0, 'news' => 0, 'faq' => 0, 'other' => 0]; |
|||
$sr_tabs = []; |
|||
foreach (['all', 'product', 'news', 'faq', 'other'] as $tabType) { |
|||
$query = ['type' => $tabType]; |
|||
if ($sr_q !== '') { |
|||
$query['q'] = $sr_q; |
|||
} |
|||
$sr_tabs[$tabType] = getMuiLangUrl('/search.html?' . http_build_query($query)); |
|||
} |
|||
let baseUrl = '/{:request()->pathinfo()}?'; |
|||
$('.searchBlock .w1400 ul li a').click(function(){ |
|||
let quest = getUrlParam('q') |
|||
window.location.href = baseUrl + 'q=' + quest + '&type=' + $(this).parent().index() |
|||
}) |
|||
$('.pagination li').each(function(){ |
|||
if($(this).children().html() == '«'){ |
|||
$(this).children('a').html('<') |
|||
$(this).children('span').html('<') |
|||
} |
|||
if($(this).children().html() == '»'){ |
|||
$(this).children('a').html('>') |
|||
$(this).children('span').html('>') |
|||
} |
|||
}) |
|||
$(document).ready(function(){ |
|||
let thisOn = getUrlParam('type') |
|||
$('.searchBlock .w1400 ul li').removeClass('on') |
|||
if(thisOn == '1'){ |
|||
$('.searchBlock .w1400 ul li').eq(1).addClass('on') |
|||
}else if(thisOn == '2'){ |
|||
$('.searchBlock .w1400 ul li').eq(2).addClass('on') |
|||
}else{ |
|||
$('.searchBlock .w1400 ul li').eq(0).addClass('on') |
|||
{/php} |
|||
<div class="sr-tabs" role="tablist" aria-label="结果分类"> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='all'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='all'}true{else /}false{/if}" |
|||
href="{$sr_tabs.all}"> |
|||
全部 ( <span data-count="all">{$sr_counts.all}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='product'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='product'}true{else /}false{/if}" |
|||
href="{$sr_tabs.product}"> |
|||
产品 ( <span data-count="product">{$sr_counts.product}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='news'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='news'}true{else /}false{/if}" |
|||
href="{$sr_tabs.news}"> |
|||
新闻 ( <span data-count="news">{$sr_counts.news}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='faq'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='faq'}true{else /}false{/if}" |
|||
href="{$sr_tabs.faq}"> |
|||
常见问题 ( <span data-count="faq">{$sr_counts.faq}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='other'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='other'}true{else /}false{/if}" |
|||
href="{$sr_tabs.other}"> |
|||
其他 ( <span data-count="other">{$sr_counts.other}</span> ) |
|||
</a> |
|||
</div> |
|||
|
|||
<div class="sr-list"> |
|||
{volist name="list" id="vo"} |
|||
{php} |
|||
$sr_kind = $vo['sr_kind'] ?? 'content'; |
|||
$sr_date = $vo['sr_date'] ?? ''; |
|||
if ($sr_date === '') { |
|||
$sr_time = $vo['publish_time'] ?? ($vo['create_time'] ?? ''); |
|||
if ($sr_time !== '' && $sr_time !== null) { |
|||
if (is_numeric($sr_time)) { |
|||
$sr_date = date('Y-m-d', (int)$sr_time); |
|||
} else { |
|||
$ts = strtotime((string)$sr_time); |
|||
$sr_date = $ts ? date('Y-m-d', $ts) : substr((string)$sr_time, 0, 10); |
|||
} |
|||
} |
|||
}) |
|||
</script> |
|||
} |
|||
$sr_cid = $vo['category_id'] ?? ($vo['category'][0]['id'] ?? 0); |
|||
$sr_thumb = is_array($vo['thumbnail'] ?? null) ? ($vo['thumbnail']['url'] ?? '') : ''; |
|||
$sr_url = hcUrl('detail/index', ['id' => $vo['id'], 'cid' => $sr_cid]); |
|||
$sr_file = $vo['url'] ?? ''; |
|||
$sr_title = $vo['title'] ?? ''; |
|||
$sr_type_name = $vo['sr_tab_name'] ?? '内容'; |
|||
$sr_show_desc = ($sr_kind === 'news' || $sr_kind === 'content'); |
|||
$sr_show_more = ($sr_kind === 'news' || $sr_kind === 'content'); |
|||
{/php} |
|||
<article class="sr-item sr-item--{$sr_kind}" data-keywords="{$sr_title}" data-kind="{$sr_kind}"> |
|||
{if $sr_kind == 'video'} |
|||
<button type="button" class="sr-item__media sr-item__media--video" data-video-src="{$vo.cover.url ?? ''}" aria-label="播放：{$sr_title}"> |
|||
<span class="v-card__media"> |
|||
<img class="v-card__cover" src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
<span class="v-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20width='13.538574'%20height='16.000000'%20fill='none'%3e%3cpath%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
</span> |
|||
</button> |
|||
{elseif $sr_kind == 'download' /} |
|||
<a class="sr-item__media" href="{$sr_file}" target="_blank" rel="noopener" title="预览"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
{elseif $sr_kind == 'announce' /} |
|||
<a class="sr-item__media" href="{$sr_file}" target="_blank" rel="noopener"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
{else /} |
|||
<a class="sr-item__media" href="{$sr_url}"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
{/if} |
|||
|
|||
<div class="sr-item__body"> |
|||
<div class="sr-item__main"> |
|||
<div class="sr-item__meta"> |
|||
<span class="sr-item__type">{$sr_type_name}</span> |
|||
<span class="sr-item__sep" aria-hidden="true"></span> |
|||
<time class="sr-item__date" datetime="{$sr_date}">{$sr_date}</time> |
|||
</div> |
|||
|
|||
{if $sr_kind == 'faq'} |
|||
<div class="f-item sr-item__faq"> |
|||
<button type="button" class="f-item__trigger" aria-expanded="false"> |
|||
<span class="f-item__q"> |
|||
<span class="f-item__dot" aria-hidden="true"></span> |
|||
<span class="f-item__title">{$sr_title}</span> |
|||
</span> |
|||
<span class="f-item__icon" aria-hidden="true"></span> |
|||
</button> |
|||
<div class="f-item__panel"> |
|||
<p class="f-item__a"> |
|||
{$vo.content|strip_tags} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
<h2 class="sr-item__title"> |
|||
{if $sr_kind == 'video'} |
|||
{$sr_title} |
|||
{elseif $sr_kind == 'download' /} |
|||
<a href="{$sr_file}" target="_blank" rel="noopener" title="预览">{$sr_title}</a> |
|||
{elseif $sr_kind == 'announce' /} |
|||
<a href="{$sr_file}" target="_blank" rel="noopener">{$sr_title}</a> |
|||
{else /} |
|||
<a href="{$sr_url}">{$sr_title}</a> |
|||
{/if} |
|||
</h2> |
|||
{/if} |
|||
|
|||
{if $sr_show_desc} |
|||
{notempty name="vo.description"} |
|||
<p class="sr-item__desc">{$vo.description}</p> |
|||
{/notempty} |
|||
{/if} |
|||
</div> |
|||
|
|||
{if $sr_kind == 'download'} |
|||
<a class="sr-item__more sr-item__more--download" href="{$sr_file}" download="{$sr_title}"> |
|||
<span>立即下载</span> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20d='M16.667%209.333H22V22H2V9.333h5.333'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.5'/%3e%3cpath%20d='M16%2014l-4%204-4-4M12%202v16'%20stroke='rgb(239,67,53)'%20stroke-width='1.5'/%3e%3c/svg%3e" alt="" width="20" height="20" /> |
|||
</a> |
|||
{elseif $sr_kind == 'product' /} |
|||
<a class="sr-item__more sr-item__more--product" href="{$sr_url}"> |
|||
<span>了解产品</span> |
|||
<span class="s-product-card__arrow" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20width='12.252930'%20height='11.313965'%20fill='none'%3e%3cpath%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'/%3e%3c/svg%3e" alt="" width="12" height="11" /> |
|||
</span> |
|||
</a> |
|||
{elseif $sr_kind == 'announce' /} |
|||
<a class="sr-item__more" href="{$sr_file}" target="_blank" rel="noopener"> |
|||
<span>探索更多</span> |
|||
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none"> |
|||
<path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> |
|||
</svg> |
|||
</a> |
|||
{elseif $sr_show_more /} |
|||
<a class="sr-item__more" href="{$sr_url}"> |
|||
<span>探索更多</span> |
|||
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none"> |
|||
<path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> |
|||
</svg> |
|||
</a> |
|||
{/if} |
|||
</div> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
|
|||
{php} |
|||
$list_empty = isHcListEmpty($list ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '未找到相关结果，请尝试其他关键词'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$list_page|raw} |
|||
{/if} |
|||
|
|||
<div class="v-modal" id="v-modal" hidden> |
|||
<div class="v-modal__backdrop" data-v-modal-close></div> |
|||
<div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title"> |
|||
<div class="v-modal__head"> |
|||
<h2 class="v-modal__title" id="v-modal-title">视频播放</h2> |
|||
<button type="button" class="v-modal__close" data-v-modal-close aria-label="关闭"> |
|||
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> |
|||
</button> |
|||
</div> |
|||
<div class="v-modal__body"> |
|||
<video class="v-modal__video" id="v-modal-video" controls playsinline></video> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</main> |
|||
|
|||
{include file="components/mask"} |
|||
<!-- 模块：底部 --> |
|||
{include file="components/footer"} |
|||
|
|||
|
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<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/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script> |
|||
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
</html> |
|||
@ -1,514 +0,0 @@ |
|||
<!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> |
|||
@ -1,211 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/zhaopin.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="zhaopinBlock"> |
|||
<div class="w1400"> |
|||
<div class="tab zn"> |
|||
<div class="tit"> |
|||
职能： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="141" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="tab dq"> |
|||
<div class="tit"> |
|||
地区： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="142" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="content"> |
|||
{if isset($job)} |
|||
{volist name="job" id="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">优享待遇</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
{else /} |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="" item="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">核心骨干股权激励计划</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{/if} |
|||
</div> |
|||
{if isset($job)} |
|||
{$job|raw} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<script> |
|||
$('.zhaopinBlock .w1400 .zn .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .dq .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .content .list .top').click(function(){ |
|||
if($(this).hasClass('on')){ |
|||
$(this).removeClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': 0}) |
|||
return |
|||
} |
|||
$(this).addClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': $(this).siblings('.cont').children('.center').outerHeight()}) |
|||
}) |
|||
// |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
} |
|||
let baseUrl = '/{:request()->pathinfo()}?'; |
|||
let tab1 = getUrlParam('zn') |
|||
let tab2 = getUrlParam('dq') |
|||
// $('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
// }) |
|||
// $('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick2 = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
// }) |
|||
$('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
if(tab2 == null){ |
|||
tab2 = 0 |
|||
} |
|||
let thisClick = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
if(tab1 == null){ |
|||
tab1 = 0 |
|||
} |
|||
let thisClick2 = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
}) |
|||
// |
|||
$('.zhaopinBlock .w1400 .zn .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab1){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab2){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,319 +0,0 @@ |
|||
<!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/yimei.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/yimei.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
{hcTaglib:category id="278" item="vo" field="*"} |
|||
<section class="section__banner yimei" aria-label="{$vo.sub_title}" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.sub_title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- yimei-section-1：关于智能医美 + 双栏文案（浅底水印图） --> |
|||
<section class="yimei-section-1" aria-labelledby="yimei-section-1-title" data-header-dark> |
|||
<!-- 文章ID: 2444 --> |
|||
{hcTaglib:contentdetail id="2444" name="hc_content"} |
|||
<div class="yimei-section-1__inner"> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$hc_content.title}</p> |
|||
<h2 id="yimei-section-1-title" class="section__title">{$hc_content.sub_title}</h2> |
|||
</div> |
|||
<div class="yimei-section-1__copy"> |
|||
<!-- <p class="section__desc">{$hc_content.description}</p> --> |
|||
<!-- 保留原格式输出 --> |
|||
<p class="section__desc">{$hc_content.description|nl2br|raw}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentdetail} |
|||
</section> |
|||
<!-- yimei-section-2：智能医美系统 — 三卡 + 中部护理对讲浮层 + 侧标 + 翻页 --> |
|||
<!-- 智能医美系统,多种系统 提升服务 --> |
|||
<section class="yimei-section-2" aria-labelledby="yimei-section-2-title" data-header-dark> |
|||
<div class="yimei-section-2__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="279" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="yimei-section-2-title" class="section__title">{$vo.description}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="yimei-section-2__viewport"> |
|||
<div class="swiper yimei-section-2__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
<!-- 智能医美系统 多种系统 提升服务 文章--> |
|||
{hcTaglib:contentPage2 cid="279" mainField="*" subField="*" name="hc_content" limit="15" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="yimei-section-2__slide yimei-section-2__slide--bg-1" style="background-image: url('{$vo.thumbnail.url|default=''}');"> |
|||
<p class="yimei-section-2__side-label">{$vo.title}</p> |
|||
<div class="yimei-section-2__mask"> |
|||
<div class="yimei-section-2__mask-inner glass-card"> |
|||
<h3 class="yimei-section-2__mask-title">{$vo.title}</h3> |
|||
<p class="yimei-section-2__mask-text"> |
|||
{$vo.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="yimei-section-2__nav" role="group" aria-label="切换展示"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一项"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一项"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- yimei-section-3：关于护理对讲 — 左文右双图 --> |
|||
<section class="yimei-section-3" aria-labelledby="yimei-section-3-title" data-header-dark> |
|||
{hcTaglib:category id="280" item="vo" field="*"} |
|||
<div class="yimei-section-3__inner"> |
|||
<div class="yimei-section-3__intro"> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</div> |
|||
<p class="section__desc"> |
|||
{$vo.desc} |
|||
</p> |
|||
</div> |
|||
<div class="yimei-section-3__figures"> |
|||
<figure class="yimei-section-3__figure"> |
|||
<img class="yimei-section-3__img" src="{$vo.thumbnail.url|default=''}" alt="护理对讲设备示意"> |
|||
</figure> |
|||
<figure class="yimei-section-3__figure"> |
|||
<img class="yimei-section-3__img" src="{$vo.banner.url|default=''}" alt="病区互联示意"> |
|||
</figure> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</section> |
|||
|
|||
<!-- yimei-section-4：护理对讲系列 — Tab + 左要点右大图 --> |
|||
<!-- 护理对讲系列 灵活适配各种需求 --> |
|||
<!-- <section class="yimei-section-4" aria-labelledby="yimei-section-4-title"> |
|||
<div class="yimei-section-4__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="281" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="yimei-section-4-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<ul class="tabs2 s-tabs" role="tablist"> |
|||
|
|||
{hcTaglib:contentPage2 cid="281" mainField="*" subField="title" name="hc_content" limit="5" item="vo" sort="sort asc"} |
|||
<li class="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="yimei-section-4__panels tab-content"> |
|||
{hcTaglib:contentPage2 cid="281" mainField="*" subField="*" name="hc_content" limit="5" item="vo" sort="sort asc"} |
|||
|
|||
{php} |
|||
$description = $vo['description'] ?? ''; |
|||
$descriptionArr = []; |
|||
if(!empty($description)){ |
|||
$descriptionArr = explode('&', $description); // 多条描述中间使用&符号分割(重要) |
|||
} |
|||
{/php} |
|||
|
|||
<div id="panel-{$key-1}" class="tab-pane fade {if $key==1}show active{/if}" role="tabpanel"> |
|||
<div class="yimei-section-4__panel"> |
|||
<div class="yimei-section-4__left"> |
|||
<h3 class="yimei-section-4__series-name">{$vo.title}</h3> |
|||
<ul class="yimei-section-4__features"> |
|||
|
|||
{volist name="descriptionArr" id="oneDesc" key="key"} |
|||
<li class="yimei-section-4__feature"> |
|||
<img class="yimei-section-4__feature-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAD10lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMongB/uTRjz5V6vSOpN/I9ktKXAtgc6+kvyX0K22qP/pKT3jCeZ4X4rn8+cu93Ia9/mjsD8be5IWRDpG+WZp99cv/xV8c8WyIB/jzV3u5W9zye7Aexr+G/FSVeK+X/4O/uI0rEM/0x6/9SjcV4vsw1/JvIe5t5Hu88m//yR0AAvjDV3mVRd2Zfx/2g/j3kJ4x7a3e41X/6I+WAvizt3yT97X9HvwHkPR9r/Czv/SdesJbvuX2pVn5TpwL/q3Wq424ePG6vO76p6FYHlu399WfvMc7vpFT78O/UayONuMJj38dxnEzr7/hr/OmW56o8HfpT9/vPT/K0kvwbxAXLpzSEx//+ozjlmfz8/kyL/OL9LNB9t/pjz/sgz4H+zgPoPVq5tl8zQsRT33yY+PpT3t9AE6cfNz0cq/w69xP2tUff8xHfZ7J4JnKpd1j8ad/9O553Y1/1l7iJf+U56P7q794De668zUAfOONvzu99Mv9Pg8gIvXHn/IJn6zM4H5/+RevWp7x9DcDaC/1Mt/BQx/2NB5Af/pHrxd33vm6AHnjjb/hV3yV3+S5OCL1x5/9Ge9r5xYPUH7nt9847rrjTYhYttd9gy/NM2cuANTf/LW31b33vhaAH/yQn5he5dV+l+dDigP98Rd93htC3MRzKb/w0++s++57A3fd+XyVV/36+Ou/fivtXXppShy1x77Yd/rlX+WveIHyDv3x13zpI6apvCzPx/z7vuMzOTp8LM+krrtvfIM3/dzp5ged44Wotf2l/uGzP7u/dObE61oqPJc4d2Gz/sj3fa3G6Vp39d72hm/2Ke0RD7+PF0J2O3b24m8K4E++7dseMjA9iOejPv4fru1++7c+bHzt1/mG6TEvdi//gp76jFf6gA94ugD82Z8dv/vwB71YyTLj36FFW7/mU57xD/rsz07xTD/6oz/a3wS39BGVf4Mhc7oDbnvHd3zHAUA8wG/91m/VcuHCGZdS+VdQa1M7efLs67zO60xcgXguBv3Fz/3comxt9Qe1ihdia5rcDg6Gl3uLt1gKzLMhXjD91md/dtm+/nrxci/H0572NAE89KEPNX/xF+zffbdf57M/uwHmefGP8tBP+sR255wAAAAASUVORK5CYII=" alt="" |
|||
width="22" height="22"> |
|||
<span class="yimei-section-4__feature-text">{$oneDesc}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
<figure class="yimei-section-4__right"> |
|||
<img class="yimei-section-4__hero" src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</figure> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
</div> |
|||
|
|||
</div> |
|||
</section> --> |
|||
|
|||
<!-- yimei-section-5：经典案例 — 多卡 Swiper --> |
|||
<!-- 经典案例 标杆医院合作案例 --> |
|||
<section class="yimei-section-5" aria-labelledby="yimei-section-5-title"> |
|||
<div class="yimei-section-5__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="282" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="yimei-section-5-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="yimei-section-5__slider"> |
|||
<button type="button" class="yimei-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="yimei-section-5__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="282" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="yimei-section-5__card"> |
|||
<div class="yimei-section-5__thumb"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="yimei-section-5__card-title">{$vo.title}</h3> |
|||
<p class="yimei-section-5__card-desc">{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<button type="button" class="yimei-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> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue