contact.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>ARROW AUTO PARTS MANUFACTURING CO.,LTD
  6. <br />&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt</title>
  7. <meta name="keywords" content="Arrows crown auto parts manufacturing co., LTD/dongguan crown auto/auto parts/auto parts chain joining chain/auto parts/auto parts/chain/auto parts/accessories auto parts, auto napa stores joining joining/auto parts store/business/automobile maintenance/repair shop/filter/brake pads, wiper/battery/oil / / spark plug ignition coil/maintenance products/wrigley/DE road, lubricating oil/arrow/battery
  8. <br />&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt&ltbr /&gt">
  9. <meta name="description" content="ARROW AUTO PARTS MANUFACTURING CO.,LTD">
  10. <link rel="stylesheet" type="text/css" href="css/css.css">
  11. <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  12. <link rel="shortcut icon" href="favicon.ico">
  13. <link rel="bookmark" href="favicon.ico">
  14. </head>
  15. <body>
  16. <link rel="shortcut icon" href="favicon.ico">
  17. <link rel="bookmark" href="favicon.ico">
  18. <header>
  19. <div class="top1">
  20. <div class="w1200">
  21. <div class="yy"><a href="/index.php"><img src="images/index_05.jpg">中文</a><a href="index.html"><img src="images/index_07.jpg">EN</a></div>
  22. <div class="tel"><img src="images/index_03.jpg">Join the hotline:<strong>400-881-2323</strong></div>
  23. <p>Arrow crown auto parts is committed to be China automobile vulnerability consummables chain leading brand!</p>
  24. </div>
  25. </div>
  26. <div class="top2">
  27. <div class="w1200">
  28. <div class="logo"><img src="images/logo.jpg"></div>
  29. <div class="menu">
  30. <ul>
  31. <li><a href="index.html">Home</a></li>
  32. <li><a href="about.html">About us</a>
  33. <ul>
  34. <li><a href="about.html">Introduction</a></li>
  35. <li><a href="about1.html">Corporate</a></li>
  36. <li><a href="about7.html">Organizati</a></li>
  37. <li><a href="about5.html">History</a></li>
  38. <li><a href="about6.html">Management</a></li>
  39. <li><a href="about3.html">Equipment</a></li>
  40. <li><a href="about4.html">Laboratory</a></li>
  41. </ul>
  42. </li>
  43. <li><a href="product.html">Product</a>
  44. <ul>
  45. <li><a href="product-1.html?fid=56">Air Filters</a></li>
  46. <li><a href="product-2.html?fid=55">Cabin Filters</a></li>
  47. <li><a href="product-3.html?fid=54">Oil Filters</a></li>
  48. <li><a href="product-4.html?fid=53">Fuel Filters</a></li>
  49. <li><a href="product-5.html?fid=52">Wiper Blade</a></li>
  50. <li><a href="product-6.html?fid=60">Heavy duty filte</a></li>
  51. </ul>
  52. </li>
  53. <!-- <li><a href="news.html">News</a></li> -->
  54. <li class="on"><a href="contact.html">Contact</a>
  55. <!--<ul>
  56. <li><a href="contact.html">联系方式</a></li>
  57. </ul>-->
  58. </li>
  59. </ul>
  60. <!-- <div class="search"><img src="images/index_16.jpg"></div> -->
  61. </div>
  62. <div class="clear"></div>
  63. </div>
  64. </div>
  65. </header>
  66. <div class="ny_ban"><img src="/wp-content/uploads/2024/03/2019072914254361.jpg"></div>
  67. <div class="ny_main w1200">
  68. <div class="l">
  69. <div class="box">
  70. <div class="tit">Contact</div>
  71. <div class="bor">.
  72. <ul class="lm">
  73. <li class="on"><a href="contact.html"><span>&gt;&gt;</span>Contact</a></li>
  74. </ul>
  75. </div>
  76. </div>
  77. <div class="box">
  78. <div class="tit">Contact</div>
  79. <div class="bor con">
  80. <p>Niki Liu<br></p><p>Tel:+86 0769 81860196 ext 8317</p><p>Mobile:+86 18566198721</p><p>Email:Sales02@360.aap.com</p><p class="ewm"><img src="/wp-content/uploads/2024/03/2019072012291230.jpg"></p> </div>
  81. </div> </div>
  82. <div class="r">
  83. <div class="tit">
  84. <div class="lj">Location:<a href="index.html">Home</a> > <a href="contact.html">Contact</a> > <span>Contact</span></div>
  85. <span>Contact</span>
  86. </div>
  87. <div class="con ny_contact">
  88. <p><strong>Niki&nbsp;Liu</strong><br>Tel:+86&nbsp;0769&nbsp;81860196&nbsp;ext&nbsp;8317<br>Mobile:+86&nbsp;18566198721<br>Email:Sales02@360aap.com</p><p><br><strong>Theo&nbsp;Wu</strong><br>Tel:+86&nbsp;0769&nbsp;81860196&nbsp;ext&nbsp;8269<br>Mobile:+86&nbsp;13532828895<br>Email:Sales03@360aap.com</p> <div class="clear"></div>
  89. <div class="map">
  90. <!--引用百度地图API-->
  91. <style type="text/css">
  92. html,body{margin:0;padding:0;}
  93. .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
  94. .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
  95. #dituContent img{ max-width: none; display: inline-block;max-width: none;max-height: none; }
  96. </style>
  97. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&amp;v=1.1&amp;services=true"></script><script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.1&amp;ak=&amp;services=true&amp;t=20130716024058"></script><link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/11/bmap.css">
  98. <!--百度地图容器-->
  99. <div style="width: 880px; height: 370px; border: 1px solid rgb(204, 204, 204); overflow: hidden; position: relative; z-index: 0; background-image: url(&quot;http://api.map.baidu.com/images/bg.png&quot;); color: rgb(0, 0, 0); text-align: left;" id="dituContent"><div id="platform" style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default;"><div id="mask" class=" BMap_mask" style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; user-select: none; width: 787px; height: 250px;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"><div class="pop" style="position: absolute; cursor: default; left: 147px; top: 51px;"><div style="overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 0px; width: 25px; height: 25px;"><img style="border:none;margin:0px;padding:0px;position:absolute;left:0px;top:0px;width:690px;height:786px;" src="http://api.map.baidu.com/images/iw3.png"></div><div class="top" style="overflow: hidden; z-index: 1; position: absolute; left: 25px; top: 0px; width: 213px; height: 25px;"><img src="http://api.map.baidu.com/images/iw3.png" style="position:absolute; left: -65px; top: -60px;"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 238px; top: 0px; width: 25px; height: 25px;"><img style="border:none;margin:0px;padding:0px;position:absolute;left:-665px;top:0px;width:690px;height:786px;" src="http://api.map.baidu.com/images/iw3.png"></div><div class="center" style="overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 25px; width: 261px; height: 67px;"><img src="http://api.map.baidu.com/images/iw3.png" style="position:absolute;left:-65px;top:-60px;"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 92px; width: 25px; height: 25px;"><img style="border:none;margin:0px;padding:0px;position:absolute;left:0px;top:-665px;width:690px;height:786px;" src="http://api.map.baidu.com/images/iw3.png"></div><div class="bottom" style="overflow: hidden; z-index: 1; position: absolute; left: 25px; top: 92px; width: 213px; height: 24px;"><img src="http://api.map.baidu.com/images/iw3.png" style="position:absolute;left:-65px;top:-146px;"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 238px; top: 92px; width: 25px; height: 25px;"><img style="border:none;margin:0px;padding:0px;position:absolute;left:-665px;top:-665px;width:690px;height:786px;" src="http://api.map.baidu.com/images/iw3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 115px; top: 92px; width: 34px; height: 50px;"><img style="border:none;margin:0px;padding:0px;position:absolute;left:-186px;top:-691px;width:690px;height:786px;" src="http://api.map.baidu.com/images/iw3.png"></div><div style="width: 231px; height: 85px; position: absolute; left: 16px; top: 16px; z-index: 10; overflow: hidden;"><div class="BMap_bubble_title" style="display: none; overflow: hidden; height: auto; line-height: 24px; white-space: nowrap; width: auto;"></div><div class="BMap_bubble_content" style="width: auto; height: auto;"><b class="iw_poi_title" title="东莞市箭冠汽车配件制造有限公司">东莞市箭冠汽车配件制造有限公司</b><div class="iw_poi_content">电&nbsp;话:400-881-2323<br>地&nbsp;址:中国广东省东莞市茶山镇茶山工业园</div></div><div class="BMap_bubble_max_content" style="display:none;position:relative"></div></div><img style="position: absolute; top: 12px; width: 12px; height: 12px; cursor: pointer; z-index: 10000; left: 238px;" src="http://api.map.baidu.com/images/iw_close.gif"><img style="position: absolute; top: 12px; width: 12px; height: 12px; cursor: pointer; z-index: 10000; display: none; left: 218px;" src="http://api.map.baidu.com/images/iw_plus.gif"></div></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"><span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; background: url(&quot;http://api.map.baidu.com/images/blank.gif&quot;); width: 21px; height: 21px; left: 252px; top: 191px; z-index: -4616586;" title=""></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"><div class="shadow" style="position: absolute; left: 125px; top: 110px;" type="infowindow_shadow"><div style="overflow: hidden; z-index: 1; position: absolute; left: 51px; top: 0px; width: 70px; height: 30px;"><img onmousedown="return false" style="left: -323px; top: 0px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 121px; top: 0px; width: 175px; height: 30px;"><img onmousedown="return false" style="left: -393px; top: 0px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 296px; top: 0px; width: 70px; height: 30px;"><img onmousedown="return false" style="left: -1033px; top: 0px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 29px; top: 30px; width: 92px; height: 22px;"><img onmousedown="return false" style="top: -30px; left: -301px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 121px; top: 30px; width: 182px; height: 22px;"><img onmousedown="return false" style="left: -360px; top: -30px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 303px; top: 30px; width: 92px; height: 22px;"><img onmousedown="return false" style="top: -30px; left: -1041px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 52px; width: 50px; height: 60px;"><img onmousedown="return false" style="left: -14px; top: -310px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 50px; top: 52px; width: 17px; height: 60px;"><img onmousedown="return false" style="left: -255px; top: -310px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 67px; top: 52px; width: 140px; height: 60px;"><img onmousedown="return false" style="left: -440px; top: -310px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 207px; top: 52px; width: 67px; height: 60px;"><img onmousedown="return false" style="left: -255px; top: -310px;" src="http://api.map.baidu.com/images/iws3.png"></div><div style="overflow: hidden; z-index: 1; position: absolute; left: 274px; top: 52px; width: 70px; height: 60px;"><img onmousedown="return false" style="left: -754px; top: -310px;" src="http://api.map.baidu.com/images/iws3.png"></div></div></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 258px; top: 212px; z-index: -4616586;"><div style="position: absolute; margin: 0px; padding: 0px; width: 21px; height: 21px; left: -6px; top: -21px; overflow: hidden;"><img src="http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png" style="border:none;left:0px; top:0px; position:absolute;"></div><label class=" BMapLabel" unselectable="on" style="position: absolute; display: none; cursor: pointer; background-color: rgb(255, 255, 255); border: 1px solid rgb(128, 128, 128); padding: 1px; white-space: nowrap; font: 12px arial, simsun; z-index: 80; color: rgb(51, 51, 51); user-select: none; left: 9px; top: -20px;">东莞市箭冠汽车配件制造有限公司</label></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div></div><div style="position: absolute; z-index: -1; left: 393px; top: 125px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=6189&amp;y=1282&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -217px; top: -217px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=6190&amp;y=1281&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 39px; top: 39px;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=6188&amp;y=1282&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -473px; top: -217px;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=6189&amp;y=1281&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -217px; top: 39px;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=6190&amp;y=1282&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 39px; top: -217px;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=6191&amp;y=1281&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 295px; top: 39px;"><img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=6188&amp;y=1281&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -473px; top: 39px;"><img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=6191&amp;y=1282&amp;z=15&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 295px; top: -217px;"></div></div><div style="overflow: visible; position: absolute; z-index: 1200; left: 0px; top: 0px; margin: 24px 120px auto; padding: 12px; background: rgba(255, 0, 0, 0.8); user-select: none;"><span style="position: absolute; top: -6px; right: -6px; padding: 1px; font-size: 12px; display: block; cursor: pointer; background: rgb(245, 243, 239); border: 1px solid rgba(63, 81, 181, 0.23); color: rgb(6, 6, 6); border-radius: 3px;">关闭</span><div style="position: relative; width: 100%; height: 100%; color: rgb(251, 243, 243); font-size: 14px; word-break: break-all;">您所使用的地图JS API版本过低,已不再维护,为保证地图基本功能正常使用,请尽快升级到<a target="_blank" href="https://lbsyun.baidu.com/index.php?title=jspopularGL" style="outline: none;cursor:pointer;">最新版地图JS API</a>。</div></div><div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api.map.baidu.com/images/openhand.cur) 8 8,default"><div class="BMap_zoomer" style="top:0;left:0;"></div><div class="BMap_zoomer" style="top:0;right:0;"></div><div class="BMap_zoomer" style="bottom:0;left:0;"></div><div class="BMap_zoomer" style="bottom:0;right:0;"></div></div><div class=" anchorBL" style="height: 32px; position: absolute; z-index: 10; inset: auto auto 0px 1px;"><a title="到百度地图首页" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img style="border:none;width:77px;height:32px" src="http://api.map.baidu.com/images/copyright_logo.png"></a></div><div unselectable="on" class=" BMap_cpyCtrl anchorBL" style="cursor: default; white-space: nowrap; inset: auto auto 2px 81px; position: absolute; z-index: 10;"><span style="-webkit-text-size-adjust:none;color:#000;background:none;line-height:15px;font:11px arial,simsun" _cid="1">© 2015 Baidu</span></div><div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" style="width: 52px; height: 226px; inset: 10px auto auto 10px; position: absolute; z-index: 1100;"><div class="BMap_stdMpPan"><div class="BMap_button BMap_panN" title="向上平移"></div><div class="BMap_button BMap_panW" title="向左平移"></div><div class="BMap_button BMap_panE" title="向右平移"></div><div class="BMap_button BMap_panS" title="向下平移"></div><div class="BMap_stdMpPanBg BMap_smcbg"></div></div><div class="BMap_stdMpZoom" style="height: 167px; width: 52px;"><div style="height: 167px; width: 37px;"><div class="BMap_button BMap_stdMpZoomIn" title="放大一级"><div class="BMap_smcbg"></div></div><div class="BMap_button BMap_stdMpZoomOut" title="缩小一级"><div class="BMap_smcbg"></div></div></div><div class="BMap_stdMpSlider" style="height: 133px;"><div class="BMap_stdMpSliderBgTop" style="height: 124px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSliderBgBot" style="top: 124px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSliderMask" title="放置到此级别"></div><div class="BMap_stdMpSliderBar" title="拖动缩放" style="cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default; top: 22px;"><div class="BMap_smcbg"></div></div></div><div class="BMap_zlHolder"><div class="BMap_zlSt"><div class="BMap_smcbg"></div></div><div class="BMap_zlCity"><div class="BMap_smcbg"></div></div><div class="BMap_zlProv"><div class="BMap_smcbg"></div></div><div class="BMap_zlCountry"><div class="BMap_smcbg"></div></div></div></div></div><div unselectable="on" class=" BMap_scaleCtrl BMap_noprint anchorBL" style="inset: auto auto 18px 81px; width: 71px; position: absolute; z-index: 10;"><div class="BMap_scaleTxt" unselectable="on">500&nbsp;米</div><div class="BMap_scaleBar BMap_scaleHBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div><div class="BMap_scaleBar BMap_scaleLBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div><div class="BMap_scaleBar BMap_scaleRBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div></div></div>
  100. <script type="text/javascript">
  101. //创建和初始化地图函数:
  102. function initMap(){
  103. createMap();//创建地图
  104. setMapEvent();//设置地图事件
  105. addMapControl();//向地图添加控件
  106. addMarker();//向地图中添加marker
  107. }
  108. //创建地图函数:
  109. function createMap(){
  110. var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
  111. var point = new BMap.Point(113.879829,23.084743);//定义一个中心点坐标
  112. map.centerAndZoom(point,15);//设定地图的中心点和坐标并将地图显示在地图容器中
  113. window.map = map;//将map变量存储在全局
  114. }
  115. //地图事件设置函数:
  116. function setMapEvent(){
  117. map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
  118. map.enableScrollWheelZoom();//启用地图滚轮放大缩小
  119. map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
  120. map.enableKeyboard();//启用键盘上下左右键移动地图
  121. }
  122. //地图控件添加函数:
  123. function addMapControl(){
  124. //向地图中添加缩放控件
  125. var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  126. map.addControl(ctrl_nav);
  127. //向地图中添加缩略图控件
  128. /*var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
  129. map.addControl(ctrl_ove);*/
  130. //向地图中添加比例尺控件
  131. var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
  132. map.addControl(ctrl_sca);
  133. }
  134. //标注点数组
  135. var markerArr = [{title:"东莞市箭冠汽车配件制造有限公司",content:"电&nbsp;话:400-881-2323<br/>地&nbsp;址:中国广东省东莞市茶山镇茶山工业园",point:"113.866776|23.082931",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
  136. ];
  137. //创建marker
  138. function addMarker(){
  139. for(var i=0;i<markerArr.length;i++){
  140. var json = markerArr[i];
  141. var p0 = json.point.split("|")[0];
  142. var p1 = json.point.split("|")[1];
  143. var point = new BMap.Point(p0,p1);
  144. var iconImg = createIcon(json.icon);
  145. var marker = new BMap.Marker(point,{icon:iconImg});
  146. var iw = createInfoWindow(i);
  147. var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
  148. marker.setLabel(label);
  149. map.addOverlay(marker);
  150. label.setStyle({
  151. borderColor:"#808080",
  152. color:"#333",
  153. cursor:"pointer"
  154. });
  155. (function(){
  156. var index = i;
  157. var _iw = createInfoWindow(i);
  158. var _marker = marker;
  159. _marker.addEventListener("click",function(){
  160. this.openInfoWindow(_iw);
  161. });
  162. _iw.addEventListener("open",function(){
  163. _marker.getLabel().hide();
  164. })
  165. _iw.addEventListener("close",function(){
  166. _marker.getLabel().show();
  167. })
  168. label.addEventListener("click",function(){
  169. _marker.openInfoWindow(_iw);
  170. })
  171. if(!!json.isOpen){
  172. label.hide();
  173. _marker.openInfoWindow(_iw);
  174. }
  175. })()
  176. }
  177. }
  178. //创建InfoWindow
  179. function createInfoWindow(i){
  180. var json = markerArr[i];
  181. var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
  182. return iw;
  183. }
  184. //创建一个Icon
  185. function createIcon(json){
  186. var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/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)})
  187. return icon;
  188. }
  189. initMap();//创建和初始化地图
  190. </script>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <footer>
  196. <div class="w1200">
  197. <div class="ewm"><img src="images/index_115.jpg"><p>Mobile browsing</p></div>
  198. <div class="menu">
  199. <dl>
  200. <dt>About us</dt>
  201. <dd><a href="about.html">Introduction</a></dd>
  202. <dd><a href="about1.html">Corporate</a></dd>
  203. <dd><a href="about7.html">Organization</a></dd>
  204. <dd><a href="abou.p.html">History</a></dd>
  205. <dd><a href="about6.html">Management</a></dd>
  206. <dd><a href="about3.html">Equipment</a></dd>
  207. <dd><a href="about4.html">Laboratory</a></dd>
  208. </dl>
  209. <!-- <dl>
  210. <dt>News</dt>
  211. <dd><a href="news.html">News</a></dd>
  212. </dl> -->
  213. <dl>
  214. <dt>Product</dt>
  215. <dd><a href="product-1.html?fid=56">Air Filters</a></dd>
  216. <dd><a href="product-2.html?fid=55">Cabin Filters</a></dd>
  217. <dd><a href="product-3.html?fid=54">Oil Filters</a></dd>
  218. <dd><a href="product.4.html?fid=53">Fuel Filters</a></dd>
  219. <dd><a href="product-5.html?fid=52">Wiper Blade</a></dd>
  220. <dd><a href="product-6.html?fid=60">Heavy duty filte</a></dd>
  221. </dl>
  222. <dl>
  223. <dt>Contact</dt>
  224. <dd><a href="contact.html">Contact</a></dd>
  225. </dl>
  226. </div>
  227. <div class="clear"></div>
  228. <!-- <div class="links"><span>Link:</span>
  229. <a href="https://www.360arrow.com/" target="_blank">The arrow crown auto parts</a>|
  230. </div> -->
  231. </div>
  232. <div class="copyright">
  233. <p>Address: Chashan Industrial Zone,Chashan,Dongguan,Guangdong,China telephone: 400-881-2323 preach true: 0769-81860108 email: pengtao@360arrow.com</p>Copyright 2019 ARROW AUTO PARTS MANUFACTURING CO.,LTD Guangdong ICP for 13021298-3 <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1277892450'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/z_stat.html%3Fid%3D1277892450%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
  234. <!-- <div class="bshare-custom"><div class="bsPromo bsPromo2"></div><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script> -->
  235. </div>
  236. </footer>
  237. <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  238. <script type="text/javascript" src="js/swiper.min.js"></script>
  239. <script type="text/javascript">
  240. //公司荣誉-产品证书
  241. var swiper1 = new Swiper('.sw1', {
  242. slidesPerView: 3,
  243. spaceBetween: 17.5,
  244. slidesPerGroup: 1,
  245. loop: true,
  246. autoplay: {
  247. delay: 5000,//秒
  248. disableOnInteraction: false,//滑动不会失效
  249. reverseDirection: false,//如果最后一个 反向播放
  250. },
  251. pagination: {
  252. el: '.swp1',
  253. clickable: true,
  254. },
  255. navigation: {
  256. nextEl: '.swbp1',
  257. prevEl: '.swbn1',
  258. },
  259. });
  260. //公司荣誉-品牌荣誉
  261. var swiper2 = new Swiper('.sw2', {
  262. slidesPerView: 3,
  263. spaceBetween: 13,
  264. slidesPerGroup: 1,
  265. loop: true,
  266. autoplay: {
  267. delay: 5000,//秒
  268. disableOnInteraction: false,//滑动不会失效
  269. reverseDirection: false,//如果最后一个 反向播放
  270. },
  271. pagination: {
  272. el: '.swp2',
  273. clickable: true,
  274. },
  275. navigation: {
  276. nextEl: '.swbp2',
  277. prevEl: '.swbn2',
  278. },
  279. });
  280. //公司荣誉-专利证书
  281. var swiper3 = new Swiper('.sw3', {
  282. slidesPerView: 3,
  283. spaceBetween: 13,
  284. slidesPerGroup: 1,
  285. loop: true,
  286. autoplay: {
  287. delay: 5000,//秒
  288. disableOnInteraction: false,//滑动不会失效
  289. reverseDirection: false,//如果最后一个 反向播放
  290. },
  291. pagination: {
  292. el: '.swp3',
  293. clickable: true,
  294. },
  295. navigation: {
  296. nextEl: '.swbp3',
  297. prevEl: '.swbn3',
  298. },
  299. });
  300. </script>
  301. </body>
  302. </html>