|
|
@@ -34,87 +34,35 @@
|
|
|
<div class="hero bg-dark section " style="background-image: url(/web/users/images/bg_01.png);" id="home">
|
|
|
<div class="container text-center">
|
|
|
<h1 class="text-white mb-4 f-50 ">市政建筑计价免费版，永久免费</h1>
|
|
|
- <p class="lead text-white mb-5">跨平台，打开浏览器即可使用，全新在线计价体验。
|
|
|
+ <p class="lead text-white mb-5">云上协同 积累造价数据资产
|
|
|
<div class="btn_hero">
|
|
|
- <a href="/login" class="btn btn-danger mr-2">登录软件</a>
|
|
|
- <a href="https://smartcost.com.cn/contact2" target="_blank" class="btn btn-primary ml-2">联系客服</a>
|
|
|
+ <!--<a href="/login" class="btn btn-danger mr-2">登录软件</a>-->
|
|
|
+ <a href="https://smartcost.com.cn/contact2" target="_blank" class="btn btn-primary mr-2">联系客服</a>
|
|
|
+ <a href="#video" class="btn btn-secondary"><i class="fas fa-play-circle"></i> 视频教程</a>
|
|
|
</div>
|
|
|
<div class="home-desk mt-5">
|
|
|
- <div class="container pt-5">
|
|
|
+ <div class="container">
|
|
|
<img src="/web/users/images/home-desk.png" alt="" class="img-fluid mx-auto d-block">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--简介-->
|
|
|
- <section class="section">
|
|
|
- <div class="container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-10 offset-md-1">
|
|
|
- <div class="srction_title text-center">
|
|
|
- <img src="/web/users/images/line.png" alt="" class="img-fluid mx-auto my-3 d-block">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-12 col-md-6 col-lg-4 mt-30">
|
|
|
- <!-- Box -->
|
|
|
- <div class="bos bg-bos text-center">
|
|
|
- <!-- Icon -->
|
|
|
- <div class="text-primary">
|
|
|
- <img src="/web/users/images/undraw_gift.svg">
|
|
|
- </div>
|
|
|
- <!-- Heading -->
|
|
|
- <h2>
|
|
|
- 正版永久免费
|
|
|
- </h2>
|
|
|
- </div>
|
|
|
- <!--End Box -->
|
|
|
- </div>
|
|
|
- <div class="col-12 col-md-6 col-lg-4 mt-30">
|
|
|
- <!-- Box -->
|
|
|
- <div class="bos bg-bos text-center">
|
|
|
- <!-- Icon -->
|
|
|
- <div class="text-primary">
|
|
|
- <img src="/web/users/images/undraw_browse.svg">
|
|
|
- </div>
|
|
|
- <!-- Heading -->
|
|
|
- <h2>
|
|
|
- 跨平台免安装
|
|
|
- </h2>
|
|
|
- </div>
|
|
|
- <!--End Box -->
|
|
|
- </div>
|
|
|
- <div class="col-12 col-md-6 col-lg-4 mt-30">
|
|
|
- <!-- Box -->
|
|
|
- <div class="bos bg-bos text-center">
|
|
|
- <!-- Icon -->
|
|
|
- <div class="text-primary">
|
|
|
- <img src="/web/users/images/undraw_work.svg">
|
|
|
- </div>
|
|
|
- <!-- Heading -->
|
|
|
- <h2>
|
|
|
- 高效协同工作
|
|
|
- </h2>
|
|
|
- </div>
|
|
|
- <!--End Box -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
<!--大司空-->
|
|
|
- <section class="section bg-section py-5">
|
|
|
+ <section class="section bg-section py-5 hero-slogan">
|
|
|
<div class="container">
|
|
|
- <p class="text-center mb-0 lead">大司空，是中国古代官名，掌土木、营建之事，古人云</p>
|
|
|
- <h2 class="h1 font-weight-900 mb-0 text-center">伯禹为<span class="text-primary">司空</span>，可成美尧之功</h2>
|
|
|
+ <p class="text-center mb-0 lead">大司空，古代官名，掌土木、营建之事</p>
|
|
|
+ <h2 class="h1 font-weight-900 mb-0 text-center">古人云，伯禹为<span class="text-primary">司空</span>，可成美尧之功</h2>
|
|
|
</div>
|
|
|
</section>
|
|
|
<!-- 详细简介 -->
|
|
|
<section class="section ">
|
|
|
<div class="container">
|
|
|
<div class="row align-items-center mb-100">
|
|
|
+ <div class="softview-img softview-img-1">
|
|
|
+ <img src="/web/users/images/undraw_gift.svg">
|
|
|
+ </div>
|
|
|
<div class="col-lg-8 mt-30">
|
|
|
- <img src="/web/users/images/softview/1.png" alt="" class="img-fluid d-block mx-auto" style="border:1px solid #ccc">
|
|
|
+ <img src="/web/users/images/softview/1.png" alt="" class="img-fluid d-block mx-auto">
|
|
|
</div>
|
|
|
<div class="col-lg-4 mt-30">
|
|
|
<!-- Box -->
|
|
|
@@ -123,17 +71,17 @@
|
|
|
<div class="media-body pl-4">
|
|
|
<!-- Heading -->
|
|
|
<h3 class="mb-5">
|
|
|
- 跨平台、免安装
|
|
|
+ 完全免费 多平台
|
|
|
</h3>
|
|
|
<!-- Text -->
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>数据实时云端存储
|
|
|
+ <i class="fal fa-gifts fa-fw mr-2 text-primary"></i>官方正版 免费注册
|
|
|
</p>
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>随时随地自由编辑
|
|
|
+ <i class="fal fa-infinity fa-fw mr-2 text-primary"></i>永久免费 不限使用
|
|
|
</p>
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>支持苹果macOS系统
|
|
|
+ <i class="fal fa-tv fa-fw mr-2 text-primary"></i>支持苹果系统、国产系统
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -142,6 +90,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row align-items-center mb-100">
|
|
|
+ <div class="softview-img softview-img-2">
|
|
|
+ <img src="/web/users/images/undraw_browse.svg">
|
|
|
+ </div>
|
|
|
<div class="col-lg-4 mt-30">
|
|
|
<!-- Box -->
|
|
|
<div class="bos text-left mb-30">
|
|
|
@@ -149,17 +100,17 @@
|
|
|
<div class="media-body pl-4">
|
|
|
<!-- Heading -->
|
|
|
<h3 class="mb-5">
|
|
|
- 正版软件，永久免费
|
|
|
+ 在线服务 免安装
|
|
|
</h3>
|
|
|
<!-- Text -->
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>官方正版
|
|
|
+ <i class="fal fa-chalkboard-teacher fa-fw mr-2 text-primary"></i>打开浏览器即可使用
|
|
|
</p>
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>功能齐全
|
|
|
+ <i class="fal fa-cloud fa-fw mr-2 text-primary"></i>数据云存储 任一设备即时访问
|
|
|
</p>
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>各省定额完全免费
|
|
|
+ <i class="fal fa-cube fa-fw mr-2 text-primary"></i>抛掉单机软件多版本的烦恼
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -167,12 +118,15 @@
|
|
|
<!--End Box -->
|
|
|
</div>
|
|
|
<div class="col-lg-8 mt-30">
|
|
|
- <img src="/web/users/images/softview/2.png" alt="" class="img-fluid d-block mx-auto" style="border:1px solid #ccc">
|
|
|
+ <img src="/web/users/images/softview/2.png" alt="" class="img-fluid d-block mx-auto">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row align-items-center">
|
|
|
+ <div class="row align-items-center mb-0">
|
|
|
+ <div class="softview-img softview-img-3">
|
|
|
+ <img src="/web/users/images/undraw_work.svg">
|
|
|
+ </div>
|
|
|
<div class="col-lg-8 mt-30">
|
|
|
- <img src="/web/users/images/softview/3.png" alt="" class="img-fluid d-block mx-auto" style="border:1px solid #ccc">
|
|
|
+ <img src="/web/users/images/softview/3.png" alt="" class="img-fluid d-block mx-auto">
|
|
|
</div>
|
|
|
<div class="col-lg-4 mt-30">
|
|
|
<!-- Box -->
|
|
|
@@ -181,17 +135,17 @@
|
|
|
<div class="media-body pl-4">
|
|
|
<!-- Heading -->
|
|
|
<h3 class="mb-5">
|
|
|
- 高效协同工作
|
|
|
+ 分享协作 更高效
|
|
|
</h3>
|
|
|
<!-- Text -->
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>云端实时安全分享
|
|
|
+ <i class="fal fa-paper-plane fa-fw mr-2 text-primary"></i>一键分享 避免反复传输
|
|
|
</p>
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>同步协作快速编辑
|
|
|
+ <i class="fal fa-user-lock fa-fw mr-2 text-primary"></i>灵活设置编辑拷贝权限
|
|
|
</p>
|
|
|
<p class="mb-5 lead">
|
|
|
- <i class="fas fa-circle mr-2 text-primary"></i>私有交互随心设置
|
|
|
+ <i class="fal fa-users fa-fw mr-2 text-primary"></i>多人同时编辑 实时保存
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -207,7 +161,7 @@
|
|
|
<div class="row mb-30">
|
|
|
<div class="col-md-10 offset-md-1">
|
|
|
<div class="srction_title text-center">
|
|
|
- <h2 class="h1 font-weight-900 mb-0">产品分类</h2>
|
|
|
+ <h2 class="h1 font-weight-900 mb-0">专业分类</h2>
|
|
|
<img src="/web/users/images/line.png" alt="" class="img-fluid mx-auto my-3 d-block">
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -220,7 +174,7 @@
|
|
|
<i class="fas fa-archway"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 市政
|
|
|
+ 市政
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -232,7 +186,7 @@
|
|
|
<i class="fas fa-building"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 房建
|
|
|
+ 房建
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -244,7 +198,7 @@
|
|
|
<i class="fas fa-equals"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 轨道
|
|
|
+ 轨道
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -256,7 +210,7 @@
|
|
|
<i class="fas fa-compress"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 综合管廊
|
|
|
+ 综合管廊
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -268,7 +222,7 @@
|
|
|
<i class="fas fa-tree"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 园林绿化
|
|
|
+ 园林绿化
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -280,7 +234,7 @@
|
|
|
<i class="fab fa-houzz"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 装配式建筑
|
|
|
+ 装配式建筑
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -292,7 +246,7 @@
|
|
|
<i class="fas fa-screwdriver"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 通用安装
|
|
|
+ 通用安装
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -304,7 +258,7 @@
|
|
|
<i class="fab fa-codepen"></i>
|
|
|
</div>
|
|
|
<h3>
|
|
|
- 构筑物
|
|
|
+ 构筑物
|
|
|
</h3>
|
|
|
</div>
|
|
|
<!--End Box -->
|
|
|
@@ -312,13 +266,105 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
+ <!--视频-->
|
|
|
+ <section class="section" id="video">
|
|
|
+ <div class="container">
|
|
|
+ <div class="row mb-30">
|
|
|
+ <div class="col-md-10 offset-md-1">
|
|
|
+ <div class="srction_title text-center">
|
|
|
+ <h2 class="h1 font-weight-900 mb-0">视频教程</h2>
|
|
|
+ <img src="/web/users/images/line.png" alt="" class="img-fluid mx-auto my-3 d-block">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="0" data-toggle="modal" data-target="#video-modal" >
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 调价
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="1" data-toggle="modal" data-target="#video-modal">
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 共用单价文件
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="2" data-toggle="modal" data-target="#video-modal">
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 清单精灵
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="3" data-toggle="modal" data-target="#video-modal">
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 查找定位
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="4" data-toggle="modal" data-target="#video-modal">
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 分享协作
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="5" data-toggle="modal" data-target="#video-modal">
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 模板克隆
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-md-4 col-lg-3 mt-30">
|
|
|
+ <!-- Box -->
|
|
|
+ <div class="box bg-box text-center video-bg">
|
|
|
+ <a href="#video-modal" data-index="6" data-toggle="modal" data-target="#video-modal">
|
|
|
+ <h3 class="mb-0">
|
|
|
+ <i class="fas fa-play-circle"></i> 复制整块
|
|
|
+ </h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--End Box -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
<!--底部-->
|
|
|
<footer class="footer_area bg-light">
|
|
|
<div class="footer_bottom_area section pb-0">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-6">
|
|
|
- <h3><img src="/web/users/images/laohuicon.png" class="mr-3">胜算多一点，加班少一点，</h3>
|
|
|
+ <h3><img src="/web/users/images/laohuicon.png" class="mr-3">胜算多一点，加班少一点</h3>
|
|
|
</div>
|
|
|
<div class="col-6">
|
|
|
<div class="footer_menu">
|
|
|
@@ -333,7 +379,7 @@
|
|
|
<a href="http://ol.smartcost.com.cn" target="_blank">纵横造价网络版</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <a href="https://smartcost.com.cn/train" target="_blank">纵横专业培训</a>
|
|
|
+ <a href="https://smartcost.com.cn/train" target="_blank">呆瓜培训</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="https://smartcost.com.cn/contact2" target="_blank">联系我们</a>
|
|
|
@@ -349,19 +395,63 @@
|
|
|
<div class="row">
|
|
|
<div class="col-12">
|
|
|
<div class="footer_bottom text-center">
|
|
|
- Copyright@珠海纵横创新软件有限公司 all rights reserved <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备14032472号</a>
|
|
|
+ Copyright@珠海纵横创新软件有限公司 all rights reserved <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备14032472号 </a>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <%include ../../common/html/dataStatistics.html %>
|
|
|
</div>
|
|
|
- <div></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</footer>
|
|
|
+ <!--视频 调价-->
|
|
|
+ <div class="modal fade" id="video-modal">
|
|
|
+ <div class="modal-dialog modal-xl" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">调价</h5>
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body" id="video-source">
|
|
|
+ <video width="100%" height="558" controls="controls">
|
|
|
+ <source src="https://d1.video.smartcost.com.cn/video/play/2020/调价.mp4" type="video/mp4">
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
|
<script src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
|
|
<script src="/lib/popper/popper.min.js"></script>
|
|
|
<script src="/lib/bootstrap/bootstrap.min.js"></script>
|
|
|
+ <!--<script src="/lib/owlcarousel/dist/owl.carousel.min.js"></script>-->
|
|
|
<script src="/lib/jquery/jquery.sticky.js"></script>
|
|
|
<script src="/web/users/js/index.js"></script>
|
|
|
+ <script>
|
|
|
+ $(function () {
|
|
|
+ const sourceList = [
|
|
|
+ {name: '调价', url: 'https://d1.video.smartcost.com.cn/video/play/2020/调价.mp4'},
|
|
|
+ {name: '共用单价文件', url: 'https://d1.video.smartcost.com.cn/video/play/2020/共用单价文件.mp4'},
|
|
|
+ {name: '清单精灵', url: 'https://d1.video.smartcost.com.cn/video/play/2020/清单精灵.mp4'},
|
|
|
+ {name: '查找定位', url: 'https://d1.video.smartcost.com.cn/video/play/2020/查找定位.mp4'},
|
|
|
+ {name: '分享协作', url: 'https://d1.video.smartcost.com.cn/video/play/2020/分享协作.mp4'},
|
|
|
+ {name: '模板克隆', url: 'https://d1.video.smartcost.com.cn/video/play/2020/模板克隆.mp4'},
|
|
|
+ {name: '复制整块', url: 'https://d1.video.smartcost.com.cn/video/play/2020/复制整块.mp4'},];
|
|
|
+
|
|
|
+ $('a[href="#video-modal"]').on('click', function () {
|
|
|
+ const index = parseInt($(this).data('index'));
|
|
|
+ $('#video-modal .modal-title').text(sourceList[index].name);
|
|
|
+ $('#video-source').html('<video width="100%" height="558" controls="controls">\n' +
|
|
|
+ ' <source src="' + sourceList[index].url + '" type="video/mp4"></video>');
|
|
|
+ $('#video-source video')[0].play();
|
|
|
+ });
|
|
|
+
|
|
|
+ $('#video-modal').on('hide.bs.modal', function () {
|
|
|
+ $('#video-source video')[0].pause();
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ </script>
|
|
|
</body>
|
|
|
-</html>
|
|
|
+</html>
|
