index foot

src/main/webapp/templates/1/default/_files/css/main.css

@@ -673,38 +673,44 @@ font-size: 16px;
   /*foot*/
     .foot_container{
       width: 100%;
-      .top{
+      background: #0c1d35;
-        width: 100%;
+     .service-box{
-        height: 176px;
+       width:1400px;
-        background: url("../img/foot.png") no-repeat top center;
+       margin: 0 auto;
-        .foot_main{
+       background: #0c1d35;
-          width: 1400px;
+       border-bottom:1px solid #142947;
-          margin: 0 auto;
+       display:flex;
-          padding: 40px 0;
+       padding:30px 0;
+       justify-content: space-between;
+
+       .service{
+         display:flex;
+         align-items: center;
+         .img{
+
+           margin-right: 10px;
+
+         }
+         .info{
+         .tit{
+           color: #ffffff;
+           font-size: 14px;
+
+         }
+         .text{
+           color: #cecece;
+           font-size: 12px;
+         }
+         }
+
+       }
+
+     }
 
-          .text{
-            font-size: 28px;
-            color: #222222;
-          }
-          .info{
-          font-size: 16px;
-          margin-top:10px;
-          color: #999999;
-          }
-          .btn{
-           display: inline-block;
-            background: #3f79ff;
-            color: #ffffff;
-            padding: 6px 30px;
-            border-radius: 4px;
-            margin-top: 10px;
-          }
-        }
-      }
       .foot_bottem{
         width: 100%;
         background: #0c1d35;
-        padding: 20px 0;
+        padding: 30px 0;
         .wrap{
           width: 1400px;
           margin: 0 auto;
@@ -715,14 +721,15 @@ font-size: 16px;
 
             .tit{
               color: #ffffff;
-              font-size: 18px;
+              font-size: 16px;
               margin-bottom: 10px;
             }
             .main{
               color: #cecece;
-              font-size: 14px;
+              font-size: 13px;
               p{
                 cursor: pointer;
+                line-height:1
               }
              .QRCode{
                display: flex;
@@ -744,9 +751,24 @@ font-size: 16px;
                 padding: 6px 30px;
                 border-radius: 4px;
                 margin-top: 10px;
-
               }
             }
+            .phone-title{
+            font-size: 14px;
+            color:#cecece;
+            }
+            .phone{
+            color: #fff;
+                margin: 3px 0 10px;
+                font-size: 22px;
+                font-weight: 600;
+
+            }
+            .address{
+             color:#ffffff;
+             font-size: 14px;
+             margin-top: 10px;
+            }
           }
 
         }
@@ -851,6 +873,7 @@ font-size: 16px;
     position: fixed;
     bottom:50px;
     right:30px;
+    z-index:99999;
     }
 
 /*新闻中心*/
@@ -2351,9 +2374,14 @@ max-width: 100%;
  background:rgba(0,0,0,0.5);
  top:0;
  left:0;
- display:flex;
+ display:none;
  align-items:center;
  justify-content:center;
