播放教程

css/global.css

@@ -704,49 +704,6 @@ li.search .topSerach input[type=submit]:active{
 .videoItem li .videoCon span:hover{
   background:#ff6501
 }
-.videoItem li .videoCon2{
-  position: absolute;
-  bottom:7px;
-  width:100%;
-  color:#fff;
-  z-index:10;
-  text-align:center;
-  font-size:12px
-}
-.videoItem li .videoCon2{
-  background:url(titleBg-black.png) repeat;
-  z-index:9;
-  height:80px;
-  top:0;
-  padding:60px 0 0 0
-}
-.videoItem li .videoCon2 a:hover{
-  text-decoration: none
-}
-.videoItem li .videoCon2 span{
-  color:#fff;
-  font-size:16px;
-  line-height:16px;
-  height:16px;
-  padding:5px;
-  cursor:pointer
-}
-.videoItem li .videoCon2 span b{
-  display:inline-block;
-  *display:inline;
-  zoom:1;
-  width:16px;
-  height:16px;
-  background:url(scIcons.png) no-repeat 0 -95px;
-  vertical-align: middle;
-  padding:0 5px 0 0
-}
-.videoItem li .videoCon2 span.downBtn b{
-  background-position:0 -111px
-}
-.videoItem li .videoCon2 span:hover{
-  background:#ff6501
-}
 .softVideo .bottomSpace{
   height:100px
 }
@@ -2522,6 +2479,95 @@ border:none
   padding:17px 32px;
 }
 /*计量支付*/
+/*计量支付2*/
+.banner-entry.banner-seven {
+  background:#B6BA6B url(bing-banner06.jpg) center center
+}
+.banner-seven .animation{
+  position:absolute;
+  opacity:0
+}
+.banner-seven .images-2{
+  background:url(banner-jlzf2.png) 0 0;
+  width:440px;
+  height:342px;
+  bottom:5px;
+  left:216px;
+  transition: all 0.8s ease-in 0s;
+  transform: translateX(-70px);
+}
+.banner-seven .images-3{
+  background:url(banner-jlzf2.png) 0 -352px;
+  width:325px;
+  height:192px;
+  bottom:5px;
+  left:520px;
+  transition: all 0.8s ease-in 0s;
+  transform: translateX(70px);
+}
+.banner-seven.show .images-2{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-seven.show .images-3{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-seven .title-1{
+  background:url(banner-jlzf2.png) 0 -544px;
+  width:631px;
+  height:47px;
+  top:28px;
+  left:216px;
+  transition: all 0.4s ease-out 0s;
+  transform: translateX(30px);
+}
+.banner-seven .title-2{
+  background:url(banner-jlzf2.png) 0 -591px;
+  width:683px;
+  height:47px;
+  top:85px;
+  left:189px;
+  transition: all 0.2s ease-in 0s;
+  transform: translateX(30px);
+  transition-delay: 0.2s;
+}
+.banner-seven.show .title-1{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-seven.show .title-2{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-seven .more-button{
+  position:absolute;
+  top:385px;
+  right:40px;
+  z-index: 99;
+  opacity:0;
+  transition: all 0.2s ease-in 0s;
+  transform: translateX(30px);
+  transition-delay: 0.8s;
+}
+.banner-seven.show .more-button{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-seven .more-button a{
+  color:#333;
+  background:#fff;
+  border:1px solid #fff;
+  padding:15px 30px;
+  text-decoration: none;
+  font-size: 16px
+}
+.banner-seven .more-button a:hover{
+  color:#333;
+  background:#fff;
+  padding:17px 32px;
+}
+/*计量支付2*/
 /*N合1*/
 .banner-entry.banner-two {
   background:#ed6455 url(bing-banner02.jpg) center center
@@ -3518,7 +3564,7 @@ border:none
   10%,30%,50%,70%,90%{transform:translateY(-5px);}
   20%,40%,60%,80%{transform:translateY(8px);}
   }*/
-/*视频教程内部播放列表*/
+  /*视频教程内部播放列表*/
 .video-view{
   margin-left:242px;
 }

index4.html

@@ -100,7 +100,16 @@
 	</div>
 	<div class="warp-banner">
 			<div class="banner-shell" id="big-banner">
-				<div class="banner-entry banner-six show">
+				<div class="banner-entry banner-seven show">
+					<div class="banner-images">
+						<h2 class="animation title-1" title="纵横结算决算计量支付软件"></h2>
+						<h3 class="animation title-2" title="结算决算同步完成"></h3>
+						<div  class="more-button"><a href="http://jsjs.smartcost.com.cn/jianjie_index.html" target="_blank">查看专题</a></div>
+						<div class="animation images-2"></div>
+						<div class="animation images-3"></div>
+					</div>
+				</div>
+				<!-- <div class="banner-entry banner-six">
 					<div class="banner-images hover-stop">
 						<div class="animation images-1"></div>
 						<div class="animation images-2"></div>
@@ -109,13 +118,11 @@
 						<h3 class="animation title-2" title="新意满满"></h3>
 						<div  class="more-button"><a href="#" target="_blank">立即下载</a></div>
 					</div>
-				</div>
+				</div> -->
 				<div class="banner-entry banner-one">
 					<div class="banner-images">
-						<h2 class="animation title-1" title="纵横结算决算计量支付软件"></h2>
-						<h3 class="animation title-2" title="结算决算同步完成"></h3>
-						<h3 class="animation title-3" title="多项目集中管理"></h3>
-						<h3 class="animation title-4" title="全过程跟踪审计"></h3>
+						<h2 class="animation title-1" title="用纵横计量支付结算决算软件"></h2>
+						<h3 class="animation title-2" title="施工舒心、监理省心、业主安心"></h3>
 						<div  class="more-button"><a href="http://jsjs.smartcost.com.cn/" target="_blank">查看专题</a></div>
 						<div class="animation images-1"></div>
 						<div class="animation images-2"></div>