outaozhen 3 éve
szülő
commit
e00f4aafce
44 módosított fájl, 321 hozzáadás és 6 törlés
  1. 35 0
      aa.html
  2. 109 0
      css/iconfont.css
  3. BIN
      css/img/Frame.png
  4. BIN
      css/img/css_sprites.png
  5. BIN
      css/img/icon_arrow_left.png
  6. BIN
      css/img/icon_arrow_right.png
  7. BIN
      css/img/icon_arrow_right_2.png
  8. BIN
      css/img/icon_date.png
  9. BIN
      css/img/icon_doublearrow_left.png
  10. BIN
      css/img/icon_doublearrow_right.png
  11. BIN
      css/img/icon_fbjs.png
  12. BIN
      css/img/icon_gcbg.png
  13. BIN
      css/img/icon_gcjs.png
  14. BIN
      css/img/icon_gsd_nor.png
  15. BIN
      css/img/icon_gsd_sel.png
  16. BIN
      css/img/icon_gsgl_nor.png
  17. BIN
      css/img/icon_gsgl_sel.png
  18. BIN
      css/img/icon_jlzf.png
  19. BIN
      css/img/icon_ncgl_nor.png
  20. BIN
      css/img/icon_ncgl_sel.png
  21. BIN
      css/img/icon_phone.png
  22. BIN
      css/img/icon_qq.png
  23. BIN
      css/img/icon_rmb.png
  24. BIN
      css/img/icon_tzkz.png
  25. BIN
      css/img/image_banner.png
  26. BIN
      css/img/image_default_logo.png
  27. BIN
      css/img/image_down.png
  28. BIN
      css/img/image_gnjj_#.png
  29. BIN
      css/img/image_gnjj_bulb.png
  30. BIN
      css/img/image_gnjj_calculator.png
  31. BIN
      css/img/image_gnjj_chart.png
  32. BIN
      css/img/image_gnjj_file.png
  33. BIN
      css/img/image_gnjj_folder.png
  34. BIN
      css/img/image_gnjj_iphone.png
  35. BIN
      css/img/image_gnjj_logo.png
  36. BIN
      css/img/image_gnjj_magnifier.png
  37. BIN
      css/img/image_gnjj_pc.png
  38. BIN
      css/img/image_gnjj_puzzle.png
  39. BIN
      css/img/image_gnjj_wifi.png
  40. BIN
      css/img/image_logo.png
  41. 102 2
      css/styles.css
  42. BIN
      images/image_logo.png
  43. 75 4
      index.html
  44. 0 0
      新建文本文档.txt

+ 35 - 0
aa.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>计量支付官网V2</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/styles.css">
+  <!--zTree-->
+	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
+</head>
+<body>
+  <div class="navBody">
+    <div class="width1200">
+      <div class="globalNav">
+        <a href="#">首页</a>
+        <a href="#">通行帐号</a>
+        <a href="#">计量支付</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>
+  <!-- JS. -->
+  <script src="js/jquery/jquery-3.2.1.min.js"></script>
+  <script src="js/global.js"></script>
+</body>
+</html>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 109 - 0
css/iconfont.css


BIN
css/img/Frame.png


BIN
css/img/css_sprites.png


BIN
css/img/icon_arrow_left.png


BIN
css/img/icon_arrow_right.png


BIN
css/img/icon_arrow_right_2.png


BIN
css/img/icon_date.png


BIN
css/img/icon_doublearrow_left.png


BIN
css/img/icon_doublearrow_right.png


BIN
css/img/icon_fbjs.png


BIN
css/img/icon_gcbg.png


BIN
css/img/icon_gcjs.png


BIN
css/img/icon_gsd_nor.png


BIN
css/img/icon_gsd_sel.png


BIN
css/img/icon_gsgl_nor.png


BIN
css/img/icon_gsgl_sel.png


BIN
css/img/icon_jlzf.png


BIN
css/img/icon_ncgl_nor.png


