产品下载修改

css/global.css

@@ -694,7 +694,7 @@ li.search .topSerach input[type=submit]:active{
   float:left;
   background:#ededed;
   height:50px;
-  margin:0 0 10px 0;
+  margin:0 20px 10px 0;
   padding:0 20px
 } 
 .trainEntry a{
@@ -3001,12 +3001,13 @@ border:none
 }
 .province .nav li{
   float:left;
-  width:80px;
+  /*width:80px;*/
   height:50px;
 }
 .province .nav li a{
   display: inline-block;
-  width: 80px;
+  /*width: 80px;*/
+  padding:0 8px;
   border-left: 1px solid #ccc;
   text-align: center;
   font-size: 16px;
@@ -3029,11 +3030,11 @@ border:none
   color:#B2005E;
   cursor:default;
 }
-.provinceTwo .nav li,.provinceTwo .nav li a{
-  width:230px;
+.province.provinceTwo ul li a{
+  padding:0 20px;
 }
-.provinceTwo .nav li:first-child,.provinceTwo .nav li:first-child a{
-  width:80px;
+.province.provinceTwo ul li:first-child a{
+  padding:0 8px;
 }
 /* 2016年春节彩蛋
 .warp-body {
@@ -3098,4 +3099,25 @@ border:none
   0%,100%{transform:translateY(0);}
   10%,30%,50%,70%,90%{transform:translateY(-5px);}
   20%,40%,60%,80%{transform:translateY(8px);}
-  }*/
+  }*/
+.downCont{
+  font-size: 16px;
+  padding:25px 0;
+}
+.btndown{
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  border: 1px solid #10D25F;
+  padding: 12px 26px;
+  margin: 0 0 0 25px;
+  background: #10D25F;
+  color: #fff;
+  border-radius: 5px;
+}
+.btndown:hover{
+  color:#fff;
+  background:#0db451;
+  border: 1px solid #0db451;
+  text-decoration: none;
+}

index3.html

@@ -209,8 +209,9 @@
 		</div>
 		<div class="warp-sub-banner">
 			<div class="clearfix">
-				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fL" title="免费网络版"><img src="img/subbanner1.jpg"></a>
-				<div class="sub-img fR"><img src="img/subbanner2.jpg"></div>
+				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fL" title="免费网络版"><img src="img/sub01.jpg" width="335"></a>
+				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fL" style="margin-left:27px" title="免费网络版"><img src="img/sub04.jpg" width="335"></a>
+				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fR" style="margin-left:27px" title="免费网络版"><img src="img/sub03.jpg" width="335"></a>
 			</div>
 		</div>
 		<div class="warp-news clearfix">

product - download.html

@@ -37,6 +37,19 @@
 				</ul>
 			</div>
 			<div class="mainContent">
+				<div class="title"><img src="img/faviconZ+.png" width="80"><b>纵横 Z+全过程造价平台</b></div>
+				<div class="productTab clearfix">
+					<ul>
+						<li class="now" title="下载软件到本地">软件下载</li>
+						<li title="观看软件动画教程">动画教程</li>
+						<li title="浏览软件简介">软件介绍</li>
+						<li title="查看版本功能更新">版本更新</li>
+					</ul>
+				</div>
+				<div class="downCont">下载纵横Z+，轻松管理纵横软件<a target="blank" href="#" class="btndown" title="下载纵横Z+，获取免费网络版">立即下载纵横 Z+</a></div>
+				<div><img src="images/Z+.png"></div>
+			</div>
+			<!-- <div class="mainContent">
 				<div class="title"><img src="img/yellowIcon-SLB.png" width="96"><b>纵横养护造价系统</b></div>
 				<div class="productTab clearfix">
 					<ul>
@@ -79,7 +92,7 @@
 						</ul>
 					</div>
 				</div>
-			</div>
+			</div> -->
 		</div>
 	</div>
 	<div class="wrapFooter">

train.html

@@ -100,82 +100,74 @@
 				<div class="province clearfix" style="margin-bottom:40px;">
 					<ul class="nav">
 						<li class="active"><a href="#">全部</a></li>
-						<li><a href="#">广东(2)</a></li>
-						<li><a href="#">山东(5)</a></li>
-						<li><a href="#">内蒙古(6)</a></li>
-						<li><a href="#">广西(3)</a></li>
-						<li><a href="#">重庆(6)</a></li>
-						<li><a href="#">山西(7)</a></li>
-						<li><a href="#">江西(6)</a></li>
-						<li><a href="#">安徽(7)</a></li>
-						<li><a href="#">四川(7)</a></li>
-						<li><a href="#">浙江(7)</a></li>
-						<li><a href="#">甘肃(7)</a></li>
+						<li><a href="#">广东(21)</a></li>
+						<li><a href="#">山东(51)</a></li>
+						<li><a href="#">内蒙古(61)</a></li>
+						<li><a href="#">广西(31)</a></li>
+						<li><a href="#">重庆(60)</a></li>
+						<li><a href="#">山西(77)</a></li>
+						<li><a href="#">江西(63)</a></li>
+						<li><a href="#">安徽(72)</a></li>
+						<li><a href="#">四川(75)</a></li>
+						<li><a href="#">浙江(74)</a></li>
+						<li><a href="#">甘肃(76)</a></li>
 					</ul>
 				</div>
 				<!--收费培训-->
-				<div class="tLeft fL">
-					<!-- <div class="tImg"><img src="img/trimagesl.jpg"></div> -->
-					<div class="trainList clearfix">
-						<div class="trainEntry doing animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">进行中</span></div>
-								<div class="trainTitle">2013年江西省公路工程高级人员造价培训班</div>
-							</a>
-						</div>
-						<div class="trainEntry apply animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">报名中</span><p class="tData">截止:2013-03-12</p></div>
-								<div class="trainTitle">2013年四川省公路工程造价师考前培训通知</div>
-							</a>
-						</div>
-						<div class="trainEntry apply animated">
-							<a href="#" title="·山东:2013年公路工程造价培训 ">
-								<div class="trainState"><span class="tIcon">报名中</span><p class="tData">截止:2013-03-12</p></div>
-								<div class="trainTitle">2013年四川省公路工程造价师考前培训通知</div>
-							</a>
-						</div>
-						<div class="trainEntry ending animated">
-							<a href="#" title="2015年四川桥梁养护工程造价培训">
-								<div class="trainState"><p class="tData">结束 2015-09-11</p></div>
-								<div class="trainTitle">2015年四川桥梁养护工程造价培训</div>
-							</a>
-						</div>
+				<div class="trainList clearfix">
+					<div class="trainEntry doing animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">进行中</span></div>
+							<div class="trainTitle">2013年江西省公路工程高级人员造价培训班</div>
+						</a>
 					</div>
-				</div>
-				<div class="tRight fR">
-					<!-- <div class="tImg"><img src="img/trimagesr.jpg"></div> -->
-					<div class="trainList clearfix">
-						<div class="trainEntry doing loca animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">吉林</span></div>
-								<div class="trainTitle">2015年吉林公路工程造价软件应用免费培训</div>
-							</a>
-						</div>
-						<div class="trainEntry doing loca animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">浙江</span></div>
-								<div class="trainTitle">2015年浙江公路工程造价软件应用免费培训</div>
-							</a>
-						</div>
-						<div class="trainEntry doing loca animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">广东</span></div>
-								<div class="trainTitle">2015年广东公路工程造价软件应用免费培训</div>
-							</a>
-						</div>
-						<div class="trainEntry doing loca animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">安徽</span></div>
-								<div class="trainTitle">2015年安徽公路工程造价软件应用免费培训</div>
-							</a>
-						</div>
-						<div class="trainEntry doing loca animated">
-							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
-								<div class="trainState"><span class="tIcon">重庆</span></div>
-								<div class="trainTitle">2015年重庆公路工程造价软件应用免费培训</div>
-							</a>
-						</div>
+					<div class="trainEntry apply animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">报名中</span><p class="tData">截止:2013-03-12</p></div>
+							<div class="trainTitle">2013年四川省公路工程造价师考前培训通知</div>
+						</a>
+					</div>
+					<div class="trainEntry apply animated">
+						<a href="#" title="·山东:2013年公路工程造价培训 ">
+							<div class="trainState"><span class="tIcon">报名中</span><p class="tData">截止:2013-03-12</p></div>
+							<div class="trainTitle">2013年四川省公路工程造价师考前培训通知</div>
+						</a>
+					</div>
+					<div class="trainEntry ending animated">
+						<a href="#" title="2015年四川桥梁养护工程造价培训">
+							<div class="trainState"><p class="tData">结束 2015-09-11</p></div>
+							<div class="trainTitle">2015年四川桥梁养护工程造价培训</div>
+						</a>
+					</div>
+					<div class="trainEntry doing loca animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">吉林</span></div>
+							<div class="trainTitle">2015年吉林公路工程造价软件应用免费培训</div>
+						</a>
+					</div>
+					<div class="trainEntry doing loca animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">浙江</span></div>
+							<div class="trainTitle">2015年浙江公路工程造价软件应用免费培训</div>
+						</a>
+					</div>
+					<div class="trainEntry doing loca animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">广东</span></div>
+							<div class="trainTitle">2015年广东公路工程造价软件应用免费培训</div>
+						</a>
+					</div>
+					<div class="trainEntry doing loca animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">安徽</span></div>
+							<div class="trainTitle">2015年安徽公路工程造价软件应用免费培训</div>
+						</a>
+					</div>
+					<div class="trainEntry doing loca animated">
+						<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
+							<div class="trainState"><span class="tIcon">重庆</span></div>
+							<div class="trainTitle">2015年重庆公路工程造价软件应用免费培训</div>
+						</a>
 					</div>
 				</div>	
 			</div>