index.html 11 KB

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