aboutView.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5. <title>上海永天科技股份有限公司</title>
  6. <?php $this->load->view('_resource', array('link' => 'area')); ?>
  7. <style type="text/css">
  8. html,body{margin:0;padding:0;}
  9. .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
  10. .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
  11. </style>
  12. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=iXlsFGT8ySqgKzSZtjzSvLMpF0OxuCXS&servic
  13. es=true"></script>
  14. </head>
  15. <body style="margin: 0">
  16. <?php $this->load->view('_header' , array('navi' => 'about')); ?>
  17. <div class="top about_top">
  18. <img src="<?php echo STYLE_PATH; ?>/images/about_top.png" alt="" />
  19. </div>
  20. <div class="c1"></div>
  21. <!-- 对应的内容 -->
  22. <div class="con about_con">
  23. <!-- 智慧商圈 -->
  24. <div class="n1 n1_spc1">
  25. <h1>公司介绍</h1>
  26. <div class="n1_1">
  27. <div class="lf">
  28. <p class="p1"><i>永天科技</i> 始创于2004年,致力于通过智能硬件技术、互联网技术、物联网技术结合的方式进行建筑体智能化设计与实施,先后为不同城市写字楼、商业体、社区、园区、高校、政府机构、金融机构、酒店等提供定制化建筑体智能化解决方案。</p><p>
  29. 公司在上海张江、美国硅谷设立两大研发中心,拥有专业的跨国研发团队和自主知识产权。2013年8月,永天科技在全国中小企业股份转让系统公开挂牌转让,证券代码:430273。</p>
  30. <a href="<?php echo MAIN_PATH.'/about/download?t='.time() ?>" target="_blank">下载完整介绍</a>
  31. </div>
  32. <div class="rh">
  33. <img src="<?php echo STYLE_PATH; ?>/images/yt.jpg" alt="" />
  34. </div>
  35. </div>
  36. </div>
  37. <!-- 智慧商圈 -->
  38. <!-- 公司视频 -->
  39. <div class="box1">
  40. <h1>公司视频</h1>
  41. <div class="c1"></div>
  42. <ul>
  43. <li class="cur" style="margin-left: 130px;">公司介绍</li>
  44. <li class="hover">永天云</li>
  45. <li class="hover" style="margin-right: 0;">展望未来</li>
  46. </ul>
  47. <div class="c1 h20"></div>
  48. <div class="video">
  49. <embed class="video1" src='http://player.youku.com/player.php/sid/XMjYxNDE3OTgwNA==/v.swf' allowFullScreen='true' quality='high' width='641' height='360' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
  50. <embed class="video2" style="display: none;" src='http://player.youku.com/player.php/sid/XMjYxMDcwNzMzNg==/v.swf' allowFullScreen='true' autoplay="true" quality='high' width='641' height='360' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
  51. <embed class="video3" style="display: none;" src='http://player.youku.com/player.php/sid/XMTYzNTg4ODUzNg==/v.swf' allowFullScreen='true' quality='high' width='641' height='360' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
  52. </div>
  53. </div>
  54. <!-- 公司视频 -->
  55. <!-- 发展历程 -->
  56. <div class="box1 box2">
  57. <h1>发展历程</h1>
  58. <div class="course">
  59. <div class="course_lf" style="width:100%">
  60. <p><i>2004年</i> 永天科技与三大运营商战略合作,专注于城市楼宇基础网络运营。</p>
  61. <p><i>2008-2012年</i> 公司获得多项软件著作权。公司完成股改,设立研发中心,专注于楼宇智能化产品研发。</p>
  62. <p><i>2013年至今</i> 与同济大学战略合作,培养智慧楼宇工程师,各分公司成立。获得多项相关资质。</p>
  63. <p>我们的公司总部位于上海,经过12年发展,我们的分公司分布于美国加州、香港、深圳、江西南昌、江西上饶等地。</p>
  64. </div>
  65. <!--
  66. <div class="course_rh">
  67. <img src="<?php echo STYLE_PATH; ?>/images/course.png" alt="" />
  68. </div>
  69. -->
  70. </div>
  71. </div>
  72. <!-- 发展历程 -->
  73. <!-- 公司视频 -->
  74. <div class="box1" >
  75. <a name="contact" class="nn">联系我们</a>
  76. <div class="c1"></div>
  77. <div class="contact">
  78. <div class="contact_lf">
  79. <?php echo $item ?>
  80. </div>
  81. <div class="contact_rh">
  82. <div style="width:682px;height:340px;border:#ccc solid 1px;margin-left: 67px;" id="dituContent"></div>
  83. </div>
  84. </div>
  85. </div>
  86. <!-- 公司视频 -->
  87. </div>
  88. <!-- 对应的内容 -->
  89. <?php $this->load->view('_footer'); ?>
  90. </body>
  91. <script type="text/javascript">
  92. $(document).ready(
  93. function(){
  94. $(".about_con .box1 ul li").click(
  95. function(){
  96. $(this).addClass("cur").removeClass("hover").siblings().addClass("hover").removeClass("cur");
  97. $(this).parent().siblings(".content").children(".con").eq($(this).index()).show().siblings().hide();
  98. $(this).parent().siblings(".video").children("embed").eq($(this).index()).show().siblings().hide();
  99. });
  100. });
  101. </script>
  102. <script type="text/javascript">
  103. //创建和初始化地图函数:
  104. function initMap(){
  105. createMap();//创建地图
  106. setMapEvent();//设置地图事件
  107. addMapControl();//向地图添加控件
  108. addMarker();//向地图中添加marker
  109. }
  110. //创建地图函数:
  111. function createMap(){
  112. var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
  113. var point = new BMap.Point(121.25186,31.179117);//定义一个中心点坐标
  114. map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
  115. window.map = map;//将map变量存储在全局
  116. }
  117. //地图事件设置函数:
  118. function setMapEvent(){
  119. map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
  120. map.enableScrollWheelZoom();//启用地图滚轮放大缩小
  121. map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
  122. map.enableKeyboard();//启用键盘上下左右键移动地图
  123. }
  124. //地图控件添加函数:
  125. function addMapControl(){
  126. //向地图中添加缩放控件
  127. var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  128. map.addControl(ctrl_nav);
  129. //向地图中添加缩略图控件
  130. var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
  131. map.addControl(ctrl_ove);
  132. //向地图中添加比例尺控件
  133. var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
  134. map.addControl(ctrl_sca);
  135. }
  136. //标注点数组
  137. var markerArr = [{title:"上海永天科技股份有限公司",content:"上海市青浦区徐乐路208号",point:"121.25186|31.179117",isOpen:0,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
  138. ];
  139. //创建marker
  140. function addMarker(){
  141. for(var i=0;i<markerArr.length;i++){
  142. var json = markerArr[i];
  143. var p0 = json.point.split("|")[0];
  144. var p1 = json.point.split("|")[1];
  145. var point = new BMap.Point("121.25186","31.179117");
  146. var iconImg = createIcon(json.icon);
  147. var marker = new BMap.Marker(point,{icon:iconImg});
  148. var iw = createInfoWindow(i);
  149. var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
  150. marker.setLabel(label);
  151. map.addOverlay(marker);
  152. label.setStyle({
  153. borderColor:"#808080",
  154. color:"#333",
  155. cursor:"pointer"
  156. });
  157. (function(){
  158. var index = i;
  159. var _iw = createInfoWindow(i);
  160. var _marker = marker;
  161. _marker.addEventListener("click",function(){
  162. this.openInfoWindow(_iw);
  163. });
  164. _iw.addEventListener("open",function(){
  165. _marker.getLabel().hide();
  166. })
  167. _iw.addEventListener("close",function(){
  168. _marker.getLabel().show();
  169. })
  170. label.addEventListener("click",function(){
  171. _marker.openInfoWindow(_iw);
  172. })
  173. if(!!json.isOpen){
  174. label.hide();
  175. _marker.openInfoWindow(_iw);
  176. }
  177. })()
  178. }
  179. }
  180. //创建InfoWindow
  181. function createInfoWindow(i){
  182. var json = markerArr[i];
  183. var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
  184. return iw;
  185. }
  186. //创建一个Icon
  187. function createIcon(json){
  188. var icon = new BMap.Icon("<?php echo STYLE_PATH; ?>/images/mark.jpg", 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)})
  189. return icon;
  190. }
  191. initMap();// 创建和初始化地图
  192. </script>
  193. </html>