123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455 |
- <!doctype html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
- <link rel="stylesheet" href="/web/building_saas/css/all.css">
- <link rel="stylesheet" href="/web/building_saas/css/style.css">
- <title>大司空云计价 - 远程办公,用免费正版市政计价软件</title>
- <link rel="shortcut icon" href="/web/building_saas/css/favicon.ico" />
- </head>
- <body>
- <header id="header">
- <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-transparent">
- <div class="container">
- <a class="navbar-brand" href="#home"><img src="/web/users/images/logo.png" alt="" class="img-fluid"></a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarLexar" aria-controls="navbarLexar" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarLexar">
- <ul class="navbar-nav ml-auto">
- <li class="nav-item active">
- <a class="btn btn-danger my-3" href="/login">登录软件</a>
- </li>
- </ul>
- </div>
- </div>
- </nav>
- </header>
- <!--banner-->
- <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">云上协同 积累造价数据资产
- <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 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">
- <img src="/web/users/images/home-desk.png" alt="" class="img-fluid mx-auto d-block">
- </div>
- </div>
- </div>
- </div>
- <!--大司空-->
- <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>
- </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">
- </div>
- <div class="col-lg-4 mt-30">
- <!-- Box -->
- <div class="bos text-left mb-30">
- <div class="media align-items-lg-center">
- <div class="media-body pl-4">
- <!-- Heading -->
- <h3 class="mb-5">
- 完全免费 多平台
- </h3>
- <!-- Text -->
- <p class="mb-5 lead">
- <i class="fal fa-gifts fa-fw mr-2 text-primary"></i>官方正版 免费注册
- </p>
- <p class="mb-5 lead">
- <i class="fal fa-infinity fa-fw mr-2 text-primary"></i>永久免费 不限使用
- </p>
- <p class="mb-5 lead">
- <i class="fal fa-tv fa-fw mr-2 text-primary"></i>支持苹果系统、国产系统
- </p>
- </div>
- </div>
- </div>
- <!--End Box -->
- </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">
- <div class="media align-items-lg-center">
- <div class="media-body pl-4">
- <!-- Heading -->
- <h3 class="mb-5">
- 在线服务 免安装
- </h3>
- <!-- Text -->
- <p class="mb-5 lead">
- <i class="fal fa-chalkboard-teacher fa-fw mr-2 text-primary"></i>打开浏览器即可使用
- </p>
- <p class="mb-5 lead">
- <i class="fal fa-cloud fa-fw mr-2 text-primary"></i>数据云存储 任一设备即时访问
- </p>
- <p class="mb-5 lead">
- <i class="fal fa-cube fa-fw mr-2 text-primary"></i>抛掉单机软件多版本的烦恼
- </p>
- </div>
- </div>
- </div>
- <!--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">
- </div>
- </div>
- <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">
- </div>
- <div class="col-lg-4 mt-30">
- <!-- Box -->
- <div class="bos text-left mb-30">
- <div class="media align-items-lg-center">
- <div class="media-body pl-4">
- <!-- Heading -->
- <h3 class="mb-5">
- 分享协作 更高效
- </h3>
- <!-- Text -->
- <p class="mb-5 lead">
- <i class="fal fa-paper-plane fa-fw mr-2 text-primary"></i>一键分享 避免反复传输
- </p>
- <p class="mb-5 lead">
- <i class="fal fa-user-lock fa-fw mr-2 text-primary"></i>灵活设置编辑拷贝权限
- </p>
- <p class="mb-5 lead">
- <i class="fal fa-users fa-fw mr-2 text-primary"></i>多人同时编辑 实时保存
- </p>
- </div>
- </div>
- </div>
- <!--End Box -->
- </div>
- </div>
- </div>
- </section>
- <!--产品-->
- <section class="section">
- <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">
- <div class="icon text-primary">
- <i class="fas fa-archway"></i>
- </div>
- <h3>
- 市政
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fas fa-building"></i>
- </div>
- <h3>
- 房建
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fas fa-equals"></i>
- </div>
- <h3>
- 轨道
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fas fa-compress"></i>
- </div>
- <h3>
- 综合管廊
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fas fa-tree"></i>
- </div>
- <h3>
- 园林绿化
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fab fa-houzz"></i>
- </div>
- <h3>
- 装配式建筑
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fas fa-screwdriver"></i>
- </div>
- <h3>
- 通用安装
- </h3>
- </div>
- <!--End Box -->
- </div>
- <div class="col-12 col-md-4 col-lg-3 mt-30">
- <!-- Box -->
- <div class="box bg-box text-center">
- <div class="icon text-primary">
- <i class="fab fa-codepen"></i>
- </div>
- <h3>
- 构筑物
- </h3>
- </div>
- <!--End Box -->
- </div>
- </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>
- </div>
- <div class="col-6">
- <div class="footer_menu">
- <ul class="list-unstyled">
- <li>
- <a href="https://smartcost.com.cn" target="_blank">首页</a>
- </li>
- <li>
- <a href="https://smartcost.com.cn/product/24" target="_blank">产品下载</a>
- </li>
- <li>
- <a href="http://ol.smartcost.com.cn" target="_blank">纵横造价网络版</a>
- </li>
- <li>
- <a href="https://smartcost.com.cn/train" target="_blank">呆瓜培训</a>
- </li>
- <li>
- <a href="https://smartcost.com.cn/contact2" target="_blank">联系我们</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="footer_copywrite_area">
- <div class="container">
- <div class="row">
- <div class="col-12">
- <div class="footer_bottom text-center">
- Copyright@珠海纵横创新软件有限公司 all rights reserved <a href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号 <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278513319'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/stat.php%3Fid%3D1278513319%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></a>
- </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="http://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: 'http://d1.video.smartcost.com.cn/video/play/2020/调价.mp4'},
- {name: '共用单价文件', url: 'http://d1.video.smartcost.com.cn/video/play/2020/共用单价文件.mp4'},
- {name: '清单精灵', url: 'http://d1.video.smartcost.com.cn/video/play/2020/清单精灵.mp4'},
- {name: '查找定位', url: 'http://d1.video.smartcost.com.cn/video/play/2020/查找定位.mp4'},
- {name: '分享协作', url: 'http://d1.video.smartcost.com.cn/video/play/2020/分享协作.mp4'},
- {name: '模板克隆', url: 'http://d1.video.smartcost.com.cn/video/play/2020/模板克隆.mp4'},
- {name: '复制整块', url: 'http://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>
|