增加大司空3.0

css/global.css

@@ -417,6 +417,9 @@ body{
   overflow-y:hidden;
   border:1px solid #eaeaea;
 }
+.building-bg {
+  background:url(building3bg.png) top right  no-repeat;
+}
 .software-detail-top{
   border-bottom:1px solid #eaeaea;
 }
@@ -785,5 +788,5 @@ body{
   background:#fff;
 }
 .lead-sm{
-  font-size: 12px;
+  font-size: 1rem;
 }

software-buliding.html

@@ -161,30 +161,74 @@
       <div class="software-wrap">
         <div class="software-wrapscroll autoHeightL1">
           <div class="software-detail-top">
-            <div class="p-3">
-              <div class="jumbotron bg-white mb-0 pb-1 pt-5">
-                <div class="container">
-                  <div class="float-right"><a class="btn btn-primary btn-lg ml-3" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
-                  <h2 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">大司空云计价</h2>
-                  <p class="lead lead-sm ml-4"><span class="ml-4">市政、房建、轨道、管廊管线等专业工程计价软件</span></p>
-                  <hr class="my-4">
-                </div>
-              </div>
-                  <p class="lead mt-3 mb-0">目前已提供：</p>
-            </div>
-          </div>
-          <div class="autoHeightL5 " style="overflow: auto;">
-            <div class="px-3">
-              <div class="row" id="version-area">
-                <div class="col-6 mb-4">
-                  <div class="card card-block mb-4">
-                      <div class="card-body"><h5 class="card-title">重庆建筑（2018）</h5><p class="card-text">符合渝建[2018]200号文</p></div>
+            <div class="ml-0 mr-0">
+              <div class="row ml-3 mr-0">
+                <div class="col-12 pl-0 pr-0">
+                  <div class="mt-3 mr-3 mb-3 building-bg">
+                    <div class="software-detail-top border-0">
+                      <div class="p-3">
+                        <div class="jumbotron bg-transparent mb-0 pb-1 pt-3 px-1">
+                          <div class="container">
+                            <div class="float-right"><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击立即使用</a></div>
+                            <h2 class="display-5 software-detail-title mb-0"><img src="images/building3.png" width="36" class="mr-2 mb-1">大司空云计价 3.0</h2>
+                            <p class="lead lead-sm ml-5">云上协同，积累造价数据资产</p>
+                            <!-- <hr class="my-4"> -->
+                          </div>
+                        </div>
+                            <p class="lead mb-0 pl-3">目前已提供：</p>
+                      </div>
                     </div>
+                    <div class="" style="overflow: auto;height:180px">
+                      <div class="mx-3 row">
+                        <div class="col-4">
+                          <div class="card mb-4 ">
+                            <div class="card-body"><h5 class="card-title mb-0">广东建筑（2018）</h5></div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
-                <div class="col-6 mb-4">
-                  <div class="card card-block mb-4">
-                      <div class="card-body"><h5 class="card-title">江西建筑（2017）</h5><p class="card-text">符合赣建价[2017]7号文</p></div>
+                <div class="col-12 pl-0 pr-0">
+                  <div class="mt-3 mr-3 mb-3 bg-white">
+                    <div class="software-detail-top border-0">
+                      <div class="p-3">
+                        <div class="jumbotron bg-transparent mb-0 pb-1 pt-3 px-1">
+                          <div class="container">
+                            <div class="float-right"><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击立即使用</a></div>
+                            <h2 class="display-5 software-detail-title mb-0"><img src="images/building.png" width="36" class="mr-2 mb-1">大司空云计价</h2>
+                            <p class="lead lead-sm ml-5">市政、房建、轨道、管廊管线等专业工程计价软件</p>
+                            <!-- <hr class="my-4"> -->
+                          </div>
+                        </div>
+                            <p class="lead mb-0 pl-3">目前已提供：</p>
+                      </div>
                     </div>
+                    <div class="" style="overflow: auto;height:180px">
+                      <div class="mx-3 row">
+                        <div class="col-4">
+                          <div class="card mb-4 ">
+                            <div class="card-body"><h5 class="card-title mb-0">重庆建筑（2018）</h5></div>
+                          </div>
+                        </div>
+                        <div class="col-4">
+                          <div class="card mb-4 ">
+                            <div class="card-body"><h5 class="card-title mb-0">江西定额（2011）</h5></div>
+                          </div>
+                        </div>
+                        <div class="col-4">
+                          <div class="card mb-4 ">
+                            <div class="card-body"><h5 class="card-title mb-0">内蒙古定额（2017）</h5></div>
+                          </div>
+                        </div>
+                        <div class="col-4">
+                          <div class="card mb-4 ">
+                            <div class="card-body"><h5 class="card-title mb-0">广东定额（2018）</h5></div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>

