diff --git a/src/main/webapp/templates/1/default/channel_solution.html b/src/main/webapp/templates/1/default/channel_solution.html
index 6ed9431..f553662 100644
--- a/src/main/webapp/templates/1/default/channel_solution.html
+++ b/src/main/webapp/templates/1/default/channel_solution.html
@@ -14,13 +14,11 @@
 </head>
 <body>
 [#include 'inc_header.html'/]
-
 <div class="solution_container1">
   <div class="banner">
     <div class="banner_main">
       <h2>企业安全生产</h2>
       <p >结合企业安全生产管理物联监测、个性化业务场景等需求为企业量身定制的解决方案</p>
-
     </div>
   </div>
   <div class="block1">
@@ -28,24 +26,23 @@
       <div class="title">安全生产数智化管理平台</div>
       <div class="s_img1">
         <img src="${'${files}/img/solution_img1.png'}" alt="${site.name}">
-
       </div>
       <div class="block1_mid">
         <div class="top">
-          <div class="item">
+          <div class="item active" data-index="0">
             <img src="${'${files}/img/solution_img4.png'}" alt="${site.name}">
             <span>一个大屏</span>
           </div>
-          <div class="item">
+          <div class="item" data-index="1">
             <img src="${'${files}/img/solution_img4.png'}" alt="${site.name}">
             <span>3个体系</span>
           </div>
-          <div class="item">
+          <div class="item" data-index="2">
             <img src="${'${files}/img/solution_img4.png'}" alt="${site.name}">
             <span>多个建设方案</span>
           </div>
         </div>
-        <div class="block1_wrap">
+        <div class="block1_wrap" data-index="0">
           <div class="info">
             <div class="title">数智化大屏</div>
             <div class="s_title">可视化管理突出重点要素，紧盯异常情况实现"千企千面"</div>
@@ -66,13 +63,57 @@
           </div>
           <div class="block1_img">
             <img src="${'${files}/img/solution_img9.png'}" alt="${site.name}">
-
+          </div>
+        </div>
+        <div class="block1_wrap" data-index="1" style="display:none;">
+          <div class="info">
+            <div class="title">3个体系</div>
+            <div class="s_title">体系建设是安全管理的重要支撑</div>
+            <div class="main">
+              <p>
+                <img src="${'${files}/img/solution_img10.png'}" alt="${site.name}">
+                <span>安全生产责任体系；</span>
+              </p>
+              <p>
+                <img src="${'${files}/img/solution_img10.png'}" alt="${site.name}">
+                <span>风险分级管控体系；</span>
+              </p>
+              <p>
+                <img src="${'${files}/img/solution_img10.png'}" alt="${site.name}">
+                <span>隐患排查治理体系；</span>
+              </p>
+            </div>
+          </div>
+          <div class="block1_img">
+            <img src="${'${files}/img/solution_img9.png'}" alt="${site.name}">
+          </div>
+        </div>
+        <div class="block1_wrap" data-index="2" style="display:none;">
+          <div class="info">
+            <div class="title">多个建设方案</div>
+            <div class="s_title">根据企业实际情况定制化建设方案</div>
+            <div class="main">
+              <p>
+                <img src="${'${files}/img/solution_img10.png'}" alt="${site.name}">
+                <span>个性化定制，满足不同需求；</span>
+              </p>
+              <p>
+                <img src="${'${files}/img/solution_img10.png'}" alt="${site.name}">
+                <span>分阶段实施，降低实施风险；</span>
+              </p>
+              <p>
+                <img src="${'${files}/img/solution_img10.png'}" alt="${site.name}">
+                <span>持续优化，提升管理效能；</span>
+              </p>
+            </div>
+          </div>
+          <div class="block1_img">
+            <img src="${'${files}/img/solution_img9.png'}" alt="${site.name}">
           </div>
         </div>
       </div>
     </div>
   </div>
-
   <div class="block2">
     <div class="block2_main">
       <div class="title">
@@ -103,7 +144,6 @@
       </div>
     </div>
   </div>
-
   <!--  解决方案-->
   <div class="solution">
     <div class="solution_container">
@@ -121,7 +161,6 @@
             <div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
             <div class="more">
               <img src="${'${files}/img/img15.png'}" alt="${site.name}">
-
             </div>
           </div>
         </div>
@@ -175,16 +214,13 @@
         </div>
         <div class="item">
           <div class="img">
-
             <img src="${'${files}/img/img12.png'}" alt="${site.name}">
-
            </div>
           <div class="title">农牧</div>
           <div class="info">
             <div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
             <div class="more">
               <img src="${'${files}/img/img15.png'}" alt="${site.name}">
-
               </div>
           </div>
         </div>
@@ -217,37 +253,21 @@
   </div>
 
 </div>
-<!--<div class="bg-gray-200">-->
-<!--  <div class="container">-->
-<!--    <nav class="row" aria-label="breadcrumb">-->
-<!--      <ol class="col list-inline my-2">-->
-<!--        <li class="list-inline-item"><a href="${site.url}">首页</a></li>-->
-<!--        [#list channel.paths as c]-->
-<!--        <li class="list-inline-item">/</li>-->
-<!--        <li class="list-inline-item">[@A bean=c/]</li>-->
-<!--        [/#list]-->
-<!--      </ol>-->
-<!--    </nav>-->
-<!--  </div>-->
-<!--</div>-->
-<!--<div class="container mt-4">-->
-<!--  <div class="main">-->
-<!--    [#assign parent = channel.parent!channel/]-->
-<!--    [@ChannelList parentId=parent.id isNav='true'; list]-->
-<!--    [#list list as bean]-->
-<!--    <div class="list [#if channel.id == bean.id]active[#else][/#if]"><a href="${bean.url}">${bean.name}</a></div>-->
-<!--    [/#list]-->
-<!--    [/@ChannelList]-->
-<!--  </div>-->
-<!--  <div class="row">-->
-<!--    <div class="col-lg-12">-->
-<!--      <h3 class="cm-ff-yh">${channel.name}2343</h3>-->
-<!--      <div class="mt-4 article-content">[#noescape]${channel.text!}[/#noescape]</div>-->
-<!--    </div>-->
-<!--  </div>-->
-<!--</div>-->
+
 [#include 'inc_footer.html'/]
 <script>axios.get('${api}/channel/view/${channel.id?c}');</script>
+<script>
+$('.block2_wrap .item').hover(function(){
+  $(this).addClass('active').siblings().removeClass('active');
+});
+
+$('.block1_mid .top .item').click(function(){
+  var index = $(this).data('index');
+  $(this).addClass('active').siblings().removeClass('active');
+  $('.block1_mid .block1_wrap').hide();
+  $('.block1_mid .block1_wrap[data-index="'+index+'"]').show();
+});
+</script>
 </body>
 </html>
 [/#escape]
