调整官网

fhKeeper/formulahousekeeper/inva_4_tivo/about.html

@@ -15,6 +15,8 @@
 	<link href="css/magnific-popup.css" rel="stylesheet">
 	<link href="css/styles.css" rel="stylesheet">
     <link rel="icon" href="images/favicon.png">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/tongyong.css">
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=IHxdPMrTZDs915Ohej7C3ItcPWZcMjDn"></script>
     <script>
         var _hmt = _hmt || [];
@@ -35,51 +37,30 @@
         </div>
     </div>
 
-    <nav class="navbar navbar-expand-lg navbar-dark navbar-custom" style="background-color: #20a0ff;padding:0.5rem 1.5rem 0.5rem 2rem">
-        <div class="container">
-
-            <!-- Text Logo - Use this if you don't have a graphic logo -->
-            <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->
-
-            <!-- Image Logo -->
-            <a class="navbar-brand logo-image" href="index.html"><img src="images/logo5.svg" alt="alternative"> </a>
-            <!-- <img src="images/logo.svg" alt="alternative"> -->
-
-            <!-- Mobile Menu Toggle Button -->
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-awesome fa fa-bars"></span>
-                <span class="navbar-toggler-awesome fa fa-times"></span>
-            </button>
-            <!-- end of mobile menu toggle button -->
+    <nav class="headers" style="z-index: 9;">
+        <div class="navigationBar">
+            <div class="navigationBarBack" id="all"></div>
+            <div class="navigationTitle abc" id="abc">
+                <div class="flexs">
+                    <div class="inBlock"><a href="./index.html"><img id="loGo" src="./image/logo.jpg" alt=""></a></div>
+                    <div class="inBlock">
+                        <ul class="navigationUl fonsColorBai aus">
+                            <li class="til" id="productHov"><a href="./index.html">网站首页</a></li>
+                            <li class="til"><a href="./index.html#customer"> 客户案例</a></li>
+                            <li class="til ons"><a href="./mobile.html">手机版</a></li>
+                            <li class="til"><a href="./index.html#pricing">产品定价</a></li>
+                            <li class="til"><a href="./about.html">关于我们</a></li>
+                        </ul>
+                    </div>
+                </div>
 
-            <div class="collapse navbar-collapse" id="navbarsExampleDefault" style="background-color: #20a0ff;padding:0.5rem 1.5rem 0.5rem 2rem">
-                <ul class="navbar-nav ml-auto">
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./index.html">网站首页 <span class="sr-only">(current)</span></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./index#pricing">产品定价</a>
-                    </li>
-                    <!-- <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./download.html">软件下载</a>
-                    </li> -->
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./mobile.html">手机版</a>
-                    </li>
-                    <!-- <li class="nav-item">
-                        <a class="nav-link page-scroll" target="_blank" href="http://apps.ttkuaiban.com">团队协作</a>
-                    </li> -->
-                    <li class="nav-item other-item">
-                        <a class="active nav-link page-scroll" href="./about.html">关于我们</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/register" target="_blank">立即注册</a>
-                    </li>
-                    <li class="nav-divider"></li>
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/login" target="_blank">后台登录</a>
-                    </li>
-                </ul>
+                <div class="flexs">
+                    <ul class="navigationUl fonsColorBai auss">
+                        <!-- <li class="til"><a href="#">咨询客服</a></li> -->
+                        <li class="til"><a href="http://worktime.ttkuaiban.com/#/register">立即注册</a></li>
+                        <li class="til"><a href="http://worktime.ttkuaiban.com/#/login">后台登录</a></li>
+                    </ul>
+                </div>
             </div>
         </div>
     </nav>

fhKeeper/formulahousekeeper/inva_4_tivo/css/index.css

