contact.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!-- include 'header' -->
  2. <script src=<?= WEB_SITE_GLOBAL ?>/js/map.js></script>
  3. <div class="wrapContent contactBg clearfix">
  4. <div class="pageTitle width1020">
  5. <div class="clearfix"><h1>面对面、心贴心、零距离</h1></div>
  6. <div class="clearfix"><h2>我们的营销和服务网络遍布全国</h2></div>
  7. <div class="clearfix"><h2>竭诚为您提供优质服务</h2></div>
  8. </div>
  9. <div class="width1060">
  10. <div class="contact-tab clearfix">
  11. <a class="now" >地图查询</a>
  12. <a href="/contact2">列表查询</a>
  13. </div>
  14. <div class="contact-main">
  15. <div class="base" style="margin-top:50px">
  16. <div class="custom-warp">
  17. <div class="hour-box">
  18. <h1>带图标&nbsp;<img src="<?= WEB_SITE_GLOBAL ?>/images/24hour.jpg">&nbsp;为7x24小时服务热线</h1>
  19. </div>
  20. </div>
  21. <div style="margin-top:15px;margin-left:5px;">
  22. <div style="height:36px;line-height:14px;color:#868686;text-align:center">
  23. 快速选择
  24. 省份(直辖市):
  25. <select id="s1">
  26. <option value="">---请选择---</option>
  27. </select>
  28. <!-- 城市:
  29. <select id="s2">
  30. <option value="">---请选择---</option>
  31. </select> -->
  32. </div>
  33. <div style="margin-bottom:25px;margin-left:7px;position: relative;text-align:center">
  34. <img id="map" name="map" usemap="#m_map" src="<?= WEB_SITE_GLOBAL ?>/images/map/map.jpg" alt="">
  35. <div id="myzone" style="width:393px;position: absolute;left:300px;top:100px;display:none;">
  36. <div style="height: 22px; background-image: url('<?= WEB_SITE_GLOBAL ?>/images/map/bg_top.png'); background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%">
  37. <img id="btn_close" style="cursor:pointer;float: right;margin: 11px 15px 0 0;" SRC="<?= WEB_SITE_GLOBAL ?>/images/map/close.gif" alt="关闭">
  38. </div>
  39. <div style="background-image: url('<?= WEB_SITE_GLOBAL ?>/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;">
  40. <div id="mytitle" style="margin-bottom:10px;line-height:16px;font-size:16px;color:#f8b62a;font-weight:600"></div>
  41. <table id="mylist">
  42. </table>
  43. </div>
  44. <div style="height: 15px; background-image: url('<?= WEB_SITE_GLOBAL ?>/images/map/bg_bottom.png'); background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%">
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <map name="m_map" id="m_map">
  50. <area shape="rect" coords="552, 79, 601, 104" href="javascript:setProvince('黑龙江')" alt="" />
  51. <area shape="rect" coords="542, 125, 579, 149" href="javascript:setProvince('吉林')" alt="" />
  52. <area shape="rect" coords="523, 170, 554, 192" href="javascript:setProvince('辽宁')" alt="" />
  53. <area shape="rect" coords="460, 181, 485, 197" href="javascript:setProvince('北京')" alt="" />
  54. <area shape="rect" coords="472, 202, 499, 215" href="javascript:setProvince('天津')" alt="" />
  55. <area shape="rect" coords="449, 221, 473, 233" href="javascript:setProvince('河北')" alt="" />
  56. <area shape="rect" coords="113, 152, 162, 183" href="javascript:setProvince('新疆')" alt="" />
  57. <area shape="rect" coords="246, 187, 291, 213" href="javascript:setProvince('甘肃')" alt="" />
  58. <area shape="rect" coords="362, 178, 410, 207" href="javascript:setProvince('内蒙古')" alt="" />
  59. <area shape="rect" coords="377, 276, 413, 298" href="javascript:setProvince('陕西')" alt="" />
  60. <area shape="rect" coords="308, 324, 335, 342" href="javascript:setProvince('四川')" alt="" />
  61. <area shape="rect" coords="366, 337, 399, 359" href="javascript:setProvince('重庆')" alt="" />
  62. <area shape="rect" coords="364, 379, 393, 400" href="javascript:setProvince('贵州')" alt="" />
  63. <area shape="rect" coords="295, 403, 321, 420" href="javascript:setProvince('云南')" alt="" />
  64. <area shape="rect" coords="404, 479, 428, 493" href="javascript:setProvince('海南')" alt="" />
  65. <area shape="rect" coords="392, 419, 420, 440" href="javascript:setProvince('广西')" alt="" />
  66. <area shape="rect" coords="444, 421, 471, 435" href="javascript:setProvince('广东')" alt="" />
  67. <area shape="rect" coords="418, 368, 448, 388" href="javascript:setProvince('湖南')" alt="" />
  68. <area shape="rect" coords="500, 377, 530, 399" href="javascript:setProvince('福建')" alt="" />
  69. <area shape="rect" coords="473, 350, 500, 367" href="javascript:setProvince('江西')" alt="" />
  70. <area shape="rect" coords="419, 320, 449, 341" href="javascript:setProvince('湖北')" alt="" />
  71. <area shape="rect" coords="481, 306, 506, 324" href="javascript:setProvince('安徽')" alt="" />
  72. <area shape="rect" coords="523, 329, 550, 345" href="javascript:setProvince('浙江')" alt="" />
  73. <area shape="rect" coords="544, 307, 569, 321" href="javascript:setProvince('上海')" alt="" />
  74. <area shape="rect" coords="517, 280, 545, 303" href="javascript:setProvince('江苏')" alt="" />
  75. <area shape="rect" coords="432, 278, 461, 298" href="javascript:setProvince('河南')" alt="" />
  76. <area shape="rect" coords="415, 240, 439, 258" href="javascript:setProvince('山西')" alt="" />
  77. <area shape="rect" coords="476, 243, 511, 265" href="javascript:setProvince('山东')" alt="" />
  78. <area shape="rect" coords="142, 285, 168, 306" href="javascript:setProvince('西藏')" alt="">
  79. <area shape="rect" coords="235, 259, 265, 245" href="javascript:setProvince('青海')" alt="">
  80. <area shape="rect" coords="342, 254, 373, 239" href="javascript:setProvince('宁夏')" alt="">
  81. </map>
  82. </div>
  83. <div class="base">
  84. <div class="base-warp clearfix">
  85. <div class="base-box fL">
  86. <h1>在线企业QQ客服</h1>
  87. <p>服务时间:9:00 - 18:00</p>
  88. <h2><b>80000 3850</b>
  89. <!-- WPA Button Begin -->
  90. <script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzgwMDAwMzg1MF80MjEwODRfODAwMDAzODUwXw"></script>
  91. <!-- WPA Button End --></h2>
  92. </div>
  93. <div class="base-box fR">
  94. <h1>全国服务热线</h1>
  95. <p>服务时间:9:00 - 18:00</p>
  96. <h2><b>0756 - 3850 888</b></h2>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="custom-warp" style="margin-bottom:100px">
  101. <div class="custom-box">
  102. <h2>珠海总部:广东省珠海市香洲区银桦路8号深圳发展银行大厦24D </h2>
  103. <h2><a href="http://j.map.baidu.com/ki9-F" target="_blank">查看地图</a></h2>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <!-- include 'footer' -->