فهرست منبع

首次提交,选择省份UI修改

Chente 8 سال پیش
کامیت
fbece0c7f2

+ 60 - 0
account-a1.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>登录-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:网络版帐号登录</b></p>
+			<p class="colOrange"><b>第二步:通行帐号登录</b></p>
+			<p>第三步:完成帐号合并</p>
+		</div>
+		<div class="loginForm">
+			<div class="accuntTipe">
+				登录后系统将为你提供帐号合并方案
+			</div>
+			<h3>登录您的通行帐号</h3>
+			<dl>
+				<dt>通行帐号/邮箱</dt>
+				<dd><input class="inputText"></dd>
+				<dt>您的密码</dt>
+				<dd><input type="password" class="inputText"></dd>
+				<dd class="clearfix"><br><br><a href="" class="button btn-dark">返回上一步</a><a href="" class="button btn-blue">登录</a><p class="colRed">帐号或者密码错误</p></dd>
+			</dl>
+		</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>
+</body>

+ 78 - 0
account-a2.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>登录-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:网络版帐号登录</p>
+			<p>第二步:通行帐号登录</p>
+			<p class="colOrange"><b>第三步:完成帐号合并</b></p>
+		</div>
+		<div class="loginForm clearfix">
+			<div class="accuntTipe">
+				选择您要保留的帐号信息;如果相同,则任选其一即可。<br>
+				合并后,您的个人信息数据将保留。
+			</div>
+			<div class="clearfix">
+				<div class="fL" style="width:295px">
+					<h3>您的网络版帐号</h3>
+					<dl>
+						<dt><s>网络版帐号:kakachen</s></dt>
+						<dt><s>网络版邮箱:kaka@sina.com</s></dt>
+						<dt><s>网络版密码:sadsd***</s></dt>
+					</dl>
+				</div>
+				<div class="fL">
+					<h3>您的通行帐号</h3>
+					<dl>
+						<dt>网络版帐号:asdlkj122</dt>
+						<dt>网络版邮箱:1212@qq.com</dt>
+						<dt>通行帐号密码:123***</dt>
+					</dl>
+				</div>
+			</div>
+			<div class="accuntConfirm">
+				<p>合并完成后,您的网络版软件将使用以下帐号</p>
+				<p><span>通行帐号:</span><b>asdlkj122</b></p>
+				<p><span>邮箱:</span><b>1212@qq.com</b></p>
+				<p><span>密码:</span><b>123***</b></p>
+				<div class="clearfix"><a href="" class="button btn-blue">确定使用这个新帐号</a></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>
+</body>

+ 57 - 0
account-a3.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>帐号合并-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:网络版帐号登录</p>
+			<p>第二步:通行帐号登录</b></p>
+			<p class="colOrange"><b>第三步:完成帐号合并</b></p>
+		</div>
+		<div class="loginForm">
+			<h3>完成合并</h3>
+			<dl>
+				<dt>您已经完成网络版帐号和通行帐号的合并操作</dt>
+				<dt>现在您可以使用以下通行帐号/邮箱登录使用所有纵横网络产品</dt>
+				<dt>通行帐号:<span class="colGreen">asdlkj122</span></dt>
+				<dt>邮箱:<span class="colGreen">kaka@sina.com</span></dt>
+				<dt><a href="#">进入网络版个人中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://sso.smartcost.com.cn" target="_blank">查看通行帐号支持的产品</a></dt>
+			</dl>
+		</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>
+</body>

+ 59 - 0
account-b1.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>帐号合并-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:网络版帐号登录</b></p>
+			<p class="colOrange"><b>第二步:通行帐号登录</b></p>
+			<p>第三步:完成帐号合并</p>
+		</div>
+		<div class="loginForm">
+			<div class="accuntTipe">
+				没有通行帐号的用户需先注册通行帐号;<br>
+				通行帐号注册完成后(包括激活邮箱),进行下一步操作;
+			</div>
+			<h3>注册您的通行帐号</h3>
+			<dl>
+				<dt>1 > 请点击以下“注册通行帐号”按钮开始注册</dt>
+				<dt>2 > 注册完成后返回当前页面“点击下一步”进行帐号合并</dt>
+				<dd class="clearfix"><br><br><a href="http://sso.smartcost.com.cn" target="_blank" class="button btn-green">注册通行帐号</a><a href="" class="button btn-blue">继续下一步</a></dd>
+			</dl>
+		</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>
+</body>

