Chente 6 anni fa
parent
commit
1fd60b912a

+ 57 - 58
css/global.css

@@ -283,31 +283,39 @@ input.button {
   background-position:-187px -86px;
 }
 .indexDownload {
-  background:#f5f5f5 url(globalIcon.png) repeat-x 0 -194px;
+  background:url(globalIcon.png) repeat-x 0 -194px;
   position: relative;
   margin:40px 0 0 0
 }
-.indexDownload .warpDownload{
-  background:url(globalIcon.png) repeat-x 0 260px;
-  *background:url(globalIcon.png) repeat-x 0 260px;
+/*.indexDownload .warpDownload{
+  background:url(globalIcon.png) repeat-x 0 384px;
+  *background:url(globalIcon.png) repeat-x 0 384px;
   _background:url(globalIcon.png) repeat-x 0 272px;
   padding:20px 0
+}*/
+
+.warpDownload_title{
+  font-size: 24px;
+  color:#333;
+  margin:0 0 15px 0;
+  padding:15px 0 0 0;
 }
+
 .warpDownload li{
   width:420px;
-  height:50px;
   float:left;
-  padding:15px 25px
+  padding:15px 25px;
 }
 .warpDownload li:hover{
   background:#fff
 }
 .warpDownload li a{
   float:right;
+  font-size: 14px;
   color:#fff;
   background-color:#E36335;
-  padding:1px 5px;
-  margin:20px 0 0 0
+  padding:8px 23px;
+  margin:30px 0 0 0
 }
 .warpDownload li a:hover{
   background-color:#ff6501;
@@ -317,17 +325,17 @@ input.button {
 }
 .warpDownload li a.info{
   border-right:1px solid #fff;
-  display:none
+  background:#9D9D9D;
 }
 .warpDownload li h2 {
-  font-size:18px;
+  font-size:20px;
   color:#414141;
-  margin:0 0 5px 65px
+  margin:0 0 5px 120px
 }
 .warpDownload li h3 {
   font-size:14px;
   color:#a8a8a8;
-  margin:0 0 0 65px
+  margin:0 0 0 95px
 }
 .warpDownload li b{
   float:right;
@@ -336,6 +344,43 @@ input.button {
   padding:1px 5px;
   margin:20px 0 0 0
 }
+.warpDownload{
+  padding:10px 0;
+}
+.stepBtitle{
+  text-align: center;
+  margin-top: 20px;
+  font-size: 26px;
+  color:#333;
+}
+.step{
+  margin:30px 0;
+}
+.stepTitle{
+  font-size: 20px;
+  display:inline-block;
+  color:#ed5c00;
+  /*padding:5px 15px;
+  background:#ed5c00;
+  color:#fff;*/
+}
+.stepCont{
+  padding:5px 0;
+  font-size: 20px;
+}
+.btnOrange{
+  margin:0 10px;
+  border:1px solid #ed5c00;
+  padding:5px 15px;
+  background:#ed5c00;
+  color:#fff;
+}
+.btnOrange:hover{
+  background:#c84e00;
+  border:1px solid #c84e00;
+  color:#fff;
+  text-decoration: none;
+}
 .indexIcon {
   background:url(globalIcon.png) no-repeat;
   width:48px;
@@ -402,7 +447,6 @@ input.button {
   -webkit-border-radius:3px;
   padding:0 5px;
   color:#999;
-  font-size: 14px
 }
 .formItem li input.inputText:focus,.inputText:focus {
   border-color:#ff6501;
@@ -709,49 +753,4 @@ input.button {
 
 .modal-footer .btn-block+.btn-block {
   margin-left: 0
-}
-.area-button {
-  display:inline-block;
-  height:30px;
-  line-height: 30px;
-  padding:0 10px;
-  cursor: pointer;
-  font-size: 14px
-}
-.area-dorpdown.hover .area-button{
-  background:#e2e2e2;
-  color: #E36335
-}
-.area-dorpdown .area-warp {
-  width:360px;
-  padding:10px 0 10px 10px;
-  position:absolute;
-  top:45px;
-  left:145px;
-  z-index: 999;
-  border:1px solid #E2E2E2;
-  background:#fff;
-  display:none;
-}
-.area-dorpdown.hover .area-warp{
-  display:block;
-}
-.area-content-list div.item {
-  float:left;
-  width:60px;
-  padding:2px 0;
-}
-.area-content-list div.item a{
-  float:left;
-  padding:5px 8px;
-  color:#666;
-}
-.area-content-list div.item a:hover{
-  background-color:#E36335;
-  color:#fff;
-}
-
-.area-content-list div.item a.select{
-  background-color:#E36335;
-  color:#fff;
 }

BIN
css/indexbanner - 副本.jpg


BIN
css/indexbanner.jpg


BIN
images/qidongqi01.png


BIN
images/qidongqi02.png


BIN
images/softIcon1.png


BIN
images/softIcon2.png


BIN
images/下载页.png


+ 34 - 13
index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang=zh-cn> 
 <head>
 	<meta charset=utf-8> 
@@ -45,34 +45,54 @@
 			</div>
 		</div>
 		<div class="sideBanner">
-			<div class="imgItem">
+			<div class="imgItem hide">
 				<img src="images/banner1.jpg">
 			</div>
 		</div>
 	</div>
 </div>
-<div class="indexDownload">
+<!-- <div class="indexDownload">
 	<div class="indexIcon idIcon"></div>
 	<div class="warpDownload">
 		<div class="width950">
+			<h2 class="warpDownload_title">软件下载</h2>
 			<ul class="clearfix">
-				<li><img src="images/softIcon1.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横公路工程造价管理系统</h2></div></li>
-				<li><img src="images/softIcon2.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>广东公路造价编审系统</h2></div></li>
-				<li><img src="images/softIcon3.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横标后预算管理系统</h2></div></li>
-				<li><img src="images/softIcon4.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横定额测定编制排版系统</h2></div></li>
-				<li><img src="images/softIcon5.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横公路工程算量软件</h2></div></li>
+				<li><img style="width:100px;" src="images/softIcon1.png" class="fL"><h2>纵横公路工程造价管理系统</h2><div><a href="#">立即下载</a><a href="#" class="info">详情</a></div></li>
+				<li><img style="width:100px;" src="images/softIcon2.png" class="fL"><h2>广东公路造价编审系统</h2><div><a href="#">立即下载</a><a href="#" class="info">详情</a></div></li>
 			</ul>
 		</div>
 	</div>
+</div> -->
+<div class="indexDownload">
+	<div class="indexIcon idIcon"></div>
+	<div class="warpDownload">
+		<div class="width950">
+			<h5 class="stepBtitle">如何免费获取免费网络版</h5>
+			<div class="step">
+				<b class="stepTitle">第一步:</b>
+				<div class="stepCont">纵横 Z+ 造价工作平台下载<a target="blank" href="http://d3.smartcost.com.cn/zonghengZ+zaojia%20_setup_0.1.10.exe" class="btnOrange">立即下载</a></div>
+			</div>
+			<div class="step">
+				<b class="stepTitle">第二步:</b>
+				<div class="stepCont">打开纵横 Z+ 造价平台,点击“下载软件”。如图:</div>
+				<div><img src="images/qidongqi01.png" title="点击“下载软件”"></div>
+			</div>
+			<div class="step">
+				<b class="stepTitle">第三步:</b>
+				<div class="stepCont">点击下载你需要的版本。如图:</div>
+				<div><img src="images/qidongqi02.png" title="纵横造价免费网络版下载"></div>
+			</div>
+		</div>
+	</div>
 </div>
-<div class="indexSlide">
+<!-- <div class="indexSlide">
 	<div class="indexIcon isIcon"></div>
 	<div class="width950">
 		<div class="slideBanner">
 			<img src="images/slidebanner.jpg">
 		</div>
 	</div>
-</div>
+</div> -->
 <div class="footer">
 	<div class="width950">
 		<p>Copyright © 2012 <a href="http://smartcost.com.cn" target="_blank">纵横创新软件有限公司</a>. All Rights Reserved </p>
@@ -80,7 +100,7 @@
 </div>   
 </div>
  <!--邀请用户弹出框-->
-    <div class="modal " id="adduser">
+    <!-- <div class="modal " id="adduser">
       <div class="modal-header">
       <h3 class="colRed">纵横网络版更新公告</h3>
       </div>
@@ -93,6 +113,7 @@
       <div class="modal-footer">
 			<a href="#" class="button btn-blue" id="closemodal">我知道了</a>
 			</div>
-    </div>
-    <!--邀请用户弹出框--> <div class="modal-backdrop fade in"></div>
+    </div> -->
+    <!--邀请用户弹出框--> 
+    <!-- <div class="modal-backdrop fade in"></div> -->
 </body>

+ 4 - 1
js/global.js

@@ -3,14 +3,17 @@ $(function(){
 $(".zhzdFir").click(function () {
     $(this).toggleClass("now").siblings(".zhzdMenu").slideToggle("fast")
     });
+/*
 $(".warpDownload li").hover(function(){
 	$(this).find("a.info").show()
 },
 	function(){
 	$(this).find("a.info").hide()
 	});
+*/
+
 $("#closemodal").click(function () {
     $(".modal").hide();
     $(".modal-backdrop").hide();
     });	
-});
+});

+ 1 - 43
profile-input-2.html

@@ -43,49 +43,7 @@
 			<ul class="formItem">
 				<li><div class="fL">QQ号码</div><input class="inputText"></li>
 				<li><div class="fL">单位(公司)名称</div><input style="width:300px" class="inputText" value="珠海纵横创新软件有限公司"></li>
-				<li><div class="fL">所在省份</div>
-					<div class="area-dorpdown hover">
-					<!--未选择省份提示--><div class="area-button"><span class="colRed">请选择省份</span></div>
-					<div class="area-button"><span>请选择省份</span></div>
-					<span for="zhpasswd" generated="true" class="erroT">请选择省份</span>
-					<div class="area-warp">
-						<div class="area-content-list clearfix">
-							<div class="item"><a href="javascript:void(0)">北京</a></div>
-							<div class="item"><a href="javascript:void(0)">上海</a></div>
-							<div class="item"><a href="javascript:void(0)">天津</a></div>
-							<div class="item"><a href="javascript:void(0)">重庆</a></div>
-							<div class="item"><a href="javascript:void(0)">河北</a></div>
-							<div class="item"><a href="javascript:void(0)">山西</a></div>
-							<div class="item"><a href="javascript:void(0)">河南</a></div>
-							<div class="item"><a href="javascript:void(0)">辽宁</a></div>
-							<div class="item"><a href="javascript:void(0)">吉林</a></div>
-							<div class="item"><a href="javascript:void(0)">黑龙江</a></div>
-							<div class="item"><a href="javascript:void(0)">内蒙古</a></div>
-							<div class="item"><a href="javascript:void(0)">江苏</a></div>
-							<div class="item"><a href="javascript:void(0)">山东</a></div>
-							<div class="item"><a href="javascript:void(0)">安徽</a></div>
-							<div class="item"><a href="javascript:void(0)">浙江</a></div>
-							<div class="item"><a href="javascript:void(0)">福建</a></div>
-							<div class="item"><a href="javascript:void(0)">湖北</a></div>
-							<div class="item"><a href="javascript:void(0)">湖南</a></div>
-							<div class="item"><a href="javascript:void(0)" class="select">广东</a></div>
-							<div class="item"><a href="javascript:void(0)">广西</a></div>
-							<div class="item"><a href="javascript:void(0)">江西</a></div>
-							<div class="item"><a href="javascript:void(0)">四川</a></div>
-							<div class="item"><a href="javascript:void(0)">海南</a></div>
-							<div class="item"><a href="javascript:void(0)">贵州</a></div>
-							<div class="item"><a href="javascript:void(0)">云南</a></div>
-							<div class="item"><a href="javascript:void(0)">西藏</a></div>
-							<div class="item"><a href="javascript:void(0)">陕西</a></div>
-							<div class="item"><a href="javascript:void(0)">甘肃</a></div>
-							<div class="item"><a href="javascript:void(0)">青海</a></div>
-							<div class="item"><a href="javascript:void(0)">宁夏</a></div>
-							<div class="item"><a href="javascript:void(0)">新疆</a></div>
-						</div>
-					</div>
-					</div>
-				</li>
-				<li><div class="fL">联系地址</div><input style="width:300px" class="inputText"></li>
+				<li><div class="fL">联系地址</div><select><option>所在省份</option></select>&nbsp;<input style="width:300px" class="inputText"></li>
 				<li><div class="fL">电话号码</div><input value="区号" style="width:50px" class="inputText">&nbsp;<input class="inputText"></li>
 				<li class="noLine clearfix"><div class="fL">&nbsp;</div><a class="button btn-blue" href="">完成</a></li>
 			</ul>