patentOperation.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  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 + '/ipr/patentOperation.css'}"
  9. rel="stylesheet">
  10. </head>
  11. <body>
  12. <header>
  13. <div class="container">
  14. <div class="lt">欢迎进入科技认知计算交易平台!</div>
  15. <!--<div class="rt">
  16. <a href="#" class="login">登录</a>
  17. <a href="#">注册</a>
  18. </div>-->
  19. </div>
  20. </header>
  21. <div class="container header_nav">
  22. <div class="row clearfix">
  23. <div class="col-md-3 logo">
  24. <div th:replace="common::sublogo"></div>
  25. </div>
  26. <div class="col-md-8">
  27. <ul class="nav_content">
  28. <li><a th:href="${basePath + '/portal/ipr/service.html'}">知识产权服务</a></li>
  29. <li><a th:href="${basePath + '/portal/ipr/apply.html'}">知识产权申请</a></li>
  30. <li class="active"><a th:href="${basePath + '/portal/ipr/patentOperation.html'}">专利运营与布局</a></li>
  31. <li><a th:href="${basePath + '/portal/ipr/iso.html'}">知识产权贯标</a></li>
  32. </ul>
  33. </div>
  34. <div class="col-md-1 search">
  35. <span> <img th:src="${portalHost + '/img/search_ioc.png'}" />
  36. </span>
  37. </div>
  38. </div>
  39. </div>
  40. <div id="myCarousel" class="carousel slide">
  41. <!-- 轮播(Carousel)指标 -->
  42. <ol class="carousel-indicators">
  43. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  44. <li data-target="#myCarousel" data-slide-to="1"></li>
  45. <li data-target="#myCarousel" data-slide-to="2"></li>
  46. </ol>
  47. <!-- 轮播(Carousel)项目 -->
  48. <div class="carousel-inner">
  49. <div class="item active">
  50. <img th:src="${portalHost + '/img/ipr_service_banner_1.jpg.png'}"
  51. alt="First slide">
  52. </div>
  53. <div class="item">
  54. <img th:src="${portalHost + '/img/ipr_service_banner_2.jpg.png'}"
  55. alt="Second slide">
  56. </div>
  57. <div class="item">
  58. <img th:src="${portalHost + '/img/ipr_service_banner_3.jpg.png'}"
  59. alt="Third slide">
  60. </div>
  61. </div>
  62. <!-- 轮播(Carousel)导航 -->
  63. <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span
  64. class="glyphicon glyphicon-chevron-left"></span></a> <a
  65. class="carousel-control right" href="#myCarousel" data-slide="next"><span
  66. class="glyphicon glyphicon-chevron-right"></span></a>
  67. </div>
  68. <div class="container consulting">
  69. <div class="title">
  70. <h1>专利咨询</h1>
  71. <p>PATENT ADVICE</p>
  72. <span></span>
  73. </div>
  74. <div class="content">
  75. <div class="content_nav">
  76. <ul id="myTab">
  77. <li class="active"><a href="#tab1" data-toggle="tab"> <span>专利技术分析</span>
  78. </a> <img th:src="${portalHost + '/img/consulting_atv.png'}" /></li>
  79. <li><a href="#tab2" data-toggle="tab"> <span>竞争对手专利分析</span>
  80. </a> <img th:src="${portalHost + '/img/consulting_atv.png'}" /></li>
  81. <li><a href="#tab3" data-toggle="tab"> <span>行业专利信息分析专利挖掘与布局</span>
  82. </a> <img th:src="${portalHost + '/img/consulting_atv.png'}" /></li>
  83. <li><a href="#tab4" data-toggle="tab"> <span>专利预警服务</span>
  84. </a> <img th:src="${portalHost + '/img/consulting_atv.png'}" /></li>
  85. <li><a href="#tab5" data-toggle="tab"> <span>专利维权确权服务</span>
  86. </a> <img th:src="${portalHost + '/img/consulting_atv.png'}" /></li>
  87. </ul>
  88. </div>
  89. <div id="myTabContent" class="content_list tab-content">
  90. <div id="tab1" class="tab-pane in active">
  91. <div class="content_info ">
  92. <div class="zc_info_txt">
  93. <h2>专利情报分析:</h2>
  94. <p>专利情报分析是指对来自专利说明书、专利公报中大量的、个别的专利信息进行加工及组合,并利用统计方法或技术手段使这些信息具有纵览全局及预测的功能,并且通过分析将原始的专利信息从量变到质变,使它们由普通的信息上升为企业经营活动中有价值的情报。</p>
  95. </div>
  96. </div>
  97. </div>
  98. <div id="tab2" class="tab-pane">
  99. <div class="content_info ">
  100. <div class="zc_info_txt">
  101. <h2>专利挖掘:</h2>
  102. <p>专利挖掘就是从创新成果中提炼出具有专利申请和保护价值的技术创新点和方案。对技术创新成果进行全面、充分、有效的保护,全面梳理并掌握可能具有专利申请价值的各主要技术点及其外围的关联技术,避免出现专利保护的漏洞。</p>
  103. </div>
  104. </div>
  105. </div>
  106. <div id="tab3" class="tab-pane">
  107. <div class="content_info ">
  108. <div class="zc_info_txt">
  109. <h2>专利布局:</h2>
  110. <p>企业综合产业、市场和法律等因素,对专利进行有机结合,涵盖了企业利害相关的时间、地域、技术和产品等维度,构建严密高效的专利保护网,最终形成对企业有利格局的专利组合。</p>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="tab4" class="tab-pane">
  115. <div class="content_info ">
  116. <div class="zc_info_txt">
  117. <h2>专利预警分析:</h2>
  118. <p>专利预警分析便于对技术发展趋势、申请人状况、专利保护地域等专利战略要素进行定性、定量分析,使企业对所在行业领域内的各种发展趋势、竞争态势有一个综合了解,更加全面、有效地利用专利制定战略。</p>
  119. </div>
  120. </div>
  121. </div>
  122. <div id="tab5" class="tab-pane">
  123. <div class="content_info ">
  124. <div class="zc_info_txt">
  125. <h2>专利维权确权服务:</h2>
  126. <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="process">
  134. <div class="container">
  135. <div class="title">
  136. <h1>专利运营专业服务流程</h1>
  137. <p>PATENT OPERATION PROFESSIONAL SERVICE PROCESS</p>
  138. <span></span>
  139. </div>
  140. <div class="process_content">
  141. <img th:src="${portalHost + '/img/patent_process_img.png'}">
  142. </div>
  143. </div>
  144. </div>
  145. <div class="case">
  146. <div class="container">
  147. <div class="title">
  148. <h1>成功案例</h1>
  149. <p>SUCCESS CASE</p>
  150. <span></span>
  151. </div>
  152. <div class="case_content">
  153. <ul>
  154. <li><a href="#"><img
  155. th:src="${portalHost + '/img/case_1.png'}"></a></li>
  156. <li><a href="#"><img
  157. th:src="${portalHost + '/img/case_2.png'}"></a></li>
  158. <li><a href="#"><img
  159. th:src="${portalHost + '/img/case_3.png'}"></a></li>
  160. <li><a href="#"><img
  161. th:src="${portalHost + '/img/case_4.png'}"></a></li>
  162. <li><a href="#"><img
  163. th:src="${portalHost + '/img/case_5.png'}"></a></li>
  164. <li><a href="#"><img
  165. th:src="${portalHost + '/img/case_6.png'}"></a></li>
  166. <li><a href="#"><img
  167. th:src="${portalHost + '/img/case_7.png'}"></a></li>
  168. <li><a href="#"><img
  169. th:src="${portalHost + '/img/case_8.png'}"></a></li>
  170. <li><a href="#"><img
  171. th:src="${portalHost + '/img/case_9.png'}"></a></li>
  172. <li><a href="#"><img
  173. th:src="${portalHost + '/img/case_10.png'}"></a></li>
  174. <li><a href="#"><img
  175. th:src="${portalHost + '/img/case_11.png'}"></a></li>
  176. <li><a href="#"><img
  177. th:src="${portalHost + '/img/case_12.png'}"></a></li>
  178. <li><a href="#"><img
  179. th:src="${portalHost + '/img/case_13.png'}"></a></li>
  180. <li><a href="#"><img
  181. th:src="${portalHost + '/img/case_14.png'}"></a></li>
  182. <li><a href="#"><img
  183. th:src="${portalHost + '/img/case_15.png'}"></a></li>
  184. </ul>
  185. </div>
  186. </div>
  187. </div>
  188. <footer>
  189. <div th:replace="common::copyright"></div>
  190. </footer>
  191. <div th:replace="common::footer(~{::script})">
  192. <script type="text/javascript" src="${portalHost + '/vendors.js'}"></script>
  193. <script type="text/javascript"
  194. src="${portalHost + '/ipr/patentOperation.js'}"></script>
  195. </div>
  196. </body>
  197. </html>