index16.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>联系我们</title>
  7. <meta name="keywords" content="">
  8. <meta name="description" content="">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <link rel="stylesheet" href="static/css/amazeui.min.css">
  11. <link rel="stylesheet" href="static/css/app.css">
  12. <link rel="stylesheet" href="static/css/index.css">
  13. <link rel="stylesheet" href="static/css/layout.css">
  14. <link rel="stylesheet" href="static/css/z_tuch.css">
  15. <!--[if (gte IE 9)|!(IE)]><!-->
  16. <script src="static/js/jquery.min.js"></script>
  17. <!--<![endif]-->
  18. <script src="static/js/amazeui.min.js"></script>
  19. </head>
  20. <body>
  21. <!--[if lte IE 9]>
  22. <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器,Amaze UI 暂不支持。 请 <a
  23. href="https://browsehappy.com/" target="_blank">升级浏览器</a>
  24. 以获得更好的体验!</p>
  25. <![endif]-->
  26. <div class="header">
  27. <div class="box flex_center_box">
  28. <div class="logo l"> <a href="index.html"><img src="static/picture/logo.png" alt="(自适应手机版)响应式建筑工程集团公司类网站织梦模板 HTML5工程建筑公司网站源码下载 - AB模板网"></a> </div>
  29. <div class="nav r">
  30. <div class="mainnav c">
  31. <ul>
  32. <li class="c_nav_nav_li1"> <a href="index.html" style="display: block; height:52px; line-height: 52px">
  33. <div class="c_nav_nav_li_a c">网站首页</div>
  34. </a> </li>
  35. <li class="c_nav_nav_li1"> <a href="index2.html" style="display: block; height:52px; line-height: 52px">
  36. <div class="c_nav_nav_li_a c ">关于我们</div>
  37. </a>
  38. <div class="c_nav_nav_li_b c">
  39. <ul>
  40. <li class="c_nav_nav_li2"> <a href="index2.html">
  41. <div class="c_nav_nav_li2_b c">公司简介<i class="c_nav_nav_li2_b_i">></i></div>
  42. </a> </li>
  43. <li class="c_nav_nav_li2"> <a href="index3.html">
  44. <div class="c_nav_nav_li2_b c">组织架构<i class="c_nav_nav_li2_b_i">></i></div>
  45. </a> </li>
  46. <li class="c_nav_nav_li2"> <a href="index4.html">
  47. <div class="c_nav_nav_li2_b c">企业文化<i class="c_nav_nav_li2_b_i">></i></div>
  48. </a> </li>
  49. <li class="c_nav_nav_li2"> <a href="index5.html">
  50. <div class="c_nav_nav_li2_b c">公司资质<i class="c_nav_nav_li2_b_i">></i></div>
  51. </a> </li>
  52. </ul>
  53. </div>
  54. </li><li class="c_nav_nav_li1"> <a href="index7.html" style="display: block; height:52px; line-height: 52px">
  55. <div class="c_nav_nav_li_a c ">新闻资讯</div>
  56. </a>
  57. <div class="c_nav_nav_li_b c">
  58. <ul>
  59. <li class="c_nav_nav_li2"> <a href="index7.html">
  60. <div class="c_nav_nav_li2_b c">集团新闻<i class="c_nav_nav_li2_b_i">></i></div>
  61. </a> </li>
  62. <li class="c_nav_nav_li2"> <a href="index8.html">
  63. <div class="c_nav_nav_li2_b c">公司动态<i class="c_nav_nav_li2_b_i">></i></div>
  64. </a> </li>
  65. </ul>
  66. </div>
  67. </li><li class="c_nav_nav_li1"> <a href="index9.html" style="display: block; height:52px; line-height: 52px">
  68. <div class="c_nav_nav_li_a c ">工程展示</div>
  69. </a>
  70. <div class="c_nav_nav_li_b c">
  71. <ul>
  72. <li class="c_nav_nav_li2"> <a href="index10.html">
  73. <div class="c_nav_nav_li2_b c">房屋建筑<i class="c_nav_nav_li2_b_i">></i></div>
  74. </a> </li>
  75. <li class="c_nav_nav_li2"> <a href="index11.html">
  76. <div class="c_nav_nav_li2_b c">市政公路<i class="c_nav_nav_li2_b_i">></i></div>
  77. </a> </li>
  78. <li class="c_nav_nav_li2"> <a href="index12.html">
  79. <div class="c_nav_nav_li2_b c">水利工程<i class="c_nav_nav_li2_b_i">></i></div>
  80. </a> </li>
  81. <li class="c_nav_nav_li2"> <a href="index13.html">
  82. <div class="c_nav_nav_li2_b c">垃圾处理<i class="c_nav_nav_li2_b_i">></i></div>
  83. </a> </li>
  84. <li class="c_nav_nav_li2"> <a href="index14.html">
  85. <div class="c_nav_nav_li2_b c">管线工程<i class="c_nav_nav_li2_b_i">></i></div>
  86. </a> </li>
  87. </ul>
  88. </div>
  89. </li><li class="c_nav_nav_li1"> <a href="index15.html" style="display: block; height:52px; line-height: 52px">
  90. <div class="c_nav_nav_li_a c ">人才招聘</div>
  91. </a>
  92. <div class="c_nav_nav_li_b c">
  93. <ul>
  94. </ul>
  95. </div>
  96. </li><li class="c_nav_nav_li1"> <a href="" style="display: block; height:52px; line-height: 52px">
  97. <div class="c_nav_nav_li_a c ">联系我们</div>
  98. </a>
  99. <div class="c_nav_nav_li_b c">
  100. <ul>
  101. </ul>
  102. </div>
  103. </li>
  104. </ul>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div id="chbnav_touch" class="c">
  110. <div class="chbnav_touch_top c">
  111. <div class="chbnav_touch_top_list c">
  112. <div class="chbnav_touch_top_list_a chbnav_touch_top_list_c c"></div>
  113. <div class="chbnav_touch_top_list_a chbnav_touch_top_list_b c"></div>
  114. <div class="chbnav_touch_top_list_a c"></div>
  115. </div>
  116. <a href="index.html">
  117. <div class="chbnav_touch_top_logo c"> <img src="static/picture/logo.png" alt="(自适应手机版)响应式建筑工程集团公司类网站织梦模板 HTML5工程建筑公司网站源码下载 - AB模板网"> </div>
  118. </a> </div>
  119. <div class="chbnav_touch_nav c">
  120. <div class="chbnav_touch_nav_box c">
  121. <div class="chbnav_touch_nav_title c">
  122. <div class="chbnav_touch_navli chbnav_touch_navli1 c"> <a href="index.html"><span>首页</span></a> <img style="width: 20px;" src="static/picture/touch_cha.png"> </div>
  123. <div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index2.html"><span>关于我们</span></a> <span class="chbnav_touch_navli2_img"><img src="http://demos.admin868.com/skin/images/nav_li1jt.png"></span>
  124. <div class="chbnav_touch_erji c"> <a href="index2.html">公司简介</a> <a href="index3.html">组织架构</a> <a href="index4.html">企业文化</a> <a href="index5.html">公司资质</a> </div>
  125. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index7.html"><span>新闻资讯</span></a> <span class="chbnav_touch_navli2_img"><img src="http://demos.admin868.com/skin/images/nav_li1jt.png"></span>
  126. <div class="chbnav_touch_erji c"> <a href="index7.html">集团新闻</a> <a href="index8.html">公司动态</a> </div>
  127. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index9.html"><span>工程展示</span></a> <span class="chbnav_touch_navli2_img"><img src="http://demos.admin868.com/skin/images/nav_li1jt.png"></span>
  128. <div class="chbnav_touch_erji c"> <a href="index10.html">房屋建筑</a> <a href="index11.html">市政公路</a> <a href="index12.html">水利工程</a> <a href="index13.html">垃圾处理</a> <a href="index14.html">管线工程</a> </div>
  129. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index15.html"><span>人才招聘</span></a>
  130. <div class="chbnav_touch_erji c"> </div>
  131. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href=""><span>联系我们</span></a>
  132. <div class="chbnav_touch_erji c"> </div>
  133. </div> </div>
  134. </div>
  135. </div>
  136. </div>
  137. <script>
  138. $(function () {
  139. $('.chbnav_touch_top_list').click(function () {
  140. $('.chbnav_touch_nav_box').addClass('chbnav_select');
  141. $('body').css('position','fixed');
  142. });
  143. $('.chbnav_touch_navli1 img').click(function () {
  144. $('.chbnav_touch_nav_box').removeClass('chbnav_select');
  145. $('body').css('position','relative');
  146. });
  147. $(".chbnav_touch_navli").click(function () {
  148. $(".chbnav_touch_erji").slideUp();
  149. if($(".chbnav_touch_erji",this).css("display")=="block"){
  150. }else{
  151. $(".chbnav_touch_erji",this).slideDown();
  152. }
  153. });
  154. })
  155. </script>
  156. <style type="text/css">
  157. .nav-box{
  158. position: relative;
  159. }
  160. .nav-box .nav-line {
  161. background: url("static/image/cj30.png") no-repeat;
  162. bottom: -73px;
  163. left: 0;
  164. z-index: 9;
  165. position: absolute;
  166. width: 137px;
  167. height: 10px;
  168. }
  169. </style>
  170. <div class="z_ny_banner wps-show " style="background: url(static/image/contact.jpg) no-repeat center; ">
  171. <div class="z_ny_banner_bg c">
  172. <div class="lmmc">联系我们</div>
  173. <div class="mbxdh"><a href='index.html'>主页</a> > <a href=''>联系我们</a></div>
  174. </div>
  175. </div>
  176. <div class="z_ny_banner wps-no" style="background: url(static/image/contact.jpg) no-repeat center;background-size: cover;">
  177. <div class="z_ny_banner_bg c"> </div>
  178. </div>
  179. <div class="z_ny_conts">
  180. <div class="newsca c" style="background: #fff">
  181. <div class="box">
  182. <div class="z_jxlyx">
  183. <div class="n_lxwm_l">
  184. <div class="n_lxwm_l_name c">哈尔滨市第一市政工程有限公司</div>
  185. <div class="n_lxwm_l_js c">感谢您来到某某建站公司,若您有合作意向,请您为我们留言或使用以下方式联系我们,我们将尽快给你回复,并为您提供最真诚的服务,谢谢。</div>
  186. <div class="n_lxwm_l_list c">
  187. <ul>
  188. <li> <span>地址:哈尔滨市南岗区顺益街16号</span> </li>
  189. <li> <span>电话:--</span> </li>
  190. <li> <span>传真:---</span> </li>
  191. <li> <span>邮箱:---</li>
  192. <li> <span>网址:---</span> </li>
  193. </ul>
  194. </div>
  195. </div>
  196. <div class="n_lxwm_r">
  197. <form action="/demo218/plus/diy.php" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
  198. <input type="hidden" name="action" value="post">
  199. <input type="hidden" name="diyid" value="1">
  200. <input type="hidden" name="do" value="2">
  201. <div>
  202. <input name="name" id="name" type="text" placeholder="联系人">
  203. </div>
  204. <div>
  205. <input name="tel" id="tel" type="text" placeholder="电话">
  206. </div>
  207. <div>
  208. <input name="email" id="email" type="text" placeholder="邮箱">
  209. </div>
  210. <div>
  211. <textarea name='content' id="content" placeholder="留言内容"></textarea>
  212. </div>
  213. <input type="hidden" name="dede_fields" value="name,text;tel,text;email,text;content,text">
  214. <input type="hidden" name="dede_fieldshash" value="a321dd28a1c1870e417cdea510c295c2">
  215. <div class="n_lxwm_sub c">
  216. <input class="n_lxwm_sub_s1" type="submit" name="submit" id="tj" value="提交">
  217. <input class="n_lxwm_sub_s2" type="reset" name="reset" value="清除">
  218. </div>
  219. </form>
  220. <script>
  221. $(function(){
  222. $('#tj').click(function(){
  223. //alert(1)
  224. if($('#name').val()==''){alert('请输入您的姓名!'); $("#name").focus(); return false;}
  225. if ($("#tel").val() == "") { alert("请输入你的手机!"); $("#tel").focus(); return false; }
  226. if (!$("#tel").val().match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/)) { alert("手机号码格式不正确!"); $("#tel").focus(); return false;}
  227. if ($("#email").val() == "") { alert("请输入电子邮箱!"); return false; }
  228. if (!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) { alert("电子邮箱格式不正确"); $("#email").focus(); return false; }
  229. if($('#content').val()==''){alert('请输入留言内容!');return false;}
  230. })
  231. })
  232. </script>
  233. </div>
  234. </div>
  235. <div class="z_jxmap">
  236. <style type="text/css">
  237. .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
  238. .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
  239. </style>
  240. <script type="text/javascript" src="static/js/api1.js"></script>
  241. <div style="width:100%; height: 600px; border:#ccc solid 1px;font-size:12px" id="map"></div>
  242. <script type="text/javascript">
  243. //创建和初始化地图函数:
  244. function initMap(){
  245. createMap();//创建地图
  246. setMapEvent();//设置地图事件
  247. addMapControl();//向地图添加控件
  248. addMarker();//向地图中添加marker
  249. }
  250. //创建地图函数:
  251. function createMap(){
  252. var map = new BMap.Map("map");//在百度地图容器中创建一个地图
  253. var point = new BMap.Point(118.800446,32.083805);//定义一个中心点坐标
  254. map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
  255. window.map = map;//将map变量存储在全局
  256. }
  257. //地图事件设置函数:
  258. function setMapEvent(){
  259. map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
  260. map.enableScrollWheelZoom();//启用地图滚轮放大缩小
  261. map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
  262. map.enableKeyboard();//启用键盘上下左右键移动地图
  263. }
  264. //地图控件添加函数:
  265. function addMapControl(){
  266. }
  267. //标注点数组
  268. var markerArr = [{title:"哈尔滨是第一市政工程有限公司",content:"---",point:"126.68401648018644|45.75049361460677",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
  269. ];
  270. //创建marker
  271. function addMarker(){
  272. for(var i=0;i<markerArr.length;i++){
  273. var json = markerArr[i];
  274. var p0 = json.point.split("|")[0];
  275. var p1 = json.point.split("|")[1];
  276. var point = new BMap.Point(p0,p1);
  277. var iconImg = createIcon(json.icon);
  278. var marker = new BMap.Marker(point,{icon:iconImg});
  279. var iw = createInfoWindow(i);
  280. var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
  281. marker.setLabel(label);
  282. map.addOverlay(marker);
  283. label.setStyle({
  284. borderColor:"#808080",
  285. color:"#333",
  286. cursor:"pointer"
  287. });
  288. (function(){
  289. var index = i;
  290. var _iw = createInfoWindow(i);
  291. var _marker = marker;
  292. _marker.addEventListener("click",function(){
  293. this.openInfoWindow(_iw);
  294. });
  295. _iw.addEventListener("open",function(){
  296. _marker.getLabel().hide();
  297. })
  298. _iw.addEventListener("close",function(){
  299. _marker.getLabel().show();
  300. })
  301. label.addEventListener("click",function(){
  302. _marker.openInfoWindow(_iw);
  303. })
  304. if(!!json.isOpen){
  305. label.hide();
  306. _marker.openInfoWindow(_iw);
  307. }
  308. })()
  309. }
  310. }
  311. //创建InfoWindow
  312. function createInfoWindow(i){
  313. var json = markerArr[i];
  314. var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
  315. return iw;
  316. }
  317. //创建一个Icon
  318. function createIcon(json){
  319. var icon = new BMap.Icon("http://map.baidu.com/image/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)})
  320. return icon;
  321. }
  322. initMap();//创建和初始化地图
  323. </script>
  324. </div>
  325. </div>
  326. </div>
  327. </div>
  328. <div class="footer c">
  329. <div class="footer_top">
  330. <div class="box">
  331. <div class="dbdh l">
  332. <ul>
  333. <li> <a href="index2.html">关于我们</a>
  334. <ul>
  335. <li><a href="index2.html">公司简介</a></li>
  336. <li><a href="index3.html">组织架构</a></li>
  337. <li><a href="index4.html">企业文化</a></li>
  338. <li><a href="index5.html">公司资质</a></li>
  339. </ul>
  340. </li><li> <a href="index7.html">新闻资讯</a>
  341. <ul>
  342. <li><a href="index7.html">集团新闻</a></li>
  343. <li><a href="index8.html">公司动态</a></li>
  344. </ul>
  345. </li><li> <a href="index9.html">工程展示</a>
  346. <ul>
  347. <li><a href="index10.html">房屋建筑</a></li>
  348. <li><a href="index11.html">市政公路</a></li>
  349. <li><a href="index12.html">水利工程</a></li>
  350. <li><a href="index13.html">垃圾处理</a></li>
  351. <li><a href="index14.html">管线工程</a></li>
  352. </ul>
  353. </li><li> <a href="index15.html">人才招聘</a>
  354. <ul>
  355. </ul>
  356. </li><li> <a href="">联系我们</a>
  357. <ul>
  358. </ul>
  359. </li>
  360. </ul>
  361. </div>
  362. <div class="rcewm r">
  363. <div class="ntcb l"> 官方微信<br>
  364. <img src="static/picture/ewm.jpg" width="114" height="114"> </div>
  365. <div class="ntcb l"> 移动端二维码<br>
  366. <img src="static/picture/ewm.jpg" width="114" height="114"> </div>
  367. </div>
  368. </div>
  369. </div>
  370. <div class="footer_bottom">
  371. <div class="box">
  372. <div class="footer_bottom_l l">Copyright &copy; 2002-2023 哈尔滨市第一市政工程有限公司 版权所有 <a href="javascript:;" target="_blank" rel="nofollow">黑ICP12345678 </a> <a href="javascript:;" target="_blank">XML地图</a> <a href="javascript:;" target="_blank">网站源码</a></div>
  373. </div>
  374. </div>
  375. </div>
  376. </body>
  377. </html>