chenbaoxin
/
Data_Analysis_Front_Vue


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
							<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>联系我们_高端炫酷IT网络建站公司网站模板</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <link rel="stylesheet" type="text/css" href="style/css/style_2_common.css" />
  <link rel="stylesheet" type="text/css" href="style/css/style_2_portal_list.css" />
  <script src="style/js/common.js" type="text/javascript"></script>
  <script src="style/js/jquery-1.7.2.js" type="text/javascript"></script>
  <script src="style/js/pace.js" type="text/javascript"></script>
  <link href="style/css/footer.css" rel="stylesheet" type="text/css" />
  <link href="style/css/style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

<body id="nv_portal" class="pg_list pg_list_1 pg_list_6">
  <div id="append_parent"></div>
  <div id="ajaxwaitid"></div>
  <div id="toptb" class="cl" style="display:none;"> </div>

  <div id="mu" class="cl">
    <div class="wp"> </div>
  </div>
  <script src="style/js/week_nav.js" type="text/javascript"></script>
  <div id="wp" class="wp">
    <style id="diy_style" type="text/css">
      #frameyd1cLA {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_18 {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_18 .dxb_bc {
        margin: 0px !important;
      }

      #framep2n1bg {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_19 {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_19 .dxb_bc {
        margin: 0px !important;
      }

      #frameHCV83Y {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_20 {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_20 .dxb_bc {
        margin: 0px !important;
      }

      #framelo3Fmy {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_21 {
        border: 0px !important;
        margin: 0px !important;
      }

      #portal_block_21 .dxb_bc {
        margin: 0px !important;
      }
    </style>
    <link href="style/css/about.css" rel="stylesheet" type="text/css" />
  </div>
  <div class="wk_list_box wk_list_box3"> </div>

  <div class="clear"></div>
  <div class="week_contact">
    <div class="week_container">
      <ul class="contact-ways">
        <li> <a href="tel:0431-08510231"> <i class="i-phone"></i>
            <h4>给我们打电话</h4>
            <p class="cway-txt">0431-08510231</p>
          </a> </li>
        <li> <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=12345678&amp;site=qq&amp;menu=yes"> <i class="i-qq"></i>
            <h4>QQ在线联系</h4>
            <p class="cway-txt">4008-888-888</p>
          </a> </li>
        <li> <a href="Mailto:2606595902@163.com"> <i class="i-mail"></i>
            <h4>给我们发邮件</h4>
            <p class="cway-txt">2606595902@163.com</p>
          </a> </li>
      </ul>
    </div>
  </div>
  <div class="clear"></div>
  <div class="week_weixin">
    <div class="week_container">
      <h3>关注微信</h3>
      <p>扫一扫二维码，关注我们的微信公众号</p>
      <p class="week_weixin-p"><img src="style/images/weixin.jpg" /></p>
    </div>
  </div>
  <div class="clear"></div>
  <div class="week_map">
    <div id="allmap">
      <div style="width:100%;height:520px;" id="dituContent"></div>
    </div>
    <div class="mark-info">
      <h4>北京市西城区新街口外大街28号A座3层303</h4>
      <p>Mobile：0431-08510231</p>
    </div>
  </div>

  <div class="clear"></div>
  <div id="wp" class="wp">
    <div class="wp">
      <!--[diy=diy1]-->
      <div id="diy1" class="area"></div>
      <!--[/diy]-->
    </div>

    <!--[diy=listcontenttop]-->
    <div id="listcontenttop" class="area"></div>
    <!--[/diy]-->

    <div class="clear"></div>

    <!--[diy=diycontentbottom]-->
    <div id="diycontentbottom" class="area"></div>
    <!--[/diy]-->

    <div class="wp mtn">

      <!--[diy=diy3]-->
      <div id="diy3" class="area"></div>
      <!--[/diy]-->

    </div>
  </div>
  <div class="section fp-auto-height">
    <div class="wk_footer_side">
      <div class="wk_footer">
        <div class="footTopL">
          <dl class="clearfix">
            <dt>关于我们</dt>
            <dd><a href="#">公司简介</a></dd>
            <dd><a href="#">优势</a></dd>
            <dd><a href="#">企业愿景</a></dd>
            <dd><a href="#">经营理念</a></dd>
          </dl>
          <dl class="clearfix">
            <dt>产品</dt>
            <dd><a href="#">知识图谱构建系统</a></dd>
            <dd><a href="#">试验数据分析平台</a></dd>
            <dd><a href="#">基于图像数据的缺陷识别系统</a></dd>
          </dl>
          <dl class="clearfix" style="margin-right: 20px;">
            <dt>应用</dt>
            <dd><a href="#">情报项目</a></dd>
            <dd><a href="#">基于智能算法的滑油系统数据分析</a></dd>
            <dd><a href="#">核电大数据系统</a></dd>
            <dd><a href="#">智能事故诊断及规程数字化系统</a></dd>
          </dl>
          <dl class="clearfix">
            <dt></dt>
            <dd style="margin-top: 36px;"><a href="#">GA查询项目</a></dd>
            <dd><a href="#">西城家园项目</a></dd>
            <dd><a href="#">行业知识库系统</a></dd>
            <dd><a href="#">......</a></dd>
          </dl>
        </div>
      </div>
    </div>
  </div>

  <ul id="scbar_type_menu" class="p_pop" style="display: none;">
  </ul>
  <link href="style/css/service.css" rel="stylesheet" type="text/css" />
  <div class="main-im">
    <div id="open_im" class="open-im"> </div>
    <div class="im_main" id="im_main">
      <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭"> </a></div>
      <a href="http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes" target="_blank" class="im-qq qq-a"
        title="在线QQ客服">
        <div class="qq-container"></div>
        <div class="qq-hover-c"><img class="img-qq" src="style/images/qq.png"></div>
        <span>QQ在线咨询</span>
      </a>
      <div class="im-tel">
        <dt>售前咨询热线</dt>
        <dt class="tel-num">4008-888-888</dt>
        <dt>售后服务热线</dt>
        <dt class="tel-num">158-8888-8888</dt>
      </div>
      <div class="im-footer" style="position:relative">
        <div class="weixing-container">
          <div class="weixing-show">
            <div class="weixing-txt">微信扫一扫<br>
              关注我们<br>
              获取更多精彩风格</div>
            <img class="weixing-ma" src="style/images/weixin.jpg">
            <div class="weixing-sanjiao"></div>
            <div class="weixing-sanjiao-big"></div>
          </div>
        </div>
        <div class="go-top"><a href="#" title="返回顶部"></a> </div>
        <div style="clear:both"></div>
      </div>
    </div>
  </div>
  <script type="text/javascript">

    PTM(document).ready(function () {

      PTM('#close_im').bind('click', function () {

        PTM('#main-im').css("height", "0");

        PTM('#im_main').hide();

        PTM('#open_im').show();

      });

      PTM('#open_im').bind('click', function (e) {

        PTM('#main-im').css("height", "272");

        PTM('#im_main').show();

        PTM(this).hide();

      });


      PTM(".weixing-container").bind('mouseenter', function () {

        PTM('.weixing-show').show();

      })

      PTM(".weixing-container").bind('mouseleave', function () {

        PTM('.weixing-show').hide();

      });

    });

  </script>
  <script src="style/js/home.js" type="text/javascript"></script>
  <div id="scrolltop"> <span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')"
        class="scrolltopa"><b>返回顶部</b></a></span> </div>
  <script type="text/javascript">_attachEvent(window, 'scroll', function () { showTopLink(); }); checkBlind();</script>
  <div id="discuz_tips" style="display:none;"></div>
  <script src="style/js/discuz_tips.js" type="text/javascript" charset="UTF-8"></script>
  <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMarker();//向地图中添加marker
    }

    //创建地图函数：
    function createMap() {
      var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
      var point = new BMap.Point(116.379399,39.96033);//定义一个中心点坐标
      map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
      window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
      map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
      map.enableScrollWheelZoom();//启用地图滚轮放大缩小
      map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
      map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
    }

    //标注点数组
    var markerArr = [{ title: "北京熙紫智数科技有限公司", content: "北京市西城区新街口外大街28号A座3层303", point: "116.379399|39.96011", isOpen: 1, icon: { w: 23, h: 25, l: 46, t: 21, x: 9, lb: 12 } }
    ];
    //创建marker
    function addMarker() {
      for (var i = 0; i < markerArr.length; i++) {
        var json = markerArr[i];
        var p0 = json.point.split("|")[0];
        var p1 = json.point.split("|")[1];
        var point = new BMap.Point(p0, p1);
        var iconImg = createIcon(json.icon);
        var marker = new BMap.Marker(point, { icon: iconImg });
        var iw = createInfoWindow(i);
        var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
        marker.setLabel(label);
        map.addOverlay(marker);
        label.setStyle({
          borderColor: "#808080",
          color: "#333",
          cursor: "pointer"
        });

        (function () {
          var index = i;
          var _iw = createInfoWindow(i);
          var _marker = marker;
          _marker.addEventListener("click", function () {
            this.openInfoWindow(_iw);
          });
          _iw.addEventListener("open", function () {
            _marker.getLabel().hide();
          })
          _iw.addEventListener("close", function () {
            _marker.getLabel().show();
          })
          label.addEventListener("click", function () {
            _marker.openInfoWindow(_iw);
          })
          if (!!json.isOpen) {
            label.hide();
            _marker.openInfoWindow(_iw);
          }
        })()
      }
    }
    //创建InfoWindow
    function createInfoWindow(i) {
      var json = markerArr[i];
      var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
      return iw;
    }
    //创建一个Icon
    function createIcon(json) {
      var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
      return icon;
    }

    initMap();//创建和初始化地图
  </script>
</body>

</html>