BIN
css/img/icon_ncgl_sel.png


BIN
css/img/icon_phone.png


BIN
css/img/icon_qq.png


BIN
css/img/icon_rmb.png


BIN
css/img/icon_tzkz.png


BIN
css/img/image_banner.png


BIN
css/img/image_default_logo.png


BIN
css/img/image_down.png


BIN
css/img/image_gnjj_#.png


BIN
css/img/image_gnjj_bulb.png


BIN
css/img/image_gnjj_calculator.png


BIN
css/img/image_gnjj_chart.png


BIN
css/img/image_gnjj_file.png


BIN
css/img/image_gnjj_folder.png


BIN
css/img/image_gnjj_iphone.png


BIN
css/img/image_gnjj_logo.png


BIN
css/img/image_gnjj_magnifier.png


BIN
css/img/image_gnjj_pc.png


BIN
css/img/image_gnjj_puzzle.png


BIN
css/img/image_gnjj_wifi.png


BIN
css/img/image_logo.png


+ 102 - 2
css/styles.css

@@ -5,13 +5,14 @@ body{
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
-  font-family:"微软雅黑","Tahoma";
+  font-family:"微软雅黑","Tahoma","HarmonyOS";
   vertical-align: baseline;
   text-align:justify;
   word-wrap:break-word;
   text-justify:inter-ideograph;
   color: #000000cc;
 }
+
 .navBody{
   background: rgba(33, 33, 41, 1);
   height: 36px;
@@ -28,7 +29,8 @@ body{
 }
 .globalNav a:hover{
   background:#666E70;
-  color:#fff
+  color:#fff;
+  text-decoration: none;
 }
 .globalNav a.now{
   background:#008FFF;
@@ -86,4 +88,102 @@ body{
 .width1200{
   max-width: 1200px;
   margin: 0 auto;
+}
+.table-cell{
+  display: table-cell;
+  vertical-align: middle;
+}
+.headBox{
+  width: 100%;
+  height: 100px;
+}
+.logo, .buttonCon{
+  height: 100px;
+  display: table;
+}
+.logoBText{
+  font-size: 20px;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.8);
+}
+.logoSText{
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.8);
+}
+.navList ul li{
+  float: left;
+  list-style-type: none;
+  margin: 0 25px;
+}
+.navList ul li:last-child{
+  margin: 0;
+}
+.navList ul li a{
+  display: table;
+  font-size: 18px;
+  font-weight: 600;
+  color: rgba(0, 0, 0, 0.8);
+  padding:34px 18px 35px 18px;
+}
+.navList ul li a:hover{
+  text-decoration: none;
+  color:rgba(51, 119, 255, 1);
+}
+.navList ul li.active{
+  border-bottom: 4px solid rgba(51, 119, 255, 1);
+}
+.btnTyan{
+  padding: 10px 20px;
+  background: rgba(51, 119, 255, 1);
+}
+.bannerBox{
+  width: 100%;
+  height: 440px;
+  background: url(img/image_banner.png) no-repeat center center;
+}
+.bannerText{
+  position: absolute;
+  top: 135px;
+  left: 0;
+}
+.bannerSText{
+  font-size: 22px;
+  color: rgba(0, 0, 0, 0.8);
+}
+.bannerBText{
+  font-size: 48px;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.8);
+  letter-spacing:6px;
+}
+.applicationBox{
+  margin-top: -90px;
+}
+.applicationList{
+  float: left;
+  width: 230px;
+  background: rgba(249, 250, 252, 0.9);
+  border: 2px solid rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  padding: 18px 20px;
+}
+.applicationTitle{
+  display: flex;
+  /*justify-content: center; */
+  align-items: center;
+}
+.applicationTitle{
+  font-size: 18px;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.8);
+}
+.applicationTitle i{
+  font-size: 30px;
+}
+.applicationCon{
+  color: rgba(0, 0, 0, 0.6);
+  font-size: 14px;
+  line-height: 28px;
+}
+.calseTList{
 }

