计量支付轮换修改

css/global.css

@@ -733,7 +733,7 @@ li.search .topSerach input[type=submit]:active{
   height:50px;
   margin:0 20px 10px 0;
   padding:0 20px
-} 
+}
 .trainEntry a{
   color:#666
 }
@@ -1046,7 +1046,7 @@ li.search .topSerach input[type=submit]:active{
 }
 .historyList li.noline{
   border-bottom:none
-} 
+}
 .historyList div.middle{
   margin:0 30px
 }
@@ -1148,7 +1148,7 @@ li.search .topSerach input[type=submit]:active{
   float:left;
   width:225px;
   padding:15px 0 15px 15px;
-  background:url(contactBg.png) repeat;    
+  background:url(contactBg.png) repeat;
   box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
   z-index:5;
   position:relative
@@ -1445,7 +1445,7 @@ li.search .topSerach input[type=submit]:active{
 .selectEntry.downLink a{
   color:#fff;
   text-decoration:underline;
-  margin:0 0 0 20px 
+  margin:0 0 0 20px
 }
 .selectEntry.downLink a:hover{
   text-decoration: none;
@@ -2143,7 +2143,7 @@ border:none
 	background:#ff6501;
   border:none
 }
-.piracy_con{ 
+.piracy_con{
     text-align:center;
 	margin:65px 0;
 	text-align:center;
@@ -2221,10 +2221,11 @@ border:none
 .header-nav .nav-main {
   float:left;
   /*padding:0 20px;*/
-  padding: 0 26px;
+  padding: 0 24px;
   position:relative;
   cursor:pointer;
-  z-index: 999
+  z-index: 999;
+  display: block;
 }
 .header-nav .nav-main.text {
   float:left;
@@ -2243,7 +2244,17 @@ border:none
   color:#2f2f2f
 }
 .header-nav .nav-main.active {
-  background-color: #F1F1F1
+  background-color: #F1F1F1;
+  position: relative;
+}
+.header-nav .nav-main.active::after{
+  position: absolute;
+  content: '';
+  top: 0;
+  left: 0;
+  background: #ff6501;
+  width: 100%;
+  height: 2px;
 }
 .header-nav .nav-main.active > h2{
   color:#2f2f2f
@@ -2261,7 +2272,7 @@ border:none
 
 .header-new-search{
   float: left;
-  padding: 0 20px;
+  padding: 0 24px;
   cursor: pointer;
 }
 .header-new-search:hover{
@@ -2674,7 +2685,7 @@ border:none
   background:url(banner-jlzf2.png) 0 0;
   width:440px;
   height:342px;
-  bottom:5px;
+  bottom:25px;
   left:376px;
   transition: all 0.8s ease-in 0s;
   transform: translateX(-70px);
@@ -2682,8 +2693,8 @@ border:none
 .banner-seven .images-3{
   background:url(banner-jlzf2.png) 0 -352px;
   width:325px;
-  height:192px;
-  bottom:5px;
+  height:190px;
+  bottom:25px;
   left:180px;
   transition: all 0.8s ease-in 0s;
   transform: translateX(70px);
@@ -2700,12 +2711,12 @@ border:none
   background:url(banner-jlzf2.png) 0 -544px;
   width:631px;
   height:47px;
-  top:28px;
-  left:230px;
+  top:55px;
+  left:100px;
   transition: all 0.4s ease-out 0s;
   transform: translateX(30px);
 }
-.banner-seven .title-2{
+/* .banner-seven .title-2{
   background:url(banner-jlzf2.png) 0 -591px;
   width:683px;
   height:47px;
@@ -2714,7 +2725,7 @@ border:none
   transition: all 0.2s ease-in 0s;
   transform: translateX(30px);
   transition-delay: 0.2s;
-}
+} */
 .banner-seven.show .title-1{
   transform: translateX(0px);
   opacity:1;
@@ -2725,8 +2736,8 @@ border:none
 }
 .banner-seven .more-button{
   position:absolute;
-  top:450px;
-  right:200px;
+  top:70px;
+  right:0px;
   z-index: 99;
   opacity:0;
   transition: all 0.2s ease-in 0s;
@@ -2750,6 +2761,19 @@ border:none
   background:#fff;
   padding:17px 32px;
 }
+.banner-seven .more-button a.login{
+  color:#fff;
+  background:#e36335;
+  border:1px solid #e36335;
+  padding:15px 30px;
+  text-decoration: none;
+  font-size: 16px
+}
+.banner-seven .more-button a.login:hover{
+  color:#fff;
+  background:#e36335;
+  padding:17px 32px;
+}
 /*计量支付2*/
 /*N合1*/
 .banner-entry.banner-two {
@@ -3635,7 +3659,7 @@ border:none
 .helpList{
   min-height:350px;
 }
-.helpList ul{ 
+.helpList ul{
 }
 .helpList ul li{
   margin:10px 0 10px 0;
@@ -3837,7 +3861,7 @@ border:none
   margin-left: -1px;
   font-weight: 600;
   color: #666;
-  cursor: pointer; 
+  cursor: pointer;
 }
 .province .nav li a:hover{
   text-decoration: none;
@@ -3925,7 +3949,7 @@ border:none
   margin-left:242px;
 }
 .video-view h2{
-  
+
   border-color:#ff6501;
 }
 .video-mini-list{
@@ -3961,4 +3985,4 @@ border:none
 }
 .video-mini-list ul li.active .videoCon{
   display:none;
-}
+}

index4.html

@@ -99,16 +99,26 @@
 		</div>
 	</div>
 	<div class="warp-banner">
-			<div class="banner-shell" id="big-banner">
-				<div class="banner-entry banner-ten">
+			<div class="banner-shell" id="big-banner2">
+				<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/" target="_blank">查看专题</a> <a href="http://jl.smartcost.com.cn/" target="_blank" class="login">登录系统</a></div>
+						<div class="animation images-1"></div>
+						<div class="animation images-2"></div>
+						<div class="animation images-3"></div>
+					</div>
+				</div>
+				<!-- <div class="banner-entry banner-ten">
 					<div class="banner-images">
 						<h2 class="animation title-1" title="大司空市政云计价免费版软件，永久免费">大司空市政云计价免费版软件，永久免费</h2>
 						<h3 class="animation title-2" title="免费 免费 免费">免费&nbsp;&nbsp;&nbsp;&nbsp;免费&nbsp;&nbsp;&nbsp;&nbsp;免费</h3>
 						<div  class="more-button"><a href="https://yun.smartcost.com.cn/" target="_blank">点此立即登录大司空</a></div>
-						<!-- <div class="animation images-2"></div>
-						<div class="animation images-3"></div> -->
+						##<div class="animation images-2"></div>
+						<div class="animation images-3"></div> ##
 					</div>
-				</div>
+				</div> -->
 				<!-- <div class="banner-entry banner-seven show">
 					<div class="banner-images">
 						<h2 class="animation title-1" title="纵横结算决算计量支付软件"></h2>
@@ -128,24 +138,14 @@
 						<div  class="more-button"><a href="#" target="_blank">立即下载</a></div>
 					</div>
 				</div> -->
-				<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/" target="_blank">查看专题</a></div>
-						<div class="animation images-1"></div>
-						<div class="animation images-2"></div>
-						<div class="animation images-3"></div>
-					</div>
-				</div>
-				<div class="banner-entry banner-four">
+				<!-- <div class="banner-entry banner-four">
 					<div class="banner-images">
 						<div class="animation images-1"></div>
 						<h2 class="animation title-1" title="纵横造价网络版，深耕造价十余年，专业、极速、永久免费"></h3>
 						<h3 class="animation title-2" title="免费下载 不限使用"></h3>
 						<div  class="more-button"><a href="http://ol.smartcost.com.cn" target="_blank">立即下载</a></div>
 					</div>
-				</div>
+				</div> -->
 				<!-- <div class="banner-entry banner-two">
 					<div class="banner-images">
 						<h2 class="animation title-1" title="纵横软件N合1，千位数大揭秘"></h2>
@@ -154,15 +154,15 @@
 					</div>
 				</div> -->
 
-				<div class="banner-entry banner-ten">
+				<!-- <div class="banner-entry banner-ten">
 					<div class="banner-images">
 						<h2 class="animation title-1" title="大司空市政云计价网络版">大司空市政云计价网络版</h2>
 						<h3 class="animation title-2" title="免费 免费 免费">免费&nbsp;&nbsp;&nbsp;&nbsp;免费&nbsp;&nbsp;&nbsp;&nbsp;免费</h3>
 						<div  class="more-button"><a href="https://yun.smartcost.com.cn/" target="_blank">点此登录</a></div>
 						<div class="animation images-1"></div>
-						<!-- <div class="animation images-3"></div> -->
+						##<div class="animation images-3"></div> ##
 					</div>
-				</div>
+				</div> -->
 			</div>
 			<div id="banner-pointer">
 				<ul title="切换广告图">