官网优化

fhKeeper/formulahousekeeper/inva_4_tivo/css/bottom.css

@@ -0,0 +1,64 @@
+/* 底部重写 */
+.indexBottom {
+    background: #20a0ff;
+    padding: 4rem 0;
+    margin-top: -2px !important;
+}
+.indexBottomBox {
+    display: flex;
+    justify-content: space-between;
+    width: 70rem;
+    margin: auto;
+}
+.indexBottomBox_box {
+    width: 70rem;
+    display: flex;
+}
+.indexBottomBox_one {
+    margin-right: 9rem;
+}
+.indexBottomBox_one .indexBottomBox_one_til, .indexBottomBox_video .indexBottomBox_one_til, .contactUs .indexBottomBox_one_til{
+    font-size: 1.35rem;
+    color: #fff;
+    font-weight: bold;
+    margin-bottom: 1.35rem;
+}
+.indexBottomBox_one div {
+    font-size: 1rem;
+    color: #fff;
+    margin-bottom: 1rem;
+}
+.indexBottomBox_video {
+    width: 14rem;
+}
+.indexBottomBox_video_box {
+    width: 100%;
+    height: 8rem;
+    cursor: pointer;
+}
+.indexBottomBox_video_box img{
+    width: 100%;
+    height: 100%;
+}
+.contactUs {
+    margin-left: 9rem;
+}
+.contactUs_box_img {
+    width: 8rem;
+    height: 8rem;
+}
+.contactUs_box_img img{
+    width: 100%;
+    height: 100%;
+}
+.contactUs_box_tex {
+    text-align: center;
+    line-height: 2rem;
+    font-size: 1rem;
+    color: #fff;
+    width: 100%;
+}
+
+.copyright {
+    border-color: #fff !important;
+}

fhKeeper/formulahousekeeper/inva_4_tivo/css/customer.css

@@ -94,7 +94,7 @@ html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-colo
     content:"";
     height: .125rem;
     width: 100%;
-    bottom: 0;
+    bottom: 1rem;
     left: 0;
     background: #37B8FF;
     position: absolute;
@@ -138,7 +138,7 @@ html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-colo
     content:"";
     height: .125rem;
     width: 100%;
-    bottom: 0;
+    bottom: 1rem;
     left: 0;
     background: #37B8FF;
     position: absolute;

fhKeeper/formulahousekeeper/inva_4_tivo/css/followup.css

@@ -94,7 +94,7 @@ html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-colo
     content:"";
     height: .125rem;
     width: 100%;
-    bottom: 0;
+    bottom: 1rem;
     left: 0;
     background: #37B8FF;
     position: absolute;
@@ -138,7 +138,7 @@ html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-colo
     content:"";
     height: .125rem;
     width: 100%;
-    bottom: 0;
+    bottom: 1rem;
     left: 0;
     background: #37B8FF;
     position: absolute;

fhKeeper/formulahousekeeper/inva_4_tivo/css/index.css

@@ -1,7 +1,7 @@
 
 .navigationBar {
     width: 100%;
-    height: 6.375rem;
+    height: 7rem;
     position: relative;
     box-shadow: 0px 0px 0px #fff;
 }
@@ -392,7 +392,7 @@
     width: 100%;
     height: 38.4375rem;
     position: relative;
