You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

766 lines
47 KiB

2 years ago
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" id="page-top">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Expires" content="0" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Cache-control" content="no-cache" />
  8. <meta http-equiv="Cache" content="no-cache" />
  9. <meta http-equiv="content-language" content="zh" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1" />
  11. <meta name="keywords" content="奕达,展览品,展览品运输展演,会展,展览,会议,运输,物流,包装,展场,快递,小三通,表演器材,艺术品,超大物品,危险品,报关,保税,押税,空运,海运,eurotran" />
  12. <link rel="shortcut icon" href="../img/eurtoran_ico.png" />
  13. <meta name="description" content="Eurotran 奕达运通有限公司创立于1984年,主要业务包含展览物品、危险物品、特殊物品之全球运输、报关、包装及布展等服务。" />
  14. <meta name="copyright" CONTENT="本网页奕达运通所有" />
  15. <meta itemprop="name" content="Eurotran 奕达运通有限公司" />
  16. <meta itemprop="image" content="../img/case1.jpg" />
  17. <meta itemprop="description" content="Eurotran 奕达运通有限公司创立于1984年,主要业务包含展览物品、危险物品、特殊物品之全球运输、报关、包装及布展等服务。" />
  18. <meta name="author" content="PacePhoebe" />
  19. <meta name="Creation-Date" CONTENT="01-Mar-2017 18:40:01" />
  20. <meta name="format-detection" content="telephone=no" />
  21. <!-- Facebook share -->
  22. <meta property="og:title" content="Eurotran 奕达运通有限公司" />
  23. <meta property="og:url" content="網址" />
  24. <meta property="og:image" content="../img/case1.jpg" />
  25. <meta property="og:description" content="Eurotran 奕达运通有限公司创立于1984年,主要业务包含展览物品、危险物品、特殊物品之全球运输、报关、包装及布展等服务。" />
  26. <title>Eurotran 奕达运通有限公司</title>
  27. <!-- Magnific Popup core CSS file -->
  28. <link rel="stylesheet" href="../css/bootstrap.min.css" />
  29. <link rel="stylesheet" href="../../fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
  30. <link rel="stylesheet" href="../../Content/animate.css" />
  31. <link rel="stylesheet" href="../css/genericons.css" />
  32. <link rel="stylesheet" href="../../Content/toastr.min.css" />
  33. <link rel="stylesheet" href="../css/magnific-popup.css" />
  34. <link rel="stylesheet" href="../css/style.css" />
  35. <link rel="stylesheet" href="../css/rwd.css" />
  36. <link rel="stylesheet" href="../../Scripts/3rd/fancybox/jquery.fancybox.css" />
  37. </head>
  38. <body>
  39. <div class="wrapper">
  40. <div id="gotop" class="gotop" style="right: 30px;"><a href="#page-top"><span>GO TOP</span></a></div>
  41. <header class="header">
  42. <nav class="navbar navbar-default navbar-fixed-top">
  43. <div class="navtop">
  44. <div class="container">
  45. <a class="navbar-brand page-scroll" href="#page-top"><img class="logo" src="../img/logo-01.svg" /></a>
  46. <ul class="navbar-right">
  47. <li>
  48. <a href="news-cn.html">
  49. <img src="../img/news-icon.png" />最新消息
  50. </a>
  51. <img class="news-tips" src="../img/icon_new.gif" />
  52. </li>
  53. <li><a href="download-cn.html"><img src="../img/download-arrow.png" />运送须知</a></li>
  54. <li><a href="join-cn.html"><img src="../img/add-contact-01.png" />加入奕达</a></li>
  55. <li> <a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" class="facebook" target="_new"><img src="../img/facebook.png" /></a> <a href="#" class="wechat"><img src="../img/wechat.png" /></a></li>
  56. <li><a href="index-en.html">English</a></li>
  57. <li><a href="index.html">繁中</a></li>
  58. </ul>
  59. </div>
  60. </div>
  61. <div class="navtop navtop-m">
  62. <div class="container">
  63. <ul class="navbar-right">
  64. <!--li><a href="#"><img src="../img/icon-fb.png" />Facebook</a></li>
  65. <li><a href="#"><img src="../img/icon-wechat.png" />Wechat</a></li-->
  66. <li>
  67. <a href="news-cn.html">
  68. 最新消息
  69. </a>
  70. <img class="news-tips" src="../img/icon_new.gif" />
  71. </li>
  72. <li><a class="go-tracking" href="ProgressOnlineQuery-cn.html">货况查询</a></li>
  73. <li><a href="mailto:info@eurotran.com">线上询价</a></li>
  74. <li><a href="index-en.html">English</a></li>
  75. <li><a href="index.html">繁中</a></li>
  76. </ul>
  77. </div>
  78. </div>
  79. <div class="main-nav">
  80. <div class="container">
  81. <!-- Brand and toggle get grouped for better mobile display -->
  82. <div class="navbar-header page-scroll">
  83. <a class="navbar-brand page-scroll navbar-brand-m" href="#page-top"><img class="logo" src="../img/logo-01.svg" /></a>
  84. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
  85. </div>
  86. <!-- Collect the nav links, forms, and other content for toggling -->
  87. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  88. <ul class="nav navbar-nav navbar-center">
  89. <li class="hidden active"> <a href="#page-top"></a> </li>
  90. <li> <a class="page-scroll" href="#about">关于奕达</a> </li>
  91. <li> <a class="page-scroll" href="#case">经典案例</a> </li>
  92. <li> <a class="page-scroll" href="#service">服务项目</a> </li>
  93. <li> <a class="page-scroll" href="#contact">联络奕达</a> </li>
  94. <li class="nav-hidden"> <a href="news-cn.html">最新消息</a> </li>
  95. <li class="nav-hidden"><a href="download.html">运送须知</a></li>
  96. <li class="nav-hidden"><a href="join.html">加入奕达</a></li>
  97. <li class="nav-hidden"><a class="go-tracking" href="ProgressOnlineQuery-cn.html">货况查询</a></li>
  98. <li class="nav-hidden "><a href="mailto:info@eurotran.com">线上询价</a></li>
  99. <li class="nav-hidden social-nav-m"><a class="color-facebook" href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb-b.png" /></a></li>
  100. <li class="nav-hidden social-nav-m"><a class="color-wechat" href="#"><img src="../img/icon-wechat-b.png" /></a></li>
  101. </ul>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="nav-shadow"></div>
  106. </nav>
  107. </header>
  108. <ul class="social-nav social-nav-side">
  109. <li> <a href="ProgressOnlineQuery-cn.html" class="sidebar-1 go-tracking"><img src="../img/search-cn.png" /></a> </li>
  110. <li><a href="mailto:info@eurotran.com" class="sidebar-2"><img src="../img/online-search-cn.png" /></a></li>
  111. </ul>
  112. <div class="banner">
  113. <img class="banner-cover" src="../img/banner-cover.svg" /> <img class="banner-text" src="../img/banner-text-cn.png" />
  114. <!--div class="bg"></div-->
  115. <!-- Start cssSlider.com -->
  116. <img class="banner-hack" src="../img/banner-hack.jpg" />
  117. <div class='csslider1 autoplay '>
  118. <input name="cs_anchor1" id='cs_slide1_0' type="radio" class='cs_anchor' />
  119. <input name="cs_anchor1" id='cs_slide1_1' type="radio" class='cs_anchor' />
  120. <input name="cs_anchor1" id='cs_play1' type="radio" class='cs_anchor' checked="checked" />
  121. <input name="cs_anchor1" id='cs_pause1' type="radio" class='cs_anchor' />
  122. <ul>
  123. <div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"> <img src="../img/banner.jpg" style="width: 100%;" /> </div>
  124. <li class='num0 img'><img src="../img/banner5.jpg" /> </li>
  125. <li class='num1 img'> <img src="../img/banner4.jpg" /> </li>
  126. <li class='num2 img'> <img src="../img/banner2.jpg" /> </li>
  127. </ul>
  128. </div>
  129. </div>
  130. <section class="about" id="about">
  131. <div class="container">
  132. <div class="row">
  133. <div class="col-md-9 col-xs-12 aboout-img wow animated"> <img src="../img/about-bg.jpg" /> </div>
  134. <div class="col-md-4 col-xs-12 about-info wow animated">
  135. <div class="about-info-box">
  136. <a href="popup/pageabout-cn.html" data-toggle="lightbox">
  137. <svg>
  138. <rect class="svgline wow animated" x="0" y="0" fill="none" width="100%" height="100%"></rect>
  139. </svg>
  140. <div class="title">
  141. <h2>ABOUT US</h2>
  142. <h5>关于奕达</h5>
  143. </div>
  144. <h4>客户的信任才是成功的关键</h4>
  145. <p>奕达运通,是一家服务全世界的专业会展物流团队,提供您全方位展品运输解决方案,为您创造简单安心服务体验。</p>
  146. <p class="more"> <span>MORE</span> </p>
  147. </a>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </section>
  153. <section class="competitiveness" id="competitiveness">
  154. <div class="container">
  155. <div class="row">
  156. <div class="col-md-12 col-xs-12">
  157. <div class="title">
  158. <h2>COMPETITIVENESS</h2>
  159. <h5>奕达竞争力</h5>
  160. </div>
  161. </div>
  162. <div class="col-md-4 col-xs-12 case-item-12">
  163. <a class="case-item wow animated" href="popup/page1-cn.html" data-toggle="lightbox" data-gallery="remoteload">
  164. <figure class="snip1302">
  165. <img src="../img/101.jpg" alt="外贸协会指定国际运输代理" />
  166. <figcaption>
  167. <div class="icon">READ MORE</div>
  168. </figcaption>
  169. </figure>
  170. <div class="intro">
  171. <h5>全球物流</h5>
  172. <h3>外贸协会指定国际运输代理</h3>
  173. </div>
  174. </a>
  175. </div>
  176. <div class="col-md-4 col-xs-12 case-item-12">
  177. <a class="case-item wow animated" href="popup/page2-cn.html" data-toggle="lightbox" data-gallery="remoteload">
  178. <figure class="snip1302">
  179. <img src="../img/_MG_4713.jpg" alt="專業國際展覽運輸與報關" />
  180. <figcaption>
  181. <div class="icon">READ MORE</div>
  182. </figcaption>
  183. </figure>
  184. <div class="intro">
  185. <h5>专业商展</h5>
  186. <h3>台湾精品展承包运输</h3>
  187. </div>
  188. </a>
  189. </div>
  190. <div class="col-md-4 col-xs-12 case-item-12">
  191. <a class="case-item wow animated" href="popup/page3-cn.html" data-toggle="lightbox" data-gallery="remoteload">
  192. <figure class="snip1302">
  193. <img src="../img/KV02.jpg" alt="專業國際展覽運輸與報關" />
  194. <figcaption>
  195. <div class="icon">READ MORE</div>
  196. </figcaption>
  197. </figure>
  198. <div class="intro">
  199. <h5>艺文展演</h5>
  200. <h3>国际大型舞台展演设备运输</h3>
  201. </div>
  202. </a>
  203. </div>
  204. </div>
  205. </div>
  206. </section>
  207. <section class="case" id="case">
  208. <div class="container">
  209. <div class="slider-box">
  210. <svg>
  211. <rect class="svgline wow animated" x="0" y="0" fill="none" width="100%" height="100%" style="visibility: visible; animation-name: svgline;"></rect>
  212. </svg>
  213. <div class="slider">
  214. <div class="slide-container">
  215. <div class="slide">
  216. <a href="popup/case2-cn.html" data-toggle="lightbox" data-gallery="case">
  217. <div class="slider-img-box"><img src="../img/13.jpg" /></div>
  218. <div class="slider-info">
  219. <div class="title">
  220. <h2>CLASSIC CASES</h2>
  221. <h5>经典案例</h5>
  222. </div>
  223. <h4>新车大展</h4>
  224. <p>车展主要由各国汽车制造公司参与,在展会中展出所开发的汽车产品,或相关的新技术、零配件、概念车或赛车。在展览中...</p>
  225. <span class="more">MORE</span>
  226. </div>
  227. </a>
  228. </div>
  229. <div class="slide">
  230. <a href="popup/case4-cn.html" data-toggle="lightbox" data-gallery="case">
  231. <div class="slider-img-box"> <img src="../img/5.jpg" /></div>
  232. <div class="slider-info">
  233. <div class="title">
  234. <h2>CLASSIC CASES</h2>
  235. <h5>经典案例</h5>
  236. </div>
  237. <h4>ICT及运动休闲</h4>
  238. <p>运动休闲类型的展会,参加的观众以一般大众消费者为主,展会产品也可于现场展示售卖,具话题性及娱乐性,这类面向...</p>
  239. <span class="more">MORE</span>
  240. </div>
  241. </a>
  242. </div>
  243. <div class="slide">
  244. <a href="popup/case1-cn.html" data-toggle="lightbox" data-gallery="case">
  245. <div class="slider-img-box"><img src="../img/8.jpg" /></div>
  246. <div class="slider-info">
  247. <div class="title">
  248. <h2>CLASSIC CASES</h2>
  249. <h5>经典案例</h5>
  250. </div>
  251. <h4>食品展会</h4>
  252. <p>掌握国内外各大食品展食品产业趋势,参展的专业贸易商涵盖了从食品进出口商、经销商、批发与零售商、超市与综合卖场... </p>
  253. <span class="more">MORE</span>
  254. </div>
  255. </a>
  256. </div>
  257. <div class="slide">
  258. <a href="popup/case0-cn.html" data-toggle="lightbox" data-gallery="case">
  259. <div class="slider-img-box"><img src="../img/7.jpg" /></div>
  260. <div class="slider-info">
  261. <div class="title">
  262. <h2>CLASSIC CASES</h2>
  263. <h5>经典案例</h5>
  264. </div>
  265. <h4>工具机展会</h4>
  266. <p>国际上各个知名工具机展会在产业一直担当着研发、创新、制造及应用技术的领导能量,也是产学研技术交流与知识汇集的盛会... </p>
  267. <span class="more">MORE</span>
  268. </div>
  269. </a>
  270. </div>
  271. <div class="slide">
  272. <a href="popup/case5-cn.html" data-toggle="lightbox" data-gallery="case">
  273. <div class="slider-img-box"> <img src="../img/9.jpg" /></div>
  274. <div class="slider-info">
  275. <div class="title">
  276. <h2>CLASSIC CASES</h2>
  277. <h5>经典案例</h5>
  278. </div>
  279. <h4>其他机械类展会</h4>
  280. <p>因应全球终端产品多元发展的趋势,制造业已成为现今产业链结上下游价值链的指标方向。机械类展会之展品多数为高单...</p>
  281. <span class="more">MORE</span>
  282. </div>
  283. </a>
  284. </div>
  285. <div class="slide">
  286. <a href="popup/case6-cn.html" data-toggle="lightbox" data-gallery="case">
  287. <div class="slider-img-box"> <img src="../img/10.jpg" /></div>
  288. <div class="slider-info">
  289. <div class="title">
  290. <h2>CLASSIC CASES</h2>
  291. <h5>经典案例</h5>
  292. </div>
  293. <h4>艺术品及危险品</h4>
  294. <p>艺术品及危险品的展品价值高,本体较脆弱,甚至具有一定程度之危险性,处理此类的特殊物品的运输,需具备高专业... </p>
  295. <span class="more">MORE</span>
  296. </div>
  297. </a>
  298. </div>
  299. <div class="slide">
  300. <a href="popup/case7-cn.html" data-toggle="lightbox" data-gallery="case">
  301. <div class="slider-img-box"> <img src="../img/11.jpg" /></div>
  302. <div class="slider-info">
  303. <div class="title">
  304. <h2>CLASSIC CASES</h2>
  305. <h5>经典案例</h5>
  306. </div>
  307. <h4>其他综合类展会</h4>
  308. <p>国际展会,是进入市场奠定品牌基础与拓展市场的绝佳跳板,以及开拓内销及出口的最佳管道。每年的综合性类别展会... </p>
  309. <span class="more">MORE</span>
  310. </div>
  311. </a>
  312. </div>
  313. </div>
  314. </div>
  315. <div class="controls">
  316. <div class="prev">
  317. </div>
  318. <div class="next">
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. </section>
  324. <section class="year cd-fixed-bg cd-bg">
  325. <div class="container">
  326. <div class="cd-scrolling-bg row cd-intro">
  327. <div class="moduletable " id="moduletable">
  328. <div class="module_container">
  329. <div class="mod-newsflash-adv counters mod-newsflash-adv__ cols-4" id="module_223">
  330. <article class="item item_num0 item__module visible-first" id="item_79">
  331. <div class="item_content">
  332. <h4 class="year-title">奕达创立于</h4>
  333. <div class="counter-item"><span class="counter animated">1984</span></div>
  334. </div>
  335. <div class="clearfix"></div>
  336. </article>
  337. <article class="item item_num1 item__module visible-first" id="item_80">
  338. <div class="item_content">
  339. <h4 class="year-title">贸协指定代理连续</h4>
  340. <div class="counter-item"><span class="counter animated">20</span></div>
  341. </div>
  342. <div class="clearfix"></div>
  343. </article>
  344. <article class="item item_num2 item__module visible-first" id="item_81">
  345. <div class="item_content">
  346. <h4 class="year-title">一年展会运输超过</h4>
  347. <div class="counter-item"><span class="counter animated">200</span></div>
  348. </div>
  349. <div class="clearfix"></div>
  350. </article>
  351. <article class="item item_num3 item__module lastItem visible-first" id="item_140">
  352. <div class="item_content">
  353. <h4 class="year-title">合作厂商达</h4>
  354. <div class="counter-item"><span class="counter animated">20,000</span></div>
  355. </div>
  356. <div class="clearfix"></div>
  357. </article>
  358. <div class="clearfix"></div>
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. </section>
  365. <section class="service" id="service">
  366. <div class="container">
  367. <div class="row">
  368. <div class="col-md-12 col-xs-12">
  369. <div class="title">
  370. <h2>EUROTRAN SERVICES</h2>
  371. <h5>奕达服务</h5>
  372. </div>
  373. </div>
  374. <div class="server-item container2">
  375. <div class="col-sm-6">
  376. <div class="service-item">
  377. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service04.png" /></div>
  378. <div class="service-t">
  379. <h3>专业国际展览运输</h3>
  380. <p>展览品包装及进出口报关,并提供展场布展服务</p>
  381. </div>
  382. </div>
  383. </div>
  384. <div class="col-sm-6">
  385. <div class="service-item">
  386. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service03.png" /></div>
  387. <div class="service-t">
  388. <h3>展演活动设备运输</h3>
  389. <p>提供展演器材之包装装载及运送等服务,并处理出货报关文件作业</p>
  390. </div>
  391. </div>
  392. </div>
  393. <div class="col-sm-6">
  394. <div class="service-item">
  395. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service02.png" /></div>
  396. <div class="service-t">
  397. <h3>特殊品包装及运输</h3>
  398. <p>提供危险品、爆炸品第一类运送之包装及运输服务</p>
  399. </div>
  400. </div>
  401. </div>
  402. <div class="col-sm-6">
  403. <div class="service-item">
  404. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service01.png" /></div>
  405. <div class="service-t">
  406. <h3>艺术品包装及报关</h3>
  407. <p>提供国内外艺术展品之运输及安全包装</p>
  408. </div>
  409. </div>
  410. </div>
  411. <div class="col-sm-6">
  412. <div class="service-item">
  413. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service05.png" /></div>
  414. <div class="service-t">
  415. <h3>布展服务</h3>
  416. <p>在展前提供拆装箱服务,并协助展品陈列及布置等相关作业</p>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="col-sm-6">
  421. <div class="service-item">
  422. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service06.png" /></div>
  423. <div class="service-t">
  424. <h3>报关服务</h3>
  425. <p>办理货物进、出口手续,及海关申报作业</p>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </section>
  433. <section class="map-title" id="#map-title">
  434. <div class="container">
  435. <div class="row">
  436. <div class="col-md-12 col-xs-12">
  437. <div class="title">
  438. <h2>SERVICE AREA</h2>
  439. <h5>全球服务实绩</h5>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </section>
  445. <div id="allmap" class="map"></div>
  446. <section class="contact" id="contact">
  447. <div class="container">
  448. <div class="row">
  449. <div class="col-md-12 col-xs-12">
  450. <div class="title">
  451. <h2>CONTACT US</h2>
  452. <h5>联络奕达</h5>
  453. </div>
  454. </div>
  455. <div class="container2">
  456. <div class="col-md-6 contact-info">
  457. <div class="col-xs-12 contact-info-item contact-info-head wow animated">
  458. <h4>奕达运通有限公司<span>总部</span></h4>
  459. <span>台北市南港区重阳路455号10楼</span><br />
  460. <span>TEL:&nbsp;886-2-2785-6000</span>
  461. <span class="info-20170413">FAX:&nbsp;886-2-2785-6701</span>
  462. </div>
  463. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  464. <p>台北世贸展览馆办事处</p>
  465. <span>台北市信义路五段5号2C10室</span><br />
  466. <span>TEL:&nbsp;886-2-2725-5000</span><br />
  467. <!--span>FAX:&nbsp;886-2-2720-6363</span><br/-->
  468. </div>
  469. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  470. <p>南港展览馆办事处</p>
  471. <span>台北市南港区经贸二路1号0193室</span><br />
  472. <span>TEL:&nbsp;886-2-2782-7800</span><br />
  473. <!--span>FAX:&nbsp;886-2-2782-7800</span><br/-->
  474. </div>
  475. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  476. <p>高雄展览馆办事处</p>
  477. <span>高雄市前镇区成功二路39号B1</span><br />
  478. <span>TEL:&nbsp;886-7-537-7000</span><br />
  479. </div>
  480. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  481. <p>德国办事处</p>
  482. <span>Hans-Thoma-Str.1  D-14467 Potsdam</span><br />
  483. <span>TEL:&nbsp;49-331-2434-5099</span><br />
  484. </div>
  485. <div class="col-md-12 outside">
  486. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  487. <p>驹驿国际物流有限公司</p>
  488. <span>台北市南港区重阳路457号10楼</span><br />
  489. <span>TEL:&nbsp;886-2-2785-7900</span><br />
  490. <!--span>FAX:&nbsp;86-21-61475565</span><br/-->
  491. </div>
  492. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  493. <p>驹驿国际物流(上海)有限公司</p>
  494. <span>上海市虹口区四平路257号10楼A1</span><br />
  495. <span>TEL:&nbsp;86-21-61475581-83</span><br />
  496. <!--span>FAX:&nbsp;86-21-61475565</span><br/-->
  497. </div>
  498. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  499. <p>智达国际运通有限公司</p>
  500. <span>台北市南港区重阳路455号10楼</span><br />
  501. <span>TEL:&nbsp;886-2-2785-6000</span><br />
  502. <!--span>FAX:&nbsp;86-21-61475565</span><br/-->
  503. </div>
  504. <!--div class="col-md-6 col-xs-6 contact-info-item wow animated">
  505. <p>德国柏林办事处</p>
  506. <span>(筹备中)</span>
  507. </div-->
  508. </div>
  509. <div class="col-md-12 mail wow animated"> <a href="mailto:info@eurotran.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>info@eurotran.com</a> </div>
  510. </div>
  511. <div class="col-md-6 contact-form">
  512. <form role="form" id="footer-form" class="wow animated fadeInRight" data-wow-duration="1.5s" data-wow-delay="0.1s">
  513. <div class="form-group has-feedback col-xs-12">
  514. <label class="sr-only" for="name">Cp-Name</label>
  515. <input type="text" class="form-control" id="ucomp" placeholder="公司名称" name="ucomp" />
  516. </div>
  517. <div class="form-group has-feedback col-xs-12">
  518. <label class="sr-only" for="name2">Name</label>
  519. <input type="text" class="form-control" id="uname" placeholder="* 联络人" name="uname" required="required" />
  520. </div>
  521. <div class="form-group has-feedback col-xs-12">
  522. <label class="sr-only" for="email">Telephone</label>
  523. <input type="tel" class="form-control" id="utel" placeholder="* 连络电话" name="utel" required="required" />
  524. </div>
  525. <div class="form-group has-feedback col-xs-12">
  526. <label class="sr-only" for="email">Email</label>
  527. <input type="email" class="form-control" id="uemail" placeholder="* E-mail" name="uemail" required="required" />
  528. </div>
  529. <div class="form-group has-feedback col-sm-12">
  530. <label class="sr-only" for="title">Title</label>
  531. <input type="text" class="form-control" id="utitle" placeholder="主旨" name="utitle" />
  532. </div>
  533. <div class="form-group has-feedback col-xs-12 message-box">
  534. <label class="sr-only" for="message">Message</label>
  535. <textarea class="form-control" rows="8" id="umailcontent" placeholder="* Message" name="umailcontent" required="required"></textarea>
  536. </div>
  537. <div class="form-group has-feedback col-sm-6 col-xs-12">
  538. <label class="sr-only">验证码(点击图片可更新)</label>
  539. <input name="validcode" type="text" id="validcode" class="form-control" placeholder="验证码(点击图片可更新)" />
  540. </div>
  541. <div class="form-group has-feedback col-sm-6 col-xs-12">
  542. <!--<label class="sr-only">請輸入圖形中的文字(不分大小寫,點擊圖片可更新驗證碼)</label>-->
  543. <div class="pwbox">
  544. <a href="javascript: void(0);" id="change_pic"><img id="imgBtnCaptcha" src="/Controller.ashx?action=securityimg&flag=cap1&w=200&h=36" width="200" height="36" /></a>
  545. </div>
  546. </div>
  547. <div class="col-xs-12 wow animated fadeInUp btn-box text-center" data-wow-duration="1s" data-wow-delay="0.5s"><a class="btn" id="sendmail">送出表单&nbsp;<i class="fa fa-chevron-right btn-o-arrow" aria-hidden="true"></i> </a></div>
  548. </form>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. </section>
  554. <div class="footertop">
  555. <div class="container"> <a href="#page-top" class="page-scroll"><span>GO TOP</span><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div>
  556. </div>
  557. <footer>
  558. <div class="container">
  559. <div class="row">
  560. <div class="col-md-6 col-xs-12">
  561. <div class="col-md-3 footer-logo logo-item">
  562. <a href="#">
  563. <img src="../img/footer-logo.png" />
  564. </a>
  565. </div>
  566. <div class="col-md-1 logo-item">
  567. <a href="https://www.iela.org/" target="_new">
  568. <img src="../img/logo_side1.png" style="position:relative;top:0px;width:50px;height:36px;" />
  569. </a>
  570. </div>
  571. <div class="col-md-1 logo-item">
  572. </div>
  573. <div class="col-md-1 logo-item">
  574. </div>
  575. <div class="col-md-8">
  576. <div class="footer-icon"><a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb.png" /> Facebook</a></div>
  577. <div class="footer-icon"><a href="#" class="wechat"><img src="../img/icon-wechat.png" /> Wechat</a></div>
  578. </div>
  579. </div>
  580. <div class="col-md-6 col-xs-12 text-right">
  581. <div class="lag"><a href="index-en.html">ENGILSH <img src="../img/icon_store.svg" /></a></div>
  582. <div class="lag"><a href="index.html">繁中版<img src="../img/icon_store.svg" /></a></div>
  583. <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
  584. </div>
  585. </div>
  586. </div>
  587. </footer>
  588. </div>
  589. </body>
  590. </html>
  591. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  592. <script src="../../Scripts/bootstrap.min.js"></script>
  593. <script src="../../Scripts/jquery.mobile.custom.min.js"></script>
  594. <script src="../../Scripts/i18next.min.js"></script>
  595. <script src="../../Scripts/toastr.min.js"></script>
  596. <script src="../../Scripts/jquery.serialize-object.min.js"></script>
  597. <script src="../js/jquery.gotop.min.js"></script>
  598. <script src="../js/jquery-awesomodals.min.js"></script>
  599. <script src="../js/ekko-lightbox.js"></script>
  600. <script src="../js/waypoints.min.js"></script>
  601. <script src="../js/jquery.counterup.min.js"></script>
  602. <script src="../js/jquery.easing.min.js"></script>
  603. <script src="../../Scripts/wow.min.js"></script>
  604. <script src="../js/scrolling-nav.js"></script>
  605. <script src="../js/autoSlider.js"></script>
  606. <script src="../../Scripts/jquery.validate.min.js"></script>
  607. <script src="../../Scripts/jquery.blockUI.js"></script>
  608. <script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
  609. <script src="../../Scripts/lib/base64.min.js"></script>
  610. <script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
  611. <script src="../js/sendmail.js"></script>
  612. <script src="../js/listen.js"></script>
  613. <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=4rop77UmGWuaACwGM9pCCCGyA594iaPS"></script>
  614. <script>
  615. $(document).ready(function ($) {
  616. $(document).delegate('*[data-toggle="lightbox"]:not([data-gallery="navigateTo"])', 'click', function (event) {
  617. event.preventDefault();
  618. return $(this).ekkoLightbox({
  619. onShown: function () {
  620. if (window.console) {
  621. return console.log('onShown event fired');
  622. }
  623. }, onContentLoaded: function () {
  624. if (window.console) {
  625. return console.log('onContentLoaded event fired');
  626. }
  627. }, onNavigate: function (direction, itemIndex) {
  628. if (window.console) {
  629. return console.log('Navigating ' + direction + '. Current item: ' + itemIndex);
  630. }
  631. }
  632. });
  633. });
  634. $(document).delegate('*[data-gallery="navigateTo"]', 'click', function (event) {
  635. event.preventDefault();
  636. return $(this).ekkoLightbox({
  637. onShown: function () {
  638. var lb = this; $(lb.modal_content).on('click', '.modal-footer a', function (e) { e.preventDefault(); lb.navigateTo(2); });
  639. }
  640. });
  641. });
  642. $('body').scrollspy({ target: '.navbar-fixed-top' })
  643. $('.navbar-collapse ul li a').click(function () { $('.navbar-toggle:visible').click(); });
  644. });
  645. window.onload = function () {
  646. var pointArray = new Array();
  647. var points = [
  648. { lat: 23.5948856, lng: 121.4214155 }, //台灣
  649. { lat: -6.3567715, lng: 145.9033085 }, //巴布亞
  650. { lat: -23.6993532, lng: 133.8713752 }, //澳大利亞
  651. { lat: 26.5604565, lng: 29.6630058 }, //埃及
  652. { lat: 9.5577684, lng: 7.9979073 },//奈及利亞
  653. { lat: 0.1953689, lng: 6.6126343 }, //聖多美普林西比
  654. { lat: -30.6532947, lng: 23.9345003 }, //南非
  655. { lat: -26.6682265, lng: 30.9023096 }, //史瓦濟蘭
  656. { lat: -35.425776, lng: -65.9767868 }, //阿根廷
  657. { lat: -8.5275228, lng: -55.8778956 }, //巴西
  658. { lat: -26.8561446, lng: -71.4021298 },//智利
  659. { lat: 4.1454439, lng: -73.5223993 }, //哥倫比亞
  660. { lat: -23.4611862, lng: -58.4817976 }, //巴拉圭
  661. { lat: -10.1091956, lng: -76.2822092 }, //秘魯
  662. { lat: 19.0426862, lng: -70.2479896 }, //多明尼加
  663. { lat: 57.8807689, lng: -101.6724135 }, //加拿大
  664. { lat: 15.8120328, lng: -90.2990771 }, //瓜地馬拉
  665. { lat: 15.0241668, lng: -87.0039418 }, //宏都拉斯
  666. { lat: 24.6901136, lng: -102.0043495 },//墨西哥
  667. { lat: 12.8889429, lng: -85.0106797 }, //尼加拉瓜
  668. { lat: 8.6024001, lng: -80.2711767 }, //巴拿馬
  669. { lat: 13.8973856, lng: -60.9842968 }, //聖露西亞
  670. { lat: 40.2909474, lng: -101.809408 }, //美國
  671. { lat: 41.6351161, lng: 21.711268 }, //馬其頓
  672. { lat: 39.862204, lng: -3.2344494 }, //西班牙
  673. { lat: 39.1082877, lng: 35.2500578 }, //土耳其
  674. { lat: 42.7024418, lng: 25.1189025 }, //保加利亞
  675. { lat: 43.9394954, lng: 17.6232668 }, //波士尼亞
  676. { lat: 41.1857216, lng: 19.9760582 }, //阿爾巴尼亞
  677. { lat: 49.8766304, lng: 15.1698544 }, //捷克
  678. { lat: 53.2569956, lng: 18.6683763 }, //波蘭
  679. { lat: 47.2047105, lng: 19.5553868 }, //匈牙利
  680. { lat: 62.5290963, lng: 93.8171104 }, //俄羅斯
  681. { lat: 63.0502944, lng: 16.6267692 }, //瑞典
  682. { lat: 57.126913, lng: 26.0037774 }, //拉脫維亞
  683. { lat: 48.8459645, lng: 19.4424029 }, //斯洛伐克
  684. { lat: 51.1676818, lng: 10.4332196 }, //德國
  685. { lat: 46.8463948, lng: 2.4559869 }, //法國
  686. { lat: 55.3430558, lng: -3.3820532 }, //英國
  687. { lat: 43.3089667, lng: 12.3977752 }, //義大利
  688. { lat: 52.2590496, lng: 5.6466364 }, //荷蘭
  689. { lat: 36.086822, lng: 103.4147709 }, //中國
  690. { lat: 36.7191386, lng: 127.858362 }, //韓國
  691. { lat: 37.0092457, lng: 139.8812684, }, //日本
  692. { lat: 4.5928227, lng: 114.6181193 }, //汶萊
  693. { lat: -3.2025712, lng: 121.9791652 }, //印尼
  694. { lat: 4.1650768, lng: 102.0246564 }, //馬來西亞
  695. { lat: 21.778682, lng: 96.5156388 }, //緬甸
  696. { lat: 13.5488787, lng: 122.8379407 }, //菲律賓
  697. { lat: 1.3593895, lng: 103.8616207 }, //新加坡
  698. { lat: 15.5393972, lng: 100.9749041 }, //泰國
  699. { lat: 15.268843, lng: 107.3972625 }, //越南
  700. { lat: 23.6876726, lng: 79.4363431 }, //印度
  701. { lat: 26.0593531, lng: 50.5436515 }, //巴林
  702. { lat: 24.0776844, lng: 45.2586931 }, //沙烏地阿拉伯
  703. { lat: 25.1583957, lng: 55.11235 }, //杜拜
  704. { lat: 24.4631591, lng: 54.3505263 }, //阿布達比
  705. { lat: 31.2373157, lng: 34.6096371 }, //以色列
  706. { lat: 55.153022, lng: 21.6525519 }, //立陶宛
  707. { lat: 53.6330892, lng: 23.4928235 }, //白俄羅斯
  708. ];
  709. //根据各个点自适应显示地图
  710. var map = new BMap.Map("allmap");
  711. map.centerAndZoom(new BMap.Point(8.6, 35.2), 4);
  712. var view = map.getViewport(points);
  713. var mapZoom = view.zoom;
  714. var centerPoint = BMap.Point(8.6, 35.2);
  715. map.centerAndZoom(centerPoint, mapZoom);
  716. //map.enableScrollWheelZoom(false);
  717. map.disableScrollWheelZoom(false);
  718. map.disableDoubleClickZoom(false);
  719. //添加多个点
  720. for (var i = 0; i < points.length; i++) {
  721. var item = points[i];
  722. var p = new BMap.Point(item.lng, item.lat);
  723. pointArray[i] = p;
  724. //自定义点图标
  725. var iconUrl = "../img/eurtoran_lo.png";
  726. var myIcon = new BMap.Icon(iconUrl, new BMap.Size(10, 35));
  727. var marker = new BMap.Marker(p, { icon: myIcon });
  728. map.addOverlay(marker);
  729. }
  730. var styleJson = [
  731. {
  732. "featureType": "land",
  733. "elementType": "all",
  734. "stylers": { "color": "#f7f7f7", "visibility": "on" }
  735. },
  736. {
  737. "featureType": "water",
  738. "elementType": "all",
  739. "stylers": { "color": "#e4e4e4", "visibility": "on" }
  740. },
  741. {
  742. "featureType": "road",
  743. "elementType": "all",
  744. "stylers": { "color": "#f7f7f7", "visibility": "off" }
  745. },
  746. {
  747. "featureType": "boundary",
  748. "elementType": "all",
  749. "stylers": { "color": "#d6d6d6" }
  750. },
  751. {
  752. "featureType": "label",
  753. "elementType": "labels.icon",
  754. "stylers": { "color": "#4c4c4c", "weight": "0.1" }
  755. },
  756. {
  757. "featureType": "local",
  758. "elementType": "geometry",
  759. "stylers": { "color": "#4c4c4c", "weight": "0.1" }
  760. }
  761. ]
  762. map.setMapStyle({ styleJson: styleJson });
  763. };
  764. </script>