Page_contact.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <!--banner 开始-->
  2. <div class="page_banner_w">
  3. <div class="page_banner">
  4. <img src="img/contact_banner.jpg" class="bgimg"/>
  5. </div>
  6. <div class="page_banner_mask">
  7. <div class="p1 animateTop">沒有了诚信与信任,再合作就是多余</div>
  8. <div class="p2 animateTop">每一个梦想我们都会鼎力相助</div>
  9. <div class="btn animateTop"><a>联系我们</a></div>
  10. <div class="text animateTop">We can help you make your dreams come true</div>
  11. </div>
  12. </div>
  13. <!--banner 结束-->
  14. <!--联系我们 开始-->
  15. <div class="page_contact_w w100 bgGray pt15">
  16. <div class="page_contact mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
  17. <div class="page_contact_c">
  18. <div class="top">
  19. <ul class="clearfix">
  20. <li class="address">
  21. <div class="li_c">
  22. <div class="title">联系地址</div>
  23. <div class="add">{$address}</div>
  24. </div>
  25. </li>
  26. <li class="contact">
  27. <div class="li_c">
  28. <div class="title">咨询</div>
  29. <div class="tel">电话:{$call}</div>
  30. <div class="tel">邮箱:{$site_email}</div>
  31. </div>
  32. </li>
  33. <li class="kefu">
  34. <div class="li_c">
  35. <div class="title">在线客服</div>
  36. <div class="qq_w clearfix">
  37. <div class="qq fl">
  38. <div class="h">客服1</div>
  39. <div class="b"><a href="http://wpa.qq.com/msgrd?v=1&uin={$qq}&site=qq&menu=yes">QQ咨询</a></div>
  40. </div>
  41. <div class="qq fl">
  42. <div class="h">客服2</div>
  43. <div class="b"><a href="http://wpa.qq.com/msgrd?v=1&uin={$qq_}&site=qq&menu=yes">QQ咨询</a></div>
  44. </div>
  45. </div>
  46. </div>
  47. </li>
  48. <li class="weixin">
  49. <div class="li_c">
  50. <div class="weixin_w clearfix">
  51. <div class="code fl">
  52. <div class="h">官方微信</div>
  53. <div class="b"><img src="<YP:block pos="wechat_code" type="image" />" width="75"/></div>
  54. </div>
  55. <div class="code fl">
  56. <div class="h">手机网站</div>
  57. <div class="b"><img src="<YP:block pos="mobile_code" type="image" />" width="75"/></div>
  58. </div>
  59. </div>
  60. </div>
  61. </li>
  62. </ul>
  63. </div>
  64. <div id="allmap"> </div>
  65. <style type="text/css">
  66. #allmap {
  67. height: 622px;
  68. width: 100%;
  69. overflow: hidden;
  70. margin: 0 auto;
  71. }
  72. .BMapLib_SearchInfoWindow .BMapLib_sendToPhone {
  73. display: none;
  74. }
  75. .BMapLib_SearchInfoWindow .BMapLib_bubble_top {
  76. height: 50px !important;
  77. line-height: 50px !important;
  78. }
  79. .BMapLib_SearchInfoWindow .BMapLib_bubble_title {
  80. line-height: 50px !important;
  81. background-color: #f9f9f9 !important;
  82. overflow: hidden;
  83. height: 50px !important;
  84. padding: 0 15px !important;
  85. font-size: 16px !important;
  86. }
  87. .BMapLib_SearchInfoWindow .BMapLib_bubble_tools {
  88. height: 50px !important;
  89. }
  90. .BMapLib_SearchInfoWindow .BMapLib_bubble_close {
  91. height: 50px !important;
  92. }
  93. .BMapLib_SearchInfoWindow .BMapLib_bubble_content {
  94. padding: 10px !important;
  95. }
  96. .BMapLib_SearchInfoWindow .BMapLib_bubble_content div {
  97. font-size: 14px !important;
  98. line-height: 200% !important;
  99. }
  100. </style>
  101. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=H1aHM7IKDb4FGhmsBdzQVRr9FPamK4LH"></script>
  102. <script type="text/javascript"src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
  103. <script type="text/javascript">
  104. // 百度地图API功能
  105. window.onload = function() {
  106. var map = new BMap.Map('allmap');
  107. var poi = new BMap.Point(113.328219,23.147514);
  108. map.centerAndZoom(poi, 17);
  109. var content = '<div style="margin:0;line-height:20px;padding:2px;">' +'电话:{$call}<br/>邮箱:business@bangju.com<br/>地址:{$address}' +'</div>';
  110. //创建检索信息窗口对象
  111. var searchInfoWindow = null;
  112. searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
  113. title: "{$company}", //标题
  114. width: 400, //宽度
  115. height: 105, //高度
  116. panel: "panel", //检索结果面板
  117. enableAutoPan: true, //自动平移
  118. searchTypes: [
  119. BMAPLIB_TAB_SEARCH, //周边检索
  120. BMAPLIB_TAB_TO_HERE, //到这里去
  121. BMAPLIB_TAB_FROM_HERE //从这里出发
  122. ]
  123. });
  124. //创建小狐狸
  125. var myIcon = new BMap.Icon("/Uploads/202209/63105ea487f0c.png", new BMap.Size(32, 32));
  126. var marker = new BMap.Marker(poi, {
  127. icon: myIcon
  128. }); // 创建标注
  129. searchInfoWindow.open(marker);
  130. //创建marker对象
  131. marker.addEventListener("click", function(e) {
  132. searchInfoWindow.open(marker);
  133. })
  134. map.addOverlay(marker); //在地图中添加marker
  135. }
  136. </script>
  137. </div>
  138. </div>
  139. </div>
  140. <!--联系我们 结束-->