download.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>海南添富汇</title>
  6. <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
  7. <link rel="stylesheet" type="text/css" href="css/base.css"/>
  8. <link rel="stylesheet" type="text/css" href="css/download.css"/>
  9. <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
  10. <script src="bower_components/vue/dist/vue.min.js"></script>
  11. <script src="js/base.js"></script>
  12. </head>
  13. <body>
  14. <header>
  15. <div id="header_nav">
  16. <img id="logo" src="img/index/图层2.png"/>
  17. <ul id="header_nav_list">
  18. <li v-for="item in items" class="header_nav_list_li">
  19. <a v-bind:href="item.href">{{item.title}}</a>
  20. <div class="head_nav_subscript"></div>
  21. </li>
  22. <!--<li>
  23. <a href="#">首页</a>
  24. <div class="head_nav_subscript head_nav_subscript_active"></div>
  25. </li>
  26. <li>
  27. <a href="#">关于我们</a>
  28. <div class="head_nav_subscript"></div>
  29. </li>
  30. <li>
  31. <a href="#">添富汇研究</a>
  32. <div class="head_nav_subscript"></div>
  33. </li>
  34. <li>
  35. <a href="#">石油学院</a>
  36. <div class="head_nav_subscript"></div>
  37. </li>
  38. <li>
  39. <a href="#">石油投资</a>
  40. <div class="head_nav_subscript"></div>
  41. </li>
  42. <li>
  43. <a href="#">我要开户</a>
  44. <div class="head_nav_subscript"></div>
  45. </li>
  46. <li>
  47. <a href="#">软件下载</a>
  48. <div class="head_nav_subscript"></div>
  49. </li>-->
  50. </ul>
  51. </div>
  52. <div class="clear" style="height: 0px;"></div>
  53. <div id="header_sed_nav">
  54. <div id="header_sed_nav_con">
  55. <template>
  56. <ul v-for="item in items">
  57. <li v-for="it in item"><a v-bind:href="it.href">{{it.title}}</a></li>
  58. </ul>
  59. </template>
  60. <!--<ul id="home_page">
  61. </ul>
  62. <ul id="about_us">
  63. <li><a href="#">公司简介</a></li>
  64. <li><a href="#">公司文化</a></li>
  65. <li><a href="#">公司环境</a></li>
  66. <li><a href="#">大交简介</a></li>
  67. </ul>
  68. <ul id="our_research">
  69. <li><a href="#">金融汇通研究</a></li>
  70. <li><a href="#">每日评论</a></li>
  71. <li><a href="#">分析研究</a></li>
  72. <li><a href="#">市场动态</a></li>
  73. <li><a href="#">机构观点</a></li>
  74. </ul>
  75. <ul id="oil_college">
  76. <li><a href="#">投资入门</a></li>
  77. <li><a href="#">基本面分析</a></li>
  78. <li><a href="#">技术面分析</a></li>
  79. <li><a href="#">投资技巧</a></li>
  80. <li><a href="#">常见问题</a></li>
  81. </ul>
  82. <ul id="oil_investment">
  83. <li><a href="#">开户指导</a></li>
  84. <li><a href="#">投资特点</a></li>
  85. <li><a href="#">大连油标准合同</a></li>
  86. <li><a href="#">投资者权益保障</a></li>
  87. <li><a href="#">实物交割</a></li>
  88. </ul>
  89. <ul id="open_account">
  90. <li><a href="#">在线开户</a></li>
  91. <li><a href="#">开户流程</a></li>
  92. <li><a href="#">建行网银激活</a></li>
  93. <li><a href="#">银行签约</a></li>
  94. </ul>
  95. <ul id="app_download">
  96. <li><a href="#">完整版下载</a></li>
  97. <li><a href="#">手机版下载</a></li>
  98. </ul>-->
  99. </div>
  100. </div>
  101. </header>
  102. <section>
  103. <div id="banner">
  104. <div id="download_type">
  105. <a href="#"><div class="app_down pc_download"></div></a>
  106. <a href="#"><div class="app_down app_download"></div></a>
  107. <a href="#"><div class="app_down apk_download"></div></a>
  108. </div>
  109. <div id="banner_content">
  110. <div id="banner_left"></div>
  111. <div id="banner_right"></div>
  112. </div>
  113. </div>
  114. <div id="bg_milddle"></div>
  115. <div id="instructions">
  116. <div id="instructions_content">
  117. <ul>
  118. <li>
  119. <div class="instructions_content_title">核心功能</div>
  120. <div class="instructions_content_content">界面简洁,系统设计合理,核心功能模块安全、高效、稳定</div>
  121. </li>
  122. <li>
  123. <div class="instructions_content_title">精准而及时</div>
  124. <div class="instructions_content_content">精准而及时的买/卖挂、摘牌委托指令,帮助用户把握机会</div>
  125. </li>
  126. <li>
  127. <div class="instructions_content_title">强大数据</div>
  128. <div class="instructions_content_content">强大数据展示,数据精准,历史价格真是再现;<br>完整的统计报表,实时交易数据统计,<br>制定交易计划</div>
  129. </li>
  130. <li>
  131. <div class="instructions_content_title">资金安全</div>
  132. <div class="instructions_content_content">安全而可靠的银行接口,方便出入金操作,确保资金安全;</div>
  133. </li>
  134. </ul>
  135. </div>
  136. <div class="clear"></div>
  137. </div>
  138. </section>
  139. <footer id="footer">
  140. <div id="footer_title">
  141. <ul>
  142. <li v-for="item in footerTitle">{{item}}</li>
  143. <!--<li>关于我们</li>
  144. <li>添富汇研究</li>
  145. <li>石油学院</li>
  146. <li>石油投资</li>
  147. <li>我要开户</li>
  148. <li>软件下载</li>-->
  149. </ul>
  150. </div>
  151. <div id="footer_content">
  152. <div>
  153. <template>
  154. <ul v-for="item in footerContent">
  155. <li v-for="it in item"><a v-bind:href="it.href">{{it.title}}</a></li>
  156. </ul>
  157. </template>
  158. <!--<ul>
  159. <li><a href="#">公司简介</a></li>
  160. <li><a href="#">公司文化</a></li>
  161. <li><a href="#">公司环境</a></li>
  162. <li><a href="#">大交简介</a></li>
  163. </ul>
  164. <ul>
  165. <li><a href="#">金融汇通研究</a></li>
  166. <li><a href="#">每日评论</a></li>
  167. <li><a href="#">分析研究</a></li>
  168. <li><a href="#">市场动态</a></li>
  169. <li><a href="#">机构观点</a></li>
  170. </ul>
  171. <ul>
  172. <li><a href="#">投资入门</a></li>
  173. <li><a href="#">基本面分析</a></li>
  174. <li><a href="#">技术面分析</a></li>
  175. <li><a href="#">投资技巧</a></li>
  176. <li><a href="#">常见问题</a></li>
  177. </ul>
  178. <ul>
  179. <li><a href="#">开户指导</a></li>
  180. <li><a href="#">投资特点</a></li>
  181. <li><a href="#">大连油标准合同</a></li>
  182. <li><a href="#">投资者权益保障</a></li>
  183. <li><a href="#">实物交割</a></li>
  184. </ul>
  185. <ul>
  186. <li><a href="#">在线开户</a></li>
  187. <li><a href="#">开户流程</a></li>
  188. <li><a href="#">建行网银激活</a></li>
  189. <li><a href="#">银行签约</a></li>
  190. </ul>
  191. <ul>
  192. <li><a href="#">完整版下载</a></li>
  193. <li><a href="#">手机版下载</a></li>
  194. </ul>-->
  195. </div>
  196. </div>
  197. </footer>
  198. </body>
  199. </html>