BIN
images/image_logo.png


+ 75 - 4
index.html

@@ -7,16 +7,15 @@
   <title>计量支付官网V2</title>
   <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
   <link rel="stylesheet" href="css/styles.css">
-  <!--zTree-->
-	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
+  <link rel="stylesheet" type="text/css" href="css/iconfont.css">
 </head>
 <body>
   <div class="navBody">
     <div class="width1200">
       <div class="globalNav">
         <a href="#">首页</a>
-        <a href="#">通行帐号</a>
-        <a href="#">计量支付</a>
+        <a href="https://sso.smartcost.com.cn/" target="_blank">通行帐号</a>
+        <a href="http://jsjs.smartcost.com.cn/" target="_blank">计量支付</a>
         <div class="zhzd">
           <a class="zhzdFir">纵横知道<b></b></a>
           <div class="zhzdMenu">
@@ -28,6 +27,78 @@
       </div>
     </div>
   </div>
+  <div class="headBox">
+    <div class="width1200">
+      <div class="d-flex justify-content-between">
+        <div class="logo">
+          <span class="table-cell"><img src="images/image_logo.png"></span>
+          <span class="table-cell logoText pl-2">
+            <div class="logoBText">纵横计量支付</div>
+            <div class="logoSText">结算决算一体化云版软件</div>
+          </span>
+        </div>
+        <nav class="navList table-cell">
+          <ul class="clearfix">
+            <li class="active"><a href="#" target="_blank">首页</a></li>
+            <li><a href="#" target="_blank">功能简介</a></li>
+            <li><a href="#" target="_blank">预约培训</a></li>
+            <li><a href="#" target="_blank">联系我们</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </div>
+  <div class="bannerBox">
+    <div class="width1200 position-relative">
+      <div class="bannerText">
+        <div class="bannerSText">纵横计量支付结算决算一体化云版软件</div>
+        <div class="bannerBText mt-2">简单·简洁·专业</div>
+        <a class="btn btn-primary btnTyan mt-3" href="#" target="_blank">前往体验<i class="iconfont ml-2">&#xe622;</i></a>
+      </div>
+    </div>
+  </div>
+  <div class="applicationBox">
+    <div class="width1200">
+      <div class="clearfix">
+        <div class="applicationList mr-2">
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe612;</i>投资控制</h4>
+          <div class="applicationCon">WBS结构分解,多维度图表报表自动生成,盈亏状况轻松在手</div>
+        </div>
+        <div class="applicationList mr-2">
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe619;</i>计量支付</h4>
+          <div class="applicationCon">台帐建立轻松快捷,审核过程杜绝超计漏计,计量数据自动积累</div>
+        </div>
+        <div class="applicationList mr-2">
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe61e;</i>分包结算</h4>
+          <div class="applicationCon">多项目多标段汇总管理,按分包合同组织结算,结算进度图表自动生成</div>
+        </div>
+        <div class="applicationList mr-2">
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe620;</i>工程变更</h4>
+          <div class="applicationCon">高效、易用、数据云存储,计量系统与变更令审批系统无缝连接</div>
+        </div>
+        <div class="applicationList">
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe61b;</i>工程决算</h4>
+          <div class="applicationCon">决算报告自动完成,配备交通运输部全套决算报表,自动建立档案库</div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="caseBox">
+    <div class="width1200">
+      <div class="calseBTitle">
+        <div class="row">
+          <div class="col-4">
+            <div class="calseTList d-flex justify-content-center">
+              <i class="iconfont">&#xe61f;</i>
+              <span>高速公路</span>
+            </div>
+          </div>
+          <div class="col-4"></div>
+          <div class="col-4"></div>
+        </div>
+      </div>
+    </div>
+  </div>
   <!-- JS. -->
   <script src="js/jquery/jquery-3.2.1.min.js"></script>
   <script src="js/global.js"></script>

+ 0 - 0
新建文本文档.txt