更新版本

wp-content/themes/nenghui-energy-theme-cn/archive.php

@@ -8,8 +8,9 @@
 <!-- 新闻搜索功能模块 -->
 <div class="news-search-section">
     <div class="search-container">
-        <div class="search-header">
-            <h2 class="search-title">新闻资讯</h2>
+        <div class="search-header mt-[8rem]">
+            <h2 class="font-display text-[2.66rem] font-black text-slate-800 tracking-widest leading-[1.2] mb-6">新闻中心</h2>
+             <div class="w-16 h-1 bg-primary mx-auto mb-6 transition-all duration-700 group-hover:w-32"></div>
         </div>
         <div class="search-form-wrapper">
             <?php
@@ -70,89 +71,10 @@
     </div>
 </div>
 <!-- 文章展示组件 -->
-<div class="article-display-wrapper">
-    <div class="article-content">
-        <?php
-        // 获取随机的一篇文章（带缓存）
-        $cache_key = 'archive_random_post_' . (function_exists('get_theme_cache_version') ? get_theme_cache_version() : '');
-        $random_posts = get_transient($cache_key);
-        
-        if ($random_posts === false) {
-            $random_query = new WP_Query(array(
-                'post_type' => 'post',
-                'posts_per_page' => 1,
-                'post_status' => 'publish',
-                'orderby' => 'rand'
-            ));
-            
-            if ($random_query->have_posts()) {
-                $random_posts = $random_query->posts;
-                // 随机文章缓存5分钟，避免频繁查询
-                set_transient($cache_key, $random_posts, 300);
-            } else {
-                $random_posts = array();
-            }
-        }
 
-        if (!empty($random_posts)) :
-            global $post;
-            foreach ($random_posts as $post) : 
-                setup_postdata($post);
-                // 获取文章特色图片
-                $featured_image = get_the_post_thumbnail_url(get_the_ID(), 'large');
-                if (!$featured_image) {
-                    $featured_image = get_template_directory_uri() . '/assets/images/default-post.jpg';
-                }
-                
-                // 获取文章摘要
-                $excerpt = get_the_excerpt();
-                if (empty($excerpt)) {
-                    $excerpt = wp_trim_words(get_the_content(), 30, '...');
-                }
-        ?>
-        <div class="article-item">
-            <div class="left-column">
-                <a href="<?php echo esc_url(get_permalink()); ?>" class="image-link">
-                    <img src="<?php echo esc_url($featured_image); ?>" alt="<?php echo esc_attr(get_the_title()); ?>">
-                </a>
-            </div>
-            <div class="right-column">
-                <div class="content-top">
-                    <a href="<?php echo esc_url(get_permalink()); ?>" class="title-link">
-                        <h2 class="article-title"><?php echo esc_html(get_the_title()); ?></h2>
-                    </a>
-                    <p class="article-description">
-                        <?php echo esc_html($excerpt); ?>
-                    </p>
-                    <a href="<?php echo esc_url(get_permalink()); ?>" class="view-more-link">查看更多</a>
-                </div>
-            </div>
-        </div>
-        <?php
-            endforeach;
-            wp_reset_postdata();
-        else :
-        ?>
-        <div class="article-item">
-            <div class="left-column">
-                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/default-post.jpg" alt="暂无文章">
-            </div>
-            <div class="right-column">
-                <div class="content-top">
-                    <h2 class="article-title">暂无文章</h2>
-                    <p class="article-description">
-                        目前还没有发布任何文章，请稍后再来查看。
-                    </p>
-                    <a href="<?php echo esc_url(home_url('/')); ?>" class="view-more-link">返回首页</a>
-                </div>
-            </div>
-        </div>
-        <?php endif; ?>
-    </div>
-</div>
 
 <!-- 文章列表板块 -->
-<div class="article-list-section">
+<div class="article-list-section mt-[5rem]">
     <div class="container">
         <div class="article-list-wrapper">
             <?php

wp-content/themes/nenghui-energy-theme-cn/assets/css/about-features.css