+ 62 - 0
account.html

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>帐号合并-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p class="colOrange"><b>第一步:网络版帐号登录</b></p>
+			<p>第二步:通行帐号登录</p>
+			<p>第三步:完成帐号合并</p>
+		</div>
+		<div class="loginForm">
+			<div class="accuntTipe">
+				2013年5月29日起纵横将对<a href="http://sso.smartcost.com.cn" target="_blank">通行帐号</a>与网络版帐号进行合并;<br>
+				所有网络版帐号必须完成帐号合并,才能正常使用所有网络版软件。<br>
+				合并完成后,您的所有个人信息数据都将完好保留。
+			</div>
+			<h3>登录您的网络版帐号</h3>
+			<dl>
+				<dt>网络版账号</dt>
+				<dd><input class="inputText"></dd>
+				<dt>您的密码</dt>
+				<dd><input type="password" class="inputText"></dd>
+				<dd class="clearfix"><br><br><a href="" class="button btn-blue">登录</a><p class="colRed">帐号或者密码错误</p></dd>
+			</dl>
+		</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>
+</body>

+ 60 - 0
account2.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>帐号合并-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:网络版帐号登录</b></p>
+			<p class="colOrange"><b>第二步:通行帐号登录</b></p>
+			<p>第三步:完成帐号合并</p>
+		</div>
+		<div class="loginForm">
+			<div class="accuntTipe">
+				如果已经拥有一个通行帐号我们将会为你合并2个帐号;<br>
+				如果您还没有通行帐号,请先注册一个通行帐号,再执行帐号合并。
+			</div>
+			<h3>登录您的通行帐号</h3>
+			<dl>
+				<dt>您是否已经拥有一个<a href="http://sso.smartcost.com.cn" target="_blank">通行帐号</a>(问答、文库、价格信息)?</dt>
+				<dt><input type="radio" name="asd">是,我有通行帐号</dt>
+				<dt><input type="radio" name="asd">否,我没有通行帐号</dt>
+				<dd class="clearfix"><br><br><a href="" class="button btn-blue">继续下一步</a></dd>
+			</dl>
+		</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>
+</body>

BIN
css/Thumbs.db


BIN
css/bodybg.jpg


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 5482 - 0
css/bootstrap.css


+ 757 - 0
css/global.css

