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.

220 lines
10 KiB

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="keywords" content="元赫環科 Origtek | 富氧, 離子, 電解, 燃燒, 電力, 節能, 重油乳化, 顧問服務, 替代能源, 空污改善, 節油, 車用節能設備, 瓦斯, 重油, 柴油, 碳, 生質燃料, 節油, 車用節能設備, 瓦斯, 重油, 柴油, 碳, 生質燃料"/>
  6. <meta name="description" content="元赫環科 Origtek | 富氧, 離子, 電解, 燃燒, 電力, 節能, 重油乳化, 顧問服務, 替代能源, 空污改善, 節油, 車用節能設備, 瓦斯, 重油, 柴油, 碳, 生質燃料"/>
  7. <meta name="robots" content="all"/>
  8. <meta name="generator" content="dreamweaver"/>
  9. <meta name="creation-date" content="07-nov-2013 13:43:01"/>
  10. <link rev="made" href="mailto:erin.yang@otigtek.com"/>
  11. <link rev="made" href="http://www.origtek.com/"/>
  12. <link rel="shortcut icon" type="image/ico" href="images/favicon.ico" />
  13. <title>元赫環科 Origtek | 富氧, 離子, 電解, 燃燒, 電力, 節能, 重油乳化, 顧問服務, 替代能源, 空污改善, 節油, 車用節能設備, 瓦斯, 重油, 柴油, 碳, 生質燃料</title>
  14. <link href="css/theme.css" rel="stylesheet" type="text/css" />
  15. <link href="css/banner_rotator.css" rel="stylesheet" type="text/css" />
  16. <link href="css/jq_css.css" rel="stylesheet" type="text/css" />
  17. <script type="text/javascript" src="js/banner_rotator.js"></script>
  18. <script type="text/javascript">
  19. $(function(){
  20. $('.abgne-carousel').each(function(){
  21. // 先取得相關的元素及寬度等資料
  22. var $this = $(this),
  23. $page = $this.find('.page'),
  24. $btn = $this.find('.frim-btn'),
  25. _frameWidth = $this.find('.frame').width(),
  26. $carousel = $this.find('ul'),
  27. $items = $carousel.find('li'),
  28. _itemLength = $items.length,
  29. _set = Math.ceil(_frameWidth / $items.outerWidth(true)),
  30. _count = Math.ceil(_itemLength / _set),
  31. _width = _set * $items.outerWidth(true) * -1,
  32. _speed = 400, _opacity = 0.75, _index = 0;
  33. // 用來顯示目前已顯示及總資料筆數資訊
  34. $page.html('1 - ' + (_set < _itemLength ? _set : _itemLength) + ' / ' + _itemLength);
  35. // 幫每一個 li 加上標題及遮罩
  36. $items.each(function(){
  37. var $this = $(this),
  38. _href = $this.find('a').attr('href'),
  39. _title = $this.find('img').attr('title');
  40. //$this.append('<div class="ovrly"></div>' +
  41. // '<h3>' +
  42. // '<a href="' + _href + '" alt="' + _title + '" title="' + _title + '">' + _title + '</a>' +
  43. // '</h3>').find('.ovrly').css('opacity', _opacity);
  44. });
  45. // 當按了上下頁的按鈕時
  46. $btn.find('.prev, .next').click(function(e){
  47. // 計算要顯示第幾組
  48. _index = Math.floor((e.target.className == 'prev' ? _index - 1 + _count : _index + 1) % _count);
  49. var _lastNum = _set * (_index + 1);
  50. $page.html((_set * _index + 1) + ' - ' + (_lastNum < _itemLength ? _lastNum : _itemLength) + ' / ' + _itemLength);
  51. // 進行動畫
  52. $carousel.stop().animate({
  53. left: _index * _width
  54. }, _speed);
  55. e.preventDefault();
  56. }).focus(function(){
  57. this.blur();
  58. });
  59. })
  60. });
  61. </script>
  62. </head>
  63. <body>
  64. <div id="" class="warpper">
  65. <div id="" class="header">
  66. <div class="container ">
  67. <div class="bg-tree"></div>
  68. <h1><a href="" id="" class="logo left" >元赫環科股份有限公司</a></h1>
  69. <!--end logo-->
  70. <div class="submenu right">
  71. <div class="search left">
  72. <form method="post" action="" class"search">
  73. <input name="" type="text" placeholder="全文檢索" />
  74. <input name="" type="button">
  75. </form>
  76. </div>
  77. <form method="post" action="" id="" class="right">
  78. <select class="leg">
  79. <option>EN</option>
  80. <option>繁中</option>
  81. <option>简中</option>
  82. </select>
  83. </form>
  84. </div>
  85. <br class="clear"/>
  86. <!--end submenu-->
  87. <div class="headerbar">
  88. <nav>
  89. <ul>
  90. <li class="onpage"><a href="index.html" title="首頁">首頁</a></li>
  91. <li><a href="web/about.html" title="關於元赫">關於元赫</a></li>
  92. <li><a href="web/solution.html" title="解決方案">解決方案</a></li>
  93. <li><a href="web/services.html" title="服務項目">服務項目</a></li>
  94. <li><a href="web/success.html" title="成功案例">成功案例</a></li>
  95. <li><a href="web/contactus.html" title="聯絡我們">聯絡我們</a></li>
  96. <li><a href="http://www.origtek.com/" title="系統開發">系統開發</a></li>
  97. <br class="clear">
  98. </ul>
  99. </nav>
  100. </div>
  101. <!--end headerbar-->
  102. </div>
  103. </div>
  104. <!--end header-->
  105. <div id="" class="content">
  106. <div class="container">
  107. <div class="ad">
  108. <div class="ab-container">
  109. <ul class="list">
  110. <li><a href="web/about.html"><img src="images/ad_best.jpg" alt="企業最佳夥伴"></a></li>
  111. </ul>
  112. </div>
  113. </div>
  114. <div class="ad-table">
  115. <div class="ad-tr">
  116. <div class="ad-td">
  117. <a href="web/RichBurn.html" title="離子環保節能"><img src="images/Index_RichBurn.png" alt="離子環保節能" /></a>
  118. <h2><a class="" href="web/RichBurn.html" title="離子環保節能">離子環保節能</a></h2>
  119. <p>
  120. 提升燃燒時的火焰含氫氧量<br>
  121. 增加完整燃燒的能力<br>
  122. 適用於瓦斯、各式油品、煤碳
  123. </p>
  124. </div>
  125. <div class="ad-td">
  126. <a href="web/HeavyOil.html" title="重油乳化"><img src="images/Index_HeavyOil.png" alt="重油乳化" /></a>
  127. <h2 style="margin-left:35px;"><a class="" href="web/HeavyOil.html" title="重油乳化">重油乳化</a></h2>
  128. <p style="margin-left:50px;">
  129. 利用完美比例將水與重油混合<br>
  130. 以奈米級的油包水油粒直徑<br>
  131. 達到完整燃燒節能減碳的目的
  132. </p>
  133. </div>
  134. <div class="ad-td">
  135. <a href="web/CarEquipment.html" title="車輛節能">
  136. <img src="images/Index_Car.PNG" alt="車輛節能" /></a>
  137. <h2><a class="" href="web/CarEquipment.html" title="車輛節能">車輛節能</a></h2>
  138. <p>
  139. 一次的安裝,永久性的使用<br>
  140. 適用於汽、柴油及瓦斯<br>
  141. 一次性的解決所有您車輛耗油的問題
  142. </p>
  143. </div>
  144. </div>
  145. </div>
  146. <!--end css-table-->
  147. <!--<div class="clientbase">
  148. <h2 class="t-center t-red">使用客戶群</h2>
  149. <div class="abgne-carousel">
  150. <div id="btn-l" class="frim-btn">
  151. <a href="#" class="prev">Prev</a>
  152. </div>
  153. <div id="btn-r" class="frim-btn">
  154. <a href="#" class="next">Next</a>
  155. </div>
  156. <div class="frame">
  157. <ul>
  158. <li>
  159. <a class="thumb" target="_blank" href="http://www.ford.com.tw/">
  160. <img title="福特六和" alt="福特六和" src="images/frim_ford.jpg"/>
  161. </a>
  162. </li>
  163. </ul>
  164. </div>
  165. </div>
  166. </div>-->
  167. <!--end clientbase-->
  168. </div>
  169. </div>
  170. <!--end content-->
  171. <div id="" class="footer">
  172. <div class="container">
  173. <div class="footerbar">
  174. <img src="images/logo_w.png" alt="元赫環科股份有限公司" border="0" style="height:20px; width:120px"/>
  175. <font>
  176. <a href="web/privacy.html"title="隱私權政策">隱私權政策&nbsp;&nbsp;</a>
  177. <a href="web/map.html" title="網路地圖">網路地圖</a>
  178. </ul>
  179. </font>
  180. <font> Origtek Energy Co., LTD</font>
  181. </div>
  182. <!--end footerbar-->
  183. <div class="footerinfo">
  184. <div class="footermenu left">
  185. <ul>
  186. <li><a href="index.html" title="首頁">首頁</a></li>
  187. <li><a href="web/about.html" title="關於元赫">關於元赫</a></li>
  188. <li><a href="web/solution.html" title="解決方案">解決方案</a></li>
  189. <li><a href="web/services.html" title="服務項目">服務項目</a></li>
  190. <li class="li-last"><a href="web/contactus.html" title="聯絡我們">聯絡我們</a></li>
  191. <br class="clear">
  192. </ul>
  193. </div>
  194. <ul class="footer-about right">
  195. <li class="footer-man">統一編號:52595951</li>
  196. <li class="footer-phone">02-2515-3819</li> <!--02-2515-3819-->
  197. <li class="footer-fax">02-2515-3815</li>
  198. <li class="footer-mail">nelson.kai@origtek.com</li>
  199. <li class="footer-map">台北市中山區松江路67號3F<a href="https://goo.gl/maps/74QHnAStMaJ2">(地圖)</a></li>
  200. </ul>
  201. <br class="clear">
  202. </div>
  203. <!--end footerinfo-->
  204. </div>
  205. </div>
  206. <!--end footer-->
  207. </div>
  208. <!--end wrapper-->
  209. </body>
  210. </html>