@@ -47,7 +47,7 @@
 /* 单个统计项 */
 .about-features-stat-item {
     flex: 1;
-    min-width: 200px;
+    min-width: 250px;
     padding: 30px 20px;
     background: rgba(255, 255, 255, 0.1);
     border-radius: 12px;

wp-content/themes/nenghui-energy-theme-cn/assets/css/about-page-core.css

@@ -7,7 +7,7 @@
     position: relative;
     width: 100%;
     height: 500px;
-    background-image: url('../images/nenghui-core-bg.webp');
+    /* background-image: url('../images/nenghui-core-bg.webp'); */
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;

wp-content/themes/nenghui-energy-theme-cn/assets/css/about-page-sustainable.css

@@ -7,7 +7,7 @@
     position: relative;
     width: 100%;
     height: 500px;
-    background-image: url('../images/kechuxu-bg.webp');
+    /* background-image: url('../images/kechuxu-bg.webp'); */
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;

wp-content/themes/nenghui-energy-theme-cn/assets/css/about-page.css

@@ -7,7 +7,7 @@
     position: relative;
     width: 100%;
     height: 500px;
-    background-image: url('../images/about-nenghui-banner.webp');
+    /* background-image: url('../images/about-nenghui-banner.webp'); */
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
@@ -191,7 +191,7 @@
 .about-description {
     color: #666666;
     line-height: 1.8;
-    font-size: 14px;
+    font-size: 1rem;
 }
 
 .about-description p {
@@ -203,10 +203,6 @@
     margin-bottom: 0;
 }
 
-.about-image-content {
-    flex: 1;
-    max-width: 500px;
-}
 
 .about-main-image {
     width: 150%;

wp-content/themes/nenghui-energy-theme-cn/assets/css/article-display.css

@@ -13,9 +13,10 @@
 /* 文章容器样式 */
 .article-display-wrapper {
     max-width: 1200px;
+    padding: 3rem;
     margin: 1rem auto;
     background: white;
-    border-radius: 12px;
+    border-radius: 2rem;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     opacity: 1;

wp-content/themes/nenghui-energy-theme-cn/assets/css/block-news.css

@@ -121,13 +121,13 @@
 }
 
 .main-news h2 a {
-    color: #126594;
+    color: #333;
     text-decoration: none;
 }
 
 .main-news h2 a:hover {
-    color: #004499;
-    text-decoration: underline;
+    color: #10b981;
+  
 }
 
 .main-news p {
@@ -192,7 +192,7 @@
 }
 
 .news-card h3 a:hover {
-    color: #0066cc;
+    color: #10b981;
 }
 
 .news-card-info {

wp-content/themes/nenghui-energy-theme-cn/assets/css/footer.css

@@ -43,7 +43,7 @@
 .footer-nav {
     flex: 1;
     display: flex;
-    gap: 8rem;
+    gap: 4rem;
 }
 
 /* 导航列 */
@@ -82,7 +82,7 @@
 
 /* 导航链接 */
 .footer-nav-list a {
-    color: #666;
+    color: #333;
     text-decoration: none;
     font-size: 14px;
     line-height: 1.5;
@@ -92,7 +92,7 @@
 }
 
 .footer-nav-list a:hover {
-    color: #1369a8;
+    color: #295ca8;
     text-decoration: none;
 }
 

wp-content/themes/nenghui-energy-theme-cn/assets/css/products-services.css

@@ -6,7 +6,7 @@
 }
 
 .products-services-container {
-    max-width: 57%;
+    max-width: 72%;
     margin: 0 auto;
 }
 
@@ -35,8 +35,8 @@
 
 .products-services-grid {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 0;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 20px;
     align-items: flex-start;
 }
 

wp-content/themes/nenghui-energy-theme-cn/assets/css/search.css

@@ -6,7 +6,7 @@
 /* 新闻搜索模块样式 */
 .news-search-section {
     position: relative;
-    background-image: url('../images/search-bg.webp');
+    /* background-image: url('../images/search-bg.webp'); */
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
@@ -23,7 +23,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0, 0, 0, 0.4);
+    background: #f7f7f7;
     z-index: 1;
 }
 
@@ -630,7 +630,7 @@
 
 /* 新闻搜索模块样式 */
 .news-search-section {
-    background: url('../images/search-bg.webp') center/cover no-repeat;
+    /* background: url('../images/search-bg.webp') center/cover no-repeat; */
     padding: 80px 0;
     position: relative;
     overflow: hidden;
@@ -643,7 +643,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0, 0, 0, 0.4);
+    background:#f7f7f7;
     z-index: 1;
 }
 

wp-content/themes/nenghui-energy-theme-cn/footer.php

@@ -4,48 +4,132 @@
         <!-- 页脚主要内容 -->
         <div class="footer-main">
             <!-- 左侧Logo区域 -->
-            <div class="footer-logo">
-                <a href="<?php echo home_url(); ?>">
-					<img width="200px" src="https://cn.nenghui.com/wp-content/uploads/2025/11/logo-1.png" alt="logo">
-                </a>
+     <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>
+                    <h3 class="footer-nav-title">关于能辉</h3>
                     <ul class="footer-nav-list">
-                        <li><a href="https://cn.nenghui.com/about/">关于能辉</a></li>
-                        <li><a href="https://cn.nenghui.com/henghui-core/">能辉核心</a></li>
-                        <li><a href="https://cn.nenghui.com/sustainable-evelopment/">可持续发展</a></li>
+                        <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>
+                    <h3 class="footer-nav-title">产品与服务</h3>
                     <ul class="footer-nav-list">