+ transition: background 0.3s ease;
+}
+.edu_container.show{
+ display:flex;
+}
  .edu_mainer{
  width:400px;
  background:#ffffff;
@@ -2365,6 +2393,10 @@ max-width: 100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
+
+ .close{
+ cursor:pointer;
+ }
  }
  .edu_main{
  width:100%;

src/main/webapp/templates/1/default/inc_footer.html

@@ -1,60 +1,94 @@
 [#escape x as (x)!?html]
 <div class="foot_container">
-  <div class="top">
+  <div class="service-box">
-    <div class="foot_main">
+    <div class="service">
-      <div class="text">应急安全专业化背景的全国领先数字化服务公司</div>
+        <div class="img"><img src="${'${files}/img/foot_ico2.png'}" alt="${site.name}"></div>
-      <div class="info">深入垂直行业，以数字化技术为引擎，为客户提供战略、业务、技术一体化的解决方案。</div>
+        <div class="info">
-
+          <div class="tit">以客户为本</div>
+          <div class="text">创造核心价值，助力企业数字化转型提质增效</div>
+        </div>
+      </div>
+    <div class="service">
+      <div class="img"><img src="${'${files}/img/foot_ico3.png'}" alt="${site.name}"></div>
+      <div class="info">
+        <div class="tit">7×24 小时服务</div>
+        <div class="text">全天候专业工程师快速响应，为企业排忧解难，企业无忧</div>
+      </div>
+    </div>
+    <div class="service">
+      <div class="img"><img src="${'${files}/img/foot_ico1.png'}" alt="${site.name}"></div>
+      <div class="info">
+        <div class="tit">数字化全案咨询</div>
+        <div class="text">前瞻性规划，配套落地工具，一步到位</div>
+      </div>
+    </div>
+    <div class="service">
+      <div class="img"><img src="${'${files}/img/foot_ico4.png'}" alt="${site.name}"></div>
+      <div class="info">
+        <div class="tit">服务网络覆盖全国</div>
+        <div class="text">子公司、办事处及合作商全面布局</div>
+      </div>
     </div>
   </div>
+
   <div class="foot_bottem">
     <div class="wrap">
       <div class="item">
-        <div class="tit">微信开发</div>
+        <div class="tit">产品中心</div>
         <div class="main">
-          <p>微信小程序开发</p>
+          <p>GBS OS 数字化底座平台</p>
-          <p>微信定制开发</p>
+          <p>危化、园区企业安全监管平台</p>
-          <p>微网站</p>
+          <p>港口企业安全监管平台</p>
-          <p>微商城</p>
+          <p>钢铁企业安全管理平台</p>
-          <p>H5页面</p>
+          <p>企业全员安全培训智能托管平台</p>
+        </div>
+      </div>
+      <div class="item">
+        <div class="tit">产品中心</div>
+        <div class="main">
+          <p>GBS OS 数字化底座平台</p>
+          <p>危化、园区企业安全监管平台</p>
+          <p>港口企业安全监管平台</p>
+          <p>钢铁企业安全管理平台</p>
+          <p>企业全员安全培训智能托管平台</p>
+        </div>
+      </div>
+      <div class="item">
+        <div class="tit">解决方案</div>
+        <div class="main">
+          <p>政府服务</p>
+          <p>危化企业</p>
+          <p>港口企业</p>
+          <p>钢铁企业</p>
+          <p>交通企业</p>
+          <p>企业全员安全培训智能托管</p>
         </div>
       </div>
       <div class="item">
         <div class="tit">业务服务</div>
         <div class="main">
-          <p>安全评价</p>
+          <p>安全评价、评估</p>
-          <p>安全标准化评审与咨询</p>
+          <p>安全生产检测检验</p>
-          <p>职业卫生检测与评价</p>
+          <p>安全生产托管</p>
-          <p>金属非金属矿山设备检测</p>
+          <p>标准化评审</p>
-          <p>环境卫生检测检验</p>
+          <p>安全生产培训</p>
-          <p>应急救援指挥</p>
+          <p>安全生产软件开发</p>
         </div>
       </div>
-      <div class="item">
-        <div class="tit">平台系统</div>
-        <div class="main">
-          <p>双重预防机制建设平台</p>
-          <p>安全生产线上培训平台</p>
-          <p>联安众课件商城</p>
-          <p>联安云-十小监管</p>
-          <p>数据化标准库平台</p>
-          <p>北戴河应急管理平台</p>
-        </div>
-      </div>
-      <div class="item">
-        <div class="tit">关注或联系我们</div>
-        <div class="main">
-          <div class="QRCode">
 
-            <img src="${'${files}/img/img20.png'}" alt="${site.name}">
+      <div class="item">
-          </div>
+        <div class="phone-title">服务热线：</div>
-          <div class="phone">咨询热线：400-669-6987</div>
+        <div class="phone">400-669-6987</div>
-          <div class="btn">联系我们</div>
+        <div class="phone-title">地址：</div>
-        </div>
+        <div class="address">
+          秦皇岛市海港区西港北路85号港城创业基地2栋 <br>
+          秦皇岛市经济技术开发区数谷腾园5-5</div>
+
+
       </div>
     </div>
     <div class="Copyright">
-      © 2022 河北秦安安全科技股份有限公司.版权所有     冀ICP备08007564号     地址：秦皇岛市海港区西港北路85号港城创业基地2栋104室
+      © 2022 河北秦安安全科技股份有限公司.版权所有     冀ICP备08007564号
     </div>
   </div>
 </div>

src/main/webapp/templates/1/default/index.html

@@ -131,7 +131,7 @@
         <div class="item active" data-index="0">资质荣誉</div>
         <div class="item" data-index="1">危化、园区企业安全监管平台</div>
         <div class="item" data-index="2">港口企业安全监管平台</div>
-        <div class="item" data-index="3">钢铁企业安全监管平台</div>
+        <div class="item" data-index="3">钢铁企业安全管理平台</div>
         <div class="item" data-index="4">基层应急数智平台</div>
         <div class="item" data-index="5">企业全员安全培训智能托管平台</div>
       </div>
@@ -195,7 +195,7 @@
             <div class="img">
               <img alt="${site.name}" src="${'${files}/img/img5.png'}">
             </div>
-            <div class="title">钢铁企业安全监管平台</div>
+            <div class="title">钢铁企业安全管理平台</div>
             <div class="notes">平台摒弃多系统分散管理模式，以核心预警能力为牵引，完整集成七大安全管理核心模块，实现 “一个平台管全局”，覆盖安全管理全流程各环节，七大模块数据互通、流程联动，既降低企业信息化投入成本，又实现安全管理全内容、全周期覆盖。</div>
             <div class="info">
               <div class="list">
@@ -304,7 +304,7 @@
         <div class="title">企业全员安全培训智能托管</div>
         <div class="info">
           <div class="more" id="edu_btn">
-            <a>立即试用</a>
+            <a style=" cursor:pointer;">立即试用</a>
             <img alt="${site.name}" src="${'${files}/img/img15.png'}">
           </div>
         </div>
@@ -321,11 +321,10 @@
       <div class="close"><img alt="${site.name}" src="${'${files}/img/close.png'}"></div>
     </div>
     <div class="edu_main">
-      <div class="tip">这里是一段话</div>
+      <div class="tip">企业全员安全培训智能托管，让安全管理更省心。</div>
       <div class="QRCode"><img alt="${site.name}" src="${'${files}/img/img20.png'}" ></div>
-      <div class="text">扫一扫，了解详情</div>
+      <div class="text">扫一扫，申请体验版</div>
     </div>
-
   </div>
 </div>
 <!--客户案例-->
@@ -379,6 +378,27 @@ $('.product_wrap .top_container .item').click(function(){
   $('.product_wrap .main_container[data-index="'+index+'"]').show();
 });
 
+    $(function () {
+    // 点击按钮显示弹窗
+    $('#edu_btn').on('click', function () {
+        $('.edu_container').addClass('show');
+    });
+
+    // 点击关闭按钮隐藏弹窗
+    $('.edu_container .close').on('click', function () {
+        $('.edu_container').removeClass('show');
+    });
+
+    // 点击遮罩层关闭弹窗
+    $('.edu_container').on('click', function (e) {
+        if (e.target === this) {
+            $(this).removeClass('show');
+        }
+    });
+});
+
+
+
 </script>
 
 </body>