美化资质与荣誉

index.html

@@ -625,25 +625,29 @@
       </div>
     </div>
 
-    <!-- 企业荣誉 -->
+    <!-- 企业资质与荣誉 -->
     <div class="honor-section">
       <div class="section-content">
         <div class="honor-title">
           <h3>企业资质与荣誉</h3>
-          <p class="honor-subtitle">实体企业，资质齐全，技术独立<br>国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全，可帮助用户办理ICP备案、公安备案等</p>
+          <p class="honor-subtitle">实体企业,资质齐全,技术独立<br>国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全,可帮助用户办理ICP备案、公安备案等</p>
         </div>
-        <div class="honor-list" id="certBox">
-          <!-- 荣誉证书动态插入这里 -->
-          {if ( isset($data.honor) ) }
-          {foreach $data.honor as $key=>$value}
-          <div class="honor-item">
-            <div class="honor-icon">
-              <img src="{$value.img}" alt="{$value.name}">
+
+        <!-- 左右布局容器 -->
+        <div class="honor-wrapper">
+          <!-- 左侧切换按钮和描述 -->
+          <div class="honor-sidebar">
+            <div class="honor-tabs" id="honorTabs">
+              <!-- 动态生成切换按钮 -->
+            </div>
+          </div>
+
+          <!-- 右侧图片展示 -->
+          <div class="honor-display">
+            <div class="honor-slides" id="honorSlides">
+              <!-- 动态生成图片 -->
             </div>
-            <h4 class="honor-name">{$value.name}</h4>
           </div>
-          {/foreach}
-          {/if}
         </div>
       </div>
     </div>