index.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  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. <meta charset="utf-8" />
  7. <link rel="icon" th:href="${portalHost + '/img/ico_logo.ico'}">
  8. <meta name="keywords" content=""/>
  9. <meta name="Description" content=""/>
  10. <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
  11. <meta http-equiv="x-ua-compatible" content="ie=edge">
  12. <title>首页</title>
  13. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  14. <link th:href="${portalHost + '/index.css'}" rel="stylesheet">
  15. </head>
  16. <body>
  17. <header>
  18. <div th:replace="common::nav('','')"></div>
  19. </header>
  20. <div class="carouselt">
  21. <ul class="ct-img-big clear">
  22. <li data-index=0><a href=""><img
  23. th:src="${portalHost+'/img/index_banner01.jpg'}" alt="" /></a></li>
  24. <li data-index=1><a href=""><img
  25. th:src="${portalHost+'/img/index_banner02.jpg'}" alt="" /></a></li>
  26. <li data-index=2><a href=""><img
  27. th:src="${portalHost+'/img/index_banner03.jpg'}" alt="" /></a></li>
  28. <li data-index=3><a href=""><img
  29. th:src="${portalHost+'/img/index_banner04.jpg'}" alt="" /></a></li>
  30. <li data-index=4><a href=""><img
  31. th:src="${portalHost+'/img/index_banner05.jpg'}" alt="" /></a></li>
  32. <li data-index=5><a href=""><img
  33. th:src="${portalHost+'/img/index_banner06.jpg'}" alt="" /></a></li>
  34. </ul>
  35. <ul class="ct-img-small clear">
  36. </ul>
  37. </div>
  38. <div class="indexSeach">
  39. <div id="indexSeach">
  40. <div class="indexSeach_one">
  41. <ul>
  42. <li class="indexActive">成果</li>
  43. <li>需求</li>
  44. <li>专利</li>
  45. <li>政策</li>
  46. <li>专家</li>
  47. <li>投资机构</li>
  48. </ul>
  49. <div>
  50. <div>
  51. <input type="text" id="int"/>
  52. </div>
  53. <img th:src="${portalHost+'/img/indexNew1.jpg'}" alt="" class="indexImg1"/>
  54. <img th:src="${portalHost+'/img/indexNew2.jpg'}" alt="" class="indexImg2"/>
  55. </div>
  56. </div>
  57. <div class="indexSeach_two">
  58. <div>
  59. <div class="seachTitle">
  60. <div>技术交易</div>
  61. </div>
  62. <div id="seachCont">
  63. <div class="seachCont seachCont1" clicka="0">
  64. <div>
  65. <a href="/portal/technologyTrading/achievement.html" title="购买技术">购买技术</a>
  66. </div>
  67. <div>
  68. <a href="/portal/technologyTrading/demand.html" title="承按需求">承按需求</a>
  69. </div>
  70. <div>
  71. <a href="/portal/technologyTrading/assessMent.html" title="技术评估">技术评估</a>
  72. </div>
  73. <div>
  74. <a href="#" title="发布需求">发布需求</a>
  75. </div>
  76. <div>
  77. <a href="#" title="发布成果">发布成果</a>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="seachMore">
  82. 更多>
  83. </div>
  84. </div>
  85. <div>
  86. <div class="seachTitle">
  87. <div>科技服务</div>
  88. </div>
  89. <div id="seachCont">
  90. <div class="seachCont seachCont2" clicka="0">
  91. <div>
  92. <a href="#" title="高企认定">高企认定</a>
  93. </div>
  94. <div>
  95. <a href="" title="项目申报">项目申报</a>
  96. </div>
  97. <div>
  98. <a href="" title="体系认证">体系认证</a>
  99. </div>
  100. <div>
  101. <a href="" title="产品认证">产品认证</a>
  102. </div>
  103. <div>
  104. <a href="" title="知识产权">知识产权</a>
  105. </div>
  106. <div>
  107. <a href="" title="资质认证">资质认证</a>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="seachMore">
  112. 更多>
  113. </div>
  114. </div>
  115. <div>
  116. <div class="seachTitle">
  117. <div>智库咨询</div>
  118. </div>
  119. <div id="seachCont">
  120. <div class="seachCont seachCont3" clicka="0">
  121. <div>
  122. <a href="/portal/thinkTank/index.html" title="中央政策">中央政策</a>
  123. </div>
  124. <div>
  125. <a href="/portal/thinkTank/index.html" title="地方政策">地方政策</a>
  126. </div>
  127. <div>
  128. <a href="/portal/thinkTank/index.html#zizone" title="邀约专家">邀约专家</a>
  129. </div>
  130. <div>
  131. <a href="/portal/thinkTank/index.html#zizone" title="涉外专家">涉外专家</a>
  132. </div>
  133. <div>
  134. <a href="" title="品牌打造">品牌打造</a>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="seachMore">
  139. 更多>
  140. </div>
  141. </div>
  142. <div>
  143. <div class="seachTitle">
  144. <div>科技金融</div>
  145. </div>
  146. <div id="seachCont">
  147. <div class="seachCont seachCont4" clicka="0">
  148. <div>
  149. <a href="" title="项目路演">项目路演</a>
  150. </div>
  151. <div>
  152. <a href="" title="优质项目">优质项目</a>
  153. </div>
  154. <div>
  155. <a href="" title="联系投客">联系投客</a>
  156. </div>
  157. <div>
  158. <a href="" title="寻找创客">寻找创客</a>
  159. </div>
  160. <div>
  161. <a href="" title="成果对接">成果对接</a>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="seachMore">
  166. 更多>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="indexSeach_three">
  171. <div class="seachTitle2">
  172. <div>科技平台</div>
  173. </div>
  174. <div class="wit">
  175. <img th:src="${portalHost+'/img/indexNewa1.jpg'}" alt="科技成果转化公共服务平台" />
  176. <p>科技成果转化公共服务平台</p>
  177. </div>
  178. <div class="wit">
  179. <img th:src="${portalHost+'/img/indexNewa2.jpg'}" alt="军民融合创新发展平台" />
  180. <p>军民融合创新发展平台</p>
  181. </div>
  182. <div class="wit">
  183. <img th:src="${portalHost+'/img/indexNewa3.jpg'}" alt="科技服务综合服务平台" />
  184. <p>科技服务综合服务平台</p>
  185. </div>
  186. <div class="wih">
  187. <img th:src="${portalHost+'/img/indexNewa4.jpg'}" alt="移动应用开发" />
  188. <p>移动应用开发</p>
  189. </div>
  190. <div class="wih">
  191. <img th:src="${portalHost+'/img/indexNewa5.jpg'}" alt="运营平台" />
  192. <p>运营平台</p>
  193. </div>
  194. <div class="wih">
  195. <img th:src="${portalHost+'/img/indexNewa6.jpg'}" alt="人工智能技术" />
  196. <p>人工智能技术</p>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <div id="indexServe">
  202. <div class="indexServe_title">
  203. <img th:src="${portalHost+'/img/indexNew3.png'}" alt="热门服务" />
  204. <p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
  205. </div>
  206. <div class="indexServe_cont">
  207. <div>
  208. <h2 >高企认定</h2>
  209. <div class="indexServe_bots">
  210. <h3 >什么是高企认定?</h3>
  211. <p>高新技术企业是在国家重点支持的高新技术领域内,持续进行研究开发与技术成果转化,形成企业核心自主知识产权,并以此为基础开展生产经营活动,在中国境内(不包括港、澳、台地区)注册一年以上的居民企业。</p>
  212. <img th:src="${portalHost+'/img/indexNew8.jpg'}" alt="高企认定" />
  213. </div>
  214. <div class="indexServe_bot">
  215. <div>认定好处</div>
  216. <p>1、企业税收减免40%,同时享受办理研发经费加计扣除。</p>
  217. <p>2、地区对新认定的高新技术企业资助均高于五万元以上。</p>
  218. <p>3、吸引政策和资金扶持,推动企业产业化扩张,促进企业融资上市。</p>
  219. </div>
  220. <div class="indexServe_img">
  221. 了解更多
  222. </div>
  223. </div>
  224. <div>
  225. <h2>项目申报</h2>
  226. <div class="indexServe_bots">
  227. <h3>什么是项目申报?</h3>
  228. <p>项目申报是指政府机关针对企业或其他研究单位作出的一系列优惠政策,企业或相关研究单位再根据政府的政策进行编写申报文件然后根据相关申报要求和流程进行申报。 可申请的项目包括国家省市资助计划体系及各部委资助计划比如863计划,973计划,科技型中小企业创新基金,中小企业发展专项资金,企业科技新技术,国家社科基金,国家自科基金,省社科基金、省自科基金等不同级别的项目,申请时难度不同,申请人的资格和条件也各有不同。
  229. 技淘网营各个管理体系认证项、产品认证项目、政府项目申报,如:高企申报、知识产权贯标认证、ISO9001质量管理体系、信息系统集成资质、长沙市/湖南省科技计划 、湖南省中小企业发展专项资金、战略性新兴产业科技攻关与重大科技成果转化项目、CE认证等项目。</p>
  230. <img th:src="${portalHost+'/img/indexNew8.jpg'}" alt="" />
  231. </div>
  232. <div class="indexServe_bot">
  233. <div>申报好处</div>
  234. <p>1、享受百万政府补贴</p>
  235. <p>2、税率降低,或研发经费加计扣除(40%税收减免)。</p>
  236. <p>3、提高企业品牌和产品知名度。</p>
  237. </div>
  238. <div class="indexServe_img">
  239. 了解更多
  240. </div>
  241. </div>
  242. <div>
  243. <h2>专利服务</h2>
  244. <div class="indexServe_bots">
  245. <h3>什么是专利服务?</h3>
  246. <p>专利(patent),从字面上是指专有的权利和利益。“专利”一词来源于拉丁语Litterae patentes,意为公开的信件或公共文献,是中世纪的君主用来颁布某种特权的证明,后来指英国国王亲自签署的独占权利证书。
  247. 在现代,专利一般是由政府机关或者代表若干国家的区域性组织根据申请而颁发的一种文件,这种文件记载了发明创造的内容,并且在一定时期内产生这样一种法律状态,即获得专利的发明创造在一般情况下他人只有经专利权人许可才能予以实施。在我国,专利分为发明、实用新型和外观设计三种类型。
  248. </p>
  249. <img th:src="${portalHost+'/img/indexNew8.jpg'}" alt="" />
  250. </div>
  251. <div class="indexServe_bot">
  252. <div>服务好处</div>
  253. <p>1、 通过法定程序确定发明创造的权利归属关系,从而有效保护发明创造成果,独占市场,以此换取最大的利益;</p>
  254. <p>2、 为了在市场竞争中争取主动,确保自身生产与销售的安全性,防止对手拿专利状告自己侵权(遭受高额经济赔偿、迫使自己停止生产与销售);</p>
  255. <p>3、 专利权受到国家专利法保护,未经专利权人同意许可,任何单位或个人都不能使用(状告他人侵犯专利权,索取赔偿);</p>
  256. </div>
  257. <div class="indexServe_img">
  258. 了解更多
  259. </div>
  260. </div>
  261. <div class="indexServe_long">
  262. <img th:src="${portalHost+'/img/indexNew11.jpg'}" alt="" />
  263. <div class="indexServe_bots">
  264. <h3>什么是软著申请?</h3>
  265. <p>软件著作权又指计算机软件著作权,计算机软件著作权是指软件的开发者或者其他权利人依据有关著作权法律的规定,对于软件作品所享有的各项专有权利。就权利的性质而言,它属于一种民事权利,具备民事权利的共同特征。软件经过登记后,软件著作权人享有发表权、开发者身份权、使用权、使用许可权和获得报酬权。更具体的介绍可以查计算机软件保护条例,相关书籍或是百度等。</p>
  266. </div>
  267. <div class="indexServe_bot">
  268. <div>申请好处</div>
  269. <p>1、明确权利所属,作为法律保护的依据,打击盗版、抄袭。</p>
  270. <p>2.增加企业或个人无形资产价值,可作为增资、融资抵押、技术入股等。</p>
  271. <p>3.申请高新技术企业,帮助企业减免税收</p>
  272. </div>
  273. <div class="indexServe_img">
  274. 了解更多
  275. </div>
  276. </div>
  277. <div class="indexServe_long">
  278. <img th:src="${portalHost+'/img/indexNew11.jpg'}" alt="" />
  279. <div class="indexServe_bots">
  280. <h3>什么是识产贯标?</h3>
  281. <p>什么是知识产权贯标“贯标”对于企业来说,就是贯彻《企业知识产权管理规范》国家标准。企业知识产权管理规范的国家标准由国家知识产权局制订,经由国家质量监督检验检疫总局、国家标准化管理委员会批准颁布,于2013年3月1日起实施,标准号是GB/T29490-2013。
  282. [1] 2012年7月15日到7月20日,国家知识产权局专利管理司召集北京、河北、江苏、浙江、湖南、陕西等六个省市的知识产权管理部门和部分专利代理机构以及企业,在北京开展了《企业知识产权管理规范试点工作培训班》。此次会议标志着我国企业的知识产权管理规范工作正式开始。目前国家知识产权局专利管理司编制的《企业知识产权管理规范》已经报送国标办审批,在此次会议之前,江苏省已经受国家知识产权局委托,在本省开展了两年多的企业知识产权管理标准的贯彻工作,并取得了良好的效果,江苏省的企业知识产权意识、创新意识和创新能力得到的大幅度提高。</p>
  283. </div>
  284. <div class="indexServe_bot">
  285. <div>贯标好处</div>
  286. <p>1、“企业知识产权管理规范”作为我国首部企业知识产权管理国家标准,实施贯标将作为企业知识产权工作的基础条件,是企业申报科技项目的前提。</p>
  287. <p>2、贯标有助于提升企业领导和广大职工知识产权意识,调动职工发明创造的积极性。</p>
  288. <p>3、推动企业产生具备高附加值的自主知识产权的新产品、新技术。通过自己生产销售或通过技术贸易许可转让他人,将给企业带来丰厚经济收益。</p>
  289. </div>
  290. <div class="indexServe_img">
  291. 了解更多
  292. </div>
  293. </div>
  294. </div>
  295. <img th:src="${portalHost+'/img/indexNew12.jpg'}" alt="" class="indexServe_right"/>
  296. <img th:src="${portalHost+'/img/indexNew13.jpg'}" alt="" class="indexServe_bottom"/>
  297. </div>
  298. <div id="indexPolicy">
  299. <div class="indexServe_title">
  300. <img th:src="${portalHost+'/img/indexNew4.png'}" alt="政策解析" />
  301. <p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
  302. </div>
  303. <div class="fruit_h3">
  304. <a href="#"><span>+</span> 更多政策</a>
  305. </div>
  306. <div class="policy_cont">
  307. <div class="policy_img">
  308. <img th:src="${portalHost+'/img/index_er3.jpg'}" alt="" />
  309. </div>
  310. <div class="policy_p">
  311. <a th:if="${#lists.size(jtdt) ge 1}" th:href="@{/portal/news/newsDetail(id=${jtdt[0].id})}" >
  312. <div >
  313. <div class="policy_date">
  314. <h4 th:text=${jtdt[0].createTimeFormattedDate_md}></h4>
  315. <p th:text=${jtdt[0].createTimeFormattedDate_y}></p>
  316. </div>
  317. <div class="policy_line"></div>
  318. <div class="policy_p_cont">
  319. <h5 th:text="${jtdt[0].title}"></h5>
  320. <p th:text="${jtdt[0].summary}"></p>
  321. </div>
  322. </div>
  323. </a>
  324. <a th:if="${#lists.size(jtdt) ge 2}" th:href="@{/portal/news/newsDetail(id=${jtdt[1].id})}">
  325. <div >
  326. <div class="policy_date">
  327. <h4 th:text=${jtdt[1].createTimeFormattedDate_md}></h4>
  328. <p th:text=${jtdt[1].createTimeFormattedDate_y}></p>
  329. </div>
  330. <div class="policy_line"></div>
  331. <div class="policy_p_cont">
  332. <h5 th:text="${jtdt[1].title}"></h5>
  333. <p th:text="${jtdt[1].summary}"></p>
  334. </div>
  335. </div>
  336. </a>
  337. <a th:if="${#lists.size(jtdt) ge 3}" th:href="@{/portal/news/newsDetail(id=${jtdt[2].id})}">
  338. <div >
  339. <div class="policy_date">
  340. <h4 th:text=${jtdt[2].createTimeFormattedDate_md}></h4>
  341. <p th:text=${jtdt[2].createTimeFormattedDate_y}></p>
  342. </div>
  343. <div class="policy_line"></div>
  344. <div class="policy_p_cont">
  345. <h5 th:text="${jtdt[2].title}"></h5>
  346. <p th:text="${jtdt[2].summary}"></p>
  347. </div>
  348. </div>
  349. </a>
  350. <a th:if="${#lists.size(jtdt) ge 4}" th:href="@{/portal/news/newsDetail(id=${jtdt[3].id})}">
  351. <div >
  352. <div class="policy_date">
  353. <h4 th:text=${jtdt[3].createTimeFormattedDate_md}></h4>
  354. <p th:text=${jtdt[3].createTimeFormattedDate_y}></p>
  355. </div>
  356. <div class="policy_line"></div>
  357. <div class="policy_p_cont">
  358. <h5 th:text="${jtdt[3].title}"></h5>
  359. <p th:text="${jtdt[3].summary}"></p>
  360. </div>
  361. </div>
  362. </a>
  363. </div>
  364. </div>
  365. </div>
  366. <div id="indexGroom">
  367. <div class="indexServe_title">
  368. <img th:src="${portalHost+'/img/indexNew5.png'}" alt="技淘推荐" />
  369. <p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
  370. </div>
  371. <div class="indexGroom_table">
  372. <div class="indexGroom_active">成果</div>
  373. <div>需求</div>
  374. </div>
  375. <div class="indexGroom_tables chengguo">
  376. <a th:each="item:${achievementList}"
  377. th:href="@{/portal/technologyTrading/achievementDetail(id=${item.productId},type=${item.ownerType})}">
  378. <div >
  379. <img th:src="${item.coverImg}" alt="" />
  380. <div>
  381. <h3 th:text="${item.name}"></h3>
  382. <p th:text="${item.introduction}"></p>
  383. <div>
  384. <div th:text="${item.fieldA}"></div>
  385. <div th:text="${item.fieldB}"></div>
  386. </div>
  387. </div>
  388. </div>
  389. </a>
  390. </div>
  391. <div class="indexGroom_tables xuqiu">
  392. <a th:each="dtem:${demandList}"
  393. th:href="@{/portal/technologyTrading/demandDetail(id=${dtem.productId},type=${dtem.ownerType})}">
  394. <div>
  395. <img th:src="${dtem.coverImg}" alt="" />
  396. <div>
  397. <h3 th:text="${dtem.name}"></h3>
  398. <p th:text="${dtem.problemDes}"></p>
  399. <div>
  400. <div th:if="${dtem.urgentMoney}!=null">悬赏</div>
  401. <div th:if="${dtem.urgentDays}!=null">加急</div>
  402. </div>
  403. </div>
  404. </div>
  405. </a>
  406. </div>
  407. <div class="indexGroom_more chengguo">
  408. <a th:href="${basePath + '/portal/technologyTrading/achievement.html'}">< 查看更多 ></a>
  409. </div>
  410. <div class="indexGroom_more xuqiu">
  411. <a th:href="${basePath + '/portal/technologyTrading/demand.html'}">< 查看更多 ></a>
  412. </div>
  413. <img th:src="${portalHost+'/img/indexNew13.jpg'}" alt="" class="indexServe_bottom"/>
  414. </div>
  415. <div id="indexId">
  416. <div class="indexServe_title">
  417. <img th:src="${portalHost+'/img/indexNew6.png'}" alt="技淘推荐" />
  418. <p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
  419. </div>
  420. </div>
  421. <div id="indexExpert">
  422. <div class="indexExpert">
  423. <div class="indexExpert_cont">
  424. <a th:each="etem:${speciaList}"
  425. th:href="@{/portal/subscriberDetail.html(uid=${etem.id},type=${etem.type})}">
  426. <div>
  427. <img th:src="${etem.headPortraitUrl}" alt="" />
  428. <div class="indexExpert_basc">
  429. <h3 th:text="${etem.username}"></h3>
  430. <span>/</span>
  431. <h4 th:text="${etem.workUnit+etem.professionalTitle}"></h4>
  432. <p th:text="${etem.introduction}"></p>
  433. </div>
  434. <div class="indexExpert_yuyue">
  435. <span th:text="${etem.reservationCount}"></span>次预约
  436. </div>
  437. </div>
  438. </a>
  439. </div>
  440. <div class="indexGroom_more">
  441. <a th:href="${basePath + '/portal/thinkTank/policyList.html'}">< 查看更多 ></a>
  442. </div>
  443. </div>
  444. </div>
  445. <div id="indexWord"></div>
  446. <footer>
  447. <div th:replace="common::copyright"></div>
  448. <div th:replace="common::login"></div>
  449. <input type="hidden" th:isLogin="${!isLogin}" id="isLogin" />
  450. </footer>
  451. <div class="smg">
  452. <input type="text" name="msg" value="" id="msg" />
  453. </div>
  454. <div th:replace="common::footer(~{::script})">
  455. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  456. <script type="text/javascript" th:src="${portalHost+'/index.js'}"></script>
  457. </div>
  458. </body>
  459. </html>