software-buliding2.html

@@ -17,41 +17,16 @@
           <div class="pt-2 pb-2 pr-2"><img src="images/softIcon.png" width="30" height="30"   data-toggle="tooltip" data-placement="bottom" title="纵横Z+造价工作平台 V0.1.18"></div>
           <div class="p-2">
             <nav class="nav top-nav">
-              <a class="nav-link pt-1 px-3" href="software-index.html">公路造价</a>
-              <a class="nav-link pt-1 px-3 active" href="software-building.html">市政房建</a>
-              <!-- <a class="nav-link pt-1 px-3" href="software-news.html">新闻动态</a>
-              <a class="nav-link pt-1 px-3" href="software-train.html">专业培训</a> -->
+              <a class="nav-link pt-1 px-3" href="">公路造价</a>
+              <a class="nav-link pt-1 px-3" href="software-index.html">市政房建</a>
+              <a class="nav-link pt-1 px-3 active" href="software-building.html">公路云造价</a>
+              <!-- <a class="nav-link pt-1 px-3" href="software-news.html">新闻动态</a> -->
+              <a class="nav-link pt-1 px-3" href="software-train.html">专业培训</a>
             </nav>
           </div>
           <div class="ml-auto p-2 pt-3">
             <div class="d-flex flex-wrap">
-              <div class=""><!--未登录 -->
-                <div class="dropdown mr-2">
-                  <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <img class="head-img" src="images/headimg.png"> 登录
-                  </div>
-                  <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton" style="width:260px;">
-                    <div class="downloading">
-                      <form>
-                        <div class="form-group">
-                          <!-- <label for="tel">邮箱/手机</label> -->
-                          <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="邮箱 或 手机">
-                        </div>
-                        <div class="form-group">
-                          <!-- <label for="password">密码</label> -->
-                          <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="密码">
-                        </div>
-                        <button type="submit" class="btn btn-blue btn-sm mr-4 btn-block">登录</button>
-                        <div class="alert alert-danger alert-sm mt-3" role="alert">帐号或者密码错误！</div>
-                        <div class="row mt-2">
-                          <div class="col text-left"><a href="" class="">忘记密码</a></div>
-                          <div class="col text-right"><a href="" class="">注册通行帐号</a></div>
-                        </div>
-                      </form>
-                    </div>
-                  </div>
-                </div>
-              </div>
+              
               <div class=""><!-- 已登录 -->
                 <div class="dropdown mr-2">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -162,31 +137,77 @@
         <div class="software-wrapscroll autoHeightL1">
           <div class="ml-0 mr-0">
             <div class="row ml-3 mr-0">
+              <div class="col-12 pl-0 pr-0">
+                <div class="mt-3 mr-3 mb-3 building-bg">
+                  <div class="software-detail-top border-0">
+                    <div class="p-3">
+                      <div class="jumbotron bg-transparent mb-0 pb-1 pt-3 px-1">
+                        <div class="container">
+                          <div class="float-right"><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击立即使用</a></div>
+                          <h2 class="display-5 software-detail-title mb-0"><img src="images/building3.png" width="36" class="mr-2 mb-1">大司空云计价 3.0</h2>
+                          <p class="lead lead-sm ml-5">云上协同，积累造价数据资产</p>
+                          <!-- <hr class="my-4"> -->
+                        </div>
+                      </div>
+                          <p class="lead mb-0 pl-3">目前已提供：</p>
+                    </div>
+                  </div>
+                  <div class="" style="overflow: auto;height:180px">
+                    <div class="mx-3 row">
+                      <div class="col-4">
+                        <div class="card mb-4 ">
+                          <div class="card-body"><h5 class="card-title mb-0">蜀道高速养护（2018）</h5></div>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="card mb-4 ">
+                          <div class="card-body"><h5 class="card-title mb-0">公路公路（2018）</h5></div>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="card mb-4 ">
+                          <div class="card-body"><h5 class="card-title mb-0">甘肃公路养护（2018）</h5></div>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="card mb-4 ">
+                          <div class="card-body"><h5 class="card-title mb-0">广东公路（2018）</h5></div>
+                        </div>
+                      </div>
+                      <div class="col-4">
+                        <div class="card mb-4 ">
+                          <div class="card-body"><h5 class="card-title mb-0">某某路桥（2023）</h5></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
               <div class="col pl-0 pr-0">
                 <div class="mt-3 mr-3 mb-3 white-bg">
