contact.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>SmartCost-纵横公路造价软件-公路全过程造价软件专家</title>
  6. <meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/global.css>
  9. <script src=js/jquery-1.7.1.min.js></script>
  10. <script src=js/smartcost.js></script>
  11. <script src=js/map.js></script>
  12. </head>
  13. <body>
  14. <div class="wrapHeader">
  15. <div class="width1020">
  16. <a class="mainLogo fL" href="http://smartcost.com.cn" title="返回首页"></a>
  17. <ul class="mainNav fR">
  18. <li><a href="#">首页</a></li>
  19. <li><a href="#" >软件下载</a></li>
  20. <li><a href="#">走进纵横</a></li>
  21. <li><a href="#">联系我们</a></li>
  22. </ul>
  23. </div>
  24. </div>
  25. <div class="wrapContent contactBg clearfix">
  26. <div class="pageTitle width1020">
  27. <div class="clearfix"><h1>面对面、心贴心、零距离</h1></div>
  28. <div class="clearfix"><h2>我们的营销和服务网络遍布全国</h2></div>
  29. <div class="clearfix"><h2>竭诚为您提供优质服务</h2></div>
  30. </div>
  31. <div class="width1060">
  32. <div class="contact-tab clearfix">
  33. <a class="now" href="contact-custom.html">地图查询</a>
  34. <a href="contact-custom.html">列表查询</a>
  35. </div>
  36. <div class="contact-main">
  37. <div class="base">
  38. <div class="base-warp clearfix">
  39. <div class="base-box fL">
  40. <h1>在线企业QQ客服</h1>
  41. <p>服务时间:9:00 - 18:00</p>
  42. <h2><b>80000 3850</b>
  43. <!-- WPA Button Begin -->
  44. <script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzgwMDAwMzg1MF80MjEwODRfODAwMDAzODUwXw"></script>
  45. <!-- WPA Button End --></h2>
  46. </div>
  47. <div class="base-box fR">
  48. <h1>全国服务热线</h1>
  49. <p>服务时间:9:00 - 18:00</p>
  50. <h2><b>0756 - 3850 888</b></h2>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="base"><div class="custom-warp">
  55. <div class="hour-box">
  56. <h1>带图标&nbsp;<img src="http://smartcost.com.cn/global/images/24hour.jpg">&nbsp;为 <a href=""><b class="colBlue" style="font-size: 48px">7x24</b></a> 小时服务热线</h1>
  57. </div>
  58. </div>
  59. <div style="margin-top:15px;margin-left:5px;">
  60. <div style="height:50px;line-height:14px;color:#868686;text-align:center">
  61. 快速选择 省份(直辖市):
  62. <select id="s1">
  63. <option value="">---请选择---</option>
  64. </select>
  65. <!-- 城市:
  66. <select id="s2">
  67. <option value="">---请选择---</option>
  68. </select> -->
  69. <p style="text-align:center;margin-top:5px">或 点击下图省份名称</p>
  70. </div>
  71. <div style="margin-bottom:25px;margin-left:7px;position: relative;text-align:center">
  72. <img id="map" name="map" usemap="#m_map" src="images/map/map.jpg" alt="">
  73. <div id="myzone" style="width:393px;position: absolute;left:300px;top:100px;display:none;">
  74. <div style="height: 22px; background-image: url('images/map/bg_top.png'); background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%">
  75. <img id="btn_close" style="cursor:pointer;float: right;margin: 11px 15px 0 0;" SRC="images/map/close.gif" alt="关闭">
  76. </div>
  77. <div style="background-image: url('images/map/bg_middle.png'); background-repeat: repeat; background-attachment: scroll; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; background-position: 0% 50%;font-size:14px;">
  78. <div id="mytitle" style="margin-bottom:10px;line-height:16px;font-size:16px;color:#f8b62a;font-weight:600"></div>
  79. <table id="mylist">
  80. </table>
  81. </div>
  82. <div style="height: 15px; background-image: url('images/map/bg_bottom.png'); background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%">
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <map name="m_map" id="m_map"><!-- 左 上 右 下 -->
  88. <area shape="rect" coords="552, 79, 601, 104" href="javascript:setProvince('黑龙江')" alt="" />
  89. <area shape="rect" coords="542, 125, 579, 149" href="javascript:setProvince('吉林')" alt="" />
  90. <area shape="rect" coords="523, 170, 554, 192" href="javascript:setProvince('辽宁')" alt="" />
  91. <area shape="rect" coords="460, 181, 485, 197" href="javascript:setProvince('北京')" alt="" />
  92. <area shape="rect" coords="472, 202, 499, 215" href="javascript:setProvince('天津')" alt="" />
  93. <area shape="rect" coords="449, 221, 473, 233" href="javascript:setProvince('河北')" alt="" />
  94. <area shape="rect" coords="113, 152, 162, 183" href="javascript:setProvince('新疆')" alt="" />
  95. <area shape="rect" coords="246, 187, 291, 213" href="javascript:setProvince('甘肃')" alt="" />
  96. <area shape="rect" coords="362, 178, 410, 207" href="javascript:setProvince('内蒙古')" alt="" />
  97. <area shape="rect" coords="377, 276, 413, 298" href="javascript:setProvince('陕西')" alt="" />
  98. <area shape="rect" coords="308, 324, 335, 342" href="javascript:setProvince('四川')" alt="" />
  99. <area shape="rect" coords="366, 337, 399, 359" href="javascript:setProvince('重庆')" alt="" />
  100. <area shape="rect" coords="364, 379, 393, 400" href="javascript:setProvince('贵州')" alt="" />
  101. <area shape="rect" coords="295, 403, 321, 420" href="javascript:setProvince('云南')" alt="" />
  102. <area shape="rect" coords="404, 479, 428, 493" href="javascript:setProvince('海南')" alt="" />
  103. <area shape="rect" coords="392, 419, 420, 440" href="javascript:setProvince('广西')" alt="" />
  104. <area shape="rect" coords="444, 421, 471, 435" href="javascript:setProvince('广东')" alt="" />
  105. <area shape="rect" coords="418, 368, 448, 388" href="javascript:setProvince('湖南')" alt="" />
  106. <area shape="rect" coords="500, 377, 530, 399" href="javascript:setProvince('福建')" alt="" />
  107. <area shape="rect" coords="473, 350, 500, 367" href="javascript:setProvince('江西')" alt="" />
  108. <area shape="rect" coords="419, 320, 449, 341" href="javascript:setProvince('湖北')" alt="" />
  109. <area shape="rect" coords="481, 306, 506, 324" href="javascript:setProvince('安徽')" alt="" />
  110. <area shape="rect" coords="523, 329, 550, 345" href="javascript:setProvince('浙江')" alt="" />
  111. <area shape="rect" coords="544, 307, 569, 321" href="javascript:setProvince('上海')" alt="" />
  112. <area shape="rect" coords="517, 280, 545, 303" href="javascript:setProvince('江苏')" alt="" />
  113. <area shape="rect" coords="432, 278, 461, 298" href="javascript:setProvince('河南')" alt="" />
  114. <area shape="rect" coords="415, 240, 439, 258" href="javascript:setProvince('山西')" alt="" />
  115. <area shape="rect" coords="476, 243, 511, 265" href="javascript:setProvince('山东')" alt="" />
  116. <area shape="rect" coords="142, 285, 168, 306" href="javascript:setProvince('西藏')" alt="">
  117. <area shape="rect" coords="235, 259, 265, 245" href="javascript:setProvince('青海')" alt="">
  118. <area shape="rect" coords="342, 254, 373, 239" href="javascript:setProvince('宁夏')" alt="">
  119. </map>
  120. </div>
  121. <div class="custom-warp" style="margin-bottom:100px">
  122. <div class="custom-box">
  123. <h2>珠海总部:广东省珠海市香洲区银桦路8号深圳发展银行大厦24D </h2>
  124. <h2><a href="http://j.map.baidu.com/ki9-F" target="_blank">查看地图</a></h2>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="wrapFooter">
  131. <div class="bottomNav">
  132. <div class="width1020">
  133. <ul class="subNav fL">
  134. <li><a href="#">软件下载</a></li>
  135. <li><a href="#">使用教程</a></li>
  136. <li><a href="#">走进纵横</a></li>
  137. <li><a href="#">联系我们</a></li>
  138. <li><a href="#">网站地图</a></li>
  139. </ul>
  140. <div class="copyRight fR">
  141. Copyright@珠海纵横创新软件有限公司 all rights reserved 粤ICP备10042688号
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </body>