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.

174 lines
8.1 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .ekko-lightbox-nav-overlay {
  6. display: block !important;
  7. }
  8. .glyphicon-chevron-left, .glyphicon-chevron-right {
  9. font: normal normal normal 14px/1 FontAwesome;
  10. }
  11. .glyphicon-chevron-left:before {
  12. content: "\f053";
  13. }
  14. .glyphicon-chevron-right:before {
  15. content: "\f054";
  16. right: 20px;
  17. }
  18. .popup-detail {
  19. background: #FFF;
  20. }
  21. /*.ng-scope-list{
  22. width: 100%;
  23. padding: 0;
  24. border: none;
  25. background: transparent;}
  26. .notebook_ul{
  27. overflow: auto;
  28. zoom: 1;
  29. margin:5px 0 50px 30px
  30. }*/
  31. .ng-scope {
  32. /*float: left;
  33. clear: left;*/
  34. width: 100%;
  35. margin: 0.2em 0;
  36. padding: 0.5em 0.8em;
  37. list-style: none;
  38. background-color: #ffebdd;
  39. border-left: 5px solid #ec681e;
  40. cursor: pointer;
  41. color: #333;
  42. position: relative;
  43. z-index: 2;
  44. font-size: 15px;
  45. text-align: left;
  46. border-radius: 0 5px 5px 0;
  47. line-height: 1.7;
  48. margin-bottom: 40px;
  49. }
  50. .ng-scope span {
  51. width: 100%;
  52. display: inline-block;
  53. padding-left: 2%;
  54. font-size: 14px;
  55. font-weight: normal;
  56. }
  57. .ng-scope span span {
  58. color: #888;
  59. margin-left: 5px;
  60. }
  61. @media (max-width: 600px) {
  62. .ng-scope span {
  63. width: 100%;
  64. }
  65. }
  66. .experience {
  67. position: absolute;
  68. left: -70px;
  69. font-size: 20px;
  70. text-align: right;
  71. top: 2em;
  72. color: #ababab;
  73. font-weight: bold;
  74. font-family: 'Maven Pro', sans-serif,'微軟正黑體';
  75. transform: rotate(-90deg);
  76. z-index: 1;
  77. transform: rotate(0deg);
  78. left: 0;
  79. top: 0;
  80. position: relative;
  81. text-align: left;
  82. margin-bottom: 0px !important;
  83. }
  84. </style>
  85. </head>
  86. <body>
  87. <div class="wrapper">
  88. <div class="popup-page">
  89. <div class="popup-banner">
  90. <div class="popup-title">
  91. <div class="container">
  92. <div class="row">
  93. <div class="title">
  94. <h2>工具机展会</h2>
  95. <h5>经典案例</h5>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <img src="../img/case07.jpg" /> <img class="white-clip-path" src="../img/white-clip-path.png" />
  101. </div>
  102. <div class="container popup-detail">
  103. <div class="row">
  104. <div class="col-xs-12" style="position:relative">
  105. <p class="experience">参展经验 Experience.</p>
  106. <!--ul class="notebook_ul">
  107. <li class="ng-scope ng-binding"> 台北國際工具機展<br>
  108. </li>
  109. <li class="ng-scope ng-binding"> 美國芝加哥國家製造技術展<br>
  110. </li>
  111. <li class="ng-scope ng-binding">上海、北京機床展<br>
  112. </li>
  113. <li class="ng-scope ng-binding"> 土耳其國際工具機暨自動化機械展<br>
  114. </li>
  115. <li class="ng-scope ng-binding">泰國國際金屬加工設備展<br>
  116. </li>
  117. <li class="ng-scope ng-binding">中國(上海)國際數控機床展覽會<br>
  118. </li>
  119. <li class="ng-scope ng-binding">俄羅斯國際金屬加工機械展<br>
  120. </li>
  121. <li class="ng-scope ng-binding">印度國際金屬成型機械展<br>
  122. </li>
  123. <li class="ng-scope ng-binding">中國(北京)國際機床展<br>
  124. </li>
  125. </ul-->
  126. <div class="ng-scope">
  127. <span>台北国际工具机展<span>Taipei Int'l Machine Tool Show</span></span>
  128. <span>土耳其国际工具机暨自动化机械展<span>MAKTEK Eurasia Istanbul</span></span>
  129. <span>俄罗斯国际金属加工机械展<span>METALLOOBRABOTKA</span></span>
  130. <span>美国芝加哥国际制造技术展<span>INT'L Manufacturing Technology Show</span></span>
  131. <span>泰国国际金属加工设备展<span>METALEX</span></span>
  132. <span>印度国际金属成型机械展<span>IMTEX Forming</span></span>
  133. <span>印度国际金属切削工具机展<span>IMTEX &amp; Tooltech</span></span>
  134. <span>中国(上海)国际数控机床展览会<span>China CNC Machine Tool Fair(CCMT)</span></span>
  135. <span>中国(北京)国际机床展<span>China Int’l Machine Tool & Tools Exhibition (CIMES)</span></span>
  136. </div>
  137. <p>国际上各个知名工具机展会在产业一直担当着研发、创新、制造及应用技术的领导能量,也是产学研技术交流与知识汇集的盛会。</p>
  138. <p>
  139. 奕达从头至尾的一条龙服务,包含前期与海外各代理商及厂商联系,担任中间桥梁的服务沟通要角。从事前的联系接洽、工具机展品列表文件整理、各项机器的报关申请、清关、最终至展场的进场定位,在繁杂的检核流程中,能全面性的掌控运输流程,并严格把关品质,检视货物抵达后外包装是否完整,判别内容物是否受损坏,以保持工具机以最佳状态运送至展览会场。
  140. </p>
  141. <figure>
  142. <img style="width:100%" src="../img/case7-2-0.jpg" />
  143. <figcaption>台北国际工具机展执行</figcaption>
  144. </figure>
  145. <figure>
  146. <img style="width:100%" src="../img/case7-2-1.jpg" />
  147. <figcaption>台北国际工具机展执行</figcaption>
  148. </figure>
  149. <p>大型工具機在運輸上,特別注意進退場的作業安全性,奕達以多年累積的豐富經驗,並善於與各廠商做好詳實的事前溝通,各種不同類型的工具機械,總能夠精準的找尋機器的重心及吊點,在清關及進場有限的時間壓力下,讓機械安全無虞的完成定位;並妥善安排各廠商進退場時間,讓整體流程更為流暢不耽誤。</p>
  150. <figure>
  151. <img style="width:100%" src="../img/case7-2-2.jpg" />
  152. <figcaption>台北国际工具机展执行</figcaption>
  153. </figure>
  154. <figure>
  155. <img style="width:100%" src="../img/case7-2-3.jpg" />
  156. <figcaption>台北国际工具机展执行</figcaption>
  157. </figure>
  158. </div>
  159. <div class="col-xs-12 text-center">
  160. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">CL<i class="fa fa-times-circle-o" aria-hidden="true"></i>SE</button>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </body>
  167. </html>