Files
new-site/temp_construction.html
T

448 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- 1. 撱粹餃㦛嚗撘惩之 -->
<section class="section" id="construction-site">
<div class="container">
<h2 class="section-title">撱粹餃㦛</h2>
<div class="drawing-full enlarged">
<img src="images/construction-siteplan.jpg" alt="撱粹餃㦛" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text large" style="display:none;">撱粹餃㦛</div>
</div>
</div>
</section>
<!-- 2. 辣銵?-->
<section class="section section-alt" id="component-tables">
<div class="container">
<h2 class="section-title">辣銵?/h2>
<!-- 2.1 箏漣 -->
<div class="subsection">
<h3 class="subsection-title">2.1 箏漣</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-base-01.jpg" alt="箏漣蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">箏漣蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>B-01</td><td>璇?/td><td>200400mm</td><td>12</td></tr>
<tr><td>B-02</td><td>勗抅蝖</td><td>500500mm</td><td>8</td></tr>
<tr><td>B-03</td><td></td><td>M20</td><td>32</td></tr>
<tr><td>B-04</td><td></td><td>C15瘛瑕?/td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<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="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-02.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-03.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-04.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-05.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-06.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-07.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-08.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.2 銝颱蝏𤘪 -->
<div class="subsection">
<h3 class="subsection-title">2.2 銝颱蝏𤘪</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-main-01.jpg" alt="銝颱蝏𤘪蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">銝颱蝏𤘪蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>M-01</td><td></td><td>H200200</td><td>8</td></tr>
<tr><td>M-02</td><td></td><td>H250125</td><td>16</td></tr>
<tr><td>M-03</td><td>厩揣</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>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<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="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-02.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-03.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-04.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-05.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-06.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-07.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-08.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.3 撅钅𢒰湔擪 -->
<div class="subsection">
<h3 class="subsection-title">2.3 撅钅𢒰湔擪</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-roof-01.jpg" alt="撅钅𢒰湔擪蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">撅钅𢒰湔擪蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>R-01</td><td>撅钅𢒰?/td><td>12006000mm</td><td>20</td></tr>
<tr><td>R-02</td><td>瑼拇辺</td><td>C16060</td><td>40</td></tr>
<tr><td>R-03</td><td>脫偌撅?/td><td>TPO</td><td>1</td></tr>
<tr><td>R-04</td><td>靽脲萱撅?/td><td>撗拇?00mm</td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<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="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-02.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-03.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-04.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-05.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-06.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-07.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-08.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.4 憓䠷𢒰湔擪 -->
<div class="subsection">
<h3 class="subsection-title">2.4 憓䠷𢒰湔擪</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-wall-01.jpg" alt="憓䠷𢒰湔擪蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">憓䠷𢒰湔擪蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>W-01</td><td>憭硋?/td><td>12003000mm</td><td>48</td></tr>
<tr><td>W-02</td><td>樴䠷爸</td><td>C7550</td><td>96</td></tr>
<tr><td>W-03</td><td>蝒?/td><td>15001800mm</td><td>12</td></tr>
<tr><td>W-04</td><td>?/td><td>9002100mm</td><td>4</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<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="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-02.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-03.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-04.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-05.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-06.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-07.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-08.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.5 皜拇 -->
<div class="subsection">
<h3 class="subsection-title">2.5 皜拇</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-greenhouse-01.jpg" alt="皜拇蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">皜拇蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>G-01</td><td>撉冽沲</td><td>屸儍蝞?/td><td>24</td></tr>
<tr><td>G-02</td><td>?/td><td>PO?.12mm</td><td>1</td></tr>
<tr><td>G-03</td><td>𡁻蝒?/td><td>萄𢆡撘?/td><td>4</td></tr>
<tr><td>G-04</td><td>桅翧蝵?/td><td>憭㚚喟頂蝏?/td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<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="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-02.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-03.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-04.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-05.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-06.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-07.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-08.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.6 霈曉撘㰘”嚗?-->
<div class="subsection">
<h3 class="subsection-title">2.6 霈曉</h3>
<table class="performance-table wide">
<thead>
<tr>
<th>蝻硋噡</th>
<th>霈曉滨妍</th>
<th>见噡閫</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>E-01</td><td>憭芷翧隡𤩺踎</td><td>550W閙榊</td><td>20</td><td>撅钅▲摰㕑</td></tr>
<tr><td>E-02</td><td>?/td><td>10kW</td><td>2</td><td>摰文摰㕑</td></tr>
<tr><td>E-03</td><td>㩞瘙删</td><td>48V/200Ah</td><td>4</td><td>蝟餌</td></tr>
<tr><td>E-04</td><td>冽偌蝟餌</td><td>5000L</td><td>1</td><td>贝挽</td></tr>
<tr><td>E-05</td><td>瘞渲挽憭?/td><td>RO齿?/td><td>1</td><td>摰文摰㕑</td></tr>
<tr><td>E-06</td><td>靘𥟇霈曉</td><td>蝛箸皞鞟瘜?/td><td>2</td><td>摰文摰㕑</td></tr>
<tr><td>E-07</td><td>𡁻蝟餌</td><td>?/td><td>2</td><td>𢠃▲摰㕑</td></tr>
<tr><td>E-08</td><td>蝟餌</td><td>LED</td><td>1</td><td></td></tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 憿菔 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 瘥蓥霈曇恣撅閧內 | 繚 擃䀹絲𠉛㴓憓穃龫∪抅蝡躰挽霈∩撱粹蝛?/p>
</div>
</footer>
<!-- JavaScript -->
<script src="js/main.js"></script>
</body>
</html>