Home Explore Help
Sign In
S.H.I.E.L.D.
/
websoft
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

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

outaozhen 6 years ago
parent
cd5c1177c9
commit
937a7fd7cd
10 changed files with 187 additions and 15 deletions
Unified View Show Diff Stats
  1. 95 13
      css/global.css
  2. BIN
      css/indexbanner.jpg
  3. BIN
      css/indexbanner1.jpg
  4. BIN
      images/qidongqi0004.png
  5. BIN
      images/qidongqi01.png
  6. BIN
      images/qidongqi02.png
  7. BIN
      images/qidongqi03.png
  8. BIN
      images/qidongqi04.png
  9. 2 2
      index.html
  10. 90 0
      index2.html

+ 95 - 13
css/global.css
View File 

@@ -209,8 +209,27 @@ input.button {
 
   color:#3366cc;
 
   color:#3366cc;
 
   z-index:10
 
   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 {
 
+/*.indexBanner {
 
   background:url(indexbanner.jpg) no-repeat center top;
 
   background:url(indexbanner.jpg) no-repeat center top;
 
   height:418px
 
   height:418px
 
 }
 
 }
 
@@ -232,6 +251,65 @@ input.button {
 
 .indexBanner a.loginButton:active{
 
 .indexBanner a.loginButton:active{
 
   background-color:#bf3a25;
 
   background-color:#bf3a25;
 
   color: #fff
 
   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 {
 
 .sideBanner {
 
   width:486px;
 
   width:486px;
 
@@ -282,11 +360,11 @@ input.button {
 
 .panelSign a:active{
 
 .panelSign a:active{
 
   background-position:-187px -86px;
 
   background-position:-187px -86px;
 
 }
 
 }
 
-.indexDownload {
 
+/*.indexDownload {
 
   background:url(globalIcon.png) repeat-x 0 -194px;
 
   background:url(globalIcon.png) repeat-x 0 -194px;
 
   position: relative;
 
   position: relative;
 
   margin:40px 0 0 0
 
   margin:40px 0 0 0
 
-}
 
+}*/
 
 /*.indexDownload .warpDownload{
 
 /*.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 384px;
 
   *background:url(globalIcon.png) repeat-x 0 384px;
 
@@ -345,7 +423,8 @@ input.button {
 
   margin:20px 0 0 0
 
   margin:20px 0 0 0
 
 }
 
 }
 
 .warpDownload{
 
 .warpDownload{
 
-  padding:10px 0;
 
+  /*padding:10px 0;*/
 
+  padding:90px 0 10px 0;
 
 }
 
 }
 
 .stepBtitle{
 
 .stepBtitle{
 
   text-align: center;
 
   text-align: center;
 
@@ -368,16 +447,19 @@ input.button {
 
   padding:5px 0;
 
   padding:5px 0;
 
   font-size: 20px;
 
   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;
 
   color:#fff;
 
+  border-radius: 5px;
 
 }
 
 }
 
-.btnOrange:hover{
 
-  background:#c84e00;
 
-  border:1px solid #c84e00;
 
+.btndown:hover{
 
+  background:#09ba51;
 
+  border:1px solid #09ba51;
 
   color:#fff;
 
   color:#fff;
 
   text-decoration: none;
 
   text-decoration: none;
 
 }
 
 }
 
@@ -539,7 +621,7 @@ input.button {
 
   margin-top:10px
 
   margin-top:10px
 
 }
 
 }
 
 .userInfoPanel {
 
 .userInfoPanel {
 
-  margin:20px auto 5px
 
+  margin:20px auto 20px;
 
 }
 
 }
 
 .userInfoPanel p{
 
 .userInfoPanel p{
 
   text-align:right;
 
   text-align:right;

BIN
css/indexbanner.jpg
View File


BIN
css/indexbanner1.jpg
View File


BIN
images/qidongqi0004.png
View File


BIN
images/qidongqi01.png
View File


BIN
images/qidongqi02.png
View File


BIN
images/qidongqi03.png
View File


BIN
images/qidongqi04.png
View File


File diff suppressed because it is too large
+ 2 - 2
index.html


+ 90 - 0
index2.html
View File 

@@ -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>