完成毕业设计展示网站全部内容：包含前期分析、设计表现、设计图纸、性能分析、自保障设计、建造模拟（含建造过程模拟）、关于项目等全部板块

2026-06-03 07:33:26 +08:00
parent bab511ec62
commit 90371ed406
68 changed files with 941 additions and 37 deletions
--- a/temp_construction.html
+++ b/temp_construction.html
@@ -0,0 +1,447 @@
+    
+    <!-- 1. 撱粹<E692B1>䭾<EFBFBD>餃㦛嚗<E3A69B><E59A97>撘惩之<E683A9>橘<EFBFBD> -->
+    <section class="section" id="construction-site">
+        <div class="container">
+            <h2 class="section-title">撱粹<EFBFBD>䭾<EFBFBD>餃㦛</h2>
+            <div class="drawing-full enlarged">
+                <img src="images/construction-siteplan.jpg" alt="撱粹<E692B1>䭾<EFBFBD>餃㦛" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                <div class="placeholder-text large" style="display:none;">撱粹<EFBFBD>䭾<EFBFBD>餃㦛</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 2. <20><>辣銵?-->
+    <section class="section section-alt" id="component-tables">
+        <div class="container">
+            <h2 class="section-title"><EFBFBD><EFBFBD>辣銵?/h2>
+            
+            <!-- 2.1 <20>箏漣<E7AE8F>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.1 <20>箏漣<E7AE8F>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-base-01.jpg" alt="<22>箏漣<E7AE8F>典<EFBFBD>蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;"><EFBFBD>箏漣<EFBFBD>典<EFBFBD>蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>B-01</td><td><EFBFBD>箇<EFBFBD>璇?/td><td>200<EFBFBD>400mm</td><td>12</td></tr>
+                                <tr><td>B-02</td><td><EFBFBD>勗抅蝖<EFBFBD></td><td>500<EFBFBD>500mm</td><td>8</td></tr>
+                                <tr><td>B-03</td><td><EFBFBD>啗<EFBFBD><EFBFBD>箸<EFBFBD></td><td>M20</td><td>32</td></tr>
+                                <tr><td>B-04</td><td><EFBFBD>怠<EFBFBD></td><td>C15瘛瑕<EFBFBD><EFBFBD>?/td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-01.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-02.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-03.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-04.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-05.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-06.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-07.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-08.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.2 銝颱<E98A9D>蝏𤘪<E89D8F><F0A498AA>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.2 銝颱<E98A9D>蝏𤘪<E89D8F><F0A498AA>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-main-01.jpg" alt="銝颱<E98A9D>蝏𤘪<E89D8F>蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">銝颱<EFBFBD>蝏𤘪<EFBFBD>蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>M-01</td><td><EFBFBD>Ｘ<EFBFBD></td><td>H200<EFBFBD>200</td><td>8</td></tr>
+                                <tr><td>M-02</td><td><EFBFBD>Ｘ<EFBFBD></td><td>H250<EFBFBD>125</td><td>16</td></tr>
+                                <tr><td>M-03</td><td><EFBFBD>厩揣</td><td>峖12</td><td>24</td></tr>
+                                <tr><td>M-04</td><td>餈墧𦻖隞?/td><td>M16</td><td>64</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-01.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-02.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-03.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-04.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-05.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-06.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-07.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-08.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.3 撅钅𢒰<E99285>湔擪<E6B994>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.3 撅钅𢒰<E99285>湔擪<E6B994>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-roof-01.jpg" alt="撅钅𢒰<E99285>湔擪蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">撅钅𢒰<EFBFBD>湔擪蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>R-01</td><td>撅钅𢒰<EFBFBD>?/td><td>1200<EFBFBD>6000mm</td><td>20</td></tr>
+                                <tr><td>R-02</td><td>瑼拇辺</td><td>C160<EFBFBD>60</td><td>40</td></tr>
+                                <tr><td>R-03</td><td><EFBFBD>脫偌撅?/td><td>TPO<EFBFBD>瑟<EFBFBD></td><td>1</td></tr>
+                                <tr><td>R-04</td><td>靽脲萱撅?/td><td>撗拇<EFBFBD><EFBFBD>?00mm</td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-01.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-02.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-03.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-04.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-05.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-06.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-07.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-08.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.4 憓䠷𢒰<E4A0B7>湔擪<E6B994>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.4 憓䠷𢒰<E4A0B7>湔擪<E6B994>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-wall-01.jpg" alt="憓䠷𢒰<E4A0B7>湔擪蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">憓䠷𢒰<EFBFBD>湔擪蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>W-01</td><td>憭硋<EFBFBD><EFBFBD>?/td><td>1200<EFBFBD>3000mm</td><td>48</td></tr>
+                                <tr><td>W-02</td><td>樴䠷爸</td><td>C75<EFBFBD>50</td><td>96</td></tr>
+                                <tr><td>W-03</td><td><EFBFBD>餌<EFBFBD>蝒?/td><td>1500<EFBFBD>1800mm</td><td>12</td></tr>
+                                <tr><td>W-04</td><td><EFBFBD>?/td><td>900<EFBFBD>2100mm</td><td>4</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-01.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-02.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-03.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-04.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-05.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-06.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-07.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-08.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.5 皜拇<E79A9C><E68B87>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.5 皜拇<E79A9C><E68B87>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-greenhouse-01.jpg" alt="皜拇<E79A9C>蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">皜拇<EFBFBD>蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>G-01</td><td>撉冽沲</td><td><EFBFBD><EFBFBD><EFBFBD>屸儍蝞?/td><td>24</td></tr>
+                                <tr><td>G-02</td><td>閬<EFBFBD><EFBFBD><EFBFBD>?/td><td>PO<EFBFBD>?.12mm</td><td>1</td></tr>
+                                <tr><td>G-03</td><td><EFBFBD>𡁻<EFBFBD>蝒?/td><td><EFBFBD>萄𢆡撘<EFBFBD><EFBFBD>?/td><td>4</td></tr>
+                                <tr><td>G-04</td><td><EFBFBD>桅翧蝵?/td><td>憭㚚<EFBFBD><EFBFBD>喟頂蝏?/td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-01.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-02.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-03.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-04.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-05.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-06.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-07.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-08.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.6 霈曉<E99C88><E69B89>典<EFBFBD>嚗<EFBFBD>蘨<EFBFBD>劐<EFBFBD>撘㰘”嚗?-->
+            <div class="subsection">
+                <h3 class="subsection-title">2.6 霈曉<E99C88><E69B89>典<EFBFBD></h3>
+                
+                <table class="performance-table wide">
+                    <thead>
+                        <tr>
+                            <th>蝻硋噡</th>
+                            <th>霈曉<EFBFBD><EFBFBD>滨妍</th>
+                            <th><EFBFBD>见噡閫<EFBFBD>聢</th>
+                            <th><EFBFBD>圈<EFBFBD></th>
+                            <th>憭<EFBFBD>釣</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr><td>E-01</td><td>憭芷翧<EFBFBD>賢<EFBFBD>隡𤩺踎</td><td>550W<EFBFBD>閙榊</td><td>20</td><td>撅钅▲摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-02</td><td><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?/td><td>10kW</td><td>2</td><td>摰文<EFBFBD>摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-03</td><td><EFBFBD><EFBFBD>㩞瘙删<EFBFBD></td><td>48V/200Ah</td><td>4</td><td><EFBFBD>刻<EFBFBD>蝟餌<EFBFBD></td></tr>
+                        <tr><td>E-04</td><td><EFBFBD>冽偌<EFBFBD>園<EFBFBD>蝟餌<EFBFBD></td><td>5000L</td><td>1</td><td><EFBFBD>唬<EFBFBD><EFBFBD>贝挽</td></tr>
+                        <tr><td>E-05</td><td><EFBFBD><EFBFBD>瘞渲挽憭?/td><td>RO<EFBFBD>齿<EFBFBD><EFBFBD>?/td><td>1</td><td>摰文<EFBFBD>摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-06</td><td>靘𥟇<EFBFBD>霈曉<EFBFBD></td><td>蝛箸<EFBFBD>皞鞟<EFBFBD>瘜?/td><td>2</td><td>摰文<EFBFBD>摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-07</td><td><EFBFBD>𡁻<EFBFBD>蝟餌<EFBFBD></td><td><EFBFBD>圈<EFBFBD><EFBFBD>Ｘ<EFBFBD><EFBFBD>?/td><td>2</td><td><EFBFBD>𢠃▲摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-08</td><td><EFBFBD>扳<EFBFBD>蝟餌<EFBFBD></td><td>LED<EFBFBD>箄<EFBFBD><EFBFBD>批<EFBFBD></td><td>1</td><td><EFBFBD>典<EFBFBD>閬<EFBFBD><EFBFBD></td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </section>
+
+    <!-- 憿菔<E686BF> -->
+    <footer class="footer">
+        <div class="container">
+            <p>&copy; 2026 瘥蓥<E798A5>霈曇恣撅閧內 | <20>芸<EFBFBD><E88AB8>喳<EFBFBD><E596B3>寡<EFBFBD> 繚 擃䀹絲<E480B9>𠉛㴓憓<E3B493>飽<EFBFBD>穃龫<E7A983>埈<EFBFBD><E59F88>∪抅蝡躰挽霈∩<E99C88>撱粹<E692B1>删<EFBFBD>蝛?/p>
+        </div>
+    </footer>
+
+    <!-- JavaScript -->
+    <script src="js/main.js"></script>
+</body>
+</html>