index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  5. <head th:replace="common::header(~{::title},~{::link})">
  6. <title>首页</title>
  7. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  8. <link th:href="${portalHost + '/index.css'}" rel="stylesheet">
  9. </head>
  10. <body>
  11. <header>
  12. <div th:replace="common::nav('','')"></div>
  13. </header>
  14. <div class="carouselt">
  15. <ul class="ct-img-big clear">
  16. <li data-index=0 ><a href=""><img th:src="${portalHost+'/img/index_banner01.jpg'}" alt=""/></a></li>
  17. <li data-index=1 ><a href=""><img th:src="${portalHost+'/img/index_banner02.jpg'}" alt=""/></a></li>
  18. <li data-index=2 ><a href=""><img th:src="${portalHost+'/img/index_banner03.jpg'}" alt=""/></a></li>
  19. </ul>
  20. <a class="btn btn-next" href="">
  21. <img th:src="${portalHost+'/img/index_next.png'}" alt=""/>
  22. </a>
  23. <a class="btn btn-pre" href="">
  24. <img th:src="${portalHost+'/img/index_pre.png'}" alt=""/>
  25. </a>
  26. </div>
  27. <div class="index_activity">
  28. <div class="container">
  29. <ul>
  30. <li>
  31. <strong>6900条</strong>
  32. <p>需求数</p>
  33. </li>
  34. <li>
  35. <strong>20万</strong>
  36. <p>成果数</p>
  37. </li>
  38. <li>
  39. <strong>2万个</strong>
  40. <p>专家数</p>
  41. </li>
  42. <li>
  43. <strong>1200笔</strong>
  44. <p>专利交易</p>
  45. </li>
  46. <li>
  47. <strong>12000家</strong>
  48. <p>客户数</p>
  49. </li>
  50. <li>
  51. <strong>68场</strong>
  52. <p>技术对接场次</p>
  53. </li>
  54. </ul>
  55. </div>
  56. </div>
  57. <div id="active">
  58. <div class="coupon rf">
  59. <div class="coupon_cont lf">
  60. <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
  61. <h2>科技服务1000元 代金券</h2>
  62. <p>有限期至:2017-10-1</p>
  63. </a>
  64. </div>
  65. <div class="coupon_cont lf">
  66. <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
  67. <h2>上线送大礼,做高新,软著免费(限一个)</h2>
  68. <p>有限期至:2017-10-1</p>
  69. </a>
  70. </div>
  71. <div class="coupon_cont lf">
  72. <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
  73. <h2>专利申请,限时九折(前100个)</h2>
  74. <p>有限期至:2017-10-1</p>
  75. </a>
  76. </div>
  77. <div class="coupon_cont lf">
  78. <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
  79. <h2>100元软著全包(限量100个)</h2>
  80. <p>有限期至:2017-10-1</p>
  81. </a>
  82. </div>
  83. </div>
  84. <div class="title">
  85. <p>强势放价 (迎国庆)</p>
  86. </div>
  87. <div class="line"></div>
  88. </div>
  89. <div id="product">
  90. <div class="caption">精品成果<a th:href="${basePath + '/portal/technologyTrading/achievement.html'}">MORE+</a></div>
  91. <div class="content">
  92. <div class="cont cont_top1">
  93. <a th:href="${basePath + '/portal/technologyTrading/achievementDetail?id=66b56b38-4e12-4089-892f-12f43d15387d&type=1'}">
  94. <div class="img">
  95. <img th:src="${portalHost+'/img/index_one.png'}" alt=""/>
  96. <img th:src="${portalHost+'/img/product1.jpg'}" alt=""/>
  97. </div>
  98. <div class="text">
  99. <h2>军民两用无人飞行器系统</h2>
  100. <p>军民两用无人飞行器系统包括TX-03、TX-05两个系列,其中TX-03系列属于小型全电无人飞行器</p>
  101. </div>
  102. </a>
  103. </div>
  104. <div class="cont cont_bottom1">
  105. <a th:href="${basePath + '/portal/technologyTrading/achievementDetail?id=03120e15-6eb2-4066-9d04-ca59278fba8d&type=1'}">
  106. <div class="img">
  107. <img th:src="${portalHost+'/img/index_two.png'}" alt=""/>
  108. <img th:src="${portalHost+'/img/product2.jpg'}" alt=""/>
  109. </div>
  110. <div class="text">
  111. <h2>新型炭纳米管-石墨烯交联网络高导热薄膜</h2>
  112. <p>新型碳纳米管-石墨烯交联网络高导热薄膜由石墨烯片层堆积而成,在石墨烯片层之间原位生长碳纳米管</p>
  113. </div>
  114. </a>
  115. </div>
  116. <div class="cont cont_top2">
  117. <a th:href="${basePath + '/portal/technologyTrading/achievementDetail?id=73e9d01d-fc19-4585-a6e3-9ae4c9c274c6&type=1'}">
  118. <div class="img">
  119. <img th:src="${portalHost+'/img/index_three.png'}" alt=""/>
  120. <img th:src="${portalHost+'/img/product3.jpg'}" alt=""/>
  121. </div>
  122. <div class="text">
  123. <h2>基于原位氧化吸附热敏染料废水处理技术</h2>
  124. <p>1、反应在常温、常压、开放体系中进行,条件温和,占地面积小,运行可靠,操作维护简单,投资和运行成本均较低</p>
  125. </div>
  126. </a>
  127. </div>
  128. <div class="cont cont_bottom2">
  129. <a th:href="${basePath + '/portal/technologyTrading/achievementDetail?id=4ce4132f-3749-46da-843b-d4448c78a65b&type=1'}">
  130. <div class="img">
  131. <img th:src="${portalHost+'/img/index_four.png'}" alt=""/>
  132. <img th:src="${portalHost+'/img/product4.jpg'}" alt=""/>
  133. </div>
  134. <div class="text">
  135. <h2>智能网联驾驶技术</h2>
  136. <p>自1990年开展地面无人驾驶车辆技术研究,并联合各大汽车企业开展了自动驾驶汽车技术研发与应用</p>
  137. </div>
  138. </a>
  139. </div>
  140. <div class="cont cont_top3">
  141. <a th:href="${basePath + '/portal/technologyTrading/achievementDetail?id=3ffb74be-fb8c-48df-9e29-31cc721ec44e&type=1'}">
  142. <div class="img">
  143. <img th:src="${portalHost+'/img/index_five.png'}" alt=""/>
  144. <img th:src="${portalHost+'/img/product5.jpg'}" alt=""/>
  145. </div>
  146. <div class="text">
  147. <h2>MR-PET高端医学影像装备的关键技术与关键部</h2>
  148. <p>正电子发射断层成像(Positron Emission Tomography,以下简称PET)是一种非侵入性的造影方法</p>
  149. </div>
  150. </a>
  151. </div>
  152. </div>
  153. </div>
  154. <div id="policy">
  155. <div class="captions">智政 <a th:href="${basePath + '/portal/thinkTank/policyList.html'}">MORE+</a></a></div>
  156. <div class="pol_cont">
  157. <div class="pol_left">
  158. <img th:src="${portalHost+'/img/policy.jpg'}" alt=""/>
  159. <div class="pol_left_cont">
  160. <h3>解读习近平总书记在中央财经领导小组第十六次会议上关于知识产权工作的重要论述</h3>
  161. <p>“要调动拥有知识产权的自然人和法人的积极性和主动性,提升产权意识,自觉运用法律武器依法维权。</p>
  162. <div class="pol_bottom">
  163. <div class="more rf"><a th:href="${basePath + '/portal/news/newsDetail?id=116557327490236416'}">MORE+</a></div>
  164. <div class="data">2017-09-18</div>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="pol_right">
  169. <div class="pol_right_big">
  170. <h3>国务院知识产权局印发《“十三五”国家知识产权保护和运用规划重点任务分工方案》</h3>
  171. <p>中央组织部、中央编办、中央综治办、中央网信办,国务院知识产权战略实施工作部际联席会议各成员单位,民政部、食品药品监管总局</p>
  172. <div class="pol_bottom">
  173. <div class="more rf"><a th:href="${basePath + '/portal/news/newsDetail?id=116558483981484032'}">MORE+</a></div>
  174. <div class="data">2017-09-18</div>
  175. </div>
  176. </div>
  177. <div class="pol_right_sm">
  178. <h3>科技部发布国家重点研发计划智能机器人等重点专项2017年度项目申报指南</h3>
  179. <p>各省、自治区、直辖市及计划单列市科技厅(委、局),新疆生产建设兵团科技局,国务院各有关部门科技主管司局,各有关单位</p>
  180. <div class="pol_bottom">
  181. <div class="more rf"><a th:href="${basePath + '/portal/news/newsDetail?id=116557895017316352'}">MORE+</a></div>
  182. <div class="data">2017-09-18</div>
  183. </div>
  184. </div>
  185. <div class="pol_right_sm pol_act">
  186. <h3>开展湖南省2017年高新技术企业认定工作的通知</h3>
  187. <p>申报条件:(一)在中国境内(不含港、澳、台地区)注册的企业,近三年内通过自主研发、受让、受赠、并购等方式</p>
  188. <div class="pol_bottom">
  189. <div class="more rf"><a th:href="${basePath + '/portal/news/newsDetail?id=116548420894081024'}">MORE+</a></div>
  190. <div class="data">2017-09-18</div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="need_main">
  197. <div id="need">
  198. <div class="caption">精品需求</div>
  199. <span class="more"><a href="#">MORE+</a></span>
  200. <div class="carousel">
  201. <span class="need_prev"><</span>
  202. <div class="need_imgs">
  203. <ul>
  204. <li>
  205. <a th:href="${basePath + '/portal/technologyTrading/demandDetail?id=cdee3d8f-affe-45b0-9fd2-542cb2ed16fa&type=1'}">
  206. <img th:src="${portalHost+'/img/need_img1.jpg'}" alt="" />
  207. <p>新型纳米涂料技术</p>
  208. </a>
  209. </li>
  210. <li>
  211. <a th:href="${basePath + '/portal/technologyTrading/demandDetail?id=b17c5768-327d-4d90-8557-e4f21af050b0&type=1'}">
  212. <img th:src="${portalHost+'/img/need_img2.jpg'}" alt="" />
  213. <p>汽车空调的辅助制冷装置</p>
  214. </a>
  215. </li>
  216. <li>
  217. <a th:href="${basePath + '/portal/technologyTrading/demandDetail?id=e6b9869a-15aa-437a-afdd-0c289acd8cbf&type=1'}">
  218. <img th:src="${portalHost+'/img/need_img1.jpg'}" alt="" />
  219. <p>高性能铅炭电池</p>
  220. </a>
  221. </li>
  222. <li>
  223. <a th:href="${basePath + '/portal/technologyTrading/demandDetail?id=9b815c37-9748-4224-9770-07df8f35a6d9&type=1'}">
  224. <img th:src="${portalHost+'/img/need_img2.jpg'}" alt="" />
  225. <p>ABS板材改性工程塑料的配方及研究</p>
  226. </a>
  227. </li>
  228. <li>
  229. <a th:href="${basePath + '/portal/technologyTrading/demandDetail?id=5335f8d9-0e4d-4263-8d99-8faf92de5f1d&type=1'}">
  230. <img th:src="${portalHost+'/img/need_img3.jpg'}" alt="" />
  231. <p>机械领域新型产品或技术</p>
  232. </a>
  233. </li>
  234. </ul>
  235. </div>
  236. <span class="need_next">></span>
  237. </div>
  238. </div>
  239. </div>
  240. <footer>
  241. <div th:replace="common::copyright"></div>
  242. <div th:replace="common::login"></div>
  243. </footer>
  244. <div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
  245. <div th:replace="common::footer(~{::script})">
  246. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  247. <script type="text/javascript" th:src="${portalHost + '/index.js'}"></script>
  248. </div>
  249. </body>
  250. </html>