-                        <li><a href="https://cn.nenghui.com/investorrelations/">公司治理</a></li>
-                        <li><a href="https://cn.nenghui.com/company-announcement/">公司公告</a></li>
-                        <li><a href="https://cn.nenghui.com/investor-exchange/">投资者交流</a></li>
+                        <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="https://cn.nenghui.com/category/news-center/">新闻中心</a></li>
-                        <li><a href="https://cn.nenghui.com/category/social-activities/">社会活动</a></li>
-                        <li><a href="https://cn.nenghui.com/category/company-announcement/">公司公告</a></li>
+                    <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">联系我们</h3>
-                    <ul class="footer-nav-list">
-                        <li><a href="https://cn.nenghui.com/connect-us/">联系方式</a></li>
+                    <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>

wp-content/themes/nenghui-energy-theme-cn/header.php

@@ -8,6 +8,74 @@
     <title><?php bloginfo('name'); ?></title>
     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
     <?php wp_head(); ?>
+    
+<!-- 引入字体与图标 -->
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
+    <link href="https://fonts.googleapis.com" rel="preconnect"/>
+    <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu+Jian+Mao+Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
+    
+    <!-- 引入 Swiper 与 AOS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" />
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
+
+    <!-- Tailwind & Config -->
+    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+    <script id="tailwind-config">
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        "primary": "#10b981",
+                        "primary-dark": "#047857",
+                        "primary-light": "#d1fae5",
+                        "accent": "#f97316",
+                        "accent-light": "#ffedd5",
+                        "surface": "#ffffff",
+                        "background": "#f8fafc",
+                        "slate-text": "#334155",
+                        "slate-heading": "#0f172a"
+                    },
+                    fontFamily: {
+                        "display": ["Montserrat", "sans-serif"],
+                        "sans": ["Inter", "sans-serif"],
+                    },
+                    boxShadow: {
+                        'soft': '0 20px 40px -15px rgba(0,0,0,0.05)',
+                        'float': '0 30px 60px -20px rgba(16, 185, 129, 0.15), 0 0 0 1px rgba(16, 185, 129, 0.05)',
+                    },
+                    keyframes: {
+                        textShimmer: { '0%': { backgroundPosition: '0% 50%' }, '100%': { backgroundPosition: '100% 50%' } },
+                        scroll: { '0%': { transform: 'translateX(0)' }, '100%': { transform: 'translateX(-50%)' } },
+                        scrollLeft: { '0%': { transform: 'translateX(0)' }, '100%': { transform: 'translateX(-50%)' } },
+                        scrollRight: { '0%': { transform: 'translateX(-50%)' }, '100%': { transform: 'translateX(0)' } }
+                    },
+                    animation: {
+                        'text-shimmer': 'textShimmer 3s ease-out infinite alternate',
+                        'scroll-fast': 'scroll 35s linear infinite',
+                        'scroll-slow': 'scroll 50s linear infinite',
+                        'scroll-reverse': 'scroll-reverse 45s linear infinite',
+                        'scroll-left': 'scrollLeft 40s linear infinite',
+                        'scroll-right': 'scrollRight 45s linear infinite',
+                    }
+                },
+            },
+        }
+    </script>
+     <style type="text/tailwindcss">
+     
+        @layer utilities {
+             /* 隐藏滚动条 */
+            .no-scrollbar::-webkit-scrollbar {
+                display: none;
+            }
+            .no-scrollbar {
+                -ms-overflow-style: none;  /* IE and Edge */
+                scrollbar-width: none;  /* Firefox */
+            }
+        }
+    </style>
 </head>
 <body <?php body_class('no-js'); ?>>
     <nav class="main-nav">

wp-content/themes/nenghui-energy-theme-cn/page-about.php

