Skip to content

html / bdideal

Go to a project
Commit 3a004fef by hank
Options

关于我们

parent 188c447d
Showing with 445 additions and 368 deletions
html/about.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市" />
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市" />
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>关于我们</title>
<link rel="icon" href="/img/favicon.ico" />
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css"
/>
<link rel="stylesheet" href="../style/animate.min.css" />
<head> <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<meta charset="utf-8"> <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--[if lt IE 9]>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>关于我们</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet/less" href="../style/index.less"> <link rel="stylesheet/less" href="../style/index.less" />
<script src="../js/less.min.js"></script> <script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script> <script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script> <script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script> <script src="../js/tools.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=orRAyNA22FrzmG9B61BkNQZPI1KR41tO"></script> <script
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> type="text/javascript"
</head> src="http://api.map.baidu.com/api?v=2.0&ak=orRAyNA22FrzmG9B61BkNQZPI1KR41tO"
></script>
<script
type="text/javascript"
src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"
></script>
</head>
<body> <body>
<div class="main-container"> <div class="main-container">
<div class="navbar-fixed-container"> <div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1"> <div
<nav role="navigation"> class="navbar navbar-inverse navbar-fixed-top affix-top"
<div class="container"> data-spy="affix"
<div class="nav navbar-header"> data-offset-top="1"
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" >
aria-label="Expand and Collapse Menu"> <nav role="navigation">
<span class="icon-bar"></span> <div class="container">
<span class="icon-bar"></span> <div class="nav navbar-header">
<span class="icon-bar"></span> <button
</button> type="button"
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a> class="navbar-toggle"
</div> data-toggle="collapse"
<div class="navbar-collapse collapse"> data-target=".navbar-collapse"
<ul class="nav navbar-nav navbar-right"> aria-label="Expand and Collapse Menu"
<li><a id="nav-index" href="./index.html">首页</a></li> >
<li><a id="nav-about" href="./about.html">关于我们</a></li> <span class="icon-bar"></span>
<li><a id="nav-products" href="./products.html">我们的产品</a></li> <span class="icon-bar"></span>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li> <span class="icon-bar"></span>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a> </button>
</li> <a class="navbar-brand" href="index.html"
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a> ><span itemprop="name">数字理想</span></a
</li> >
</ul> </div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li>
<a id="nav-products" href="./products.html">我们的产品</a>
</li>
<li>
<a id="nav-solution" href="./solution.html">解决方案</a>
</li>
<li>
<a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li>
<a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div> </div>
</div> </nav>
</nav> </div>
</div> </div>
</div> <div
<div id="banner" class="animated fadeInUp" style="height: 690px; id="banner"
class="animated fadeInUp"
style="height: 690px;
visibility: visible; visibility: visible;
animation-delay: 0.3s; animation-delay: 0.3s;
animation-duration: 0.3s;"> animation-duration: 0.3s;"
<div class="swiper-container"> >
<div class="swiper-wrapper"> <div class="swiper-container">
<div class="swiper-slide banner1"> <div class="swiper-wrapper">
<div class="word-box"> <div class="swiper-slide banner1">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">把生命浪费在美好的事务上</p> <div class="word-box">
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">科技创造艺术</p> <p
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们努力让数字更易理解，更具观赏效果。</p> class="btword animated bounceInRight "
style="animation-delay: 1s;"
>
把生命浪费在美好的事务上
</p>
<p
class="btworden animated bounceInRight"
style="animation-delay: 0.7s;"
>
科技创造艺术
</p>
<p
class="conword animated bounceInRight"
style="animation-delay: 0.4s;"
>
我们努力让数字更易理解，更具观赏效果。
</p>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="" />
</a>
</div> </div>
<a href="" class="img-container"> <!-- <div class="swiper-slide banner2">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<!-- <div class="swiper-slide banner2">
<div class="word-box"></div> <div class="word-box"></div>
<a href="" class="img-container"> <a href="" class="img-container">
<img src="../img/banner2.jpg" alt=""> <img src="../img/banner2.jpg" alt="">
...@@ -90,308 +137,334 @@ ...@@ -90,308 +137,334 @@
<img src="../img/banner3.jpg" alt=""> <img src="../img/banner3.jpg" alt="">
</a> </a>
</div> --> </div> -->
</div> </div>
<!-- 如果需要分页器 --> <!-- 如果需要分页器 -->
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 --> <!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div> <!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> --> <div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 --> <!-- 如果需要滚动条 -->
</div>
</div> </div>
</div> </div>
</div> <div class="about-container">
<div class="about-container"> <div class="container">
<div class="container"> <div class="text-center common-title">北京数字理想科技有限公司</div>
<div class="text-center common-title">北京数字理想科技有限公司</div> <p class="indent-32">
<p class="indent-32"> 作为中国领先的数据可视化平台服务商与行业解决方案提供商，我们坚持用科技创造艺术的理想，不断引领视觉技术变革。经过数年的沉淀积累，我们在数据处理与分析、创意图形设计、先进视觉传达、互联网云平台等领域均取得明显优势地位。
作为中国领先的数据可视化平台服务商与行业解决方案提供商，我们坚持用科技创造艺术的理想，不断引领视觉技术变革。经过数年的沉淀积累，我们在数据处理与分析、创意图形设计、先进视觉传达、互联网云平台等领域均取得明显优势地位。</p> </p>
<p class="indent-32">目前我们的数据可视化平台已经积累数十万名企业和机构用户，提供最快速便捷 的数据分析与可视化工具，极高的提升了数据处理效率与数据表现效果，成为数 据工作者最可靠的伙伴。</p> <p class="indent-32">
<p class="indent-32">今天我们仍在不断创新，成立行业首个大规模、国际化的可视化技术实验室，不 断推出新的平台能力与行业解决方案。客户遍布金融、地产、旅游、文化、健康、 目前我们的数据可视化平台已经积累数十万名企业和机构用户，提供最快速便捷
教育、汽车、科技、军工等热点行业，并与超过 90 家中国 500 强客户建立紧密 的合作，在智能 BI、展览展厅、数字交互、运控中心、创新体验等应用领域成 功打造一批具有行业影响力的示范案例。</p> 的数据分析与可视化工具，极高的提升了数据处理效率与数据表现效果，成为数
<div class="bottom-list"> 据工作者最可靠的伙伴。
<div class="row"> </p>
<div class="col-xs-12 col-sm-12 col-md-4"> <p class="indent-32">
<div class="item"> 今天我们仍在不断创新，成立行业首个大规模、国际化的可视化技术实验室，不
<div class="title"> 断推出新的平台能力与行业解决方案。客户遍布金融、地产、旅游、文化、健康、
方案咨询 教育、汽车、科技、军工等热点行业，并与超过 90 家中国 500
</div> 强客户建立紧密 的合作，在智能
<div> BI、展览展厅、数字交互、运控中心、创新体验等应用领域成
丰富的行业经验帮助你快速梳理需求 功打造一批具有行业影响力的示范案例。
</p>
<div class="bottom-list">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="item">
<div class="title">
方案咨询
</div>
<div>
丰富的行业经验帮助你快速梳理需求
</div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-12 col-md-4">
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="item">
<div class="item"> <div class="title">
<div class="title"> 数字化体系
数字化体系 </div>
</div> <div>
<div> 丰富的行业经验帮助你快速梳理需求
丰富的行业经验帮助你快速梳理需求 </div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-12 col-md-4">
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="item">
<div class="item"> <div class="title">
<div class="title"> 视觉互动体验
视觉互动体验 </div>
</div> <div>
<div> 感受 AI 技术与 VR/AR 等体验创新结合的乐趣
感受 AI 技术与 VR/AR 等体验创新结合的乐趣 </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="about-container">
<div class="container">
<div class="text-center common-title">团队实力</div>
<p class="text-center">
核心技术团队由资深技术专家组成，成员均来自于Oracle、IBM、HDS等IT企业，具有多年可视化经验。
</p>
<div class="bottom-list" style="margin-top: 100px;">
</div> <div class="row">
<div class="about-container"> <div class="col-xs-12 col-sm-6 col-md-3">
<div class="container"> <div class="item2">
<div class="text-center common-title">团队实力</div> <img
<p class="text-center">核心技术团队由资深技术专家组成，成员均来自于Oracle、IBM、HDS等IT企业，具有多年可视化经验。</p> class="avator"
src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg"
<div class="bottom-list" style="margin-top: 100px;"> alt=""
<div class="row"> />
<div class="col-xs-12 col-sm-6 col-md-3"> <div class="title">
<div class="item2"> 王学钦
<img class="avator" </div>
src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg" <div>
alt=""> 中山大学数学与计算机学院教授
<div class="title"> </div>
王学钦 <div>
</div> 百人计划归国
<div> </div>
中山大学数学与计算机学院教授 <div>
</div> 纽约州立大学博士
<div> </div>
百人计划归国 <div>
</div> 耶鲁大学博士后
<div> </div>
纽约州立大学博士
</div>
<div>
耶鲁大学博士后
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-xs-12 col-sm-6 col-md-3"> <div class="item2">
<div class="item2"> <img
<img class="avator" class="avator"
src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg"
alt=""> alt=""
<div class="title"> />
梁琨 <div class="title">
</div> 梁琨
<div> </div>
数字理想CEO <div>
</div> 数字理想CEO
<div> </div>
无锡轻工大学设计学院 <div>
</div> 无锡轻工大学设计学院
<div> </div>
CG 杂志设计总监 <div>
</div> CG 杂志设计总监
<div> </div>
迈动互联先进视觉事业部总经理 <div>
迈动互联先进视觉事业部总经理
</div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-xs-12 col-sm-6 col-md-3"> <div class="item2">
<div class="item2"> <img
<img class="avator" class="avator"
src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg"
alt=""> alt=""
<div class="title"> />
赵全明 <div class="title">
</div> 赵全明
<div> </div>
2008北京奥运会互动多媒体项目技术总监 <div>
</div> 2008北京奥运会互动多媒体项目技术总监
<div> </div>
2010年上海世博会场馆展厅工程项目组组长 <div>
2010年上海世博会场馆展厅工程项目组组长
</div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-xs-12 col-sm-6 col-md-3"> <div class="item2">
<div class="item2"> <img
<img class="avator" class="avator"
src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2796651835,2041654306&fm=27&gp=0.jpg"
alt=""> alt=""
<div class="title"> />
Eric 赵轶超 <div class="title">
</div> Eric 赵轶超
<div> </div>
北京航空航天大学硕士 <div>
</div> 北京航空航天大学硕士
<div> </div>
微软在线集团平台技术负责人 <div>
</div> 微软在线集团平台技术负责人
<div> </div>
迈动互联CTO <div>
</div> 迈动互联CTO
<div> </div>
大数据事业部负责人 <div>
大数据事业部负责人
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="about-container">
<div class="about-container"> <div class="conatiner">
<div class="conatiner"> <div class="text-center common-title">合作伙伴</div>
<div class="text-center common-title">合作伙伴</div> <p class="text-center">
<p class="text-center">致力于为合作伙伴提供符合自身能力特点的解决方案，与我们实现共赢，和合共生。</p> 致力于为合作伙伴提供符合自身能力特点的解决方案，与我们实现共赢，和合共生。
<div class="partner"> </p>
<div class="partner">
<img src="" alt="">
</div>
</div> </div>
</div> </div>
</div> <div class="about-container">
<div class="about-container"> <div class="container">
<div class="container"> <div class="text-center common-title">联系我们</div>
<div class="text-center common-title">联系我们</div> <p class="text-center">
<p class="text-center">无论您需要寻求合作伙伴、咨询帮助，欢迎随时和我们取得联系。</p> 无论您需要寻求合作伙伴、咨询帮助，欢迎随时和我们取得联系。
<div class="map-container"> </p>
<div class="row"> <div class="map-container">
<div class="col-xs-12 col-sm-8 col-md-8"> <div class="row">
<div id="map"> <div class="col-xs-12 col-sm-8 col-md-8">
<div id="map"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h3>
北京数字理想科技有限公司
</h3>
<div>
客户咨询:010-58060808
</div>
<div>
EMAIL: service@9ideal.com
</div> </div>
<div> <div class="col-xs-12 col-sm-4 col-md-4">
总部地址:北京市海淀区知春路盈都大 厦D座3010 <h3>
北京数字理想科技有限公司
</h3>
<p class="word font-18">
客户咨询:010-58060808
</p>
<p class="font-18">
EMAIL: service@9ideal.com
</p>
<div class="addr font-18">
总部地址:北京市海淀区知春路盈都大厦D座3010
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div
id="footer"
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;"> style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;"
<div class="container"> >
<div class="row footer-content"> <div class="container">
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="row footer-content">
<p>联系我们:</p> <div class="col-xs-12 col-sm-12 col-md-4">
<p> <p>联系我们:</p>
电话：(8601)56833060 <p>
</p> 电话：(8601)56833060
<p> </p>
Email：service@bdideal.com <p>
</p> Email：service@bdideal.com
<p> </p>
地址：北京市海淀区知春路盈都大厦D座3010室 <p>
</p> 地址：北京市海淀区知春路盈都大厦D座3010室
</div> </p>
<div class="col-xs-12 col-sm-12 col-md-4"> </div>
<p>友情链接:</p> <div class="col-xs-12 col-sm-12 col-md-4">
<p> <p>友情链接:</p>
迈动互联（北京）科技有限公司 <p>
</p> 迈动互联（北京）科技有限公司
<p> </p>
美智互联网络有限公司 <p>
</p> 美智互联网络有限公司
<!-- <p> </p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室 地址：北京市海淀区知春路盈都大厦D座3010室
</p> --> </p> -->
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center"> <div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<p class="weixin-img"> <img src="/img//weixin.png" alt="" />
<img src="/img//weixin.png" alt=""> </p>
</p> <div>扫一扫获取更多资讯</div>
<div>扫一扫获取更多资讯</div> </div>
</div> </div>
</div> </div>
</div> <div
<div class="copyright text-center" style="height: 50px; class="copyright text-center"
style="height: 50px;
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
background: #212121;"> background: #212121;"
@2018 all copyrights reserved by bdideal.com >
@2018 all copyrights reserved by bdideal.com
</div>
</div> </div>
</div> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script> <link
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" /> rel="stylesheet"
<script src="../js/banner.js"></script> href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"
</body> />
<script> <script src="../js/banner.js"></script>
$(document).ready(function () { </body>
var mySwiper = new Swiper('.swiper-container', { <script>
direction: 'horizontal', // 垂直切换选项 $(document).ready(function() {
// loop: true, // 循环模式选项 var mySwiper = new Swiper('.swiper-container', {
// autoplay: 1500, direction: 'horizontal' // 垂直切换选项
// paginationClickable: true, // loop: true, // 循环模式选项
// 如果需要分页器 // autoplay: 1500,
// pagination: '.swiper-pagination', // paginationClickable: true,
// 如果需要分页器
// pagination: '.swiper-pagination',
// 如果需要前进后退按钮 // 如果需要前进后退按钮
// navigation: { // navigation: {
// nextEl: '.swiper-button-next', // nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev', // prevEl: '.swiper-button-prev',
// }, // },
// 如果需要滚动条 // 如果需要滚动条
// scrollbar: { // scrollbar: {
// el: '.swiper-scrollbar', // el: '.swiper-scrollbar',
// }, // },
}); });
var map = new BMap.Map("map"); // 创建Map实例 var map = new BMap.Map('map'); // 创建Map实例
var poi = new BMap.Point(116.346103, 39.980804); var poi = new BMap.Point(116.346103, 39.980804);
map.centerAndZoom(poi, 19); map.centerAndZoom(poi, 17);
//添加地图类型控件 //添加地图类型控件
// map.addControl(new BMap.MapTypeControl({ // map.addControl(new BMap.MapTypeControl({
// mapTypes: [ // mapTypes: [
// BMAP_NORMAL_MAP, // BMAP_NORMAL_MAP,
// BMAP_HYBRID_MAP // BMAP_HYBRID_MAP
// ] // ]
// })); // }));
var content = '<div style="margin:0;line-height:20px;padding:2px;background:white;">' + var content =
'<img src="../img/weixin.png" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' + '<div style="margin:0;line-height:20px;padding:2px;background:white;">' +
'地址：北京市海淀区知春路甲48号<br/>电话：(010)58732488<br/>' + '<img src="../img/weixin.png" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
'</div>'; '地址：北京市海淀区知春路甲48号<br/>电话：(010)58732488<br/>' +
'</div>';
//创建检索信息窗口对象 //创建检索信息窗口对象
var searchInfoWindow = null; var searchInfoWindow = null;
searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, { searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
title : "数字理想", //标题 title: '数字理想', //标题
width : 300, //宽度 width: 300, //宽度
height : 105, //高度 height: 105, //高度
panel : "panel", //检索结果面板 panel: 'panel', //检索结果面板
enableAutoPan : true, //自动平移 enableAutoPan: true, //自动平移
searchTypes :[ searchTypes: [
BMAPLIB_TAB_SEARCH, //周边检索 BMAPLIB_TAB_SEARCH, //周边检索
BMAPLIB_TAB_TO_HERE, //到这里去 BMAPLIB_TAB_TO_HERE, //到这里去
BMAPLIB_TAB_FROM_HERE //从这里出发 BMAPLIB_TAB_FROM_HERE //从这里出发
] ]
}); });
var marker = new BMap.Marker(poi); //创建marker对象 var marker = new BMap.Marker(poi); //创建marker对象
marker.enableDragging(); //marker可拖拽 marker.enableDragging(); //marker可拖拽
marker.addEventListener("click", function(e){ marker.addEventListener('click', function(e) {
searchInfoWindow.open(marker); searchInfoWindow.open(marker);
}) });
map.addOverlay(marker); //在地图中添加marker map.addOverlay(marker); //在地图中添加marker
}); });
</script> </script>
</html>
</html>
\ No newline at end of file
style/index.less
@media (min-width: 768px) { @media (min-width: 768px) {
.navbar-nav>li>a { .navbar-nav > li > a {
padding-top: 25px; padding-top: 25px;
padding-bottom: 25px; padding-bottom: 25px;
} }
} }
@media (max-width: 1920px) { @media (max-width: 1920px) {
.img-container img { .img-container img {
// margin-left: -25% ; // margin-left: -25% ;
position: absolute; position: absolute;
} }
...@@ -13,9 +13,10 @@ ...@@ -13,9 +13,10 @@
.indent-32 { .indent-32 {
text-indent: 32px; text-indent: 32px;
} }
ol, ul { ol,
ul {
margin-top: 0; margin-top: 0;
margin-bottom: 0px; margin-bottom: 0px;
} }
.swiper-pagination { .swiper-pagination {
position: absolute; position: absolute;
...@@ -47,7 +48,7 @@ ol, ul { ...@@ -47,7 +48,7 @@ ol, ul {
margin-bottom: 0; margin-bottom: 0;
} }
.navbar-fixed-container { .navbar-fixed-container {
a { a {
color: #222222 !important; color: #222222 !important;
} }
// height: 51px; // height: 51px;
...@@ -72,7 +73,7 @@ ol, ul { ...@@ -72,7 +73,7 @@ ol, ul {
max-width: 1920px; max-width: 1920px;
margin: auto; margin: auto;
width: 100%; width: 100%;
height:80%; height: 80%;
background-color: #ccc; background-color: #ccc;
position: relative; position: relative;
.word-box { .word-box {
...@@ -83,7 +84,7 @@ ol, ul { ...@@ -83,7 +84,7 @@ ol, ul {
width: 80%; width: 80%;
p.btword { p.btword {
font-size: 36px; font-size: 36px;
color: #FFFFFF; color: #ffffff;
/* font-weight: bold; */ /* font-weight: bold; */
} }
p.btworden { p.btworden {
...@@ -94,7 +95,7 @@ ol, ul { ...@@ -94,7 +95,7 @@ ol, ul {
} }
p.conword { p.conword {
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #ffffff;
line-height: 26px; line-height: 26px;
margin-top: 20px; margin-top: 20px;
max-width: 466px; max-width: 466px;
...@@ -103,9 +104,9 @@ ol, ul { ...@@ -103,9 +104,9 @@ ol, ul {
a.linkword { a.linkword {
width: 140px; width: 140px;
height: 43px; height: 43px;
border: 1px solid #FFFFFF; border: 1px solid #ffffff;
text-align: center; text-align: center;
color: #FFFFFF; color: #ffffff;
line-height: 40px; line-height: 40px;
font-size: 16px; font-size: 16px;
display: block; display: block;
...@@ -115,13 +116,12 @@ ol, ul { ...@@ -115,13 +116,12 @@ ol, ul {
-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease; -o-transition: all 0.2s ease;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
} }
.swiper-container { .swiper-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
.img-container { .img-container {
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -158,26 +158,24 @@ ol, ul { ...@@ -158,26 +158,24 @@ ol, ul {
background: #d2d2d2; background: #d2d2d2;
} }
} }
} }
.common-title { .common-title {
background: white; background: white;
font-size: 36px; font-size: 36px;
text-align: center; text-align: center;
padding: 20px 0; padding: 20px 0;
.word { .word {
padding: 10px; padding: 10px;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
} }
} }
// 我们的产品 // 我们的产品
.our-products { .our-products {
background:url('/img/bg.51ba665.png') no-repeat center; background: url('/img/bg.51ba665.png') no-repeat center;
background-size: 100%; background-size: 100%;
font-size: 18px; font-size: 18px;
.views-content { .views-content {
.content { .content {
.item { .item {
float: left; float: left;
...@@ -186,7 +184,6 @@ ol, ul { ...@@ -186,7 +184,6 @@ ol, ul {
&:hover { &:hover {
.one { .one {
display: none; display: none;
} }
.two { .two {
display: block; display: block;
...@@ -194,17 +191,15 @@ ol, ul { ...@@ -194,17 +191,15 @@ ol, ul {
} }
} }
.item::after { .item::after {
content: ""; content: '';
clear: both; clear: both;
} }
.left { .left {
background: url('/img/banner1.jpg') center no-repeat ; background: url('/img/banner1.jpg') center no-repeat;
} }
.right { .right {
background: url('/img/banner2.jpg') center no-repeat ; background: url('/img/banner2.jpg') center no-repeat;
} }
} }
.one { .one {
padding-left: 50px; padding-left: 50px;
...@@ -233,8 +228,8 @@ ol, ul { ...@@ -233,8 +228,8 @@ ol, ul {
margin-bottom: 40px; margin-bottom: 40px;
float: left; float: left;
position: relative; position: relative;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
background: url('/img/banner2.jpg') center no-repeat ; background: url('/img/banner2.jpg') center no-repeat;
a { a {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
...@@ -249,11 +244,10 @@ ol, ul { ...@@ -249,11 +244,10 @@ ol, ul {
} }
} }
.item::after { .item::after {
content: ""; content: '';
clear: both; clear: both;
} }
} }
} }
// 活动 // 活动
.industry-dynamics { .industry-dynamics {
...@@ -264,7 +258,7 @@ ol, ul { ...@@ -264,7 +258,7 @@ ol, ul {
margin-bottom: 40px; margin-bottom: 40px;
float: left; float: left;
position: relative; position: relative;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
a { a {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
...@@ -276,7 +270,7 @@ ol, ul { ...@@ -276,7 +270,7 @@ ol, ul {
overflow: hidden; overflow: hidden;
img { img {
width: auto; width: auto;
height: 260px; height: 260px;
} }
} }
.item-title { .item-title {
...@@ -286,15 +280,13 @@ ol, ul { ...@@ -286,15 +280,13 @@ ol, ul {
.bottom-word { .bottom-word {
text-align: right; text-align: right;
.name { .name {
} }
.date { .date {
} }
} }
} }
.item::after { .item::after {
content: ""; content: '';
clear: both; clear: both;
} }
} }
...@@ -314,7 +306,7 @@ ol, ul { ...@@ -314,7 +306,7 @@ ol, ul {
border-radius: 0px; border-radius: 0px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
text-align: center; text-align: center;
.title { .title {
font-size: 22px; font-size: 22px;
...@@ -329,7 +321,7 @@ ol, ul { ...@@ -329,7 +321,7 @@ ol, ul {
position: relative; position: relative;
width: 260px; width: 260px;
height: 184px; height: 184px;
padding: 40px 0 30px 0; padding: 40px 0 30px 0;
background: inherit; background: inherit;
text-align: center; text-align: center;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
...@@ -337,7 +329,7 @@ ol, ul { ...@@ -337,7 +329,7 @@ ol, ul {
border-radius: 0px; border-radius: 0px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
text-align: center; text-align: center;
.title { .title {
font-size: 22px; font-size: 22px;
...@@ -351,7 +343,7 @@ ol, ul { ...@@ -351,7 +343,7 @@ ol, ul {
top: -80px; top: -80px;
border-radius: 50%; border-radius: 50%;
background: white; background: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
} }
&:hover { &:hover {
transition: 0.3s; transition: 0.3s;
...@@ -359,11 +351,25 @@ ol, ul { ...@@ -359,11 +351,25 @@ ol, ul {
} }
} }
} }
.partner {
height: 400px;
background: url('http://bdideal.com/asset/img/part.jpg') no-repeat center;
}
.map-container { .map-container {
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px;
#map { #map {
height: 280px; height: 280px;
width: 100%; width: 100%;
} }
.font-18 {
font-size: 16px;
}
.word {
margin-top: 30px;
}
.addr {
margin-top: 40px;
}
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment