Forráskód Böngészése

增加2018新定额免费网络版内容

outaozhen 6 éve
szülő
commit
937a7fd7cd

+ 95 - 13
css/global.css

@@ -209,8 +209,27 @@ input.button {
   color:#3366cc;
   z-index:10
 }
+.userInfoPanel{
+  position:relative;
+}
+.userInfoPanel a.loginButton{
+  position:absolute;
+  right:0;
+  top:5px;
+  border:1px solid #d75d49;
+  color:#d75d49;
+  padding:5px 20px
+}
+.userInfoPanel a.loginButton:hover{
+  background-color:#e8715e;
+  color: #fff
+}
+.userInfoPanel a.loginButton:active{
+  background-color:#bf3a25;
+  color: #fff
+}
 /*indexBanner*/
-.indexBanner {
+/*.indexBanner {
   background:url(indexbanner.jpg) no-repeat center top;
   height:418px
 }
@@ -232,6 +251,65 @@ input.button {
 .indexBanner a.loginButton:active{
   background-color:#bf3a25;
   color: #fff
+}*/
+.indexBannerNew{
+  background:url(indexbanner1.jpg) no-repeat center top;
+  height:418px;
+}
+.indexBannerNew .width950{
+  position:relative;
+}
+.bannerText{
+  padding:100px 0 0 0;
+  color:#fff;
+}
+.bannerText .bannerText-1{
+  text-align: center;
+  font-size: 36px;
+}
+.bannerText .bannerText-2{
+  margin:20px 0 0 0;
+  text-align: center;
+  font-size: 50px;
+}
+.bannerButton{
+  position:absolute;
+  top:350px;
+  left:130px;
+  width:700px;
+  height:140px;
+  background:#fff;
+  border-radius: 5px;
+}
+.bannerButtonLeft{
+  position:absolute;
+  left:50px;
+  top:40px;
+}
+.bannerBtext{
+  font-size: 18px;
+  line-height: 30px;
+}
+.bannerButtonRight{
+  position:absolute;
+  right:50px;
+  top:40px;
+}
+.bannerButtonRight a{
+  background:#d75d49;
+  color:#fff;
+  font-size: 20px;
+  display:inline-block;
+  padding:14px 35px;
+  border-radius: 5px;
+}
+.bannerButtonRight a:hover{
+  background:#e8715e;
+  color:#fff;
+}
+.bannerButtonRight a:active{
+  background:#bf3a25;
+  color:#fff;
 }
 .sideBanner {
   width:486px;
@@ -282,11 +360,11 @@ input.button {
 .panelSign a:active{
   background-position:-187px -86px;
 }
-.indexDownload {
+/*.indexDownload {
   background:url(globalIcon.png) repeat-x 0 -194px;
   position: relative;
   margin:40px 0 0 0
-}
+}*/
 /*.indexDownload .warpDownload{
   background:url(globalIcon.png) repeat-x 0 384px;
   *background:url(globalIcon.png) repeat-x 0 384px;
@@ -345,7 +423,8 @@ input.button {
   margin:20px 0 0 0
 }
 .warpDownload{
-  padding:10px 0;
+  /*padding:10px 0;*/
+  padding:90px 0 10px 0;
 }
 .stepBtitle{
   text-align: center;
@@ -368,16 +447,19 @@ input.button {
   padding:5px 0;
   font-size: 20px;
 }
-.btnOrange{
-  margin:0 10px;
-  border:1px solid #ed5c00;
-  padding:5px 15px;
-  background:#ed5c00;
+.btndown{
+  font-size: 20px;
+  font-weight: bold;
+  margin:0 45px;
+  border:1px solid #10D25F;
+  padding:20px 85px;
+  background:#10D25F;
   color:#fff;
+  border-radius: 5px;
 }
-.btnOrange:hover{
-  background:#c84e00;
-  border:1px solid #c84e00;
+.btndown:hover{
+  background:#09ba51;
+  border:1px solid #09ba51;
   color:#fff;
   text-decoration: none;
 }
@@ -539,7 +621,7 @@ input.button {
   margin-top:10px
 }
 .userInfoPanel {
-  margin:20px auto 5px
+  margin:20px auto 20px;
 }
 .userInfoPanel p{
   text-align:right;

BIN
css/indexbanner.jpg


BIN
css/indexbanner1.jpg


BIN
images/qidongqi0004.png


BIN
images/qidongqi01.png


BIN
images/qidongqi02.png


BIN
images/qidongqi03.png


BIN
images/qidongqi04.png


A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 2 - 2
index.html


+ 90 - 0
index2.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。>
+	<link rel="shortcut icon" href="http://ol.smartcost.com.cn/global/images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script> 
+	<script src=js/bootstrap.js></script> 
+</head>
+<body>
+<div class="globalHeader">
+	<div class="width950">
+		<div class="globalNav">
+			<a href="http://smartcost.com.cn" target="_blank">纵横官网</a>
+			<a href="http://sso.smartcost.com.cn" target="_blank">通行帐号</a>
+			<a href="#" class="now">网络版</a>
+			<div class="zhzd">
+				<a class="zhzdFir">纵横知道<b></b></a>
+				<div class="zhzdMenu">
+					<a href="http://zhzdwd.com" target="_blank">问答</a>
+					<a href="http://zhzdwk.com" target="_blank">文库</a>
+					<a href="http://zhzdjg.com" target="_blank">价格信息</a>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="width950 userInfoPanel clearfix">
+	<img class="fL" src="images/mainlogo.png">
+	<a href="#" class="loginButton">登录</a>
+</div>
+<div class="indexBannerNew">
+	<div class="width950">
+		<div class="bannerText">
+			<div class="bannerText-1">2018新定额免费网络版V10.1正式发布</div>
+			<div class="bannerText-2">简单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;简洁&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专业</div>
+		</div>
+		<div class="bannerButton">
+			<div class="bannerButtonLeft">
+				<div class="bannerBtext">下载全新纵横Z+造价工作平台</div>
+				<div class="bannerBtext">使用通行帐号,继续免费使用网络版</div>
+			</div>
+			<div class="bannerButtonRight">
+				<a href="#" title="立即下载纵横 Z+">立即下载纵横 Z+</a>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="indexDownload">
+	<div class="warpDownload">
+		<div class="width950">
+			<h5 class="stepBtitle">获取免费网络版</h5>
+			<div class="step">
+				<b class="stepTitle">第一步:</b>
+				<div class="stepCont">下载纵横Z+,获取免费网络版<p style="color:#f00;margin-top:10px;">(注意:纵横Z+不适配windows xp系统)</p></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 class="step">
+				<b class="stepTitle">第四步:</b>
+				<div class="stepCont">下载安装。如图:</div>
+				<div><img src="images/qidongqi03.png" title="纵横造价免费网络版下载"></div>
+			</div>
+			<div class="step">
+				<b class="stepTitle">完成:</b>
+				<div class="stepCont">开始使用您的免费网络版。如图:</div>
+				<div><img src="images/qidongqi04.png" title="纵横造价免费网络版下载"></div>
+			</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>
+	</div>
+</div>   
+</div>
+</body>