@@ -14,34 +14,159 @@ wp_enqueue_style('about-features-css', get_template_directory_uri() . '/assets/c
 wp_enqueue_script('about-features-js', get_template_directory_uri() . '/assets/js/about-features.js', array(), '1.0.0', true);
 ?>
 
-<div class="page-full-width">
+<div class="page-full-width mt-[80px]">
     <!-- 关于能辉Banner -->
-    <section class="about-banner">
+    <section class="relative w-full h-[30vh] flex flex-col items-center justify-center z-10  border-slate-100">
         <div class="about-banner-content">
-            <h1 class="about-banner-title">关于能辉</h1>
+            <h2 class="font-display text-[2.66rem] font-black text-slate-800 tracking-widest leading-[1.2] mb-2">公司介绍</h1>
+       
+             <div class="w-16 h-1 bg-primary mx-auto mb-6 transition-all duration-700 group-hover:w-32"></div>
         </div>
     </section>
     
+
+
     <!-- 页面内容区域 -->
-    <div class="about-content">
-        <div class="about-main-section">
-            <div class="about-text-content">
-                <h2 class="about-main-title">为全球用户提供安全、经济、高效、低碳的新能源解决方案</h2>
-                <div class="about-description">
-                    <p>能辉科技（股票代码301046.SZ）作为新能源领域领先的产品及技术服务提供商，专注于以新能源为核心的产品供应与技术服务。公司在光伏、风电、储能、充换电、综合能源、电力环保和电网领域具备复合型人才、专业技术及资质许可优势，并拥有大量成功案例。秉承"绿色事业、定能辉煌"的理念，能辉科技致力于为合作伙伴在新能源与综合能源领域提供专业化、综合化的一站式解决方案。</p>
+    <!-- ===================== 模块：企业简介 ===================== -->
+<section id="section-about" class="scroll-section relative w-full px-6 lg:px-16 xl:px-24 py-24 bg-white border-b border-slate-200/60 scroll-mt-0">
+    <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20 items-center max-w-[100rem] mx-auto">
+        
+        <!-- 左侧：文本与介绍 -->
+        <div class="lg:col-span-6 flex flex-col items-start" data-aos="fade-right">
+            <!-- 模块浮动标签 -->
+            
+            
+            <!-- 主标题 -->
+            <h2 class="font-display text-3xl font-black text-slate-800 tracking-wider mb-6 leading-[1.3]">
+                为全球用户提供安全、经济、高效、低碳的<br class="hidden xl:block">新能源解决方案
+            </h2>
+            <div class="w-12 h-1 bg-primary mb-10"></div>
+
+            <!-- 段落文本 -->
+            <div class="flex flex-col gap-6 text-[1rem] text-slate-500 font-medium leading-loose tracking-[0.1em]">
+                <p>能辉科技是一家领先的新能源产品与技术服务提供商，为全球客户提供风力光伏新能源、新型储能、商用车充换电和智算中心的产品、系统集成及电力交易综合解决方案。</p>
+                
+                <p>面对新科技浪潮，公司正以深厚的新能源业务为基座，以领先的轮式充换电机器人技术为支撑，实践“新能源+AI、新能源+算力、新能源+机器人”的全面战略转型。</p>
+            </div>
+
+            <!-- 强调数据卡片（UI元素，已去除句号） -->
+            <div class="mt-10 inline-flex items-center gap-5 p-5 bg-slate-50 rounded-2xl border border-slate-100 hover:shadow-md hover:border-primary/30 transition-all duration-300 group cursor-default">
+                <div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center group-hover:bg-primary transition-colors duration-300 flex-shrink-0">
+                    <span class="material-symbols-outlined text-primary group-hover:text-white text-2xl">&#xe84f;</span>
+                </div>
+                <div>
+                    <p class="text-[1rem] font-bold text-slate-800 tracking-widest mb-1">深交所创业板上市企业</p>
+                    <p class="text-[0.875rem] text-slate-500 tracking-wider">2021年上市，股票代码：<strong class="text-primary text-[1rem]">301046.SZ</strong></p>
+                </div>
+            </div>
+        </div>
+
+        <!-- 右侧：大图展示 -->
+        <div class="lg:col-span-6 relative" data-aos="fade-left">
+            <!-- 装饰背景光晕 -->
+            <div class="absolute -top-10 -right-10 w-64 h-64 bg-primary/5 rounded-full filter blur-[40px] -z-10"></div>
+            <div class="absolute -bottom-10 -left-10 w-64 h-64 bg-blue-500/5 rounded-full filter blur-[40px] -z-10"></div>
+            
+            <div class="relative rounded-[2.5rem] overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.06)] border border-slate-100 group">
+                <img class="w-full aspect-[6/3] lg:aspect-[4/3] object-cover group-hover:scale-105 transition-transform duration-700" 
+                     src="http://localhost:83/wp-content/themes/nenghui-energy-theme-cn/assets/images/nh-build.png" 
+                     alt="能辉科技办公大楼">
+                <!-- 图片优雅渐变遮罩 -->
+                <div class="absolute inset-0 bg-gradient-to-t from-slate-900/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+
+     
+    <!--  公司优势  -->
+     <section class="relative py-24 lg:py-32 bg-surface overflow-hidden">
+        
+        <!-- 明亮版的点缀背景形状 -->
+        <div class="absolute top-0 right-0 w-1/3 h-full bg-gradient-to-l from-primary-light/40 to-transparent pointer-events-none"></div>
+
+        <div class="container mx-auto px-6 lg:px-12 relative z-10">
+            
+            <!-- 模块标题 -->
+            <!-- <div class="text-center mb-20 lg:mb-28" data-aos="fade-up">
+                <h2 class="text-4xl md:text-5xl font-display font-bold text-slate-heading">核心优势与能力</h2>
+                
+                <div class="w-20 h-1.5 bg-gradient-to-r from-primary to-accent mx-auto mt-6 rounded-full"></div>
+                <p class="mt-6 text-slate-text max-w-2xl mx-auto text-lg">构建于前沿架构之上，为您提供兼具美感与性能的现代化数字解决方案。</p>
+            </div> -->
+
+            <!-- 交错布局容器 -->
+            <div class="flex flex-col gap-24 lg:gap-32">
+                
+                <!-- 【第一组】 左侧图，右侧文 -->
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
                     
-                    <p>公司持有200余项知识产权，并与清华大学、浙江大学、上海交通大学建立了长期稳定的技术合作关系。</p>
+                    <div class="order-2 lg:order-1 relative rounded-[2rem] overflow-hidden shadow-2xl shadow-slate-200/60 border border-slate-100 group" data-aos="fade-right">
+                        <img src="https://cn.nenghui.com/wp-content/uploads/2026/04/about-3.png" alt="Office Tech" class="w-full aspect-[6/3] object-cover group-hover:scale-105 transition-transform duration-700"/>
+                        <div class="absolute inset-0 bg-primary/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div>
+                    </div>
                     
-                    <p>创始团队及核心成员均具有省级电力设计院背景，长期深耕新能源与环保领域的设计研发工作，具备深厚的专业积淀。</p>
+                    <div class="order-1 lg:order-2 flex flex-col justify-center" data-aos="fade-left">
+                        <!-- 短线条 + 标题 -->
+                        <div class="flex items-center gap-4 mb-6">
+                            <div class="w-1.5 h-10 bg-primary rounded-full shadow-[0_4px_10px_rgba(16,185,129,0.4)]"></div>
+                            <h3 class="text-3xl lg:text-4xl font-display font-bold text-slate-heading">技术领先</h3>
+                        </div>
+                        <p class="text-lg text-slate-text leading-relaxed mb-8">
+                            公司拥有超过200项各类知识产权，与清华大学、浙江大学、上海交通大学建立了长期技术合作伙伴关系，在光伏、储能、充换电、综合能源等领域深耕多年，具备全面技术领先优势
+                        </p>
+                       
+                    </div>
+                </div>
+
+                <!-- 【第二组】 左侧文，右侧图 (交错) -->
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
                     
-                    <p>迄今已成功交付近200个光伏电站项目，完成大批电力环保及电网工程技术服务，同时为全球客户提供高性能储能产品及电动重卡充换电设备，产品品质卓越可靠。</p>
+                    <div class="order-1 lg:order-1 flex flex-col justify-center" data-aos="fade-right">
+                        <div class="flex items-center gap-4 mb-6">
+                            <div class="w-1.5 h-10 bg-accent rounded-full shadow-[0_4px_10px_rgba(249,115,22,0.4)]"></div>
+                            <h3 class="text-3xl lg:text-4xl font-display font-bold text-slate-heading">设计一流</h3>
+                        </div>
+                        <p class="text-lg text-slate-text leading-relaxed mb-8">
+                           创始人及核心管理团队均来自于省级电力设计院，且长期致力于智慧能源和环保领域的设计与研究，有较强的专业背景，特别体现在电力设计、工程设计等领域具备一流能力。
+
+                        </p>
+                       
+                    </div>
+
+                    <div class="order-2 lg:order-2 relative rounded-[2rem] overflow-hidden shadow-2xl shadow-slate-200/60 border border-slate-100 group" data-aos="fade-left">
+                        <img src="https://cn.nenghui.com/wp-content/uploads/2026/04/about-1.png" alt="Data Analytics" class="w-full aspect-[6/3] object-cover group-hover:scale-105 transition-transform duration-700"/>
+                    </div>
                 </div>
-            </div>
-            <div class="about-image-content">
-                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/about-pic.webp" alt="能辉科技办公大楼" class="about-main-image">
+
+                <!-- 【第三组】 左侧图，右侧文 (交错) -->
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
+                    
+                    <div class="order-2 lg:order-1 relative rounded-[2rem] overflow-hidden shadow-2xl shadow-slate-200/60 border border-slate-100 group bg-white p-2" data-aos="fade-right">
+                        <!-- 微交互视差框 -->
+                        <div data-tilt data-tilt-max="3" data-tilt-speed="400" data-tilt-glare="true" data-tilt-max-glare="0.1" class="w-full h-full rounded-[1.5rem] overflow-hidden">
+                            <img src="https://cn.nenghui.com/wp-content/uploads/2026/04/about-2.png" alt="API Integration" class="w-full aspect-[6/3] object-cover"/>
+                        </div>
+                    </div>
+                    
+                    <div class="order-1 lg:order-2 flex flex-col justify-center" data-aos="fade-left">
+                        <div class="flex items-center gap-4 mb-6">
+                            <div class="w-1.5 h-10 bg-gradient-to-r from-primary to-blue-500 rounded-full shadow-[0_4px_10px_rgba(16,185,129,0.3)]"></div>
+                            <h3 class="text-3xl lg:text-4xl font-display font-bold text-slate-heading">产品可靠</h3>
+                        </div>
+                        <p class="text-lg text-slate-text leading-relaxed mb-8">
+                            公司已经累计为客户提供了近200个中大型新能源电站、一大批电力环保及电网工程的总包服务，也为海内外客户提供高性能储能产品和电动重卡充换电设备，质量可靠。
+
+                        </p>
+                       
+                    </div>
+                </div>
+
             </div>
         </div>
-    </div>
+    </section>
 
     <div class="">
     
@@ -50,12 +175,22 @@ wp_enqueue_script('about-features-js', get_template_directory_uri() . '/assets/j
 
     <!-- 发展历程 -->
 
-    <!-- 公司证书轮播 -->
-    <?php include get_template_directory() . '/template-parts/block/block-certificates.php'; ?>
 
     <!-- 合作伙伴 -->
     <?php include get_template_directory() . '/template-parts/block/block-cooperate.php'; ?>
 
 </div>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
+    
+    <script>
+        // AOS 初始化
+        AOS.init({ 
+            once: true, 
+            offset: 100, 
+            duration: 800,
+            easing: 'ease-out-cubic'
+        });
+        </script>
+
 <?php get_footer();?>

wp-content/themes/nenghui-energy-theme-cn/search.php

@@ -8,7 +8,8 @@ get_header(); ?>
 <div class="news-search-section">
     <div class="search-container">
         <div class="search-header">
-            <h2 class="search-title">新闻资讯</h2>
+            <h2 class="font-display text-[2.66rem] font-black text-slate-800 tracking-widest leading-[1.2] mb-6">新闻中心</h2>
+             <div class="w-12 h-1 bg-primary mx-auto"></div>
         </div>
         <div class="search-form-wrapper">
             <?php

wp-content/themes/nenghui-energy-theme-cn/single.php

@@ -8,7 +8,8 @@
 <div class="news-search-section">
     <div class="search-container">
         <div class="search-header">
-            <h2 class="search-title">新闻资讯</h2>
+            <h2 class="search-title">新闻中心</h2>
+             <div class="w-12 h-1 bg-primary mx-auto"></div>
         </div>
         <div class="search-form-wrapper">
             <?php

wp-content/themes/nenghui-energy-theme-cn/style.css

@@ -19,6 +19,7 @@
 html, body {
     overflow-x: hidden;
     max-width: 100%;
+  
 }
 
 body {
@@ -184,8 +185,9 @@ p.article-time{
 }
 
 .menu-items li a:hover {
+    
     background: rgba(0, 0, 0, 0.05);
-    color: #000;
+    color: #295ca8;
 }
 
 /* 下拉菜单样式 */
@@ -248,7 +250,7 @@ p.article-time{
 
 .sub-menu li a:hover {
     background: rgba(0, 123, 255, 0.1);
-    color: #007bff;
+    color: #295ca8;
     padding-left: 25px;
 }
 
@@ -689,8 +691,10 @@ p.article-time{
 
 .article-list-wrapper {
     max-width: 1200px;
+    background-color: #fff;
     margin: 0 auto;
-    padding: 0 20px;
+    padding: 2rem;
+    border-radius:2rem;
     display: flex;
     flex-direction: column;
     gap: 30px;
@@ -769,7 +773,7 @@ p.article-time{
 }
 
 .article-title a:hover {
-    color: #007bff;
+    color: #10b981;
 }
 
 .article-excerpt {

wp-content/themes/nenghui-energy-theme-cn/template-parts/block/block-about-features.php

@@ -1,26 +1,63 @@
-<div class="about-features-section">
+<div class="about-features-section" id="about-features">
     <div class="about-features-container">
         <!-- 统计数据展示 -->
         <div class="about-features-stats">
             <div class="about-features-stat-item">
-                <div class="about-stat-number">200+项</div>
-                <div class="about-stat-label">公司已获专利知识产权</div>
+                <div class="text-[48px] text-white font-bold mb-2"> <span class="about-counter" data-target="100">0</span>+</div>
+                <div class="about-stat-label">技术研人员</div>
             </div>
             
             <div class="about-features-stat-item">
-                <div class="about-stat-number">20项</div>
-                <div class="about-stat-label">发明专利</div>
+                <div class="text-[48px] text-white font-bold mb-2"> <span class="about-counter" data-target="400">0</span>+</div>
+                <div class="about-stat-label">中大型电量工程</div>
             </div>
             
             <div class="about-features-stat-item">
-                <div class="about-stat-number">153项</div>
-                <div class="about-stat-label">实用新型专利</div>
+                <div class="text-[48px] text-white font-bold mb-2"> <span class="about-counter" data-target="1.2">0</span>Gwp+</div>
+                <div class="about-stat-label">自持及代运营电站</div>
             </div>
             
             <div class="about-features-stat-item">
-                <div class="about-stat-number">31项</div>
-                <div class="about-stat-label">计算机软件著作权</div>
+                <div class="text-[48px] text-white font-bold mb-2"> <span class="about-counter" data-target="10">0</span>Gwp+</div>
+                <div class="about-stat-label">光伏电站业绩</div>
             </div>
         </div>
     </div>
-</div>
+</div>
+<script>
+    const counters = document.querySelectorAll('.about-counter');
+    const speed = 200; // The lower the slower
+
+    const animateCounters = () => {
+        counters.forEach(counter => {
+            const updateCount = () => {
+                const target = +counter.getAttribute('data-target');
+                const count = +counter.innerText;
+                const inc = target / speed;
+                console.log(count, target, inc);
+                if (count < target) {
+                    counter.innerText = Math.ceil(count + inc);
+                    setTimeout(updateCount, 20); // Update speed
+                } else {
+                    counter.innerText = target;
+                }
+            };
+            updateCount();
+        });
+    };
+
+    // Trigger animation when section is in view
+    let hasAnimated = false;
+
+    const section = document.querySelector('#about-features');
+    const observer = new IntersectionObserver((entries) => {
+        if(entries[0].isIntersecting && !hasAnimated) {
+            animateCounters();
+            hasAnimated = true;
+        }
+    }, { threshold: 0.5 });
+
+    if(section) {
+        observer.observe(section);
+    }
+</script>

wp-content/themes/nenghui-energy-theme-cn/template-parts/block/block-cooperate.php

@@ -35,42 +35,239 @@ if (!empty($block['align'])) {
 ?>
 
 <div id="<?php echo esc_attr($block_id); ?>" class="<?php echo esc_attr($class_name); ?>">
-    <div class="cooperate-container">
-        <!-- 主标题 -->
-        <div class="cooperate-header">
-            <h2 class="cooperate-title">合作伙伴</h2>
-        </div>
+   
+</div>
+ <section class="relative pb-20 lg:pb-28 bg-white overflow-hidden ">
         
-        <!-- 合作伙伴内容区域 -->
-        <div class="cooperate-content">
-            <div class="cooperate-cards">
-                <div class="cards-wrapper">
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/guojianengyuan.webp" alt="国家能源集团" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/guowang.webp" alt="国家电网" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/nanfangdianwang.webp" alt="南方电网" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/huaneng.webp" alt="华能集团" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/huadian.webp" alt="华电集团" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/da-tang.webp" alt="大唐集团" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/guodiantou.webp" alt="国电投" loading="lazy">
-                    </div>
-                    <div class="card-slide">
-                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/nengyuanjiantou.webp" alt="能源建投" loading="lazy">
-                    </div>
+        <div class="container mx-auto px-6 lg:px-12 relative z-20">
+            <!-- 模块标题 -->
+            <div class="text-center mb-16 lg:mb-20" data-aos="fade-up">
+                <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-slate-200 bg-slate-50 mb-4 shadow-sm">
+                    <span class="material-symbols-outlined text-slate-500 text-sm">public</span>
+                    <span class="text-xs font-semibold text-slate-600 uppercase tracking-wider">Trusted by Industry Leaders</span>
                 </div>
+                <h2 class="text-3xl md:text-4xl font-display font-bold text-slate-heading">生态合作伙伴</h2>
+                <div class="w-12 h-1 bg-gradient-to-r from-primary to-teal-400 mx-auto mt-4 rounded-full shadow-md"></div>
+                <p class="mt-6 text-slate-500 max-w-2xl mx-auto text-base">与全球顶尖企业并肩，共同驱动能源产业的数字化变革。</p>
+            </div>
+        </div>
+
+        <!-- 滚动容器主包裹层 -->
+ <div class="relative w-full overflow-hidden flex flex-col gap-8 lg:gap-12 bg-white py-4 z-10">
+
+    <!-- 左右两端白色渐变边缘遮罩 -->
+    <div class="absolute left-0 top-0 bottom-0 w-24 md:w-48 bg-gradient-to-r from-white via-white/80 to-transparent z-30 pointer-events-none"></div>
+    <div class="absolute right-0 top-0 bottom-0 w-24 md:w-48 bg-gradient-to-l from-white via-white/80 to-transparent z-30 pointer-events-none"></div>
+
+    <!-- ================= 第一行轨道：向左滚动 (animate-scroll-left) ================= -->
+    <div class="flex w-max animate-scroll-left hover:\[animation-play-state:paused\] group relative z-20">
+        
+        <!-- 【第一组数据】 hzhb1 - hzhb12 -->
+        <div class="flex items-center gap-10 md:gap-16 px-5 md:px-8">
+            <!-- hzhb1 - hzhb12 -->
+            <!-- 使用内联结构以便直观展示，这里重复1到12 -->
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb1.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb2.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb3.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb4.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb5.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb6.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb7.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb8.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb9.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb10.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb11.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb12.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+        </div>
+
+        <!-- 【第二组数据】 第一组的克隆(hzhb1-hzhb12)，用于无缝循环 -->
+        <div class="flex items-center gap-10 md:gap-16 px-5 md:px-8">
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb1.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb2.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb3.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb4.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb5.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb6.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb7.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb8.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb9.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb10.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb11.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb12.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+        </div>
+    </div>
+
+    <!-- ================= 第二行轨道：向右滚动 (animate-scroll-right) ================= -->
+    <div class="flex w-max animate-scroll-right hover:\[animation-play-state:paused\] group relative z-20 -ml-16 lg:-ml-32">
+        
+        <!-- 【第一组数据】 hzhb13 - hzhb23 -->
+        <div class="flex items-center gap-10 md:gap-16 px-5 md:px-8">
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb13.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb14.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb15.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb16.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb17.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb18.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb19.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb20.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb21.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb22.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb23.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+                <div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-2 bg-primary/20 blur-md rounded-full opacity-0 transition-opacity duration-300 pointer-events-none"></div>
+            </div>
+        </div>
+
+        <!-- 【第二组数据】 第二行的克隆(hzhb13-hzhb23)，用于无缝循环 -->
+        <div class="flex items-center gap-10 md:gap-16 px-5 md:px-8">
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb13.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb14.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb15.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb16.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb17.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb18.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb19.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb20.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb21.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb22.png" alt="Partner" class="w-full h-full object-contain relative z-10">
+            </div>
+            <div class="relative w-32 md:w-44  flex items-center justify-center cursor-pointer transition-all duration-500 group-hover:opacity-30 group-hover:scale-95 hover:!opacity-100 hover:!scale-110 hover:-translate-y-2">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/cooperate/hzhb23.png" alt="Partner" class="w-full h-full object-contain relative z-10">
             </div>
         </div>
     </div>
 </div>
+
+
+    </section>
+
+    <style>
+        .group > div > div:hover > div[class*="blur-md"] {
+            opacity: 1;
+            transform: translateX(-50%) scaleX(1.3);
+        }
+    </style>
+
+        
+    <script>
+        // AOS 初始化
+        AOS.init({ 
+            once: true, 
+            offset: 100, 
+            duration: 800,
+            easing: 'ease-out-cubic'
+        });
+
+   
+  
+      
+    </script>

wp-content/themes/nenghui-energy-theme-cn/template-parts/block/block-news.php

@@ -93,6 +93,7 @@ $other_posts = array_slice($posts, 1, 3);
     <div class="news-header">
         <p><?php echo esc_html($args['subtitle']); ?></p>
         <h1><?php echo esc_html($args['title']); ?></h1>
+        <div class="w-12 h-1 bg-primary mt-2"></div>
     </div>
     
     <?php if ($featured_post) : ?>

wp-content/themes/nenghui-energy-theme-cn/template-parts/block/block-products-services.php

@@ -25,33 +25,34 @@ if (!empty($block['align'])) {
         <!-- 标题部分 -->
         <div class="products-services-header">
             <p class="products-services-subtitle">PRODUCTS AND SERVICES</p>
-            <h2 class="products-services-title">产品与服务</h2>
+            <h2 class="products-services-title mb-2" style="font-size: 2.66rem;">产品与服务</h2>
+             <div class="w-12 h-1 bg-primary mx-auto"></div>
         </div>
         
         <div class="products-services-grid">
             <div class="products-services-item">
                 <div class="products-services-image">
-					<a href="https://cn.nenghui.com/power-station-design/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/pic-1.png" alt="光伏和风力发电" loading="lazy"></a>
+					<a href="/solar-wind/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-1.png" alt="光伏和风力发电" loading="lazy"></a>
                 </div>
             </div>
             <!-- 第一列 -->
             <div class="products-services-item">
                 <div class="products-services-image">
-					<a href="https://cn.nenghui.com/power-station-design/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/pic-1.png" alt="光伏和风力发电" loading="lazy"></a>
+					<a href="/products/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-2.png" alt="储能系统" loading="lazy"></a>
                 </div>
             </div>
             
             <!-- 第二列 -->
             <div class="products-services-item">
                 <div class="products-services-image">
-                    <a href="https://cn.nenghui.com/electric-heavy-truck-charging-and-battery-replacement/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/pic-2.png" alt="电动重卡充换电" loading="lazy"></a>
+                    <a href="/charge-change/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-3.png" alt="商业车充换电" loading="lazy"></a>
                 </div>
             </div>
             
             <!-- 第三列 -->
             <div class="products-services-item">
                 <div class="products-services-image">
-                    <a href="https://cn.nenghui.com/microgrid/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/pic-3.png" alt="综合能源" loading="lazy"></a>
+                    <a href="/charge-change/"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/home-p-4.png" alt="综合能源" loading="lazy"></a>
                 </div>
             </div>
         </div>