@@ -638,8 +638,8 @@
     background: #f3f3f3;
 }
 .btn {
-    width: 96px;
-    height: 25.6px;
+    width: 140px;
+    height: 40px;
     margin: auto;
     background-image: url(../image/xg.png);
     background-size: 100% 100%;
@@ -800,10 +800,19 @@ body {
 .abc .til a{
     color: #fff !important;
 }
+.til a{
+    color: #fff !important;
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+}
 
 .aus a{ 
     color: #595959 !important;
 }
+.auss a {
+    color: #595959 !important;
+}
 
 /* 咨询 */
 .zhixun {

fhKeeper/formulahousekeeper/inva_4_tivo/css/reset.css

@@ -13,10 +13,10 @@ body,th,td,input,select,textarea,button {  /* 重置页面文字属性 */
 }
 
 /** css重置样式标签的样式 **/
-h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
+/* h1 { font-size: 18px;}
 h2 { font-size: 16px; }
 h3 { font-size: 14px; }
-h4, h5, h6 { font-size: 100%; }
+h4, h5, h6 { font-size: 100%; } */
 address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 将斜体扶正*/
 code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
 small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

fhKeeper/formulahousekeeper/inva_4_tivo/css/tongyong.css

@@ -0,0 +1,77 @@
+.navigationBar {
+    width: 100%;
+    height: 6.375rem;
+    position: relative;
+    box-shadow: 1px 3px 5px 0px #ddd;
+}
+.navigationBarBack {
+    width: 100%;
+    position: absolute;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: #fff;
+    color: #595959 !important;
+}
+.navigationTitle {
+    max-width: 81.25rem;
+    height: 6.375rem;
+    margin: auto;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between
+}
+.navigationTitle img {
+    width: 8.125rem;
+    height: 3.625rem;
+}
+.navigationUl {
+    margin-left: 2.5rem;
+}
+.navigationUl a {
+    color: #5e95f8 !important;
+}
+.navigationUl li {
+    margin: 0 .625rem;
+}
+.navigationUl, .navigationUl li{
+    display: inline-block;
+    font-size: 1rem;
+}
+.inBlock {
+    display: inline-block;
+}
+.flexs {
+    display: flex;
+    align-items: center;
+}
+.fonsColorBai, .fonsColorBai a{
+    color: #595959 !important;
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+}
+.fonsColorHei, .fonsColorHei a{
+    color: #333;
+}
+.til {
+    height: 6.375rem;
+    line-height: 6.375rem;
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+}
+.headers {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 9999999;
+}
+.ons a {
+    border-bottom: 2px solid #5e95f8;
+}
+.til:hover a {
+    border-bottom: 2px solid #5e95f8;
+}

fhKeeper/formulahousekeeper/inva_4_tivo/index.html

@@ -15,8 +15,8 @@
     <script src="js/jquery1.42.min.js"></script>
     <script src="js/jquery.SuperSlide.2.1.3.js"></script>
     <!-- 统计文件 -->
-    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
-    <script>LA.init({id: "Jk62Sh8gvUhl1xcU",ck: "Jk62Sh8gvUhl1xcU"})</script>
+    <!-- <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
+    <script>LA.init({id: "Jk62Sh8gvUhl1xcU",ck: "Jk62Sh8gvUhl1xcU"})</script> -->
 </head>
 
 <body data-spy="scroll" data-target=".fixed-top" id="body">
@@ -39,7 +39,7 @@
                     <div class="inBlock">
                         <ul class="navigationUl fonsColorBai aus">
                             <li class="til" id="productHov">产品矩阵</li>
-                            <li class="til"><a href="#customer"> 客户案例</li></a>
+                            <li class="til"><a href="#customer"> 客户案例</a></li>
                             <li class="til"><a href="./mobile.html">手机版</a></li>
                             <li class="til"><a href="#pricing">产品定价</a></li>
                             <li class="til"><a href="./about.html">关于我们</a></li>
@@ -418,13 +418,12 @@
                         <img src="./image/ions/shenli.png" alt="">
                     </div>
                     <div class="conImgFiz">
-                        对比多家供应商后，我们选择了工时管家<br />
-                        事实证明我们的选择是正确的<br />
-                        审计上要求得做到工时填报审批真实有效
+                        工时管家不仅提供了工时的报表功能，还能帮助我们研发管理每日员工的工作内容<br />
+                        打通了企业微信的考勤，工时填报真实有效，减少了人工审核的难度<br />
                     </div>
                     <div class="conIngFoot">
                         <p>盛立安元科技</p>
-                        <span>闵经理</span>
+                        <span>袁经理</span>
                     </div>
                 </div>
                 <!-- 深圳市环保科技 -->
@@ -435,7 +434,7 @@
                         <img src="./image/ions/haotian.png" alt="">
                     </div>
                     <div class="conImgFiz">
-                        对比多家供应商后，我们选择了工时管家<br />
+                        我们是做环保的集团化企业<br />
                         有些项目担心信息有泄露的风险<br />
                         工时管家系统提供了私有化部署<br />
                         应用和数据都在企业自己的服务器上，由自己的IT团队管理更放心

fhKeeper/formulahousekeeper/inva_4_tivo/mobile.html

@@ -14,6 +14,8 @@
 	<link href="css/magnific-popup.css" rel="stylesheet">
 	<link href="css/styles.css" rel="stylesheet">
     <link rel="icon" href="images/favicon.png">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/tongyong.css">
 </head>
 <style>
     .ctas {
@@ -47,47 +49,30 @@
         </div>
     </div>
 
-    <nav class="navbar navbar-expand-lg navbar-dark navbar-custom" style="background-color: #20a0ff;padding:0.5rem 1.5rem 0.5rem 2rem">
-        <div class="container">
-            <!-- Image Logo -->
-            <a class="navbar-brand logo-image" href="./index.html"><img src="images/logo5.svg" alt="alternative"> </a>
-            <!-- <img src="images/logo.svg" alt="alternative"> -->
-            
-            <!-- Mobile Menu Toggle Button -->
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-awesome fa fa-bars"></span>
-                <span class="navbar-toggler-awesome fa fa-times"></span>
-            </button>
-            <!-- end of mobile menu toggle button -->
+    <nav class="headers" style="z-index: 9;">
+        <div class="navigationBar">
+            <div class="navigationBarBack" id="all"></div>
+            <div class="navigationTitle abc" id="abc">
+                <div class="flexs">
+                    <div class="inBlock"><a href="./index.html"><img id="loGo" src="./image/logo.jpg" alt=""></a></div>
+                    <div class="inBlock">
+                        <ul class="navigationUl fonsColorBai aus">
+                            <li class="til" id="productHov"><a href="./index.html">网站首页</a></li>
+                            <li class="til"><a href="./index.html#customer"> 客户案例</a></li>
+                            <li class="til ons"><a href="./mobile.html">手机版</a></li>
+                            <li class="til"><a href="./index.html#pricing">产品定价</a></li>
+                            <li class="til"><a href="./about.html">关于我们</a></li>
+                        </ul>
+                    </div>
+                </div>
 
-            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
-                <ul class="navbar-nav ml-auto">
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./index.html">网站首页 <span class="sr-only">(current)</span></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./index.html#pricing">产品定价</a>
-                    </li>
-                    <!-- <li class="nav-item">
-                        <a class="nav-link page-scroll" href="./download.html">软件下载</a>
-                    </li> -->
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll active" href="./mobile.html">手机版</a>
-                    </li>
-                    <!-- <li class="nav-item">
-                        <a class="nav-link page-scroll" target="_blank" href="http://apps.ttkuaiban.com">团队协作</a>
-                    </li> -->
-                    <li class="nav-item other-item">
-                        <a class="nav-link page-scroll" href="./about.html">关于我们</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/register" target="_blank">立即注册</a>
-                    </li>
-                    <li class="nav-divider"></li>
-                    <li class="nav-item">
-                        <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/login" target="_blank">后台登录</a>
-                    </li>
-                </ul>
+                <div class="flexs">
+                    <ul class="navigationUl fonsColorBai auss">
+                        <!-- <li class="til"><a href="#">咨询客服</a></li> -->
+                        <li class="til"><a href="http://worktime.ttkuaiban.com/#/register">立即注册</a></li>
+                        <li class="til"><a href="http://worktime.ttkuaiban.com/#/login">后台登录</a></li>
+                    </ul>
+                </div>
             </div>
         </div>
     </nav>
@@ -96,7 +81,7 @@
     <div class="product">
         <div class="connn">
             <div class="proFel">
-                <h2>访问手机版</h2>
+                <h2 style="margin-top: 80px;">访问手机版</h2>
                 <div class="flexx">
                     <div class="proFelCon">
                         <div class="gallerys">
@@ -206,14 +191,14 @@
     <script src="js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
     <script src="js/js/scripts.js"></script> <!-- Custom scripts -->
     <script>
-        //根据当前是手机还是PC,展示信息
-        if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { //移动端
-            //TODO
-            document.getElementById('mobTxt').innerHTML ="请长按保存到手机，微信打开识别";
-        } else {
-            document.getElementById('mobTxt').innerHTML ="请使用微信扫码关注公众号";
-            document.getElementById('mobLink').style.display="none";
-        }
+        // //根据当前是手机还是PC,展示信息
+        // if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { //移动端
+        //     //TODO
+        //     document.getElementById('mobTxt').innerHTML ="请长按保存到手机，微信打开识别";
+        // } else {
+        //     document.getElementById('mobTxt').innerHTML ="请使用微信扫码关注公众号";
+        //     document.getElementById('mobLink').style.display="none";
+        // }
     </script>
 </body>
 </html>