Merge remote-tracking branch 'origin/master'

fhKeeper/formulahousekeeper/inva_4_tivo/about.html

@@ -55,7 +55,7 @@
             <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=".">网站首页 <span class="sr-only">(current)</span></a>
+                        <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>
@@ -206,16 +206,16 @@
     </div>
 
     <!-- Scripts -->
-    <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
-    <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
-    <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
-    <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
-    <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
-    <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
-    <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
-    <script src="js/scripts.js"></script> <!-- Custom scripts -->
+    <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+    <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+    <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+    <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+    <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+    <script src="js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
+    <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 type="text/javascript">
-        var map = new BMap.Map("container");
+        var map = new BMap.Map("container"); 
         map.centerAndZoom(new BMap.Point(118.834423,31.874552), 15);
         map.addOverlay(new BMap.Marker(new BMap.Point(118.834423,31.874552)));
         map.addControl(new BMap.NavigationControl());

fhKeeper/formulahousekeeper/inva_4_tivo/css/default.css

@@ -0,0 +1,255 @@
+@charset "utf-8";
+
+/* CSS Document */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
+form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
+fieldset,img { border: 0; }
+address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
+ol,ul,li { list-style: none; }
+caption,th { text-align: left; }
+h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
+q:before,q:after { content:''; }
+abbr,acronym { border: 0; }
+
+/*-- All --*/
+html{ min-width:1000px; }
+body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; text-align:center; background:#fff;  }
+a{ color:#333; text-decoration:none; outline:none;}
+a:hover {color:#f00; text-decoration:underline; }
+table { border-collapse: collapse; border-spacing: 0; empty-cells:show; }
+table td,table th{ border:#ddd solid 1px; padding: 5px 0; }
+table th{ background:#39A4DC; color:#fff;  }
+table .new td{ color:#f60; font-weight:bold;  }
+
+
+/* css三角形 */
+.arrow,.arrow s { position:relative;  display:block; font-size: 0; line-height: 0; width: 0; height: 0; border-color:transparent; border-style:dashed; border-width:5px; }
+.arrowR,.arrowR s{ border-left-color:#aaa; border-left-style:solid; }
+.arrowR s{ border-left-color:#fff; position:absolute; left:-7px; top:-5px; }
+.arrowR:hover{ border-left-color:#f60;  }
+
+.arrowL,.arrowL s{ border-right-color:#aaa; border-right-style:solid; }
+.arrowL s{ border-right-color:#fff; position:absolute; right:-7px; top:-5px; }
+.arrowL:hover{ border-right-color:#f60;  }
+
+.arrowT,.arrowT s{ border-bottom-color:#aaa; border-bottom-style:solid; }
+.arrowT s{ border-bottom-color:#fff; position:absolute; left:-5px; top:-3px; }
+.arrowT:hover{ border-bottom-color:#f60;  }
+
+.arrowB,.arrowB s{ border-top-color:#aaa; border-top-style:solid; }
+.arrowB s{ border-top-color:#fff; position:absolute; left:-5px; bottom:-3px; }
+.arrowB:hover{ border-top-color:#f60;  }
+
+/* css圆形 */
+.circle{ line-height:100%; overflow:hidden;  font-family:Tahoma,Helvetica; font-size:18px; color:#aaa;  }
+.circle:hover{ color:#f60;  }
+
+/* 顶部导航条 */
+	#header{ width:100%; left:0; top:0; position:fixed; z-index:10;  height:32px; line-height:32px; color:#fff; text-align:left; overflow:hidden; }
+	#header .headerBg{ width:100%; height:32px; left:0; top:0; position:absolute; z-index:0; background:#000; filter:alpha(opacity=70);opacity:0.7;   }
+	#header a{ color:#fff;  }
+	#header #logo{ position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; font-size:14px; margin-right:5px; padding-left:10px;   }
+	#header .nav{ position:relative; z-index:2; float:right; padding-right:10px; }
+	#header .nav a{ padding:0 10px;  }
+	#header .nav a.imp{ color:#ff0;  }
+	#header .title{ position:relative; z-index:1; height:32px; overflow:hidden;   }
+
+	#content{ margin:0 auto; padding:62px 30px 30px 30px;  position:relative; text-align:left; z-index:0; }
+	#footer{ height:34px; line-height:34px; text-align:center; }
+
+/* 首页 - index.html  ---------------------------------------------- */
+
+
+
+	.indBtn{ text-align:center; display:none;  }
+	.indBtn a{ vertical-align:middle; margin:15px 15px 0 0; display:inline-block; *display:inline; zoom:1; padding:14px 22px 3px 22px;  line-height:26px;
+		color:#bede9a; font-size:14px;
+		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
+		background:#89c941;
+		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89c941), to(#72b238));
+		background: -webkit-linear-gradient(#89c941, #72b238);
+		background: -moz-linear-gradient(#89c941, #72b238);
+		background: -ms-linear-gradient(#89c941, #72b238);
+		background: -o-linear-gradient(#89c941, #72b238);
+		background: linear-gradient(#89c941, #72b238);
+		-pie-background: linear-gradient(#89c941, #72b238);
+		-webkit-box-shadow: #39591c 2px 2px 3px;
+		-moz-box-shadow: #39591c 2px 2px 3px;
+		box-shadow: #39591c 2px 2px 3px;
+	}
+	.indBtn a em{ font-size:30px; display:block; color:#fff;  }
+	.indIntro a:hover{ text-decoration:none; margin:11px 15px 0 0; }
+
+	.indTips{ position:fixed; _position:absolute; width:14px; right:0; top:90px; background:#333; padding:5px; line-height:18px; color:#fff; cursor:pointer;
+		-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
+	}
+	.indTips a{ color:#fff; text-decoration:none;   }
+	#indTips1{ display:none;  }
+	#ind2{ display:none;  }
+	#ind2 .topic{ font-size:60px; height:120px; line-height:120px;   }
+
+/* 参数 - param.html ---------------------------------------------- */
+	.paramPage .param{ width:100%;  margin-bottom:20px;  background:#fff;  }
+	.paramPage .param th{ text-align:center;  }
+	.paramPage .param td{ text-align:left; padding:5px 2px;   }
+	.paramPage .param .intro{ text-align:left;  }
+	.paramPage .param .link{ color:#39A4DC; text-decoration:underline;   }
+	.paramPage .param .t b{ color:#f60;  }
+	.paramPage .param i{ color:#f60;   }
+	.paramPage .param .on td{ background:#ffffaa;  }
+	/*.paramPage .param tr.n td{ color:#999;  }*/
+	.paramPage .intro a{ text-decoration:underline;  }
+	.paramPage .notice{ overflow:hidden;  text-align:left; padding-bottom:10px;  }
+	.paramPage .notice li{ width:120px; height:30px; line-height:30px; text-align:center; float:left; margin-right:10px; color:#fff; background:#666; cursor:pointer; }
+	.paramPage .notice .on{ background:#f60;   }
+
+
+/* 联系作者 ---------------------------------------------- */
+	#content .contact{ display:none;  color:#f60;  margin-bottom:20px;  }
+
+
+/* 案例 - demo.html ---------------------------------------------- */
+
+	.demoBox{  padding:0 20px 60px 20px;  background:#f2f2f2; border-bottom:3px dotted #ccc;   }
+	.demoBox .hd{ padding:40px 10px 0 10px;  }
+	.demoBox .hd h3{ font-size:30px; font-weight:bold; color:#39A4DC; line-height:60px; }
+	.demoBox .hd h3 span{ color:#ccc; font-style:italic; font-size:60px;  }
+	.demoBox .bd{ padding:20px; overflow:hidden; zoom:1;  }
+	.demoBox .bd .iframeWrap{ overflow:hidden; float:left;  }
+	.demoBox iframe{ width:100%; height:100%;  vertical-align:middle; }
+	.demoBox .botTit{ height:22px; line-height:22px; overflow:hidden; background:#eee; text-align:right; padding:5px 0; overflow:hidden; display:none; 
+	}
+	.demoBox .botTit em{ float:left; font-weight:bold; padding-left:10px;  }
+	.demoBox .botTit span a{ display:block; float:right; height:20px; line-height:20px; padding:0 5px; background:#f60; margin-right:10px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; display:none;  }
+	.demoBox .botTit span a:hover{ text-decoration:none; background:#f60;  }
+
+	.params{ width:580px; height:100%; margin-left:20px; float:left; _display:inline; background:#fff; padding-bottom:10px; border:1px solid #ddd; }
+	.params table{ background:#fff;   }
+	.params table .tit td{ padding: 5px 10px; background:#39A4DC; color:#fff;    }
+	.params table td{ border:1px solid #fff;  }
+	.params table .n{  width: 153px; text-align:right;   }
+	.params table .new{ color:#f00;   }
+	.params table i{ color:#999;  }
+	.params p{ padding:10px 0 0 10px;  }
+	.params .curJsCode{ color:#f60; display:block; font-family:SimSun;  }
+
+	.rightNav{ position:fixed; width:140px;  right:0; top:100px; _position:absolute; text-align:left; cursor:pointer; background-image:url(about:blank);  }
+	.rightNav a{ display:block; position:relative; height:30px; line-height:30px; margin-bottom:2px; background:#fff; padding-right:10px; width:130px; overflow:hidden;  cursor:pointer; right:-110px; }
+	.rightNav a:hover{ text-decoration:none; color:#39A4DC;  }
+	.rightNav a:hover em{ background:#00b700}
+	.rightNav a em{ display:block; float:left; width:30px; background:#39A4DC; color:#fff; font-size:16px; text-align:center; margin-right:10px;}
+	.rightNav a.new em{ background:#f60;  }
+	.demoBox .iframeWrap{ width:452px;  }
+	.demoBox .iframeWrap iframe{ width:452px; height:232px;  background:url(images/loading.gif) center center no-repeat; }
+
+	#picScroll-left iframe{  height:174px;  }
+	#picScroll-top iframe{  height:415px;  }
+	#picMarquee-left iframe{  height:172px;  }
+	#picMarquee-top iframe{  height:415px;  }
+	#txtScroll-left iframe{  height:80px;  }
+	#txtScroll-top iframe{  height:182px;  }
+	#txtMarquee-left iframe{  height:107px;  }
+	#txtMarquee-top iframe{  height:184px;  }
+	#sideMenu iframe{  height:227px;  }
+
+
+	/* 隐藏代码盒子 */
+	#displayBox{ z-index:10; display:none; position:fixed; _position:absolute;   width:1000px; height:500px;   left:50%; top:60px; margin-left:-500px; background:#fff;
+	border:5px solid #eee; 
+	-webkit-box-shadow: #333 0 0 8px;
+	-moz-box-shadow: #333 0 0 8px;
+	box-shadow: #333 0 0 8px; }
+	#displayBox .hd{ height:30px; line-height:30px; background:#eee; padding:0 10px; position:relative;
+		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#eee));
+		background: -webkit-linear-gradient(#F7F7F7, #eee);
+		background: -moz-linear-gradient(#F7F7F7, #eee);
+		background: -ms-linear-gradient(#F7F7F7, #eee);
+		background: -o-linear-gradient(#F7F7F7, #eee);
+		background: linear-gradient(#F7F7F7, #eee);
+	}
+	#displayBox .hd h3{ font-weight:bold; color:#39A4DC;  }
+	#displayBox .hd a{ display:block; position:absolute; right:10px; top:7px; width:20px; height:16px; line-height:16px; text-align:center;  background:#f60; color:#fff; cursor:pointer; }
+	#displayBox .hd a:hover{ text-decoration:none; }
+	#displayBox .bd{ padding:10px 0;  background:#fff;  }
+	#displayBox textarea{ width:458px; height:230px; padding:10px;  border:1px solid #ccc; display:block; }
+	#displayBox .bd p{ padding-top:10px;  }
+	#displayBox iframe{ width:1000px; height:440px; margin:0 auto;  }
+
+
+/* 扩展效果 ---------------------------------------------- */
+.authorWord{ margin-bottom:25px;   text-align:left; background:#fff; }
+.authorWord h3{ padding:0 20px;  height:30px;  font:normal 14px/30px "Microsoft YaHei"; overflow:hidden; cursor:pointer; border-bottom:1px dotted #ccc; }
+.authorWord h3 .arrow{ float:right; border-top-color:#fff; margin-top:11px;  }
+.authorWord .con{ padding:10px 20px; line-height:22px;  }
+.authorWord .con p{ margin-bottom:5px }
+.authorWord a{ color:#f60; text-decoration:underline;   }
+
+.demoList{ overflow:hidden; padding-top:10px;    }
+.demoList li{
+		position:relative;  cursor:pointer; float:left; width:160px;  text-align:center; margin:0 30px 30px 0; 
+		padding:4px 4px 0 4px; background:#e3e3e3; color:#000; 
+}
+.demoList li img{ display:block; width:160px; height:120px; background:url(images/loading.gif) center center no-repeat;  }
+.demoList li h3{ height:28px; line-height:28px;  }
+.demoList li.new i{ display:block; position:absolute; top:4px; right:4px; z-index:1; width:31px; height:31px;  background:url(images/new.png) 0 0 no-repeat;  }
+
+.demoList li.on{ 	
+	background:#666; color:#fff; 
+	-webkit-transform: translateY(-10px);
+	-moz-transform: translateY(-10px);
+	-o-transform: translateY(-10px);
+	-webkit-transition-duration:0.3s;
+	-o-transition-duration:0.3s;
+	-moz-transition-duration:0.3s;
+	}
+
+
+	.demoBoxEven{ background:#fff;  }
+	.demoBoxEven .demoList li{	 }
+	.demoBoxEven .demoList li.on{  background:#666; color:#fff;  }
+
+/* 如何使用 ---------------------------------------------- */
+.usePageDl{ width:1000px;  }
+.usePageDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
+.usePageDl dt h2 a{ color:#f60; text-decoration:underline;   }
+.usePageDl dt p{ padding:5px 0 10px 33px;  }
+.usePageDl dt p b{ color:#f60;  }
+.usePageDl dd{ margin-bottom:50px;  }
+.usePage .demoBox{ padding:0;  }
+.usePage .demoBox .bd .iframeWrap{ background:none;  }
+
+
+/* 下载页面 ----------------------------------------------- */
+.downLoadDl{ width:1000px;  }
+.downLoadDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
+.downLoadDl dt h2 a{ font-size:12px; color:#333; margin-left:20px; text-decoration:underline;    }
+.downLoadDl dd{ margin-bottom:50px; padding:10px 0;  }
+
+.dBtn{ cursor:pointer; display:block;  height:30px; line-height:30px; width:100px; text-align:center; font-size:16px;  background:#6ddb00; color:#fff; _font-weight:bold;
+	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
+	-webkit-box-shadow: #666 1px 1px 2px;
+	-moz-box-shadow: #666 1px 1px 2px;
+	box-shadow: #666 1px 1px 2px;
+}
+.dBtn:hover{ text-decoration:none; background:#65ca00; color:#fff; margin-left:2px;   }
+.pBtn{ background:#FFA241; font-size:12px; }
+.pBtn:hover{ background:#ff8635;  }
+.pBtn i{ font-family:Arial; _font-weight:bold; font-size:20px; }
+
+.downPage .inculde{ margin-top:20px; padding:10px; border:1px dotted #eee; background:#f3f3f3;}
+.downPage .inculde li{ color:#666;  }
+.downPage .inculde em{ font-weight:bold; color:#333;  }
+.downPage .inculde h3{ font-size:14px; font-weight:bold; color:#c00; padding-bottom:10px  }
+.downPage .inculde a{ color:#39A4DC; text-decoration:underline; margin:0 2px;   }
+#whyPay p,#howPay p{ text-indent:20px; margin-bottom:10px  }
+
+.pay{ overflow:hidden; padding-bottom:5px; vertical-align:top;  }
+.pay .pBtn{ float:left;  }
+.pay p{ margin-left:120px;  }
+.pay p span{ color:#c00;  }
+.downPage .imp{ color:#c00; font-size:14px;  }
+
+/* 颜色代码 
+#39A4DC 浅蓝色
+
+*/

fhKeeper/formulahousekeeper/inva_4_tivo/css/index.css

@@ -0,0 +1,692 @@
+.navigationBar {
+    width: 100%;
+    height: 102px;
+    position: relative;
+}
+.navigationBarBack {
+    width: 100%;
+    position: absolute;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: #fff;
+    color: #595959 !important;
+}
+.navigationTitle {
+    max-width: 1300px;
+    height: 102px;
+    margin: auto;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between
+}
+.navigationTitle img {
+    width: 130px;
+    height: 58px;
+}
+.navigationUl {
+    margin-left: 40px;
+}
+.navigationUl a {
+    color: #5e95f8 !important;
+}
+.navigationUl li {
+    margin: 0 10px;
+}
+.navigationUl, .navigationUl li{
+    display: inline-block;
+    font-size: 16px;
+}
+.inBlock {
+    display: inline-block;
+}
+.flexs {
+    display: flex;
+    align-items: center;
+}
+.fonsColorBai, .fonsColorBai a{
+    color: #595959;
+}
+.fonsColorHei, .fonsColorHei a{
+    color: #333;
+}
+.til {
+    height: 102px;
+    line-height: 102px;
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+}
+.headers {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 9999999;
+}
+
+/* 产品介绍 */
+.product {
+    width: 100%;
+    position: fixed;
+    top: 100px;
+    left: 0;
+    background: #fff;
+    height: 300px;
+    border-top: 1px solid rgb(163, 163, 163);
+}
+.connont {
+    width: 1300px;
+    margin: auto;
+}
+
+.tils::before {
+    content:"";
+    height: 2px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    background: #37B8FF;
+    position: absolute;
+}
+
+/* 轮播图三个点样式 */
+.slideBox{ width:100%; height: 630px; overflow:hidden; position:relative;}
+.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:120px; bottom:30px; z-index:1;}
+.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
+.slideBox .hd ul li{ float:right; margin-right:2px;  width:80px; height:3px; line-height:14px; text-align:center; background:rgb(77, 77, 77); cursor:pointer;border-radius: 3px;margin-left: 20px;}
+.slideBox .hd ul li.on div{ background:#fff; color:#fff;}
+.slideBox .bd{ position:relative; height:100%; z-index:0;   }
+.slideBox .bd li{ zoom:1; vertical-align:middle; }
+.slideBox .bd img{ width:100%;height: 630px;display:block;  }
+
+/* 导航下拉 */
+.management {
+    margin-top: 20px;
+    width: 540px;
+    font-size: 16px;
+}
+.management h3 {
+    width: 100%;
+    font-size: 16px;
+    font-weight: normal;
+    color: #333333;
+    line-height: 40px;
+    border-bottom: 1px solid rgb(180, 180, 180);
+    margin-left: 20px;
+}
+.management ul {
+    margin-top: 10px;
+    width: 180px;
+}
+.management li{
+    margin-top: 10px;
+    line-height: 40px;
+    cursor:pointer;
+    padding-left: 20px;
+}
+.management li:hover {
+    background: #F0F4FF;
+    border-radius: 10px;
+    color: #3370FF;
+}
+.hide {
+    display: none;
+}
+.show {
+    display: block;
+}
+/* 系统管理 */
+.managements {
+    width: 100%;
+    height: 1000px;
+    max-width: 1920px;
+    margin: auto;
+    background: url(../image/gongshi.jpg) no-repeat center;
+    background-size: 1920px 100%;
+}
+.manContent {
+    width: 100%;
+    text-align: center;
+    font-size: 26px !important;
+    color: #595959;
+}
+.manContent img {
+    /* margin-top: 169px;
+    margin-bottom: 27px; */
+    margin-top: 260px;
+    margin-bottom: 55px;
+    width: 206px;
+    height: 206px;
+}
+.manContent p {
+    font-size: 31px !important;
+    color: #595959;
+    font-weight: bold;
+    word-spacing: 15px;
+    letter-spacing:5px
+}
+.manContent span {
+    color: #5e95f8;
+}
+/* 智能 */
+.smart {
+    width: 100%;
+    max-width: 1920px;
+    height: 833px;
+    margin: auto;
+    background: url(../image/zhineg.jpg) no-repeat center;
+    background-size: 1920px 100%;
+}
+.smart h2 {
+    text-align: center;
+    font-size: 42px !important;
+    color: #595959 !important;
+    padding: 140px;
+    padding-bottom: 65px;
+    display: flex;
+    justify-content: center;
+    word-spacing: 15px;
+    letter-spacing:5px
+}
+.smart h2 p {
+    font-size: 57px;
+    font-weight: bold;
+    margin-right: 20px;
+}
+.smart h2 span {
+    color: #5e95f8;
+}
+.connonst {
+    width: 1530px;
+    margin: auto;
+}
+.smartEngine {
+    width: 1451px;
+    margin: auto;
+    display: flex;
+}
+.smartEngineLeft {
+    display: inline-block;
+}
+.smartEngineLeftCon {
+    display: flex;
+    flex-wrap: wrap;
+    width: 624px;
+    height: 470px;
+    justify-content: space-around;
+    align-content: space-between;
+    margin-right: 20px;
+}
+.selMou {
+    width: 305px;
+    height: 220px;
+    border-radius: 10px;
+    box-shadow: 0px 0px 5px 1px #cbcbcb;
+    background: #f7fcfc;
+    text-align: center;
+}
+.selMou p {
+    font-weight: 400;
+    color: #595959;
+    letter-spacing:5px;
+    font-size: 26px;
+    margin-top: 14px;
+}
+.selMou img {
+    width: 87px;
+    height: 90px;
+    margin-top: 15px;
+}
+.selMouR img{
+    width: 88px;
+    height: 88px;
+    margin-top: 10px;
+}
+.selMouR p {
+    font-weight: 400;
+    color: #595959;
+    letter-spacing:5px;
+    font-size: 26px;
+    margin-top: 10px;
+}
+.selMouR {
+    width: 194px;
+    height: 207px;
+    border-radius: 10px;
+    box-shadow: 0px 0px 5px 1px #cbcbcb;
+    background: #f7fcfc;
+    text-align: center;
+}
+.smartEngineRight {
+    display: inline-block;
+}
+.smartEngineRightCon {
+    display: flex;
+    flex-wrap: wrap;
+    width: 798px;
+    height: 470px;
+    justify-content: space-around; 
+    align-content: space-between;
+}
+
+/* 填报 */
+.fill {
+    width: 100%;
+    max-width: 1920px;
+    height: 851px;
+    margin: auto;
+    background: url(../image/fill.jpg) no-repeat center;
+    background-size: 1920px 100%;
+}
+.fill h2 {
+    font-size: 40px;
+    letter-spacing:5px;
+    padding: 90px 0 39px 50px;
+}
+.fillCon {
+    width: 100%;
+    height: 615px;
+    position: relative;
+    transform: translate(0,260px);
+}
+.fillCons {
+    animation: move 2s;
+    animation-fill-mode: both;
+}
+
+@keyframes move {
+    0%{
+        transform: translate(0,260px);
+    }
+    100%{
+        transform: translate(0,0);
+    }
+}
+
+.fillConCen {
+    display: inline-block;
+    position: absolute;
+    width: 357px;
+    top: 0;
+    /* left: 0; */
+    height: 538px;
+    background: #fff;
+    border-radius: 5px;
+    box-shadow: 9px 9px 20px 9px #cbcbcb;
+}
+.fccCon {
+    width: 250px;
+    height: 363px;
+    border-radius: 5px;
+    margin: auto;
+    margin-top: 125px;
+    position: relative;
+    text-align: center;
+}
+.fccCon img {
+    width: 97px;
+    height: 97px;
+    position: absolute;
+    top: -48.5px;
+    left: 50%;
+    margin-left: -48.5px;
+}
+.fccCon h3 {
+    font-size: 30px;
+    padding: 66px 0 14px 0;
+    text-align: center;
+}
+.ios {
+    width: 70px;
+    height: 5px;
+    margin: auto;
+}
+.fccConP p {
+    width: 100%;
+    font-size: 24px;
+    color: #887979;
+    line-height: 46px;
+}
+.fccConP {
+    width: 100%;
+    height: 242px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+
+/* 便捷 */
+.convenient {
+    width: 100%;
+    max-width: 1920px;
+    height: 873px;
+    margin: auto;
+    background: url(../image/tabl.jpg) no-repeat center;
+    background-size: 1920px 873px;
+}
+.cvit {
+    text-align: center;
+    color: #fff !important;
+}
+.cvit h2 {
+    padding: 100px 0 15px 0;
+    font-size: 40px;
+    color: #fff;
+}
+.cvit span {
+    font-size: 66px;
+}
+.cvit p {
+    color: #fff;
+    font-size: 20px;
+    text-align: center;
+}
+.tablTab {
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 52px 90px 19px 90px;
+    justify-content: space-between;
+}
+.tablTab li{
+    height: 59px;
+    width: 138px;
+    border-radius: 8px;
+    /* background: #fff; */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    color: #fff;
+    cursor:pointer;
+}
+.on {
+    background-color: #fff;
+    color: #5e9ffc !important;
+}
+.tabFool {
+    width: 1150px;
+    height: 550px;
+    /* background-color: #a1b9fe; */
+    margin: auto;
+    border-radius: 10px;
+    position: relative;
+    position: relative;
+}
+.tabFool div {
+    position: absolute;
+    background-color: #fff;
+    opacity: .5;
+    width: 100%;
+    height: 100%;
+    left: 0%;
+    top: 0;
+    z-index: 1;
+    border-radius: 10px;
+}
+.tabFool img {
+    width: 1070px;
+    height: 502px;
+    position: absolute;
+    bottom: 0;
+    right: 10px;
+    z-index: 2;
+}
+
+/* 客户 */
+.kehu {
+    width: 100%;
+    max-width: 1920px;
+    height: 979px;
+    margin: auto;
+    background: url(../image/rke.jpg) no-repeat center;
+    background-size: 1920px 979px;
+}
+.kehu h2, .pricings h2 {
+    font-size: 42px;
+    color: #333;
+    padding: 142px 80px 80px 80px;
+}
+.conImg {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+.conImg img {
+    width: 500px;
+}
+
+/* 产品定价 */
+.pricings {
+    width: 100%;
+    max-width: 1920px;
+    height: 941px;
+    margin: auto;
+    background: url(../image/dingj.jpg) no-repeat center;
+    background-size: 1920px 941px;
+}
+.pri {
+    display: flex;
+    justify-content: space-between;
+    width: 78rem;
+    margin: auto;
+}
+.li {
+    text-align: center;
+    background: #fff;
+    padding: .625rem;
+    box-shadow: 0px 1px 20px 0px #c8c8c8;
+    cursor: pointer;
+    transition: all  .25s  ease-in;
+}
+.li_con {
+    width: 15rem;
+    height: 10.5rem;
+    background: #f3f3f3;
+    box-sizing: border-box;
+    padding-top: 2.875rem;
+}
+.li_con div {
+    width: 100%;
+    text-align: center;
+    font-size: 1.5rem;
+    color: #565656;
+    margin-bottom: 1.375rem;
+}
+.li_con div span{
+    font-size: 1.75rem;
+}
+.li li {
+    width: 100%;
+    height: 2rem;
+    font-size: 0.9rem;
+    line-height: 2rem;
+    text-align: center;
+    list-style-type:none;
+    color: #b5b0b0;
+}
+.li li:nth-child(2n) {
+    background: #f3f3f3;
+}
+.btn {
+    width: 6rem;
+    height: 1.6rem;
+    margin: auto;
+    background-image: url(../image/xg.png);
+    background-size: 100% 100%;
+    margin-bottom: 1.2rem;
+    border: 0;
+    background-repeat: no-repeat;
+}
+.li:hover {
+    transform:translateY(-20px);
+}
+.li:hover .btn{
+    background: url(../image/xgs.png);
+    background-size: 100% 100%;
+    background-repeat:no-repeat;
+}
+.li:hover .li_con{
+    background: linear-gradient(to left,#4daefe,#01f1fe);
+}
+.li:hover .li_con div{
+    color: #fff;
+}
+.btn a {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+}
+.al a{
+    color: #407be7 !important;
+}
+.al {
+    position: relative;
+}
+.al::after {
+    content: '';
+    width: 100%;
+    height: .1875rem;
+    background: #407be7;
+    position: absolute;
+    bottom: -1.25rem;
+    left: 0;
+}
+
+/* 底部 */
+.footer-frame {
+	width: 100%;
+	height: 1.5rem;
+}
+
+.footer {
+	padding-top: 3rem;
+	padding-bottom: 0.5rem;
+	background-color: #20a0ff;
+    margin-top: -2px;
+}
+
+.footer .footer-col {
+	margin-bottom: 2.25rem;
+}
+
+.footer h4 {
+	margin-bottom: 0.625rem;
+	color: #fff;
+}
+
+.footer .list-unstyled,
+.footer p {
+	color: #f3f7fd;
+}
+
+.footer .footer-col.middle .list-unstyled .fas {
+	color: #fff;
+	font-size: 0.5rem;
+	line-height: 1.5rem;
+}
+
+.footer .footer-col.middle .list-unstyled .media-body {
+	margin-left: 0.5rem;
+}
+
+.footer .footer-col.last .list-unstyled .fas {
+	color: #fff;
+	font-size: 0.875rem;
+	line-height: 1.5rem;
+}
+
+.footer .footer-col.last .list-unstyled .media-body {
+	margin-left: 0.625rem;
+}
+
+.footer .footer-col.last .list-unstyled .fas.fa-globe {
+	margin-left: 1rem;
+	margin-right: 0.625rem;
+}
+
+.navbar {
+    padding: 0 !important;
+}
+
+.ulss {
+    display: inline-block;
+}
+.alss {
+    display: flex;
+    justify-content: space-around;
+    width: 1400px;
+    margin: auto;
+}
+
+/* 尝试滚动 */
+.jiesao {
+    height: 200vh;
+    width: 100%;
+}
+.managements {
+    /* height: 72vh; */
+    height: 90vh;
+    position: sticky;
+    top: 100px;
+}
+body {
+    overflow-x: hidden;
+}
+
+.znyq {
+    height: 400vh;
+    width: 100%;
+}
+.smart {
+    height: 90vh;
+    position: sticky;
+    top: 100px;
+}
+.tb {
+    height: 300vh;
+    width: 100%;
+}
+.fill {
+    height: 90vh;
+    position: sticky;
+    top: 100px;
+}
+.hanAll {
+    background: url(../image/backk.jpg) no-repeat;
+    background-size: 100%;
+}
+.abc .til {
+    color: #fff !important;
+}
+
+.abc .til a{
+    color: #fff !important;
+}
+
+.aus a{ 
+    color: #595959 !important;
+}
+
+/* 咨询 */
+.zhixun {
+    display: block;
+    position: fixed;
+    bottom: 20rem;
+    right: 0rem;
+    padding: 1rem;
+    background: #fff;
+    box-shadow: 3px 3px 10px #ccc;
+    z-index: 99999999;
+    text-align: center;
+}
+.zhixun p {
+    margin: 0.5rem 0;
+}
+.zhixun img {
+    width: 8rem;
+}
+

fhKeeper/formulahousekeeper/inva_4_tivo/css/reset.css

@@ -0,0 +1,49 @@
+/* 重置样式 */
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
+pre, /* text formatting elements 文本格式元素 */
+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
+th, td /* table elements 表格元素 */ {
+  margin: 0;
+  padding: 0;
+}
+body {background:#fff}   /* 重置body 页面背景为白色 */
+body,th,td,input,select,textarea,button {  /* 重置页面文字属性 */
+      font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";
+}
+
+/** css重置样式标签的样式 **/
+h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
+h2 { font-size: 16px; }
+h3 { font-size: 14px; }
+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 正常化 */
+
+dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
+
+a {text-decoration:none}  /* 重置链接a标签样式*/
+a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
+
+/* 取消a标签点击后的虚线框 */
+a {outline: none;}  
+
+/** 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 **/
+/* 
+::selection {color: #fff;background-color: #4C6E78;}    
+::-moz-selection {color: #fff;background-color: #4C6E78;} 
+*/
+
+legend { color: #000; } /* for ie6 */
+fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
+button, input, select, textarea { 
+     font-size: 100%; /* 使得表单元素在ie下能继承字体大小， */
+     vertical-align:middle;  /* 重置表单控件垂直居中*/
+} 
+/* 注：optgroup 无法扶正 */
+
+/* 重置表单button按钮效果 */
+button {border:0 none;background-color:transparent;cursor:pointer}
+caption {display:none;}    /* 重置表格标题为隐藏 */
+table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */

fhKeeper/formulahousekeeper/inva_4_tivo/css/styles.css

@@ -2373,3 +2373,57 @@ a:hover.back-to-top {
 	text-align: left;
 	margin-left: 37.625rem;
 }
+
+
+/* 新写的产品功能 */
+.product {
+	width: 100%;
+	height: 814px;
+	background: url(../image/modeBj.jpg) no-repeat center;
+	background-size: 1920px 100%;
+}
+.connn {
+	width: 1200px;
+	margin: auto;
+}
+.proFelCon {
+	width: 270px;
+}
+.proFelCon p {
+	text-align: center;
+	color: #595959;
+}
+.gallerys {
+	width: 270px;
+	height: 270px;
+	border-radius: 20px;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+	text-align: center;
+	border: 1px solid #c7cacc;
+    box-shadow: 12px 9px 5px 0px #e4f4ff;
+}
+.gallerys p{
+	position: absolute;
+	background: #fff;
+	width: 100%;
+	height: 100%;
+	opacity: .5;
+	padding: 0;
+}
+.gallerys img {
+	position: relative;
+	z-index: 5;
+}
+.proFel h2{
+	text-align: center;
+	width: 100%;
+	padding: 140px 0 74px 0;
+}
+.flexx {
+	display: flex;
+	justify-content: space-between;
+}

fhKeeper/formulahousekeeper/inva_4_tivo/js/index.js

@@ -0,0 +1,107 @@
+// 产品鼠标移入移出
+$('#productHov').hover(function () {$("#product").show()},function () {$("#product").hide()})
+$('#product').hover(function () {$("#product").show()},function () {$("#product").hide()})
+
+// 导航下划线
+$('.aus li').hover(function () {
+    let i = $(this).index()
+    $(".aus li").eq(i).addClass('tils')
+},function () {
+    let i = $(this).index()
+    $(".aus li").eq(i).removeClass('tils')
+})
+
+$('.auss li').hover(function () {
+    let i = $(this).index()
+    $(".auss li").eq(i).addClass('tils')
+},function () {
+    let i = $(this).index()
+    $(".auss li").eq(i).removeClass('tils')
+})
+
+// 智能系统管家模块的js效果
+let screenHeight = $(window).height()
+console.log(screenHeight)
+// 系统智能的高度
+let jiesaoTop = $('.jiesao').offset().top
+
+// 智能引擎的高度
+let znyqTop = $('.znyq').offset().top
+
+let fill = $('.fill').offset().top
+console.log(fill)
+
+$(window).scroll(function () {
+    // 当前滚动的高度
+    let currentTop = $(window).scrollTop()
+    if(currentTop < 2) {
+        console.log('不执行')
+        $('#all').addClass('hanAll')
+        $('#abc').addClass('abc')
+        $("#loGo").attr("src", './image/logo.png')
+    } else {
+        console.log('执行ll')
+        $("#all").removeClass("hanAll");
+        $("#abc").removeClass("abc");
+        $("#loGo").attr("src", './image/logo.jpg')
+    }
+    // 系统管理滚动计算
+    if (currentTop > jiesaoTop && currentTop < (jiesaoTop + screenHeight)) {
+        let jiesaoopacity = (currentTop - jiesaoTop) / screenHeight
+        let jiesaopadding = (1 - jiesaoopacity) * 300 + 'px'
+        $('#jiesaoP').css({'opacity': jiesaoopacity})
+        $('#jiesaoImg').css({'padding-top': jiesaopadding})
+    }
+    // 智能引擎滚动计算
+    if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight) && currentTop < 3000) {
+        console.log('执行')
+        let znyqTopopacity = (2900 - currentTop)
+        let znyqToppadding = (znyqTopopacity - 1) * 1.15 + 'px'
+        $('#znyqH').css({'transform':'translate(0,'+znyqToppadding+')'})
+    }
+    if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight + 800) && currentTop > 2900) {
+        let znyqTopopacityVal = (currentTop - znyqTop) / (screenHeight + 800)
+        // 550的
+        let znyqToppaddingfives = (1 - znyqTopopacityVal) * 550 + 'px'
+        // 500的
+        let znyqToppaddingfive = (1 - znyqTopopacityVal) * 500 + 'px'
+        // 400的
+        let znyqToppaddingfour = (1 - znyqTopopacityVal) * 400 + 'px'
+        // 300的
+        let znyqToppaddingthree = (1 - znyqTopopacityVal) * 300 + 'px'
+        if(znyqTopopacityVal < 0.2) znyqTopopacityVal = 0
+        $('#selMou1').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfive+',-'+ znyqToppaddingfive +')'})
+        $('#selMou2').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfour+',-'+ znyqToppaddingfour +')'})
+        $('#selMou3').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfive+','+ znyqToppaddingfive +')'})
+        $('#selMou4').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfour+','+ znyqToppaddingfour +')'})
+
+        $('#selMour1').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingthree+',-'+ znyqToppaddingthree +')'})
+        $('#selMour2').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfour+',-'+ znyqToppaddingfour +')'})
+        $('#selMour3').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfive+',-'+ znyqToppaddingfive +')'})
+        $('#selMour4').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfives+',-'+ znyqToppaddingfives +')'})
+        $('#selMour5').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingthree+','+ znyqToppaddingthree +')'})
+        $('#selMour6').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfour+','+ znyqToppaddingfour +')'})
+        $('#selMour7').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfive+','+ znyqToppaddingfive +')'})
+        $('#selMour8').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfives+','+ znyqToppaddingfives +')'})
+    }
+    // 加样式
+    if(currentTop > fill - 300) {
+        $('#fillCon').addClass('fillCons')
+    }
+    if(currentTop < fill - 400){
+        $("#fillCon").removeClass("fillCons");
+    }
+})
+
+// tab点击
+$(function() {
+    $('#tablTabUl li').click(function() {
+        let index = $(this).index()
+        var arr = $('#tablTabUl li')
+        for(var i in arr) {
+            $('#tablTabUl li').eq(i).find('img').attr("src", './image/ions/'+ (+i + 1)+'.1.png')
+        }
+        $(this).find('img').attr("src", './image/ions/'+(+index + 1)+'.png')
+        $('#finImg').attr("src", './image/gs'+(+index + 1)+'.jpg')
+    })
+})

fhKeeper/formulahousekeeper/inva_4_tivo/js/jquery.SuperSlide.2.1.3.source.js

@@ -0,0 +1,503 @@
+/*!
+ * SuperSlide v2.1.3
+ * 轻松解决网站大部分特效展示问题
+ * 详尽信息请看官网：http://www.SuperSlide2.com/
+ *
+ * Copyright 2011-至今, 大话主席
+ *
+ * 请尊重原创，保留头部版权
+ * 在保留版权的前提下可应用于个人或商业用途
+
+ * v2.1.3：处理Jquery已经弃用的API，兼容最新版本的Jquery，目前是jquery3.3.1，日后如果发现插件不兼容新版本的jquery，请联系我 305491515@qq.com
+
+ */
+
+(function($){
+	$.fn.slide=function(options){
+		$.fn.slide.defaults={
+		type:"slide", 
+		effect:"fade", 
+		autoPlay:false, 
+		delayTime:500, 
+		interTime:2500,
+		triggerTime:150,
+		defaultIndex:0,
+		titCell:".hd li",
+		mainCell:".bd",
+		targetCell:null,
+		trigger:"mouseover",
+		scroll:1,
+		vis:1,
+		titOnClassName:"on",
+		autoPage:false, 
+		prevCell:".prev",
+		nextCell:".next",
+		pageStateCell:".pageState",
+		opp: false, 
+		pnLoop:true, 
+		easing:"swing", 
+		startFun:null,
+		endFun:null,
+		switchLoad:null,
+
+		playStateCell:".playState",
+		mouseOverStop:true,
+		defaultPlay:true,
+		returnDefault:false 
+		};
+
+		return this.each(function() {
+
+			var opts = $.extend({},$.fn.slide.defaults,options);
+			var slider = $(this);
+			var effect = opts.effect;
+			var prevBtn = $(opts.prevCell, slider);
+			var nextBtn = $(opts.nextCell, slider);
+			var pageState = $(opts.pageStateCell, slider);
+			var playState = $(opts.playStateCell, slider);
+
+			var navObj = $(opts.titCell, slider);//导航子元素结合
+			var navObjSize = navObj.length;
+			var conBox = $(opts.mainCell , slider);//内容元素父层对象
+			var conBoxSize=conBox.children().length;
+			var sLoad=opts.switchLoad;
+			var tarObj = $(opts.targetCell, slider);
+
+			/*字符串转换*/
+			var index=parseInt(opts.defaultIndex);
+			var delayTime=parseInt(opts.delayTime);
+			var interTime=parseInt(opts.interTime);
+			var triggerTime=parseInt(opts.triggerTime);
+			var scroll=parseInt(opts.scroll);
+			var autoPlay = (opts.autoPlay=="false"||opts.autoPlay==false)?false:true;
+			var opp = (opts.opp=="false"||opts.opp==false)?false:true;
+			var autoPage = (opts.autoPage=="false"||opts.autoPage==false)?false:true;
+			var pnLoop = (opts.pnLoop=="false"||opts.pnLoop==false)?false:true;
+			var mouseOverStop = (opts.mouseOverStop=="false"||opts.mouseOverStop==false)?false:true;
+			var defaultPlay = (opts.defaultPlay=="false"||opts.defaultPlay==false)?false:true;
+			var returnDefault = (opts.returnDefault=="false"||opts.returnDefault==false)?false:true;
+			var vis=isNaN(opts.vis)?1:parseInt(opts.vis);
+	
+			var isIE6 = !-[1,]&&!window.XMLHttpRequest;//v2.1.2
+
+			var slideH=0;
+			var slideW=0;
+			var selfW=0;
+			var selfH=0;
+			var easing=opts.easing;
+			var inter=null;//autoPlay-setInterval 
+			var mst =null;//trigger-setTimeout
+			var rtnST=null;//returnDefault-setTimeout
+			var titOn = opts.titOnClassName;
+
+			var onIndex = navObj.index( slider.find( "."+titOn) );
+			var oldIndex = index = onIndex==-1?index:onIndex;
+			var defaultIndex = index;
+
+
+			var _ind = index;
+			var cloneNum = conBoxSize>=vis?( conBoxSize%scroll!=0?conBoxSize%scroll:scroll):0; 
+			var _tar;
+			var isMarq = effect=="leftMarquee" || effect=="topMarquee"?true:false;
+
+			var doStartFun=function(){ if ( $.isFunction( opts.startFun) ){ opts.startFun( index,navObjSize,slider,$(opts.titCell, slider),conBox,tarObj,prevBtn,nextBtn ) } }
+			var doEndFun=function(){ if ( $.isFunction( opts.endFun ) ){ opts.endFun( index,navObjSize,slider,$(opts.titCell, slider),conBox,tarObj,prevBtn,nextBtn ) } }
+			var resetOn=function(){ navObj.removeClass(titOn); if( defaultPlay ) navObj.eq(defaultIndex).addClass(titOn)  }
+
+
+
+			//单独处理菜单效果
+			if( opts.type=="menu" ){
+
+				if( defaultPlay ){ navObj.removeClass(titOn).eq(index).addClass(titOn); }
+				navObj.hover(
+						function(){
+							_tar=$(this).find( opts.targetCell );
+							var hoverInd =navObj.index($(this));
+						
+							mst = setTimeout(function(){  
+								index=hoverInd;
+								navObj.removeClass(titOn).eq	(index).addClass(titOn);
+								doStartFun();
+								switch (effect)
+								{
+									case "fade":_tar.stop(true,true).animate({opacity:"show"}, delayTime,easing,doEndFun ); break;
+									case "slideDown":_tar.stop(true,true).animate({height:"show"}, delayTime,easing,doEndFun ); break;
+								}
+							} ,opts.triggerTime);
+
+						},function(){
+							clearTimeout(mst);
+							switch (effect){ case "fade":_tar.animate( {opacity:"hide"},delayTime,easing ); break; case "slideDown":_tar.animate( {height:"hide"},delayTime,easing ); break; }
+						}
+				);
+
+				if (returnDefault){ 
+					slider.hover(function(){clearTimeout(rtnST);},function(){ rtnST = setTimeout( resetOn,delayTime ); });
+				}
+				
+
+				return;
+			}
+
+			
+			//处理分页
+			if( navObjSize==0 )navObjSize=conBoxSize;//只有左右按钮
+			if( isMarq ) navObjSize=2;
+			if( autoPage ){
+				if(conBoxSize>=vis){
+					if( effect=="leftLoop" || effect=="topLoop" ){ navObjSize=conBoxSize%scroll!=0?(conBoxSize/scroll^0)+1:conBoxSize/scroll; }
+					else{ 
+							var tempS = conBoxSize-vis;
+							navObjSize=1+parseInt(tempS%scroll!=0?(tempS/scroll+1):(tempS/scroll)); 
+							if(navObjSize<=0)navObjSize=1; 
+					}
+				}
+				else{ navObjSize=1 }
+				
+				navObj.html(""); 
+				var str="";
+
+				if( opts.autoPage==true || opts.autoPage=="true" ){ for( var i=0; i<navObjSize; i++ ){ str+="<li>"+(i+1)+"</li>" } }
+				else{ for( var i=0; i<navObjSize; i++ ){ str+=opts.autoPage.replace("$",(i+1))  } }
+				navObj.html(str); 
+				
+				var navObj = navObj.children();//重置导航子元素对象
+			}
+
+
+			if(conBoxSize>=vis){ //当内容个数少于可视个数，不执行效果。
+				conBox.children().each(function(){ //取最大值
+					if( $(this).width()>selfW ){ selfW=$(this).width(); slideW=$(this).outerWidth(true);  }
+					if( $(this).height()>selfH ){ selfH=$(this).height(); slideH=$(this).outerHeight(true);  }
+				});
+
+				var _chr = conBox.children();
+				var cloneEle = function(){ 
+					for( var i=0; i<vis ; i++ ){ _chr.eq(i).clone().addClass("clone").appendTo(conBox); } 
+					for( var i=0; i<cloneNum ; i++ ){ _chr.eq(conBoxSize-i-1).clone().addClass("clone").prependTo(conBox); }
+				}
+				
+				switch(effect)
+				{
+					case "fold": conBox.css({"position":"relative","width":slideW,"height":slideH}).children().css( {"position":"absolute","width":selfW,"left":0,"top":0,"display":"none"} ); break;
+					case "top": conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+vis*slideH+'px"></div>').css( { "top":-(index*scroll)*slideH, "position":"relative","padding":"0","margin":"0"}).children().css( {"height":selfH} ); break;
+					case "left": conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+vis*slideW+'px"></div>').css( { "width":conBoxSize*slideW,"left":-(index*scroll)*slideW,"position":"relative","overflow":"hidden","padding":"0","margin":"0"}).children().css( {"float":"left","width":selfW} ); break;
+					case "leftLoop":
+					case "leftMarquee":
+						cloneEle();
+						conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+vis*slideW+'px"></div>').css( { "width":(conBoxSize+vis+cloneNum)*slideW,"position":"relative","overflow":"hidden","padding":"0","margin":"0","left":-(cloneNum+index*scroll)*slideW}).children().css( {"float":"left","width":selfW}  ); break;
+					case "topLoop":
+					case "topMarquee":
+						cloneEle();
+						conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+vis*slideH+'px"></div>').css( { "height":(conBoxSize+vis+cloneNum)*slideH,"position":"relative","padding":"0","margin":"0","top":-(cloneNum+index*scroll)*slideH}).children().css( {"height":selfH} ); break;
+				}
+			}
+
+
+
+			//针对leftLoop、topLoop的滚动个数
+			var scrollNum=function(ind){ 
+				var _tempCs= ind*scroll; 
+				if( ind==navObjSize ){ _tempCs=conBoxSize; }else if( ind==-1 && conBoxSize%scroll!=0){ _tempCs=-conBoxSize%scroll; }
+				return _tempCs;
+			}
+
+			//切换加载
+			var doSwitchLoad=function(objs){ 
+
+					var changeImg=function(t){
+						for ( var i= t; i<( vis+ t); i++ ){
+								objs.eq(i).find("img["+sLoad+"]").each(function(){ 
+									var _this =  $(this);
+									_this.attr("src",_this.attr(sLoad)).removeAttr(sLoad);
+									if( conBox.find(".clone")[0] ){ //如果存在.clone
+										var chir = conBox.children();
+										for ( var j=0 ; j< chir.length ; j++ )
+										{
+											chir.eq(j).find("img["+sLoad+"]").each(function(){
+												if( $(this).attr(sLoad)==_this.attr("src") ) $(this).attr("src",$(this).attr(sLoad)).removeAttr(sLoad) 
+											})
+										}
+									}
+								})
+							}
+					}
+
+					switch(effect)
+					{
+						case "fade": case "fold": case "top": case "left": case "slideDown":
+							changeImg( index*scroll );
+							break;
+						case "leftLoop": case "topLoop":
+							changeImg( cloneNum+scrollNum(_ind) );
+							break;
+						case "leftMarquee":case "topMarquee": 
+							var curS = effect=="leftMarquee"? conBox.css("left").replace("px",""):conBox.css("top").replace("px",""); 
+							var slideT = effect=="leftMarquee"? slideW:slideH; 
+							var mNum=cloneNum;
+							if( curS%slideT!=0 ){
+								var curP = Math.abs(curS/slideT^0);
+								if( index==1 ){ mNum=cloneNum+curP }else{  mNum=cloneNum+curP-1  }
+							}
+							changeImg( mNum );
+							break;
+					}
+			}//doSwitchLoad end
+
+
+			//效果函数
+			var doPlay=function(init){
+				 // 当前页状态不触发效果
+				if( defaultPlay && oldIndex==index && !init && !isMarq ) return;
+				
+				//处理页码
+				if( isMarq ){ if ( index>= 1) { index=1; } else if( index<=0) { index = 0; } }
+				else{ 
+					_ind=index; if ( index >= navObjSize) { index = 0; } else if( index < 0) { index = navObjSize-1; }
+				}
+
+				doStartFun();
+
+				//处理切换加载
+				if( sLoad!=null ){ doSwitchLoad( conBox.children() ) }
+
+				//处理targetCell
+				if(tarObj[0]){ 
+					_tar = tarObj.eq(index);
+					if( sLoad!=null ){ doSwitchLoad( tarObj ) }
+					if( effect=="slideDown" ){
+							tarObj.not(_tar).stop(true,true).slideUp(delayTime); 
+							_tar.slideDown( delayTime,easing,function(){ if(!conBox[0]) doEndFun() }); 
+					}
+					else{
+							tarObj.not(_tar).stop(true,true).hide();
+							_tar.animate({opacity:"show"},delayTime,function(){ if(!conBox[0]) doEndFun() }); 
+					}
+				}
+				
+				if(conBoxSize>=vis){ //当内容个数少于可视个数，不执行效果。
+					switch (effect)
+					{
+						case "fade":conBox.children().stop(true,true).eq(index).animate({opacity:"show"},delayTime,easing,function(){doEndFun()}).siblings().hide(); break;
+						case "fold":conBox.children().stop(true,true).eq(index).animate({opacity:"show"},delayTime,easing,function(){doEndFun()}).siblings().animate({opacity:"hide"},delayTime,easing);break;
+						case "top":conBox.stop(true,false).animate({"top":-index*scroll*slideH},delayTime,easing,function(){doEndFun()});break;
+						case "left":conBox.stop(true,false).animate({"left":-index*scroll*slideW},delayTime,easing,function(){doEndFun()});break;
+						case "leftLoop":
+							var __ind = _ind;
+							conBox.stop(true,true).animate({"left":-(scrollNum(_ind)+cloneNum)*slideW},delayTime,easing,function(){
+								if( __ind<=-1 ){ conBox.css("left",-(cloneNum+(navObjSize-1)*scroll)*slideW);  }else if( __ind>=navObjSize ){ conBox.css("left",-cloneNum*slideW); }
+								doEndFun();
+							});
+							break;//leftLoop end
+
+						case "topLoop":
+							var __ind = _ind;
+							conBox.stop(true,true).animate({"top":-(scrollNum(_ind)+cloneNum)*slideH},delayTime,easing,function(){
+								if( __ind<=-1 ){ conBox.css("top",-(cloneNum+(navObjSize-1)*scroll)*slideH);  }else if( __ind>=navObjSize ){ conBox.css("top",-cloneNum*slideH); }
+								doEndFun();
+							});
+							break;//topLoop end
+
+						case "leftMarquee":
+							var tempLeft = conBox.css("left").replace("px",""); 
+							if(index==0 ){
+									conBox.animate({"left":++tempLeft},0,function(){
+										if( conBox.css("left").replace("px","")>= 0){ conBox.css("left",-conBoxSize*slideW) }
+									});
+							}
+							else{
+									conBox.animate({"left":--tempLeft},0,function(){
+										if(  conBox.css("left").replace("px","")<= -(conBoxSize+cloneNum)*slideW){ conBox.css("left",-cloneNum*slideW) }
+									});
+							}break;// leftMarquee end
+
+							case "topMarquee":
+							var tempTop = conBox.css("top").replace("px",""); 
+							if(index==0 ){
+									conBox.animate({"top":++tempTop},0,function(){
+										if( conBox.css("top").replace("px","")>= 0){ conBox.css("top",-conBoxSize*slideH) }
+									});
+							}
+							else{
+									conBox.animate({"top":--tempTop},0,function(){
+										if(  conBox.css("top").replace("px","")<= -(conBoxSize+cloneNum)*slideH){ conBox.css("top",-cloneNum*slideH) }
+									});
+							}break;// topMarquee end
+
+					}//switch end
+				}
+
+					navObj.removeClass(titOn).eq(index).addClass(titOn);
+					oldIndex=index;
+					if( !pnLoop ){ //pnLoop控制前后按钮是否继续循环
+						nextBtn.removeClass("nextStop"); prevBtn.removeClass("prevStop");
+						if (index==0 ){ prevBtn.addClass("prevStop"); }
+						if (index==navObjSize-1 ){ nextBtn.addClass("nextStop"); }
+					}
+
+					pageState.html( "<span>"+(index+1)+"</span>/"+navObjSize);
+
+			};// doPlay end
+
+			//初始化执行
+			if( defaultPlay ){ doPlay(true); }
+
+			if (returnDefault)//返回默认状态
+			{
+				slider.hover(function(){ clearTimeout(rtnST) },function(){
+						rtnST = setTimeout( function(){
+							index=defaultIndex;
+							if(defaultPlay){ doPlay(); }
+							else{
+								if( effect=="slideDown" ){ _tar.slideUp( delayTime, resetOn ); }
+								else{ _tar.animate({opacity:"hide"},delayTime,resetOn ); }
+							}
+							oldIndex=index;
+						},300 );
+				});
+			}
+			
+			///自动播放函数
+			var setInter = function(time){ inter=setInterval(function(){  opp?index--:index++; doPlay() }, !!time?time:interTime);  }
+			var setMarInter = function(time){ inter = setInterval(doPlay, !!time?time:interTime);  }
+			// 处理mouseOverStop
+			var resetInter = function(){ if( !mouseOverStop && autoPlay &&  !playState.hasClass("pauseState") ){clearInterval(inter); setInter() } } /* 修复 mouseOverStop 和 autoPlay均为false下，点击切换按钮后会自动播放bug */
+			// 前后按钮触发
+			var nextTrigger = function(){ if ( pnLoop || index!=navObjSize-1 ){ index++; doPlay(); if(!isMarq)resetInter(); } }
+			var prevTrigger = function(){ if ( pnLoop || index!=0 ){ index--; doPlay(); if(!isMarq)resetInter(); } }
+			//处理playState
+			var playStateFun = function(){ clearInterval(inter); isMarq?setMarInter():setInter(); playState.removeClass("pauseState") }
+			var pauseStateFun = function(){ clearInterval(inter);playState.addClass("pauseState"); }
+
+			//自动播放
+			if (autoPlay) {
+					if( isMarq ){ 
+						opp?index--:index++; setMarInter();
+						if(mouseOverStop) conBox.hover(pauseStateFun,playStateFun);
+					}else{
+						setInter();
+						if(mouseOverStop) slider.hover( pauseStateFun,playStateFun );
+					}
+			}
+			else{ if( isMarq ){ opp?index--:index++; } playState.addClass("pauseState"); }
+
+
+			//暂停按钮
+			playState.click(function(){  playState.hasClass("pauseState")?playStateFun():pauseStateFun()  });
+
+			//titCell事件
+			if(opts.trigger=="mouseover"){
+				navObj.hover(function(){ var hoverInd = navObj.index(this);  mst = setTimeout(function(){  index=hoverInd; doPlay(); resetInter();  },opts.triggerTime); }, function(){ clearTimeout(mst) });
+			}else{ navObj.click(function(){ index=navObj.index(this); doPlay(); resetInter(); })  }
+
+			//前后按钮事件
+			if (isMarq){
+				
+				nextBtn.mousedown(nextTrigger);
+				prevBtn.mousedown(prevTrigger);
+				//前后按钮长按10倍加速
+				if (pnLoop)
+				{	
+					var st;
+					var marDown = function(){ st=setTimeout(function(){ clearInterval(inter); setMarInter( interTime/10^0 ) },150) }
+					var marUp = function(){ clearTimeout(st); clearInterval(inter); setMarInter() }
+					nextBtn.mousedown(marDown); nextBtn.mouseup(marUp);
+					prevBtn.mousedown(marDown); prevBtn.mouseup(marUp);
+				}
+				//前后按钮mouseover事件
+				if( opts.trigger=="mouseover"  ){ nextBtn.hover(nextTrigger,function(){}); prevBtn.hover(prevTrigger,function(){}); }
+			}else{
+				nextBtn.click(nextTrigger);
+				prevBtn.click(prevTrigger);
+			}
+
+
+			//检测设备尺寸变化
+			if ( opts.vis == "auto" && scroll==1  && ( effect=="left" || effect=="leftLoop" )  ){
+
+				var resizeTimer;
+				
+				var orientationChange = function(){ 
+					
+					if (isIE6){
+						conBox.width("auto"); 
+						conBox.children().width("auto");
+					}
+					conBox.parent().width("auto"); 
+					slideW = conBox.parent().width();
+
+					if (isIE6){  conBox.parent().width(slideW) }
+
+					conBox.children().width(slideW);
+
+					if ( effect=="left" ){
+						conBox.width( slideW * conBoxSize);
+						conBox.stop(true,false).animate({"left":-index*slideW},0);
+					}else{
+						conBox.width( slideW * (conBoxSize+2));
+						conBox.stop(true,false).animate({"left":-(index+1)*slideW},0);
+					}
+
+					if (!isIE6 && (slideW != conBox.parent().width()) ){
+						orientationChange();
+					}
+					
+				} 
+
+				$(window).resize(function(){
+
+					clearTimeout(resizeTimer);
+					resizeTimer = setTimeout(orientationChange, 100);
+				
+				});
+				orientationChange();
+			}
+
+
+    	});//each End
+
+	};//slide End
+
+})(jQuery);
+
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) { return jQuery.easing[jQuery.easing.def](x, t, b, c, d); },
+	easeInQuad: function (x, t, b, c, d) {return c*(t/=d)*t + b;},
+	easeOutQuad: function (x, t, b, c, d) {return -c *(t/=d)*(t-2) + b},
+	easeInOutQuad: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t + b;return -c/2 * ((--t)*(t-2) - 1) + b},
+	easeInCubic: function (x, t, b, c, d) {return c*(t/=d)*t*t + b},
+	easeOutCubic: function (x, t, b, c, d) {return c*((t=t/d-1)*t*t + 1) + b},
+	easeInOutCubic: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t + b;return c/2*((t-=2)*t*t + 2) + b},
+	easeInQuart: function (x, t, b, c, d) {return c*(t/=d)*t*t*t + b},
+	easeOutQuart: function (x, t, b, c, d) {return -c * ((t=t/d-1)*t*t*t - 1) + b},
+	easeInOutQuart: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t*t + b;return -c/2 * ((t-=2)*t*t*t - 2) + b},
+	easeInQuint: function (x, t, b, c, d) {return c*(t/=d)*t*t*t*t + b},
+	easeOutQuint: function (x, t, b, c, d) {return c*((t=t/d-1)*t*t*t*t + 1) + b},
+	easeInOutQuint: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;return c/2*((t-=2)*t*t*t*t + 2) + b},
+	easeInSine: function (x, t, b, c, d) {return -c * Math.cos(t/d * (Math.PI/2)) + c + b},
+	easeOutSine: function (x, t, b, c, d) {return c * Math.sin(t/d * (Math.PI/2)) + b},
+	easeInOutSine: function (x, t, b, c, d) {return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b},
+	easeInExpo: function (x, t, b, c, d) {return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b},
+	easeOutExpo: function (x, t, b, c, d) {return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b},
+	easeInOutExpo: function (x, t, b, c, d) {if (t==0) return b;if (t==d) return b+c;if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;return c/2 * (-Math.pow(2, -10 * --t) + 2) + b},
+	easeInCirc: function (x, t, b, c, d) {return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b},
+	easeOutCirc: function (x, t, b, c, d) {return c * Math.sqrt(1 - (t=t/d-1)*t) + b},
+	easeInOutCirc: function (x, t, b, c, d) {if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b},
+	easeInElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b},
+	easeOutElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b},
+	easeInOutElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b},
+	easeInBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;return c*(t/=d)*t*((s+1)*t - s) + b},
+	easeOutBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b},
+	easeInOutBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b},
+	easeInBounce: function (x, t, b, c, d) {return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b},
+	easeOutBounce: function (x, t, b, c, d) {if ((t/=d) < (1/2.75)) {	return c*(7.5625*t*t) + b;} else if (t < (2/2.75)) {	return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;} else if (t < (2.5/2.75)) {	return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;} else {	return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;}},
+	easeInOutBounce: function (x, t, b, c, d) {if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;}
+});

fhKeeper/formulahousekeeper/inva_4_tivo/mobile.html

@@ -50,7 +50,7 @@
     <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>
+            <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 -->
@@ -93,48 +93,38 @@
     </nav>
 
     <!-- 产品功能 -->
-    <div class="cards-1">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h2 class="h2-heading">访问手机版</h2>
-                </div>
-            </div>
-            <div class="fenlei">
-                <div class="fenlei-zuo">
-                    <div><img class="img-fluid" src="images/qrcode.jpg" alt="wechat"></div>
-                    <h4 class="card-title" id="mobTxt">关注公众号，长按上方图片保存到手机，微信打开识别二维码</h4>
-                </div>
+    <div class="product">
+        <div class="connn">
+            <div class="proFel">
+                <h2>访问手机版</h2>
+                <div class="flexx">
+                    <div class="proFelCon">
+                        <div class="gallerys">
+                            <p></p>
+                            <img src="./image/gzh.jpg" alt="">
+                        </div>
+                        <p style="font-size: 30px;padding: 15px 0 5px 0">微信</p>
+                        <p>微信扫码，先关注公众号</p>
+                    </div>
 
-                <div class="fenlei-you">
-                    <div><img class="img-fluid" src="images/qr_dingding.png" alt="wechat"></div>
-                    <h4 class="card-title" id="dingdingTxt">钉钉扫码，一键同步组织架构，方便快捷。</h4>
-                    <a id="mobLink" class="btn-solid-lg page-scroll" href="http://mobworktime.ttkuaiban.com" >直接访问</a>
-                </div>
-            </div>
-            <!-- <div class="row">
-                <div class="col-lg-12">
-                    <div class="card ctas">
-                        <div class="fenlei">
-                            <div class="card-image">
-                                <img class="img-fluid" src="images/qrcode.jpg" alt="wechat">
-                            </div>
-                            <div class="card-body">
-                                <h4 class="card-title" id="mobTxt">关注公众号，长按上方图片保存到手机，微信打开识别二维码</h4>
-                                
-                            </div>
+                    <div class="proFelCon">
+                        <div class="gallerys">
+                            <p></p>
+                            <img src="./image/gzht.jpg" alt="">
                         </div>
-                        <div class="fenlei"></div>
-                            <div class="card-image">
-                                <img class="img-fluid" src="images/qr_dingding.png" alt="wechat">
-                            </div>
-                            <div class="card-body">
-                                <h4 class="card-title" id="dingdingTxt">钉钉扫码，一键同步组织架构，方便快捷。</h4>
-                                <a id="mobLink" class="btn-solid-lg page-scroll" href="http://mobworktime.ttkuaiban.com" >直接访问</a>
-                            </div>
+                        <p style="font-size: 30px;padding: 15px 0 5px 0">企业微信</p>
+                        <p>企业微信扫码，专业绑定</p>
+                    </div>
+
+                    <div class="proFelCon">
+                        <div class="gallerys">
+                            <p></p>
+                            <img src="./image/gzhf.jpg" alt="">
                         </div>
+                        <p style="font-size: 30px;padding: 15px 0 5px 0">钉钉</p>
+                        <p>钉钉扫码，一键同步组织架构，方便便捷</p>
                     </div>
-                </div> -->
+                </div>
             </div>
         </div>
     </div>
@@ -207,14 +197,14 @@
     
     	
     <!-- Scripts -->
-    <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
-    <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
-    <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
-    <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
-    <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
-    <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
-    <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
-    <script src="js/scripts.js"></script> <!-- Custom scripts -->
+    <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+    <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+    <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+    <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+    <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+    <script src="js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
+    <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)) { //移动端