|
|
<!-- 网站页脚 -->
|
|
|
<footer class="site-footer">
|
|
|
<div class="footer-container">
|
|
|
<!-- 页脚主要内容 -->
|
|
|
<div class="footer-main">
|
|
|
<!-- 左侧Logo区域 -->
|
|
|
<div class="footer-logo">
|
|
|
<a href="http://localhost:83" class="inline-block">
|
|
|
<img width="200px" src="https://cn.nenghui.com/wp-content/uploads/2025/11/logo-1.png" alt="logo">
|
|
|
</a>
|
|
|
|
|
|
<!-- 社交媒体矩阵模块 (已替换为您提供的原版 SVG 源码) -->
|
|
|
<div class="flex items-center gap-4 mt-6">
|
|
|
|
|
|
<!-- 1. 微信公众号 (您提供的SVG) -->
|
|
|
<div class="relative group cursor-pointer">
|
|
|
<!-- 图标外圈 (悬停变微信绿) -->
|
|
|
<div class="w-10 h-10 rounded-full bg-slate-50 border border-slate-200 text-slate-400 flex items-center justify-center group-hover:bg-[#07C160] group-hover:text-white group-hover:border-transparent transition-all duration-300 shadow-sm group-hover:shadow-[0_5px_15px_rgba(7,193,96,0.3)] group-hover:-translate-y-1">
|
|
|
<svg class="w-[1.2rem] h-[1.2rem]" viewBox="0 0 1024 1024" fill="currentColor">
|
|
|
<path d="M1024 624.6c0-149.9-142.3-271.8-317.2-271.8s-317.2 122-317.2 271.8c0 149.9 142.3 271.8 317.2 271.8 30.4 0 60.5-3.7 89.4-10.9 7.9 1.1 30.2 13 43.7 20.2 29.4 15.6 49.6 25.8 65.9 25.8 5.2 0 9.9-1 14.4-3.2 24.9-12.1 15-43.1 5.5-73.1-2.5-8-6.5-20.4-7.8-27.7C985.5 776 1024 702.4 1024 624.6z m-137.5 173c-19.4 14.1-11.1 40.2-1.5 70.5 1.3 4.2 3 9.5 4.5 14.7-9.7-4.4-21.1-10.5-29.4-14.9-29.3-15.6-48.5-25.3-64.3-25.3-3 0-5.8 0.3-8.6 1.1-25.9 6.6-52.9 10-80.3 10-151.3 0-274.3-102.7-274.3-229s123.1-229 274.3-229 274.3 102.7 274.3 229c-0.1 66.3-34.6 129.3-94.7 172.9z"></path>
|
|
|
<path d="M379.1 621.5c0-150.7 146.6-273.7 326.7-274.1 6.9 0 13.4-3.4 17.4-9 4-5.7 5-12.9 2.8-19.4-22.4-64.5-69.6-122.4-132.7-163-64.6-41.5-141.5-63.5-222.6-63.5C166.3 92.5 0 234.8 0 409.7c0 91.4 45.7 177.7 125.5 238-1.2 8.5-6.4 25-9.7 35.5-11.2 35.4-21.8 68.9 4.5 81.7 4.8 2.3 9.8 3.4 15.4 3.4 18.3 0 41.7-11.8 76-30 16.8-8.9 44.7-23.7 53.7-24.3 34.1 8.6 69.5 13 105.4 13h1.3c6.9 0 13.5-3.4 17.5-9 4-5.7 5-12.9 2.8-19.5-8.8-25.2-13.3-51-13.3-77z m-42.8 0c0 20.7 2.4 41.3 7 61.5-23.2-1.6-46.1-5.3-68.3-11-19.4-5-44.3 7.5-83.4 28.3-12.1 6.4-29.7 15.8-42.5 21 2.1-8.3 5.3-18.2 7.5-25.3 10.9-34.4 20.3-64-0.4-79-72-52.2-113.3-127.8-113.3-207.3 0-151.3 147.1-274.3 327.9-274.3 133.2 0 253.5 68.8 303.4 170.4-189 14.1-337.9 150.5-337.9 315.7z"></path>
|
|
|
<path d="M249.9 305.3m-42.9 0a42.9 42.9 0 1 0 85.8 0 42.9 42.9 0 1 0-85.8 0Z"></path>
|
|
|
<path d="M493.9 305.3m-42.9 0a42.9 42.9 0 1 0 85.8 0 42.9 42.9 0 1 0-85.8 0Z"></path>
|
|
|
<path d="M614.9 548.2m-34.3 0a34.3 34.3 0 1 0 68.6 0 34.3 34.3 0 1 0-68.6 0Z"></path>
|
|
|
<path d="M806.7 548.2m-34.3 0a34.3 34.3 0 1 0 68.6 0 34.3 34.3 0 1 0-68.6 0Z"></path>
|
|
|
</svg>
|
|
|
</div>
|
|
|
<!-- 二维码悬浮弹窗 -->
|
|
|
<div class="absolute bottom-[120%] left-1/2 -translate-x-1/2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 translate-y-2 group-hover:translate-y-0">
|
|
|
<div class="w-32 bg-white rounded-xl shadow-[0_15px_40px_rgba(0,0,0,0.12)] border border-slate-100 p-2.5 relative flex flex-col items-center">
|
|
|
<img src="https://via.placeholder.com/150?text=QR+Code" alt="微信公众号" class="w-full aspect-square object-cover rounded-lg border border-slate-100">
|
|
|
<span class="text-[13px] font-bold text-slate-700 mt-2 mb-1">微信公众号</span>
|
|
|
<div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-white border-b border-r border-slate-100 transform rotate-45"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 2. 微信视频号 (您提供的SVG) -->
|
|
|
<div class="relative group cursor-pointer">
|
|
|
<!-- 图标外圈 (悬停变视频号专属橙色) -->
|
|
|
<div class="w-10 h-10 rounded-full bg-slate-50 border border-slate-200 text-slate-400 flex items-center justify-center group-hover:bg-[#FA9D3B] group-hover:text-white group-hover:border-transparent transition-all duration-300 shadow-sm group-hover:shadow-[0_5px_15px_rgba(250,157,59,0.3)] group-hover:-translate-y-1">
|
|
|
<svg class="w-[1.2rem] h-[1.2rem]" viewBox="0 0 1111 1024" fill="currentColor">
|
|
|
<path d="M386.357544 201.78561l19.904039 33.683757q51.035996 88.292273 148.004388 274.573658l63.794995-120.95531c31.642317-59.712115 64.305355-118.40351 98.499472-177.094906l6.124319-10.207199c117.89315-193.426424 233.744861-255.179979 317.443894-148.004388 51.035996 69.919314 74.002194 215.371902 66.346795 391.446088a1271.306656 1271.306656 0 0 1-90.333713 441.461364c-67.367514 144.431868-179.136345 184.239945-281.208337 62.774275l-9.696839-11.738279c-29.090518-36.745917-85.740473-114.320631-170.460226-233.744861L475.160177 817.27972c-51.035996 68.898594-83.188673 113.299911-102.071991 134.735029-102.071992 121.46567-213.840823 81.657593-281.208337-62.774275A1271.306656 1271.306656 0 0 1 1.035776 445.22731C-5.088543 269.153124 15.836215 123.700536 68.91365 51.739782 154.143763-55.435809 268.464394 8.359186 386.357544 201.78561zM154.143763 119.107297c-32.663037 42.870236-51.035996 168.929146-43.890956 321.526773a1160.558545 1160.558545 0 0 0 79.616154 400.632568c38.276997 82.678313 59.712115 90.333713 102.071991 39.297716l17.352239-22.455838c31.642317-40.828797 87.781913-117.38279 167.398066-230.172341l10.207199-14.800439-51.035996-96.968392C379.212505 405.929593 335.321549 326.31344 307.251751 276.298164L295.003112 255.883766a408.287967 408.287967 0 0 0-118.91387-140.348989c-12.758999-7.145039-14.290079-7.145039-22.455838 3.57252z m801.265135 0c-7.655399-10.717559-9.186479-10.717559-22.455838-3.57252A421.046966 421.046966 0 0 0 814.03919 255.883766l-17.862599 30.111237q-51.035996 92.885512-163.315187 303.153815l-11.738279 22.966198 62.774275 87.781913q102.071992 143.921508 132.693589 179.136346c42.870236 51.035996 64.305355 43.380596 102.071992-39.297717a1160.558545 1160.558545 0 0 0 80.126513-400.632567c7.145039-153.107987-11.227919-278.656537-43.890956-321.526774z"></path>
|
|
|
</svg>
|
|
|
</div>
|
|
|
<!-- 二维码悬浮弹窗 -->
|
|
|
<div class="absolute bottom-[120%] left-1/2 -translate-x-1/2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 translate-y-2 group-hover:translate-y-0">
|
|
|
<div class="w-32 bg-white rounded-xl shadow-[0_15px_40px_rgba(0,0,0,0.12)] border border-slate-100 p-2.5 relative flex flex-col items-center">
|
|
|
<img src="https://via.placeholder.com/150?text=QR+Code" alt="官方视频号" class="w-full aspect-square object-cover rounded-lg border border-slate-100">
|
|
|
<span class="text-[13px] font-bold text-slate-700 mt-2 mb-1">官方视频号</span>
|
|
|
<div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-white border-b border-r border-slate-100 transform rotate-45"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 3. 抖音号 (保持不变) -->
|
|
|
<div class="relative group cursor-pointer">
|
|
|
<!-- 图标外圈 (悬停变抖音黑) -->
|
|
|
<div class="w-10 h-10 rounded-full bg-slate-50 border border-slate-200 text-slate-400 flex items-center justify-center group-hover:bg-[#1E1E1E] group-hover:text-white group-hover:border-transparent transition-all duration-300 shadow-sm group-hover:shadow-[0_5px_15px_rgba(30,30,30,0.3)] group-hover:-translate-y-1">
|
|
|
<svg class="w-[1.125rem] h-[1.125rem]" viewBox="0 0 448 512" fill="currentColor">
|
|
|
<path d="M448 209.91a210.06 210.06 0 0 1-122.77-39.25V349.38A162.55 162.55 0 1 1 185 188.31V278.2a74.62 74.62 0 1 0 52.23 71.18V0l88 0a121.18 121.18 0 0 0 1.86 22.17h0A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z"/>
|
|
|
</svg>
|
|
|
</div>
|
|
|
<!-- 二维码悬浮弹窗 -->
|
|
|
<div class="absolute bottom-[120%] left-1/2 -translate-x-1/2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 translate-y-2 group-hover:translate-y-0">
|
|
|
<div class="w-32 bg-white rounded-xl shadow-[0_15px_40px_rgba(0,0,0,0.12)] border border-slate-100 p-2.5 relative flex flex-col items-center">
|
|
|
<img src="https://via.placeholder.com/150?text=QR+Code" alt="官方抖音号" class="w-full aspect-square object-cover rounded-lg border border-slate-100">
|
|
|
<span class="text-[13px] font-bold text-slate-700 mt-2 mb-1">官方抖音号</span>
|
|
|
<div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-white border-b border-r border-slate-100 transform rotate-45"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- 右侧导航链接区域 -->
|
|
|
<div class="footer-nav">
|
|
|
<!-- 公司信息 -->
|
|
|
<div class="footer-nav-column">
|
|
|
<h3 class="footer-nav-title">关于能辉</h3>
|
|
|
<ul class="footer-nav-list">
|
|
|
<li><a href="/about/">公司介绍</a></li>
|
|
|
<li><a href="/henghui-core/">资质与荣誉</a></li>
|
|
|
<li><a href="/sustainable-evelopment/">企业文化</a></li>
|
|
|
<li><a href="/sustainable-evelopment/">可持续发展</a></li>
|
|
|
<li><a href="/sustainable-evelopment/">加入我们</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer-nav-column">
|
|
|
<h3 class="footer-nav-title">产品与服务</h3>
|
|
|
<ul class="footer-nav-list">
|
|
|
<li><a href="/about/">光伏和风力发电</a></li>
|
|
|
<li><a href="/products/">储能</a></li>
|
|
|
<li><a href="/charge-change/">商用车充换电</a></li>
|
|
|
<li><a href="/sustainable-evelopment/">综合能源</a></li>
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<!-- 投资者关系 -->
|
|
|
<div class="footer-nav-column">
|
|
|
<h3 class="footer-nav-title">
|
|
|
<a href="/investing/">投资者关系</a>
|
|
|
</h3>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 新闻资讯 -->
|
|
|
<div class="footer-nav-column">
|
|
|
<h3 class="footer-nav-title">新闻动态</h3>
|
|
|
<ul class="footer-nav-list">
|
|
|
<li><a href="/category/news-center/">新闻中心</a></li>
|
|
|
<li><a href="/downloads/">下载中心</a></li>
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<!-- 联系我们 -->
|
|
|
<div class="footer-nav-column">
|
|
|
<h3 class="footer-nav-title"><a href="/connect-us/">联系我们</a></h3>
|
|
|
|
|
|
</div>
|
|
|
<div class="footer-nav-column">
|
|
|
<h3 class="footer-nav-title"><a href="https://nenghui.com">国际版</a></h3>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 页脚底部版权信息 -->
|
|
|
<div class="footer-bottom">
|
|
|
<div class="footer-copyright">
|
|
|
<p>© <?php echo date('Y'); ?> 上海能辉科技股份有限公司 版权所有 |
|
|
|
<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010502007560">公安网备：沪公网安备31010502007560号</a> |
|
|
|
<a href="https://beiancx.miit.gov.cn/" rel="external nofollow">工信部备案：沪ICP备16000753号-8</a>
|
|
|
<a href="https://cn.nenghui.com/privacy-policy/">隐私政策</a>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
<!-- 滚动进度指示器 -->
|
|
|
<div class="scroll-indicator" id="scrollIndicator"></div>
|
|
|
|
|
|
<!-- 回到顶部按钮 -->
|
|
|
<a href="#" class="back-to-top" id="backToTop" title="回到顶部">
|
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
|
<polyline points="18 15 12 9 6 15"></polyline>
|
|
|
</svg>
|
|
|
</a>
|
|
|
|
|
|
<!-- 平滑滚动进度脚本 -->
|
|
|
<script>
|
|
|
(function() {
|
|
|
'use strict';
|
|
|
|
|
|
// 滚动进度指示器
|
|
|
function updateScrollIndicator() {
|
|
|
var scrollIndicator = document.getElementById('scrollIndicator');
|
|
|
if (scrollIndicator) {
|
|
|
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
|
var scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
|
|
|
var scrollPercent = (scrollTop / scrollHeight) * 100;
|
|
|
scrollIndicator.style.width = scrollPercent + '%';
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 回到顶部按钮显示/隐藏
|
|
|
function toggleBackToTop() {
|
|
|
var backToTop = document.getElementById('backToTop');
|
|
|
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
|
|
|
|
if (backToTop) {
|
|
|
if (scrollTop > 300) {
|
|
|
backToTop.classList.add('show');
|
|
|
} else {
|
|
|
backToTop.classList.remove('show');
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 平滑滚动到顶部
|
|
|
function scrollToTop(e) {
|
|
|
e.preventDefault();
|
|
|
window.scrollTo({
|
|
|
top: 0,
|
|
|
behavior: 'smooth'
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// 监听滚动事件
|
|
|
window.addEventListener('scroll', function() {
|
|
|
updateScrollIndicator();
|
|
|
toggleBackToTop();
|
|
|
});
|
|
|
|
|
|
// 页面加载完成后初始化
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
updateScrollIndicator();
|
|
|
toggleBackToTop();
|
|
|
|
|
|
// 绑定回到顶部按钮点击事件
|
|
|
var backToTop = document.getElementById('backToTop');
|
|
|
if (backToTop) {
|
|
|
backToTop.addEventListener('click', scrollToTop);
|
|
|
}
|
|
|
});
|
|
|
})();
|
|
|
</script>
|
|
|
|
|
|
<?php wp_footer(); ?>
|
|
|
</body>
|
|
|
</html>
|