-                  <div class="software-detail-top">
+                  <div class="software-detail-top border-0">
                     <div class="p-3">
-                      <div class="jumbotron bg-white mb-0 pb-1 pt-3">
-                        <div class="container">
-                          <h2 class="display-5 software-detail-title"><img src="images/building.png" width="36" class="mr-2 mb-1">大司空云计价</h2>
-                          <p class="lead lead-sm">市政、房建、轨道、管廊管线等专业工程计价软件</p>
+                      <div class="jumbotron bg-white mb-0 pb-1 pt-3 px-0">
+                        <div class="container px-2">
+                          <h2 class="display-5 software-detail-title mb-0"><img src="images/building.png" width="36" class="mr-2 mb-1">公路云计价</h2>
+                          <p class="lead lead-sm px-1">适用于新建、改建的公路工程建设项目编制估、概、预算和工程量清单预算。</p>
                           <div class=""><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
                           <!-- <hr class="my-4"> -->
                         </div>
                       </div>
-                          <p class="lead mt-3 mb-0">目前已提供：</p>
+                          <p class="lead mt-3 mb-0 px-2">目前已提供：</p>
                     </div>
                   </div>
                   <div class="autoHeightL5" style="overflow: auto;">
-                    <div class="px-3">
+                    <div class="px-4">
                       <div class="card card-block mb-4">
-                        <div class="card-body"><h5 class="card-title">重庆建筑（2018）</h5><p class="card-text">符合渝建[2018]200号文</p></div>
+                        <div class="card-body"><h5 class="card-title mb-0">公路造价（2018）</h5></div>
                       </div>
                       <div class="card card-block mb-4">
-                        <div class="card-body"><h5 class="card-title">江西建筑（2017）</h5><p class="card-text">符合赣建价[2017]7号文</p></div>
+                        <div class="card-body"><h5 class="card-title mb-0">江西建筑（2017）</h5></div>
                       </div>
                       <div class="card card-block mb-4">
-                        <div class="card-body"><h5 class="card-title">重庆建筑（2018）</h5><p class="card-text">符合渝建[2018]200号文</p></div>
+                        <div class="card-body"><h5 class="card-title mb-0">重庆建筑（2018）</h5></div>
                       </div>
                     </div>
                   </div>
@@ -194,23 +215,23 @@
               </div>
               <div class="col pl-0 pr-0">
                 <div class="mt-3 mr-3 mb-3 white-bg">
-                  <div class="software-detail-top">
+                  <div class="software-detail-top border-0">
                     <div class="p-3">
-                      <div class="jumbotron bg-white mb-0 pb-1 pt-3">
-                        <div class="container">
-                          <h2 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">公路养护云版</h2>
-                          <p class="lead lead-sm"><span class="ml-4"></span></p>
+                      <div class="jumbotron bg-white mb-0 pb-1 pt-3 px-0">
+                        <div class="container px-2">
+                          <h2 class="display-5 mb-0"><img src="images/building.png" width="36" class="mr-2 mb-1">公路养护云版</h2>
+                          <p class="lead lead-sm">适用于各省国道、省道、县道中的高速公路、一级、二级、三适用于各省国道、省道、县道中的高速公路、- -级、二级、三级、四级公路养护工程的日常管养、小修保养、专项、维修(小修、中修、大修)工程。</p>
                           <div class=""><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击立即使用</a></div>
                           <!-- <hr class="my-4"> -->
                         </div>
                       </div>
-                          <p class="lead mt-3 mb-0">目前已提供：</p>
+                          <p class="lead mt-3 mb-0 px-2">目前已提供：</p>
                     </div>
                   </div>
                   <div class="autoHeightL5" style="overflow: auto;">
-                    <div class="px-3">
+                    <div class="px-4">
                       <div class="card card-block mb-4">
-                        <div class="card-body"><h5 class="card-title">重庆养护</h5><p class="card-text">根据《重庆市公路养护工程预算编制办法》([2018]渝非内字023号)、《重庆市公路养护工程预算定额》([2018]渝非内字022号)编制。</p></div>
+                        <div class="card-body"><h5 class="card-title mb-0">重庆养护</h5></div>
                       </div>
                     </div>
                   </div>