@@ -0,0 +1,757 @@
+@charset "utf-8";
+/*Reset 样式初始化*/
+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
+br, input, button, textarea, h1, h2, h3, h4, h5,em{
+  padding: 0;
+  margin: 0;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 12px;
+  font-family:"微软雅黑","Tahoma";
+  vertical-align: baseline;
+  text-align:justify;
+  word-wrap:break-word;
+  text-justify:inter-ideograph
+}
+body{text-align:center}
+ul, ol, li, h1 {
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none
+}
+dl {
+  margin:0
+}
+dd {
+  margin-left:0
+}
+a {
+  outline:none;
+}
+a img {
+  border:0 none
+}
+img {
+  vertical-align:middle;
+  border:0px
+}
+table {
+  border-collapse:collapse
+}
+.clearfix:after {
+  content:".";
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden
+}
+.clearfix {
+  display:inline-block;
+  overflow:hidden
+}
+.clearfix {
+  display:block
+}
+body {color:#666;background:#f8f8f8 url(bodybg.jpg) repeat}
+a {color:#3366cc;text-decoration:none}
+a:hover {color:#333}
+.width950{width:950px;margin:0 auto}
+/**/
+.clearB {clear:both}
+.fL {float:left}
+.fR {float:right}
+:link, *:visited, *:hover, *:active, *:focus {
+    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+}
+.colRed {color:#f70000}
+.colOrange {color:#ed8b00}
+.colYel {color:#d9a601}
+.colGreen{color:#17ab0c}
+.colGray{color:#999}
+.colBlue{color:#3172d9}
+.hide {display:none}
+
+.button {
+  float:left;
+  height:32px;
+  margin-right:10px;
+  padding:0px 30px;
+  line-height:32px;
+  text-align:center;
+  overflow:hidden;
+  font-weight:bold;
+  color:#FFF;
+  border-radius:3px;
+  text-shadow:0 1px rgba(0, 0, 0, 0.1);
+  text-decoration:none;
+  border:none;
+  cursor:pointer
+}
+input.button {
+    height: 35px;
+    line-height: 35px;
+}
+.button:hover{
+  color:#fff
+}
+.button.btn-blue{
+  background-color:#006fd8;
+  border-bottom:3px solid #014687
+}
+.button.btn-blue:hover{
+  background-color:#0076e4;
+}
+.button.btn-blue:active{
+  background-color:#014687;
+}
+.button.btn-red{
+  background-color:#E74C3C;
+  border-bottom:3px solid #C44133
+}
+.button.btn-red:hover{
+  background-color:#EC7063;
+}
+.button.btn-red:active{
+  background-color:#C44133;
+}
+.button.btn-green{
+  background-color:#1ABC9C;
+  border-bottom:3px solid #16A085
+}
+.button.btn-green:hover{
+  background-color:#48C9B0;
+}
+.button.btn-green:active{
+  background-color:#16A085;
+}
+.button.btn-dark{
+  background-color:#415B76;
+  border-bottom:3px solid #2c3e50
+}
+.button.btn-dark:hover{
+  background-color:#456a91;
+}
+.button.btn-dark:active{
+  background-color:#2c3e50;
+}
+/*global header*/
+.globalHeader {
+  background:#515b61;
+  height:30px
+}
+.globalNav a{
+  float:left;
+  height:30px;
+  line-height:30px;
+  padding:0 10px;
+  color:#eee;
+  position: relative;
+  cursor: pointer
+}
+.globalNav a:hover{
+  background:#666E70;
+  color:#fff
+}
+.globalNav a.now{
+  background:#E36335;
+  color:#fff;
+  font-weight:600
+}
+.globalNav .zhzd{
+  float:left;
+  height:30px;
+  position: relative;
+  z-index:999
+}
+.globalNav .zhzd a b{
+  border-color: #FFDDC9 transparent transparent;
+  border-right: 3px dashed transparent;
+  border-style: solid dashed dashed;
+  border-width: 3px 3px 0;
+  display: inline-block;
+  font-size: 0;
+  height: 0;
+  line-height: 0;
+  width: 0;
+  position: relative;
+  top:-1px;
+  left:4px
+}
+.globalNav .zhzd .zhzdMenu{
+  position: absolute;
+  left:0;
+  top:29px;
+  background:#fff;
+  border:1px solid #ccc;
+  border-top:none;
+  box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
+  z-index: 0;
+  display:none
+}
+.globalNav .zhzd .zhzdMenu a{
+  width:100%;
+  padding:0;
+  text-align:center;
+  color:#3366cc
+}
+.globalNav .zhzd .zhzdMenu a:hover{
+  background:#f2f2f2
+}
+.globalNav .zhzd a.now{
+  background:#fff;
+  border:1px solid #ccc;
+  border-bottom:none;
+  border-top:none;
+  color:#3366cc;
+  z-index:10
+}
+/*indexBanner*/
+.indexBanner {
+  background:url(indexbanner.jpg) no-repeat center top;
+  height:418px
+}
+.indexBanner .width950{
+  position:relative
+}
+.indexBanner a.loginButton{
+  position:absolute;
+  right:0;
+  top:-40px;
+  border:1px solid #d75d49;
+  color:#d75d49;
+  padding:5px 20px
+}
+.indexBanner a.loginButton:hover{
+  background-color:#e8715e;
+  color: #fff
+}
+.indexBanner a.loginButton:active{
+  background-color:#bf3a25;
+  color: #fff
+}
+.sideBanner {
+  width:486px;
+  height:290px;
+  position: absolute;
+  right:81px;
+  top:24px
+}
+.signButton {
+  position:absolute;
+  top:232px;
+  left:20px
+}
+.panelLogin {
+  float:left
+}
+.panelLogin a{
+  width:187px;
+  height:58px;
+  display:inline-block;
+  *display:inline;
+  zoom:1;
+  background:url(globalIcon.png) no-repeat 0 -20px
+}
+.panelLogin a:hover{
+  background-position:0 -78px;
+}
+.panelLogin a:active{
+  background-position:0 -136px;
+}
+.panelSign {
+  margin:0 0 0 200px
+}
+.panelSign p{
+  margin:4px 0 4px 0
+}
+.panelSign a{
+  width:118px;
+  height:33px;
+  display:inline-block;
+  *display:inline;
+  zoom:1;
+  background:url(globalIcon.png) no-repeat -187px -20px
+}
+.panelSign a:hover{
+  background-position:-187px -53px;
+}
+.panelSign a:active{
+  background-position:-187px -86px;
+}
+.indexDownload {
+  background:#f5f5f5 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;
+  _background:url(globalIcon.png) repeat-x 0 272px;
+  padding:20px 0
+}
+.warpDownload li{
+  width:420px;
+  height:50px;
+  float:left;
+  padding:15px 25px
+}
+.warpDownload li:hover{
+  background:#fff
+}
+.warpDownload li a{
+  float:right;
+  color:#fff;
+  background-color:#E36335;
+  padding:1px 5px;
+  margin:20px 0 0 0
+}
+.warpDownload li a:hover{
+  background-color:#ff6501;
+}
+.warpDownload li a:active{
+  background-color:#D05100;
+}
+.warpDownload li a.info{
+  border-right:1px solid #fff;
+  display:none
+}
+.warpDownload li h2 {
+  font-size:18px;
+  color:#414141;
+  margin:0 0 5px 65px
+}
+.warpDownload li h3 {
+  font-size:14px;
+  color:#a8a8a8;
+  margin:0 0 0 65px
+}
+.warpDownload li b{
+  float:right;
+  color:#fff;
+  background-color:#999;
+  padding:1px 5px;
+  margin:20px 0 0 0
+}
+.indexIcon {
+  background:url(globalIcon.png) no-repeat;
+  width:48px;
+  height:48px;
+  position:absolute
+}
+.idIcon {
+  background-position:-187px -119px;
+  left:50%;
+  margin:0 0 0 -24px;
+  top:-37px
+}
+.isIcon {
+  background-position:-236px -119px;
+  right:50%;
+  margin:0 -24px 0 0;
+  top:-50px
+}
+.indexSlide {
+  margin:40px 0 0 0;
+  position: relative
+}
+.footer{
+  margin:20px 0
+}
+.footer p{
+  text-align:center
+}
+.warpLogin .loginItem,.warpProfile .formContent{background:#fff}
+.warpLogin .loginSlide {
+    padding: 40px 0 0 40px;
+    width: 280px;
+}
+.warpLogin .loginSlide p {
+    line-height: 50px;
+}
+.warpLogin .loginForm {
+    border-right: 1px dashed #E2E2E2;
+    margin: 0 320px 0 30px;
+    padding: 20px 0 150px;
+}
+.warpLogin .loginForm h3 {
+    border-left: 2px solid #FF6501;
+    font-size: 18px;
+    padding: 3px 8px;
+}
+.warpLogin .loginForm dt {
+    font-size: 14px;
+    margin: 20px 0 5px;
+}
+.loginForm dd .inputText {
+    font-size: 14px;
+    width: 300px;
+}
+.formItem li input.inputText,.inputText {
+  background:url(inputBg.png) repeat-x 0 0;
+  height:28px;
+  line-height:28px;
+  border:1px solid #dcdcdc;
+  border-top-color:#abadb3;
+  border-left-color:#abadb3;
+  border-radius:3px;
+  -moz-border-radius:3px;
+  -webkit-border-radius:3px;
+  padding:0 5px;
+  color:#999;
+  font-size: 14px
+}
+.formItem li input.inputText:focus,.inputText:focus {
+  border-color:#ff6501;
+  background:#fff;
+  color:#333;
+  font-weight:600;
+}
+.formItem li {
+    border-bottom: 1px dotted #E2E2E2;
+    padding: 15px 0 15px 20px;
+    position:relative
+}
+.formItem li .fL {
+    color: #676767;
+    font-size: 14px;
+    font-weight: 600;
+    height: 32px;
+    line-height: 32px;
+    width: 125px;
+}
+.formItem li select {
+    -moz-border-bottom-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
+    border-image: none;
+    border-right: 1px solid #DCDCDC;
+    border-style: solid;
+    border-width: 1px;
+    color: #999999;
+    height: 30px;
+    line-height: 30px;
+    padding: 5px 3px;
+    vertical-align: bottom;
+}
+.formItem li input.inputDis,.loginForm input.inputDis {
+    background: none repeat scroll 0 0 #F2F2F2;
+}
+.formItem li input.erroT, .formItem li select.erroT {
+    border-color: #E9322E;
+    box-shadow: 0 0 4px #E9322E;
+    color: #E9322E;
+}
+.formItem li span.erroT {
+    background: none repeat scroll 0 0 #E9322E;
+    border-radius: 0 0 5px 5px;
+    color: #FFFFFF;
+    left: 150px;
+    padding: 0 5px;
+    position: absolute;
+    bottom:-2px;
+}
+.formItem .formExtra {
+    background: none repeat scroll 0 0 #E5EDEF;
+    margin: 0 0 0 125px;
+    padding: 8px;
+}
+.formItem .formExtra p {
+    margin: 0 0 5px;
+}
+.formItem .formExtra i {
+    margin: 0 10px;
+}
+.formTips{
+  background: #FFFBCC;
+  border: 1px solid #E6DB55;
+  color: #666452;
+  padding: 8px 12px;
+  margin:5px 20px 5px 0
+}
+.loginItem dd select {
+    -moz-border-bottom-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
+    border-image: none;
+    border-radius: 2px 2px 2px 2px;
+    border-right: 1px solid #DCDCDC;
+    border-style: solid;
+    border-width: 1px;
+    color: #999999;
+    outline: medium none;
+    padding: 7px;
+    vertical-align: bottom;
+}
+.loginItem .globalForm{
+  padding-bottom:100px;
+  margin-top:10px
+}
+.userInfoPanel {
+  margin:20px auto 5px
+}
+.userInfoPanel p{
+  text-align:right;
+  margin:10px 0 0 0
+}
+.formContent {
+  margin-top:10px;
+  background:#fff
+}
+.formContent .slidebar {
+    float: left;
+    width: 180px;
+    margin:20px 0 0 0
+}
+.formContent .slidebar li {
+    margin: 1px 0;
+    padding: 0 10px 0 0;
+}
+.formContent .slidebar li.now {
+    background: none repeat scroll 0 0 #f5f5f5;
+}
+.formContent .slidebar li a {
+    color: #666666;
+    display: block;
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 0 0 10px;
+}
+.formContent .slidebar li a:hover{
+  color:#ff6501
+}
+.formContent .slidebar li.now a {
+    color: #FF6501;
+}
+.formContent .slidebar li a.userProfile {
+    background-position: right 0;
+}
+.formContent .mainContent {
+    border-left: 1px solid #E2E2E2;
+    margin: 0 0 0 180px;
+}
+.mainContent .globalForm {
+  padding:15px 0 60px
+}
+.mainContent .globalForm .formTips{
+  margin-left:20px
+}
+.mainContent .globalForm h3 {
+    border-left: 2px solid #FF6501;
+    font-size: 18px;
+    padding: 3px 8px;
+    margin:0 20px
+}
+.statistical {
+  margin:10px 20px;
+  padding:10px;
+  background:#f9f9f9
+}
+.statistical table {
+  width:80%;
+  margin:0 0 10px 0
+}
+.statistical table th{
+  width:90px
+}
+.accuntTipe{
+  padding:5px 8px;
+  background:#34495E;
+  color:#fff;
+  margin:0 30px 10px 0
+}
+.accuntTipe a{
+  color:#fff;
+  border-bottom:1px dashed #fff;
+  padding:0 3px
+}
+.accuntConfirm {
+  margin:20px 30px 0 0;
+  padding:20px 0 20px 150px;
+  border-top:1px dashed #E2E2E2;
+  background:#f2f2f2
+}
+.accuntConfirm p{
+  font-size:18px;
+  margin:0 0 10px 0
+}
+.accuntConfirm p span{
+  display:inline-block;
+  *display:inline;
+  zoom:1;
+  width:140px;
+  text-align:right
+}
+.accuntConfirm .button{
+  margin:20px 0 0 50px
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000
+}
+
+.modal-backdrop.fade {
+  opacity: 0
+}
+
+.modal-backdrop,.modal-backdrop.fade.in {
+  opacity: .8;
+  filter: alpha(opacity=80)
+}
+
+.modal {
+  position: fixed;
+  top: 10%;
+  left: 50%;
+  z-index: 1050;
+  width: 560px;
+  margin-left: -280px;
+  background-color: #fff;
+  border: 1px solid #999;
+  border: 1px solid rgba(0,0,0,0.3);
+  *border: 1px solid #999;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  outline: 0;
+  -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
+  -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
+  box-shadow: 0 3px 7px rgba(0,0,0,0.3);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding-box;
+  background-clip: padding-box
+}
+
+.modal.fade {
+  top: -25%;
+  -webkit-transition: opacity .3s linear,top .3s ease-out;
+  -moz-transition: opacity .3s linear,top .3s ease-out;
+  -o-transition: opacity .3s linear,top .3s ease-out;
+  transition: opacity .3s linear,top .3s ease-out
+}
+
+.modal.fade.in {
+  top: 10%
+}
+
+.modal-header {
+  padding: 9px 15px;
+  border-bottom: 1px solid #eee
+}
+
+.modal-header .close {
+  margin-top: 2px
+}
+
+.modal-header h3 {
+  margin: 0;
+  line-height: 30px
+}
+
+.modal-body {
+  position: relative;
+  max-height: 400px;
+  padding: 15px;
+  overflow-y: auto
+}
+
+.modal-form {
+  margin-bottom: 0
+}
+
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  text-align: right;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+  -moz-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+  *zoom: 1;
+  -webkit-box-shadow: inset 0 1px 0 #fff;
+  -moz-box-shadow: inset 0 1px 0 #fff;
+  box-shadow: inset 0 1px 0 #fff
+}
+
+.modal-footer:before,.modal-footer:after {
+  display: table;
+  line-height: 0;
+  content: ""
+}
+
+.modal-footer:after {
+  clear: both
+}
+
+.modal-footer .btn+.btn {
+  margin-bottom: 0;
+  margin-left: 5px
+}
+
+.modal-footer .btn-group .btn+.btn {
+  margin-left: -1px
+}
+
+.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/globalIcon.png


BIN
css/indexbanner.jpg


BIN
css/inputBg.png


BIN
images/Thumbs.db


BIN
images/banner1.jpg


BIN
images/favicon.ico


BIN
images/loginpanel.png


BIN
images/mainlogo.png


BIN
images/slidebanner.jpg


BIN
images/softIcon1.png


BIN
images/softIcon2.png


BIN
images/softIcon3.png


BIN
images/softIcon4.png


BIN
images/softIcon5.png


BIN
images/softIcon6.png


+ 98 - 0
index.html

@@ -0,0 +1,98 @@
+<!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">
+</div>
+<div class="indexBanner">
+	<div class="width950">
+		<a href="#" class="loginButton">登录</a>
+		<div class="signButton">
+			<div class="panelLogin">
+				<a href="#" title="开通网络版"></a>
+			</div>
+			<div class="panelSign">
+				<p>还没有通行帐号?</p>
+				<a href="#" title="注册通行帐号"></a>
+			</div>
+		</div>
+		<div class="sideBanner">
+			<div class="imgItem">
+				<img src="images/banner1.jpg">
+			</div>
+		</div>
+	</div>
+</div>
+<div class="indexDownload">
+	<div class="indexIcon idIcon"></div>
+	<div class="warpDownload">
+		<div class="width950">
+			<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>
+			</ul>
+		</div>
+	</div>
+</div>
+<div class="indexSlide">
+	<div class="indexIcon isIcon"></div>
+	<div class="width950">
+		<div class="slideBanner">
+			<img src="images/slidebanner.jpg">
+		</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>
+ <!--邀请用户弹出框-->
+    <div class="modal " id="adduser">
+      <div class="modal-header">
+      <h3 class="colRed">纵横网络版更新公告</h3>
+      </div>
+      <div class="modal-body">
+        <p style="font-size:14px;margin:0 0 10px 0">尊敬的纵横用户:</p>
+        <p style="font-size:14px;margin:0 0 10px 0">2014年6月10日起,纵横网络版将升级账号系统;新的网络版将使用<a href="http://sso.smartcost.com.cn" target="_blank">纵横通行账号</a>作为登录账户,2014年6月10日前的网络版账号将全部停止使用。</p>
+        <p style="font-size:14px;margin:0 0 10px 0"><b class="colRed">*</b>如果您已经拥有<b>纵横通行账号</b>,关闭本窗口后,点击"免费开通网络版",使用您的通行账号登录网站,并按提示填写网络版软件所需的服务信息,完成后您即可继续使用纵横网络版软件。</p>
+        <p style="font-size:14px;margin:0 0 10px 0"><b class="colRed">*</b>如果您还没有<b>纵横通行账号</b>,关闭本窗口后,点击"注册通行账号",跳转至<b>纵横通行账号</b>注册页,填写必需的信息即可完成通行账号注册和网络版软件的开通。</p>
+      </div>
+      <div class="modal-footer">
+			<a href="#" class="button btn-blue" id="closemodal">我知道了</a>
+			</div>
+    </div>
+    <!--邀请用户弹出框--> <div class="modal-backdrop fade in"></div>
+</body>

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1437 - 0
js/bootstrap.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 7 - 0
js/bootstrap.min.js


+ 16 - 0
js/global.js

@@ -0,0 +1,16 @@
+
+$(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();
+    });	
+});

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 4 - 0
js/jquery-1.7.1.min.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 5 - 0
js/jquery-1.9.1.min.js


+ 56 - 0
login.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>登录-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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">
+	</div>
+<div class="warpLogin clearfix">
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>还没账户?<a href="http://sso.smartcost.com.cn/reg" target="_blank">立即注册</a></p>
+			<p><a href="http://sso.smartcost.com.cn/getpasswd" target="_blank">忘记密码?</a></p>
+		</div>
+		<div class="loginForm">
+			<h3>用户登录</h3>
+			<dl>
+				<dt>账号/邮箱</dt>
+				<dd><input class="inputText"></dd>
+				<dt>您的密码</dt>
+				<dd><input type="password" class="inputText"></dd>
+				<dd class="clearfix"><br><br><input type="submit" value="登录" class="button btn-blue"><p class="colRed">帐号或者密码错误</p></dd>
+			</dl>
+		</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>
+</body>

+ 65 - 0
profile-input-1.html

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>填写您的个人信息-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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="warpLogin">
+	<div class="width950 userInfoPanel clearfix">
+		<img class="fL" src="images/mainlogo.png"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
+	</div>
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:注册通行帐号</p>
+			<p class="colOrange"><b>第二步:填写个人信息</b></p>
+			<p>第三步:完成</p>
+		</div>
+		<div class="loginForm globalForm">
+			<h3>填写您的个人信息 1</h3>
+			<div class="formTips">您需要完成个人信息填写,才能开通使用网络版软件。请正确填写以下信息,以便我们的服务人员能为你提供服务。</div>
+			<ul class="formItem">
+							<li><div class="fL">真实姓名</div><input class="inputText inputSus erroT">
+								<span for="zhpasswd" generated="true" class="erroT">请输入您的中文姓名</span></li>
+							<li><div class="fL">手机号码</div><input class="inputText"></li>
+							<li><div class="fL">单位(公司)名称</div><input style="width:300px" class="inputText"></li>
+							<li><div class="fL">获悉渠道</div>
+								<p><b>您是通过什么方式知道纵横免费网络版的?</b></p>
+								<div class="formExtra">
+								<p><input type="radio" name="a1">纵横销售人员<i></i><input type="radio" name="a1">纵横网站<i></i><input type="radio" name="a1">别人推荐<i></i><input type="radio" name="a1">网络搜索<i></i></p>
+								<p><input type="radio" name="a1">造价论坛<i></i><input type="radio" name="a1">QQ群<i></i><input type="radio" name="a1">邮件<i></i><input type="radio" name="a1" id="openOther">微薄<i></i><input type="radio" name="a1">其他</p>
+								</div>
+							</li>
+							<li class="noLine clearfix"><div class="fL">&nbsp;</div><a class="button btn-blue" href="">继续</a></li>
+						</ul>
+		</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>
+</body>

+ 98 - 0
profile-input-2.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>填写您的个人信息-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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="warpLogin">
+	<div class="width950 userInfoPanel clearfix">
+		<img class="fL" src="images/mainlogo.png"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
+	</div>
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:注册通行帐号</p>
+			<p class="colOrange"><b>第二步:填写个人信息</b></p>
+			<p>第三步:完成</p>
+		</div>
+		<div class="loginForm globalForm">
+			<h3>填写您的个人信息 2</h3>
+			<div class="formTips">您需要完成个人信息填写,才能开通使用网络版软件。请正确填写以下信息,以便我们的服务人员能为你提供服务。</div>
+			<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>请选择省份</span></div>
+					<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><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>
+		</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>
+</body>

+ 74 - 0
signconfirm.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>完成开通激活-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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="warpLogin">
+	<div class="width950 userInfoPanel clearfix">
+		<img class="fL" src="images/mainlogo.png"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
+	</div>
+	<div class="loginItem width950">
+		<div class="loginSlide fR">
+			<p>第一步:注册通行帐号</p>
+			<p>第二步:填写个人信息</p>
+			<p class="colOrange"><b>第三步:完成</b></p>
+		</div>
+		<div class="loginForm globalForm">
+			<h3>完成</h3>
+			<div class="formTips">
+				你已经完成网络版的开通,现在您可以开始使用纵横旗下所有网络版软件了。<br>
+				纵横会对您的信息进行一定的审核,可点击右上角<a href="#">管理</a>进入后台进行修改。
+			</div>
+			<ul class="formItem">
+							<li><div class="fL">您的账号</div><input value="kakachen" disabled="" class="inputText inputDis"></li>
+							<li><div class="fL">电子邮箱</div><input value="kaka_chen@live.cn" style="width:200px" disabled="" class="inputText inputDis"></li>
+						</ul>
+			<br>
+			<h3>如果您已经下载软件</h3>
+			<br>
+			<img src="images/loginpanel.png" style="margin:0 0 20px 0">
+			<h3>如果您还没有下载软件</h3>
+			<br>
+			<p class="clearfix" style="margin:0 0 20px 0">
+			<a class="button btn-blue" href="http://websoft.smartcost.com.cn">返回首页下载</a>
+			<a class="button btn-blue" href="http://http://smartcost.com.cn/softDown" target="_blank">纵横官网下载</a>
+			</p>
+			<h3>如果您是首次使用纵横造价软件</h3>
+			<br>
+			<p class="clearfix" style="margin:0 0 20px 0">
+			<a class="button btn-red" href="http://smartcost.com.cn/video" target="_blank">软件使用教程</a>
+			<a class="button btn-red" href="http://smartcost.com.cn/contact" target="_blank">全国服务网络</a>
+			</p>
+		</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>
+</body>

+ 67 - 0
user-profile.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>个人信息-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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="warpProfile">
+	<div class="width950 userInfoPanel clearfix">
+		<img class="fL" src="images/mainlogo.png"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
+	</div>
+	<div class="formContent width950">
+				<div class="slidebar">
+					<ul>
+						<li class="now"><a title="个人信息" href="#"><b>个人信息</b></a></li>
+						<li><a title="我的纵横" href="#"><b>我的纵横</b></a></li>
+					</ul>
+				</div>
+				<div class="mainContent">
+		<div class="globalForm">
+			<div class="formTips">
+				请正确填写联系方式,便于客服人员与您联系,更好的为您服务!纵横绝不会泄漏您的个人信息。
+			</div>
+			<ul class="formItem">
+							<li><div class="fL">您的账号</div><input value="kakachen" disabled="" class="inputText inputDis">&nbsp;<a href="#">修改密码</a></li>
+							<li><div class="fL">电子邮箱</div><input value="****chen@live.cn" style="width:200px" disabled="" class="inputText inputDis">&nbsp;<a href="#">修改邮箱</a></li>
+							<li><div class="fL">真实姓名</div><input class="inputText inputSus erroT">
+								<span for="zhpasswd" generated="true" class="erroT">请输入您的中文姓名</span></li>
+							<li><div class="fL">手机号码</div><input class="inputText"></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><div class="fL">QQ号码</div><input class="inputText"></li>
+							<li class="noLine clearfix"><div class="fL">&nbsp;</div><a class="button btn-green" href="">确认修改</a></li>
+						</ul>
+		</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>
+</body>

+ 80 - 0
user-smartcost.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>我的纵横-纵横公路造价免费网络版</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<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> 
+</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="warpProfile">
+	<div class="width950 userInfoPanel clearfix">
+		<img class="fL" src="images/mainlogo.png"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
+	</div>
+	<div class="formContent width950">
+				<div class="slidebar">
+					<ul>
+						<li><a title="个人信息" href="#"><b>个人信息</b></a></li>
+						<li class="now"><a title="我的纵横" href="#"><b>我的纵横</b></a></li>
+					</ul>
+				</div>
+				<div class="mainContent">
+					<div class="globalForm">
+						<h3>纵横公路工程造价管理系统</h3>
+						<div class="statistical">
+							<table>
+								<tr><th>您的版本</th><td>9.0.7.914</td><th>最新版本</th><td>9.0.7.933</td></tr>
+								<tr><th>注册时间</th><td>2013-5-22</td><th>累计在线</th><td>505小时48分</td></tr>
+							</table>
+							<table>
+								<tr><th colspan="7">最近7天在线时长</th></tr>
+								<tr><td><b>5-21</b></td><td><b>5-22</b></td><td><b>5-23</b></td><td><b>5-24</b></th><td><b>5-25</b></td><td><b>5-26</b></td><td><b>5-27</b></td></tr>
+								<tr><td>3小时40分</td><td>3小时40分</td><td>3小时40分</td><td>3小时40分</td><td>3小时40分</td><td>3小时40分</td><td>3小时40分</td></tr>
+							</table>
+						</div>
+						<h3>广东公路造价编审系统</h3>
+						 	<div class="statistical">
+						 		暂无数据
+						 	</div>
+						<h3>纵横公路工程算量软件</h3>
+						 	<div class="statistical">
+						 		暂无数据
+						 	</div>
+						<h3>纵横标后预算管理系统</h3>
+						 	<div class="statistical">
+						 		暂无数据
+						 	</div>
+						<h3>纵横定额测定编制排版系统</h3>
+						 	<div class="statistical">
+						 		暂无数据
+						 	</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>
+</body>

BIN
新网络版.xlsx