-    transform: translate(0,16.25rem);
+    transform: translate(0, 16.25rem);
 }
 .fillCons {
     animation: move 2s;
@@ -830,7 +830,8 @@
 
 /* 尝试滚动 */
 .jiesao {
-    height: 137.5rem;
+    /* height: 137.5rem; */
+    height:  56.625rem;
     width: 100%;
 }
 .managements {
@@ -844,7 +845,8 @@ body {
 
 .znyq {
     /* height: 600vh; */
-    height: 4400px;
+    /* height: 4400px; */
+    height: 62rem;
     /* height: 251.6875rem; */
     width: 100%;
 }
@@ -983,3 +985,264 @@ body {
     font-weight: bold;
 }
 
+.copyright_mob {
+    width: 100%;
+    text-align: center;
+    line-height: 2.5rem !important;
+    color: #fff !important;
+    font-size: 1rem !important;
+    background: #20a0ff !important;
+    border-top: 1px solid #fff;
+}
+.p-small-sl {
+    line-height: 3.2rem !important;
+    color: #fff !important;
+    font-size: 1.3rem !important;
+    background: #20a0ff !important;
+}
+/* 底部重写 */
+.indexBottom {
+    background: #20a0ff;
+    padding: 4rem 0;
+    margin-top: -2px !important;
+}
+.indexBottomBox {
+    display: flex;
+    justify-content: space-between;
+    width: 80rem;
+    margin: auto;
+}
+.indexBottomBox_box {
+    width: 80rem;
+    display: flex;
+}
+.indexBottomBox_one {
+    margin-right: 10rem;
+}
+.indexBottomBox_one .indexBottomBox_one_til, .indexBottomBox_video .indexBottomBox_one_til, .contactUs .indexBottomBox_one_til{
+    font-size: 1.5rem;
+    color: #fff;
+    font-weight: bold;
+    margin-bottom: 1.5rem;
+}
+.indexBottomBox_one div {
+    font-size: 1.2rem;
+    color: #fff;
+    margin-bottom: 1.2rem;
+}
+.indexBottomBox_video {
+    width: 16rem;
+}
+.indexBottomBox_video_box {
+    width: 100%;
+    height: 10rem;
+    cursor: pointer;
+}
+.indexBottomBox_video_box img{
+    width: 100%;
+    height: 100%;
+}
+.contactUs {
+    margin-left: 10rem;
+}
+.contactUs_box_img {
+    width: 9rem;
+    height: 9rem;
+}
+.contactUs_box_img img{
+    width: 100%;
+    height: 100%;
+}
+.contactUs_box_tex {
+    text-align: center;
+    line-height: 2rem;
+    font-size: 1rem;
+    color: #fff;
+    width: 100%;
+}
+
+/* 新写的动画样式 */
+.manConOne{
+    animation:manConDD1 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConTwo{
+    animation:manConDD2 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConThree{
+    animation:manConDD3 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConfour{
+    animation:manConDD4 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConFive{
+    animation:manConDD5 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConSix{
+    animation:manConDD6 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConSeven{
+    animation:manConDD7 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.manConDDp {
+    animation:manConDDpText 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+@keyframes manConDD1{
+	from {transform: translate(0, 293px)}
+	to{transform: translate(0, 15px);}
+}
+@keyframes manConDD2{
+	from {transform: translate(-362px, 123px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes manConDD3{
+	from {transform: translate(-362px,-141px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes manConDD4{
+	from {transform: translate(-162px,-339px)}
+	to{transform: translate(0, -40px);}
+}
+@keyframes manConDD5{
+	from {transform: translate(162px,-339px)}
+	to{transform: translate(0, -40px);}
+}
+@keyframes manConDD6{
+	from {transform: translate(362px,-141px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes manConDD7{
+	from {transform: translate(362px,123px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes manConDDpText{
+	from {opacity: 0}
+	to{opacity: 1}
+}
+
+.selZhui1 {
+    animation:animselMou1 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.selZhui2 {
+    animation:animselMou2 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.selZhui3 {
+    animation:animselMou3 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.selZhui4 {
+    animation:animselMou4 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+
+@keyframes animselMou1{
+	from {transform: translate(-500px,-500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMou2{
+	from {transform: translate(-400px,-480px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMou3{
+	from {transform: translate(-500px,500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMou4{
+	from {transform: translate(-400px,510px)}
+	to{transform: translate(0, 0px);}
+}
+
+.MourZhui1 {
+    animation:animselMour1 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui2 {
+    animation:animselMour2 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui3 {
+    animation:animselMour3 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui4 {
+    animation:animselMour4 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui5 {
+    animation:animselMour5 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui6 {
+    animation:animselMour6 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui7 {
+    animation:animselMour7 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+.MourZhui8 {
+    animation:animselMour8 2s;
+    animation-fill-mode:forwards;
+    animation-direction:alternate;
+}
+
+@keyframes animselMour1{
+	from {transform: translate(300px,-500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour2{
+	from {transform: translate(400px,-500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour3{
+	from {transform: translate(500px,-500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour4{
+	from {transform: translate(550px,-550px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour5{
+	from {transform: translate(300px,500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour6{
+	from {transform: translate(400px,500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour7{
+	from {transform: translate(500px,500px)}
+	to{transform: translate(0, 0);}
+}
+@keyframes animselMour8{
+	from {transform: translate(550px,550px)}
+	to{transform: translate(0, 0);}
+}

fhKeeper/formulahousekeeper/inva_4_tivo/css/projectt.css

@@ -879,7 +879,7 @@ html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-colo
     content:"";
     height: .125rem;
     width: 100%;
-    bottom: 0;
+    bottom: 1rem;
     left: 0;
     background: #37B8FF;
     position: absolute;

fhKeeper/formulahousekeeper/inva_4_tivo/css/tongyong.css

@@ -56,8 +56,8 @@
     color: #333;
 }
 .til {
-    height: 6.375rem;
-    line-height: 6.375rem;
+    height: 4rem;
+    line-height: 4rem;
     position: relative;
     overflow: hidden;
     cursor: pointer;
@@ -70,8 +70,8 @@
     z-index: 9999999;
 }
 .ons a {
-    border-bottom: 2px solid #5e95f8;
+    border-bottom: 2px solid #37B8FF;
 }
 .til:hover a {
-    border-bottom: 2px solid #5e95f8;
+    border-bottom: .125rem solid #37B8FF;
 }

fhKeeper/formulahousekeeper/inva_4_tivo/js/index.js

@@ -42,13 +42,20 @@ let jiesaoTop = $('.jiesao').offset().top
 let znyqTop = $('.znyq').offset().top
 
 let fill = $('.fill').offset().top
+let znyq = $('.znyq').offset().top
+console.log(znyq, '高度')
+let jiesao = $('.jiesao').offset().top
 let tooltipsOffTop = $('#pricing').offset().top
 let filss = ''
+let znyqss = ''
+let jiesaoss = ''
 let tooltips = ''
 var devicewidth = document.documentElement.clientWidth
 if(document.documentElement.clientWidth < 1900) {
     var scale = devicewidth / 1920
     filss = fill * scale
+    znyqss = znyq * scale
+    jiesaoss = jiesao * scale
     tooltips = tooltipsOffTop * scale
 } else {
     filss = fill
@@ -67,72 +74,72 @@ $(window).scroll(function () {
         $("#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'
-        let jieMIngcs = jiesaoopacity > 0.8 ? jiesaoopacity : '0'
-        // 文字加透明
-        $('#manConDDp1').css({'opacity': jieMIngcs})
-        $('#manConDDp2').css({'opacity': jieMIngcs})
-        $('#manConDDp3').css({'opacity': jieMIngcs})
-        $('#manConDDp4').css({'opacity': jieMIngcs})
-        $('#manConDDp5').css({'opacity': jieMIngcs})
-        $('#manConDDp6').css({'opacity': jieMIngcs})
-        $('#manConDDp7').css({'opacity': jieMIngcs})
-        // 偏移
-        // $('#manConDD1').css({'transform': `translate(0, ${(1 - jiesaoopacity) * 293}px)`})
-        // $('#manConDD2').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
-        // $('#manConDD3').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
-        // $('#manConDD4').css({'transform': `translate(-${(1 - jiesaoopacity) * 162}px, -${(1 - jiesaoopacity) * 339}px)`})
-        // $('#manConDD5').css({'transform': `translate(${(1 - jiesaoopacity) * 162}px, -${(1 - jiesaoopacity) * 339}px)`})
-        // $('#manConDD6').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
-        // $('#manConDD7').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
-
-        $('#manConDD1').css({'transform': `translate(0, ${(1.1 - jiesaoopacity) * 300}px)`})
-        $('#manConDD2').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
-        $('#manConDD3').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
-        $('#manConDD4').css({'transform': `translate(-${(1 - jiesaoopacity) * 162}px, -${(1.1 - jiesaoopacity) * 339}px)`})
-        $('#manConDD5').css({'transform': `translate(${(1 - jiesaoopacity) * 162}px, -${(1.1 - jiesaoopacity) * 339}px)`})
-        $('#manConDD6').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
-        $('#manConDD7').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
-    }
+    // // 系统管理滚动计算
+    // if (currentTop > jiesaoTop && currentTop < (jiesaoTop + screenHeight)) {
+    //     let jiesaoopacity = (currentTop - jiesaoTop) / screenHeight
+    //     // let jiesaopadding = (1 - jiesaoopacity) * 300 + 'px'
+    //     let jieMIngcs = jiesaoopacity > 0.8 ? jiesaoopacity : '0'
+    //     // 文字加透明
+    //     $('#manConDDp1').css({'opacity': jieMIngcs})
+    //     $('#manConDDp2').css({'opacity': jieMIngcs})
+    //     $('#manConDDp3').css({'opacity': jieMIngcs})
+    //     $('#manConDDp4').css({'opacity': jieMIngcs})
+    //     $('#manConDDp5').css({'opacity': jieMIngcs})
+    //     $('#manConDDp6').css({'opacity': jieMIngcs})
+    //     $('#manConDDp7').css({'opacity': jieMIngcs})
+    //     // 偏移
+    //     // $('#manConDD1').css({'transform': `translate(0, ${(1 - jiesaoopacity) * 293}px)`})
+    //     // $('#manConDD2').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
+    //     // $('#manConDD3').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
+    //     // $('#manConDD4').css({'transform': `translate(-${(1 - jiesaoopacity) * 162}px, -${(1 - jiesaoopacity) * 339}px)`})
+    //     // $('#manConDD5').css({'transform': `translate(${(1 - jiesaoopacity) * 162}px, -${(1 - jiesaoopacity) * 339}px)`})
+    //     // $('#manConDD6').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
+    //     // $('#manConDD7').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
+
+    //     $('#manConDD1').css({'transform': `translate(0, ${(1.1 - jiesaoopacity) * 300}px)`})
+    //     $('#manConDD2').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
+    //     $('#manConDD3').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
+    //     $('#manConDD4').css({'transform': `translate(-${(1 - jiesaoopacity) * 162}px, -${(1.1 - jiesaoopacity) * 339}px)`})
+    //     $('#manConDD5').css({'transform': `translate(${(1 - jiesaoopacity) * 162}px, -${(1.1 - jiesaoopacity) * 339}px)`})
+    //     $('#manConDD6').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`})
+    //     $('#manConDD7').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`})
+    // }
     // 智能引擎滚动计算
     // if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight) && currentTop < 3000) {
     //     let znyqTopopacity = (2900 - currentTop)
     //     let znyqToppadding = (znyqTopopacity - 1) * 1.15 + 'px'
     //     $('#znyqH').css({'transform':'translate(0,'+znyqToppadding+')'})
     // }
-    if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight)) {
-        let teamOffset = (currentTop - znyqTop) / screenHeight
-        $('#znyqH').css({'transform':`translate(0, ${(1 - teamOffset) * 260}px)`})
-    }
+    // if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight)) {
+    //     let teamOffset = (currentTop - znyqTop) / screenHeight
+    //     $('#znyqH').css({'transform':`translate(0, ${(1 - teamOffset) * 260}px)`})
+    // }
     // if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight + 800) && currentTop > 2900) {
-        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 > 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 > filss - 300) {
         $('#fillCon').addClass('fillCons')
@@ -225,3 +232,60 @@ function kehuFlg() {
         $('#kehuRight').removeClass("zhis")
     }
 } 
+
+// 新的动画效果
+function gdjz(div,cssname,offset){
+	var a,b,c,d;
+	d=$(div).offset().top;
+	a=eval(d + offset);
+	b=$(window).scrollTop(); 
+	c=$(window).height();
+	if(b+c>a){
+	    $((div)).addClass((cssname));
+        $('#manConDDp1').css('opacity', 1)
+        $('#manConDDp2').css('opacity', 1)
+        $('#manConDDp3').css('opacity', 1)
+        $('#manConDDp4').css('opacity', 1)
+        $('#manConDDp5').css('opacity', 1)
+        $('#manConDDp6').css('opacity', 1)
+        $('#manConDDp7').css('opacity', 1)
+	}
+}
+
+function znyqFun(div,cssname,offset){
+	var a,b,c,d;
+	d=$(div).offset().top;
+	a=eval(d + offset);
+	b=$(window).scrollTop(); 
+	c=$(window).height();
+	if(b+c>a){
+	    $((div)).addClass((cssname));
+	}
+}
+$(document).ready(function(e) {
+    $(window).scroll(function(){
+        for (i = 0; i < 7; i++) {
+            if(i == 0) {gdjz("#manConDD1",'manConOne', jiesao - 700)}
+            if(i == 1) {gdjz("#manConDD2",'manConTwo', jiesao - 700)}
+            if(i == 2) {gdjz("#manConDD3",'manConThree', jiesao - 700)}
+            if(i == 3) {gdjz("#manConDD4",'manConfour', jiesao - 700)}
+            if(i == 4) {gdjz("#manConDD5",'manConFive', jiesao - 700)}
+            if(i == 5) {gdjz("#manConDD6",'manConSix', jiesao - 700)}
+            if(i == 6) {gdjz("#manConDD7",'manConSeven', jiesao - 700)}
+         }
+        for (j = 0; j < 12; j++) {
+            if(j == 0) {setTimeout(() => {znyqFun("#selMou1",'selZhui1', znyq - 1200 )}, 0)}
+            if(j == 1) {setTimeout(() => {znyqFun("#selMou2",'selZhui2', znyq - 1200 )}, 100)}
+            if(j == 2) {setTimeout(() => {znyqFun("#selMou3",'selZhui3', znyq - 2300 )}, 200)}
+            if(j == 3) {setTimeout(() => {znyqFun("#selMou4",'selZhui4', znyq - 2200 )}, 300)}
+            if(j == 4) {setTimeout(() => {znyqFun("#selMour1",'MourZhui1', znyq - 1200 )}, 400)}
+            if(j == 5) {setTimeout(() => {znyqFun("#selMour2",'MourZhui2', znyq - 1200 )}, 500)}
+            if(j == 6) {setTimeout(() => {znyqFun("#selMour3",'MourZhui3', znyq - 1200 )}, 600)}
+            if(j == 7) {setTimeout(() => {znyqFun("#selMour4",'MourZhui4', znyq - 1200 )}, 700)}
+            if(j == 8) {setTimeout(() => {znyqFun("#selMour5",'MourZhui5', znyq - 2200 )}, 800)}
+            if(j == 9) {setTimeout(() => {znyqFun("#selMour6",'MourZhui6', znyq - 2200 )}, 900)}
+            if(j == 10) {setTimeout(() => {znyqFun("#selMour7",'MourZhui7', znyq - 2300 )}, 1000)}
+            if(j == 11) {setTimeout(() => {znyqFun("#selMour8",'MourZhui8', znyq - 2300 )}, 1100)}
+        }
+    });
+});