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.

741 lines
48 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-TW" />
  10. <link rel="shortcut icon" href="../img/eurtoran_ico.png" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1" />
  12. <meta name="keywords" content="奕達,展覽品,展覽品運輸展演,會展,展覽,會議,運輸,物流,包裝,展場,快遞,小三通,表演器材,藝術品,超大物品,危險品,報關,保稅,押稅,空運,海運,eurotran" />
  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="../../Content/toastr.min.css" />
  30. <link rel="stylesheet" href="../../fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
  31. <link rel="stylesheet" href="../css/genericons.css" />
  32. <link rel="stylesheet" href="../../Content/animate.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.html"><img src="../img/news-icon.png" />最新消息</a>
  49. <img class="news-tips" src="../img/icon_new.gif" />
  50. </li>
  51. <li><a href="download.html"><img src="../img/download-arrow.png" />運送須知</a></li>
  52. <li><a href="join.html"><img src="../img/add-contact-01.png" />加入奕達</a></li>
  53. <li>
  54. <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>
  55. <a href="#" class="wechat"><img src="../img/wechat.png" /></a>
  56. </li>
  57. <li><a href="index-en.html">English</a></li>
  58. <li><a href="index-cn.html">簡中</a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. <div class="navtop navtop-m">
  63. <div class="container">
  64. <ul class="navbar-right">
  65. <!--li><a href="#"><img src="../img/icon-fb.png" />Facebook</a></li>
  66. <li><a href="#"><img src="../img/icon-wechat.png" />Wechat</a></li-->
  67. <li>
  68. <a href="news.html">最新消息</a>
  69. <img class="news-tips" src="../img/icon_new.gif" />
  70. </li>
  71. <li><a class="go-tracking" href="ProgressOnlineQuery.html">貨況查詢</a></li>
  72. <li><a href="mailto:info@eurotran.com">線上詢價</a></li>
  73. <li><a href="index-en.html">English</a></li>
  74. <li><a href="index-cn.html">简中</a></li>
  75. </ul>
  76. </div>
  77. </div>
  78. <div class="main-nav">
  79. <div class="container">
  80. <!-- Brand and toggle get grouped for better mobile display -->
  81. <div class="navbar-header page-scroll">
  82. <a class="navbar-brand page-scroll navbar-brand-m" href="#page-top"><img class="logo" src="../img/logo-01.svg" /></a>
  83. <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>
  84. </div>
  85. <!-- Collect the nav links, forms, and other content for toggling -->
  86. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  87. <ul class="nav navbar-nav navbar-center">
  88. <li class="hidden active"> <a href="#page-top"></a> </li>
  89. <li> <a class="page-scroll" href="#about">關於奕達</a> </li>
  90. <li> <a class="page-scroll" href="#case">經典案例</a> </li>
  91. <li> <a class="page-scroll" href="#service">服務項目</a> </li>
  92. <li> <a class="page-scroll" href="#contact">聯絡奕達</a> </li>
  93. <li class="nav-hidden"> <a href="news.html">最新消息</a> </li>
  94. <li class="nav-hidden"><a href="download.html">運送須知</a></li>
  95. <li class="nav-hidden"><a href="join.html">加入奕達</a></li>
  96. <li class="nav-hidden"><a class="go-tracking" href="ProgressOnlineQuery.html">貨況查詢</a></li>
  97. <li class="nav-hidden "><a href="mailto:info@eurotran.com">線上詢價</a></li>
  98. <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>
  99. <li class="nav-hidden social-nav-m"><a class="color-wechat" href="#"><img src="../img/icon-wechat-b.png" /></a></li>
  100. </ul>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="nav-shadow"></div>
  105. </nav>
  106. </header>
  107. <ul class="social-nav social-nav-side">
  108. <li> <a href="ProgressOnlineQuery.html" class="sidebar-1 go-tracking"><img src="../img/search.png" /></a> </li>
  109. <li><a href="mailto:info@eurotran.com" class="sidebar-2"><img src="../img/online-search.png" /></a></li>
  110. </ul>
  111. <div class="banner">
  112. <img class="banner-cover" src="../img/banner-cover.svg" /> <img class="banner-text" src="../img/banner-text.png" />
  113. <!--div class="bg"></div-->
  114. <!-- Start cssSlider.com -->
  115. <img class="banner-hack" src="../img/banner-hack.jpg" />
  116. <div class='csslider1 autoplay '>
  117. <input name="cs_anchor1" id='cs_slide1_0' type="radio" class='cs_anchor' />
  118. <input name="cs_anchor1" id='cs_slide1_1' type="radio" class='cs_anchor' />
  119. <input name="cs_anchor1" id='cs_play1' type="radio" class='cs_anchor' checked="checked" />
  120. <input name="cs_anchor1" id='cs_pause1' type="radio" class='cs_anchor' />
  121. <ul>
  122. <div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"> <img src="../img/banner.jpg" style="width: 100%;" /> </div>
  123. <li class='num0 img'><img src="../img/banner5.jpg" /> </li>
  124. <li class='num1 img'> <img src="../img/banner4.jpg" /> </li>
  125. <li class='num2 img'> <img src="../img/banner2.jpg" /> </li>
  126. </ul>
  127. </div>
  128. </div>
  129. <section class="about" id="about">
  130. <div class="container">
  131. <div class="row">
  132. <div class="col-md-9 col-xs-12 aboout-img wow animated"> <img src="../img/about-bg.jpg" /> </div>
  133. <div class="col-md-4 col-xs-12 about-info wow animated">
  134. <div class="about-info-box">
  135. <a href="popup/pageabout.html" data-toggle="lightbox">
  136. <svg>
  137. <rect class="svgline wow animated" x="0" y="0" fill="none" width="100%" height="100%"></rect>
  138. </svg>
  139. <div class="title">
  140. <h2>ABOUT US</h2>
  141. <h5>關於奕達</h5>
  142. </div>
  143. <h4> 客戶的信任才是成功的關鍵</h4>
  144. <p>奕達運通,是一家服務全世界的專業會展物流團隊,提供您全方位展品運輸解決方案,為您創造簡單安心服務體驗。</p>
  145. <p class="more"> <span>MORE</span> </p>
  146. </a>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </section>
  152. <section class="competitiveness" id="competitiveness">
  153. <div class="container">
  154. <div class="row">
  155. <div class="col-md-12 col-xs-12">
  156. <div class="title">
  157. <h2>COMPETITIVENESS</h2>
  158. <h5>奕達競爭力</h5>
  159. </div>
  160. </div>
  161. <div class="col-md-4 col-xs-12 case-item-12">
  162. <a class="case-item wow animated" href="popup/page1.html" data-toggle="lightbox" data-gallery="remoteload">
  163. <figure class="snip1302">
  164. <img src="../img/101.jpg" alt="外貿協會指定國際運輸代理" />
  165. <figcaption>
  166. <div class="icon">READ MORE</div>
  167. </figcaption>
  168. </figure>
  169. <div class="intro">
  170. <h5>全球物流</h5>
  171. <h3>外貿協會指定國際運輸代理</h3>
  172. </div>
  173. </a>
  174. </div>
  175. <div class="col-md-4 col-xs-12 case-item-12">
  176. <a class="case-item wow animated" href="popup/page2.html" data-toggle="lightbox" data-gallery="remoteload">
  177. <figure class="snip1302">
  178. <img src="../img/_MG_4713.jpg" alt="專業國際展覽運輸與報關" />
  179. <figcaption>
  180. <div class="icon">READ MORE</div>
  181. </figcaption>
  182. </figure>
  183. <div class="intro">
  184. <h5>專業商展</h5>
  185. <h3>台灣精品展承包運輸</h3>
  186. </div>
  187. </a>
  188. </div>
  189. <div class="col-md-4 col-xs-12 case-item-12">
  190. <a class="case-item wow animated" href="popup/page3.html" data-toggle="lightbox" data-gallery="remoteload">
  191. <figure class="snip1302">
  192. <img src="../img/KV02.jpg" alt="專業國際展覽運輸與報關" />
  193. <figcaption>
  194. <div class="icon">READ MORE</div>
  195. </figcaption>
  196. </figure>
  197. <div class="intro">
  198. <h5>藝文展演</h5>
  199. <h3>國際大型舞台展演設備運輸</h3>
  200. </div>
  201. </a>
  202. </div>
  203. </div>
  204. </div>
  205. </section>
  206. <section class="case" id="case">
  207. <div class="container">
  208. <div class="slider-box">
  209. <svg>
  210. <rect class="svgline wow animated" x="0" y="0" fill="none" width="100%" height="100%" style="visibility: visible; animation-name: svgline;"></rect>
  211. </svg>
  212. <div class="slider">
  213. <div class="slide-container">
  214. <div class="slide">
  215. <a href="popup/case2.html" data-toggle="lightbox" data-gallery="case">
  216. <div class="slider-img-box"><img src="../img/13.jpg" /></div>
  217. <div class="slider-info">
  218. <div class="title">
  219. <h2>CLASSIC CASES</h2>
  220. <h5>經典案例</h5>
  221. </div>
  222. <h4>新車大展</h4>
  223. <p>車展主要由各國汽車製造公司參與,在展會中展出所開發的汽車產品,或相關的新技術、零配件、概念車或賽車。在展覽中... </p>
  224. <span class="more">MORE</span>
  225. </div>
  226. </a>
  227. </div>
  228. <div class="slide">
  229. <a href="popup/case4.html" data-toggle="lightbox" data-gallery="case">
  230. <div class="slider-img-box"> <img src="../img/5.jpg" /></div>
  231. <div class="slider-info">
  232. <div class="title">
  233. <h2>CLASSIC CASES</h2>
  234. <h5>經典案例</h5>
  235. </div>
  236. <h4>ICT及運動休閒</h4>
  237. <p>運動休閒類型的展會,參加的觀眾以一般大眾消費者為主,展會產品也可於現場展示售賣,具話題性及娛樂性,這類面向...</p>
  238. <span class="more">MORE</span>
  239. </div>
  240. </a>
  241. </div>
  242. <div class="slide">
  243. <a href="popup/case1.html" data-toggle="lightbox" data-gallery="case">
  244. <div class="slider-img-box"><img src="../img/8.jpg" /></div>
  245. <div class="slider-info">
  246. <div class="title">
  247. <h2>CLASSIC CASES</h2>
  248. <h5>經典案例</h5>
  249. </div>
  250. <h4>食品展會</h4>
  251. <p>掌握國內外各大食品展食品產業趨勢,參展的專業貿易商涵蓋了從食品進出口商、經銷商、批發與零售商、超市與綜合賣場... </p>
  252. <span class="more">MORE</span>
  253. </div>
  254. </a>
  255. </div>
  256. <div class="slide">
  257. <a href="popup/case0.html" data-toggle="lightbox" data-gallery="case">
  258. <div class="slider-img-box"><img src="../img/7.jpg" /></div>
  259. <div class="slider-info">
  260. <div class="title">
  261. <h2>CLASSIC CASES</h2>
  262. <h5>經典案例</h5>
  263. </div>
  264. <h4>工具機展會</h4>
  265. <p>國際上各個知名工具機展會在產業一直擔當著研發、創新、製造及應用技術的領導能量,也是產學研技術交流與知識匯集的盛會... </p>
  266. <span class="more">MORE</span>
  267. </div>
  268. </a>
  269. </div>
  270. <div class="slide">
  271. <a href="popup/case5.html" data-toggle="lightbox" data-gallery="case">
  272. <div class="slider-img-box"> <img src="../img/9.jpg" /></div>
  273. <div class="slider-info">
  274. <div class="title">
  275. <h2>CLASSIC CASES</h2>
  276. <h5>經典案例</h5>
  277. </div>
  278. <h4>其他機械類展會</h4>
  279. <p>因應全球終端產品多元發展的趨勢,製造業已成為現今產業鏈結上下游價值鏈的指標方向。機械類展會之展品多數為高單... </p>
  280. <span class="more">MORE</span>
  281. </div>
  282. </a>
  283. </div>
  284. <div class="slide">
  285. <a href="popup/case6.html" data-toggle="lightbox" data-gallery="case">
  286. <div class="slider-img-box"> <img src="../img/10.jpg" /></div>
  287. <div class="slider-info">
  288. <div class="title">
  289. <h2>CLASSIC CASES</h2>
  290. <h5>經典案例</h5>
  291. </div>
  292. <h4>藝術品及危險品</h4>
  293. <p>藝術品及危險品的展品價值高,本體較脆弱,甚至具有一定程度之危險性,處理此類的特殊物品的運輸,需具備高專業... </p>
  294. <span class="more">MORE</span>
  295. </div>
  296. </a>
  297. </div>
  298. <div class="slide">
  299. <a href="popup/case7.html" data-toggle="lightbox" data-gallery="case">
  300. <div class="slider-img-box"> <img src="../img/11.jpg" /></div>
  301. <div class="slider-info">
  302. <div class="title">
  303. <h2>CLASSIC CASES</h2>
  304. <h5>經典案例</h5>
  305. </div>
  306. <h4>其他綜合類展會</h4>
  307. <p>國際展會,是進入市場奠定品牌基礎與拓展市場的絕佳跳板,以及開拓內銷及出口的最佳管道。每年的綜合性類別展會... </p>
  308. <span class="more">MORE</span>
  309. </div>
  310. </a>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="controls">
  315. <div class="prev">
  316. </div>
  317. <div class="next">
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. </section>
  323. <section class="year cd-fixed-bg cd-bg">
  324. <div class="container">
  325. <div class="cd-scrolling-bg row cd-intro">
  326. <div class="moduletable " id="moduletable">
  327. <div class="module_container">
  328. <div class="mod-newsflash-adv counters mod-newsflash-adv__ cols-4" id="module_223">
  329. <article class="item item_num0 item__module visible-first" id="item_79">
  330. <div class="item_content">
  331. <h4 class="year-title">奕達創立於</h4>
  332. <div class="counter-item"><span class="counter animated">1984</span></div>
  333. </div>
  334. <div class="clearfix"></div>
  335. </article>
  336. <article class="item item_num1 item__module visible-first" id="item_80">
  337. <div class="item_content">
  338. <h4 class="year-title">貿協指定代理連續</h4>
  339. <div class="counter-item"><span class="counter animated">20</span></div>
  340. </div>
  341. <div class="clearfix"></div>
  342. </article>
  343. <article class="item item_num2 item__module visible-first" id="item_81">
  344. <div class="item_content">
  345. <h4 class="year-title">一年展會運輸超過</h4>
  346. <div class="counter-item"><span class="counter animated">200</span></div>
  347. </div>
  348. <div class="clearfix"></div>
  349. </article>
  350. <article class="item item_num3 item__module lastItem visible-first" id="item_140">
  351. <div class="item_content">
  352. <h4 class="year-title">合作廠商達</h4>
  353. <div class="counter-item"><span class="counter animated">20,000</span></div>
  354. </div>
  355. <div class="clearfix"></div>
  356. </article>
  357. <div class="clearfix"></div>
  358. </div>
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363. </section>
  364. <section class="service" id="service">
  365. <div class="container">
  366. <div class="row">
  367. <div class="col-md-12 col-xs-12">
  368. <div class="title">
  369. <h2>EUROTRAN SERVICES</h2>
  370. <h5>奕達服務</h5>
  371. </div>
  372. </div>
  373. <div class="server-item container2">
  374. <div class="col-sm-6">
  375. <div class="service-item">
  376. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service04.png" /></div>
  377. <div class="service-t">
  378. <h3>專業國際展覽運輸</h3>
  379. <p>展覽品包裝及進出口報關,並提供展場佈展服務</p>
  380. </div>
  381. </div>
  382. </div>
  383. <div class="col-sm-6">
  384. <div class="service-item">
  385. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service03.png" /></div>
  386. <div class="service-t">
  387. <h3>展演活動設備運輸</h3>
  388. <p>提供展演器材之包裝裝載及運送等服務,並處理出貨報關文件作業</p>
  389. </div>
  390. </div>
  391. </div>
  392. <div class="col-sm-6">
  393. <div class="service-item">
  394. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service02.png" /></div>
  395. <div class="service-t">
  396. <h3>特殊品包裝及運輸</h3>
  397. <p>提供危險品、爆炸品第一類運送之包裝及運輸服務</p>
  398. </div>
  399. </div>
  400. </div>
  401. <div class="col-sm-6">
  402. <div class="service-item">
  403. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service01.png" /></div>
  404. <div class="service-t">
  405. <h3>藝術品包裝及報關</h3>
  406. <p>提供國內外藝術展品之運輸及安全包裝</p>
  407. </div>
  408. </div>
  409. </div>
  410. <div class="col-sm-6">
  411. <div class="service-item">
  412. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service05.png" /></div>
  413. <div class="service-t">
  414. <h3>佈展服務</h3>
  415. <p>在展前提供拆裝箱服務,並協助展品陳列及佈置等相關作業</p>
  416. </div>
  417. </div>
  418. </div>
  419. <div class="col-sm-6">
  420. <div class="service-item">
  421. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service06.png" /></div>
  422. <div class="service-t">
  423. <h3>報關服務</h3>
  424. <p>辦理貨物進、出口手續,及海關申報作業</p>
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. </section>
  432. <section class="map-title" id="#map-title">
  433. <div class="container">
  434. <div class="row">
  435. <div class="col-md-12 col-xs-12">
  436. <div class="title">
  437. <h2 class="effect">SERVICE AREA</h2>
  438. <h5>全球服務實績</h5>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. </section>
  444. <div id="map" class="map"> </div>
  445. <section class="contact" id="contact">
  446. <div class="container">
  447. <div class="row">
  448. <div class="col-md-12 col-xs-12">
  449. <div class="title">
  450. <h2>CONTACT US</h2>
  451. <h5>聯絡奕達</h5>
  452. </div>
  453. </div>
  454. <div class="container2">
  455. <div class="col-md-6 contact-info">
  456. <div class="col-xs-12 contact-info-item contact-info-head wow animated">
  457. <h4>奕達運通有限公司<span>總部</span></h4>
  458. <span>台北市南港區重陽路455號10樓</span><br />
  459. <span>TEL:&nbsp;02-2785-6000</span>
  460. <span class="info-20170413">FAX:&nbsp;02-2785-6701</span>
  461. </div>
  462. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  463. <p>台北世貿展覽館辦事處</p>
  464. <span>台北市信義路五段5號2C10室</span><br />
  465. <span>TEL:&nbsp;02-2725-5000</span><br />
  466. <!--span>FAX:&nbsp;02-2720-6363</span><br/-->
  467. </div>
  468. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  469. <p>南港展覽館辦事處</p>
  470. <span>台北市南港區經貿二路1號0193室</span><br />
  471. <span>TEL:&nbsp;02-2782-7800</span><br />
  472. <!--span>FAX:&nbsp;02-2782-7800</span><br/-->
  473. </div>
  474. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  475. <p>高雄展覽館辦事處</p>
  476. <span>高雄市前鎮區成功二路39號B1</span><br />
  477. <span>TEL:&nbsp;07-537-7000</span><br />
  478. </div>
  479. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  480. <p>德國辦事處</p>
  481. <span>Hans-Thoma-Str.1  D-14467 Potsdam</span><br />
  482. <span>TEL:&nbsp;49-331-2434-5099</span><br />
  483. </div>
  484. <div class="col-md-12 outside">
  485. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  486. <p>駒驛國際物流有限公司</p>
  487. <span>台北市南港區重陽路457號10樓</span><br />
  488. <span>TEL:&nbsp;02-2785-7900</span><br />
  489. <!--span>FAX:&nbsp;86-21-61475565</span><br/-->
  490. </div>
  491. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  492. <p>駒驛國際物流(上海)有限公司</p>
  493. <span>上海市虹口區四平路257號10樓A1</span><br />
  494. <span>TEL:&nbsp;86-21-61475581-83</span><br />
  495. <!--span>FAX:&nbsp;86-21-61475565</span><br/-->
  496. </div>
  497. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  498. <p>智達國際運通有限公司</p>
  499. <span>台北市南港區重陽路455號10樓</span><br />
  500. <span>TEL:&nbsp;02-2785-6000</span><br />
  501. <!--span>FAX:&nbsp;86-21-61475565</span><br/-->
  502. </div>
  503. <!--div class="col-md-6 col-xs-6 contact-info-item wow animated">
  504. <p>德國柏林辦事處</p>
  505. <span>(籌備中)</span>
  506. </div-->
  507. </div>
  508. <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>
  509. </div>
  510. <div class="col-md-6 contact-form">
  511. <form role="form" id="footer-form" class="wow animated fadeInRight" data-wow-duration="1.5s" data-wow-delay="0.1s">
  512. <div class="form-group has-feedback col-xs-12">
  513. <label class="sr-only" for="name">Cp-Name</label>
  514. <input type="text" class="form-control" id="ucomp" placeholder="公司名稱" name="ucomp" />
  515. </div>
  516. <div class="form-group has-feedback col-xs-12">
  517. <label class="sr-only" for="name2">Name</label>
  518. <input type="text" class="form-control" id="uname" placeholder="* 聯絡人" name="uname" required="required" />
  519. </div>
  520. <div class="form-group has-feedback col-xs-12">
  521. <label class="sr-only" for="email">Telephone</label>
  522. <input type="tel" class="form-control" id="utel" placeholder="* 連絡電話" name="utel" required="required" />
  523. </div>
  524. <div class="form-group has-feedback col-xs-12">
  525. <label class="sr-only" for="email">Email</label>
  526. <input type="email" class="form-control" id="uemail" placeholder="* E-mail" name="uemail" required="required" />
  527. </div>
  528. <div class="form-group has-feedback col-sm-12">
  529. <label class="sr-only" for="title">Title</label>
  530. <input type="text" class="form-control" id="utitle" placeholder="主旨" name="utitle" />
  531. </div>
  532. <div class="form-group has-feedback col-xs-12 message-box">
  533. <label class="sr-only" for="message">Message</label>
  534. <textarea class="form-control" rows="8" id="umailcontent" placeholder="* Message" name="umailcontent" required="required"></textarea>
  535. </div>
  536. <div class="form-group has-feedback col-sm-6 col-xs-12">
  537. <label class="sr-only">驗證碼(點擊圖片可更新)</label>
  538. <input name="validcode" type="text" id="validcode" class="form-control" placeholder="驗證碼(點擊圖片可更新)" />
  539. </div>
  540. <div class="form-group has-feedback col-sm-6 col-xs-12">
  541. <!--<label class="sr-only">請輸入圖形中的文字(不分大小寫,點擊圖片可更新驗證碼)</label>-->
  542. <div class="pwbox">
  543. <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>
  544. </div>
  545. </div>
  546. <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">送出表單 <i class="fa fa-chevron-right btn-o-arrow" aria-hidden="true"></i> </a></div>
  547. </form>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. </section>
  553. <div class="footertop">
  554. <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>
  555. </div>
  556. <footer>
  557. <div class="container">
  558. <div class="row">
  559. <div class="col-md-6 col-xs-12">
  560. <div class="col-md-3 footer-logo logo-item">
  561. <a href="#">
  562. <img src="../img/footer-logo.png" />
  563. </a>
  564. </div>
  565. <div class="col-md-1 logo-item">
  566. <a href="https://www.iela.org/" target="_new">
  567. <img src="../img/logo_side1.png" style="position:relative;top:0px;width:50px;height:36px;" />
  568. </a>
  569. </div>
  570. <div class="col-md-1 logo-item">
  571. </div>
  572. <div class="col-md-1 logo-item">
  573. </div>
  574. <div class="col-md-8">
  575. <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>
  576. <div class="footer-icon"><a href="#" class="wechat"><img src="../img/icon-wechat.png" /> Wechat</a></div>
  577. </div>
  578. </div>
  579. <div class="col-md-6 col-xs-12 text-right">
  580. <div class="lag"><a href="index-en.html">ENGILSH <img src="../img/icon_store.svg" /></a></div>
  581. <div class="lag"><a href="index-cn.html">简中版<img src="../img/icon_store.svg" /></a></div>
  582. <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
  583. </div>
  584. </div>
  585. </div>
  586. </footer>
  587. </div>
  588. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  589. <script src="../../Scripts/jquery.mobile.custom.min.js"></script>
  590. <script src="../../Scripts/bootstrap.min.js"></script>
  591. <script src="../../Scripts/i18next.min.js"></script>
  592. <script src="../../Scripts/toastr.min.js"></script>
  593. <script src="../../Scripts/jquery.serialize-object.min.js"></script>
  594. <script src="../js/ekko-lightbox.min.js"></script>
  595. <script src="../js/jquery.gotop.min.js"></script>
  596. <script src="../js/jquery-awesomodals.min.js"></script>
  597. <script src="../js/waypoints.min.js"></script>
  598. <script src="../js/jquery.counterup.min.js"></script>
  599. <script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
  600. <script src="../js/jquery.easing.min.js"></script>
  601. <script src="../../Scripts/wow.min.js"></script>
  602. <script src="../js/scrolling-nav.js"></script>
  603. <script src="../js/autoSlider.js"></script>
  604. <script src="../../Scripts/jquery.validate.min.js"></script>
  605. <script src="../../Scripts/jquery.blockUI.js"></script>
  606. <script src="../../Scripts/lib/base64.min.js"></script>
  607. <script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
  608. <script src="../js/sendmail.js"></script>
  609. <script src="../js/listen.js"></script>
  610. <script>
  611. function initMap() {
  612. var locations = [
  613. { lat: 23.5948856, lng: 121.4214155 }, //台灣
  614. { lat: -6.3567715, lng: 145.9033085 }, //巴布亞
  615. { lat: -23.6993532, lng: 133.8713752 }, //澳大利亞
  616. { lat: 26.5604565, lng: 29.6630058 }, //埃及
  617. { lat: 9.5577684, lng: 7.9979073 },//奈及利亞
  618. { lat: 0.1953689, lng: 6.6126343 }, //聖多美普林西比
  619. { lat: -30.6532947, lng: 23.9345003 }, //南非
  620. { lat: -26.6682265, lng: 30.9023096 }, //史瓦濟蘭
  621. { lat: -35.425776, lng: -65.9767868 }, //阿根廷
  622. { lat: -8.5275228, lng: -55.8778956 }, //巴西
  623. { lat: -26.8561446, lng: -71.4021298 },//智利
  624. { lat: 4.1454439, lng: -73.5223993 }, //哥倫比亞
  625. { lat: -23.4611862, lng: -58.4817976 }, //巴拉圭
  626. { lat: -10.1091956, lng: -76.2822092 }, //秘魯
  627. { lat: 19.0426862, lng: -70.2479896 }, //多明尼加
  628. { lat: 57.8807689, lng: -101.6724135 }, //加拿大
  629. { lat: 15.8120328, lng: -90.2990771 }, //瓜地馬拉
  630. { lat: 15.0241668, lng: -87.0039418 }, //宏都拉斯
  631. { lat: 24.6901136, lng: -102.0043495 },//墨西哥
  632. { lat: 12.8889429, lng: -85.0106797 }, //尼加拉瓜
  633. { lat: 8.6024001, lng: -80.2711767 }, //巴拿馬
  634. { lat: 13.8973856, lng: -60.9842968 }, //聖露西亞
  635. { lat: 40.2909474, lng: -101.809408 }, //美國
  636. { lat: 41.6351161, lng: 21.711268 }, //馬其頓
  637. { lat: 39.862204, lng: -3.2344494 }, //西班牙
  638. { lat: 39.1082877, lng: 35.2500578 }, //土耳其
  639. { lat: 42.7024418, lng: 25.1189025 }, //保加利亞
  640. { lat: 43.9394954, lng: 17.6232668 }, //波士尼亞
  641. { lat: 41.1857216, lng: 19.9760582 }, //阿爾巴尼亞
  642. { lat: 49.8766304, lng: 15.1698544 }, //捷克
  643. { lat: 53.2569956, lng: 18.6683763 }, //波蘭
  644. { lat: 47.2047105, lng: 19.5553868 }, //匈牙利
  645. { lat: 62.5290963, lng: 93.8171104 }, //俄羅斯
  646. { lat: 63.0502944, lng: 16.6267692 }, //瑞典
  647. { lat: 57.126913, lng: 26.0037774 }, //拉脫維亞
  648. { lat: 48.8459645, lng: 19.4424029 }, //斯洛伐克
  649. { lat: 51.1676818, lng: 10.4332196 }, //德國
  650. { lat: 46.8463948, lng: 2.4559869 }, //法國
  651. { lat: 55.3430558, lng: -3.3820532 }, //英國
  652. { lat: 43.3089667, lng: 12.3977752 }, //義大利
  653. { lat: 52.2590496, lng: 5.6466364 }, //荷蘭
  654. { lat: 36.086822, lng: 103.4147709 }, //中國
  655. { lat: 36.7191386, lng: 127.858362 }, //韓國
  656. { lat: 37.0092457, lng: 139.8812684, }, //日本
  657. { lat: 4.5928227, lng: 114.6181193 }, //汶萊
  658. { lat: -3.2025712, lng: 121.9791652 }, //印尼
  659. { lat: 4.1650768, lng: 102.0246564 }, //馬來西亞
  660. { lat: 21.778682, lng: 96.5156388 }, //緬甸
  661. { lat: 13.5488787, lng: 122.8379407 }, //菲律賓
  662. { lat: 1.3593895, lng: 103.8616207 }, //新加坡
  663. { lat: 15.5393972, lng: 100.9749041 }, //泰國
  664. { lat: 15.268843, lng: 107.3972625 }, //越南
  665. { lat: 23.6876726, lng: 79.4363431 }, //印度
  666. { lat: 26.0593531, lng: 50.5436515 }, //巴林
  667. { lat: 24.0776844, lng: 45.2586931 }, //沙烏地阿拉伯
  668. { lat: 25.1583957, lng: 55.11235 }, //杜拜
  669. { lat: 24.4631591, lng: 54.3505263 }, //阿布達比
  670. { lat: 31.2373157, lng: 34.6096371 }, //以色列
  671. { lat: 55.153022, lng: 21.6525519 }, //立陶宛
  672. { lat: 53.1839289, lng: 28.0128641 }, //白俄羅斯
  673. ];
  674. var map = new google.maps.Map(document.getElementById('map'), {
  675. center: { lat: 37.6860867, lng: 6.0952041 }, // 地中海
  676. scrollwheel: false,
  677. zoom: 2,
  678. styles: [{ "featureType": "all", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#444444" }, { "visibility": "on" }] }, { "featureType": "administrative.province", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative.country", "elementType": "geometry", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }] }, { "featureType": "administrative.province", "elementType": "geometry", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "administrative.province", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#f7f7f7" }, { "visibility": "on" }] }, { "featureType": "poi", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": -100 }, { "lightness": 45 }, { "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "visibility": "off" }, { "color": "#b5a265" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.line", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.station.rail", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#e4e4e4" }, { "visibility": "on" }] }, { "featureType": "water", "elementType": "labels.text", "stylers": [{ "color": "#444444" }] }, { "featureType": "water", "elementType": "labels.text.stroke", "stylers": [{ "color": "#e4e4e4" }, { "visibility": "on" }] }]
  679. });
  680. var markers = locations.map(function (location, i) {
  681. var marker = new google.maps.Marker({
  682. map: map,
  683. position: location,
  684. icon: '../img/eurtoran_lo.png'
  685. });
  686. google.maps.event.addListener(marker, 'dblclick', function () {
  687. map.setZoom(map.getZoom() + 1);
  688. });
  689. return marker;
  690. });
  691. }
  692. $(document).ready(function ($) {
  693. $(document).delegate('*[data-toggle="lightbox"]:not([data-gallery="navigateTo"])', 'click', function (event) {
  694. event.preventDefault();
  695. return $(this).ekkoLightbox({
  696. onShown: function () {
  697. if (window.console) { return console.log('onShown event fired'); }
  698. },
  699. onContentLoaded: function () {
  700. if (window.console) { return console.log('onContentLoaded event fired'); }
  701. },
  702. onNavigate: function (direction, itemIndex) {
  703. if (window.console) {
  704. return console.log('Navigating ' + direction + '. Current item: ' + itemIndex);
  705. }
  706. }
  707. });
  708. });
  709. $(document).delegate('*[data-gallery="navigateTo"]', 'click', function (event) {
  710. event.preventDefault();
  711. return $(this).ekkoLightbox({
  712. onShown: function () {
  713. var lb = this;
  714. $(lb.modal_content).on('click', '.modal-footer a', function (e) {
  715. e.preventDefault();
  716. lb.navigateTo(2);
  717. });
  718. }
  719. });
  720. });
  721. $('body').scrollspy({ target: '.navbar-fixed-top' })
  722. $('.navbar-collapse ul li a').click(function () { $('.navbar-toggle:visible').click(); });
  723. $(window).scroll(function () {
  724. if ($(window).scrollTop() >= $('#map').offset().top - $(window).height()) {
  725. $('.effect').each(function () {
  726. $(this).addClass('active');
  727. });
  728. } else {
  729. $('.effect').each(function () {
  730. $(this).removeClass('active');
  731. });
  732. }
  733. });
  734. });
  735. </script>
  736. <script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>
  737. <script defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCs1XHQcUJVaVHdXxKceXLoAcRosoTQhkQ&callback=initMap"></script>
  738. </body>
  739. </html>