albertshaw лет назад: 8
Родитель
Сommit
0f53acac64
1 измененных файлов с 163 добавлено и 211 удалено
  1. 163 211
      src/main/webapp/WEB-INF/views/portal/ipr/iso.html

+ 163 - 211
src/main/webapp/WEB-INF/views/portal/ipr/iso.html

@@ -41,217 +41,169 @@
 		</div>
 			
 	<div class="iso_introduce">
-		<div class="container">
-			<div class="title">
-				<h1>什么是知识产权贯标</h1>
-				<p>WHAT IS INTELLECTUAL PROPERTY ENFORCEMENT?</p>
-				<span></span>
-			</div>
-			<div class="iso_introduce_content">
-				<h2>知识产权对于企业来说:</h2>
-				<p>就是贯彻《企业知识产权管理规范》国家标准。企业知识产权管理规范的国家标准由国家知识产权局制订,经由国家质量监督检验检疫总局、国家标准化管理委员会批准颁布,于2013年3月1日起实施,标准号是GB/T29490-2013。</p>
-				<p>通常所说的贯标是指贯彻ISO9000质量管理体系标准、ISO14000环境管理体系标准和OHSAS18000职业健康安全管理体系规范,是运用过程方法和系统方法,持续改进工作的一种活动。</p>
-				<p>企业知识产权管理标准化示范创建工作(贯彻《企业知识产权管理规范》),也是贯标的一个类别,被称为知识产权贯标。</p>
-			</div>
-		</div>
-	</div>
-	<div class="iso_advantage">
-		<div class="container">
-			<div class="title">
-				<h1>知识产权贯标好处</h1>
-				<p>THE BENEFITS OF INTELLECTUAL PROPERTY RIGHTS</p>
-				<span></span>
-			</div>
-			<div class="iso_advantage_nav">
-				<ul id="myTab">
-					<li class="active"><a href="#tab1" data-toggle="tab"><span>01</span></a></li>
-					<li><a href="#tab2" data-toggle="tab"><span>02</span></a></li>
-					<li><a href="#tab3" data-toggle="tab"><span>03</span></a></li>
-					<li><a href="#tab4" data-toggle="tab"><span>04</span></a></li>
-					<li><a href="#tab5" data-toggle="tab"><span>05</span></a></li>
-					<li><a href="#tab6" data-toggle="tab"><span>06</span></a></li>
-				</ul>
-			</div>
-			<div id="myTabContent"
-				class="content_list tab-content iso_advantage_content">
-				<div id="tab1" class="tab-pane in active">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>“企业知识产权管理规范”</h2>
-							<p>作为我国首部企业知识产权管理国家标准,实施贯标将作为企业知识产权工作的基础条件,是企业申报科技项目的前提。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab2" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>贯标有助于提升企业</h2>
-							<p>领导和广大职工知识产权意识,调动职工发明创造的积极性。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab3" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>推动企业产生具备高附加值的</h2>
-							<p>自主知识产权的新产品、新技术。通过自己生产销售或通过技术贸易许可转让他人,将给企业带来丰厚经济收益。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab4" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>提升企业无形资产价值</h2>
-							<p>在企业融资上市、投资并购及企业出售等资产运作上获取更大的收益。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab5" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>巩固企业市场地位</h2>
-							<p>通过贯彻《企业知识产权管理规范》使企业拥有的自主知识产权的产品在销售市场的地位明显增强。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab6" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>贯标验收合格后</h2>
-							<p>可向科技主管部门申请战略推进项目、专利实施计划等项目。</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div class="container consulting">
-		<div class="title">
-			<h1>专利咨询</h1>
-			<p>PATENT ADVICE</p>
-			<span></span>
-		</div>
-		<div class="content">
-			<div class="content_nav">
-				<ul id="myTab">
-					<li class="active"><a href="#tab1" data-toggle="tab"> <span>专利技术分析</span>
-					</a> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURXy4/0dwTObx/6zS//D3/3zk8F4AAAACdFJOU38A3jSoAQAAAD5JREFUCNc9yIEJACAMA8GIC7Qz6ADiCJL9ZzJRsZDyHDIzih60Om7EbOVE7Ws4YpIiCEgRDCYYTDggAt/92AlDDjfH3KJAAAAAAElFTkSuQmCC" />
-					</li>
-					<li><a href="#tab2" data-toggle="tab"> <span>竞争对手专利分析</span>
-					</a> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURXy4/0dwTObx/6zS//D3/3zk8F4AAAACdFJOU38A3jSoAQAAAD5JREFUCNc9yIEJACAMA8GIC7Qz6ADiCJL9ZzJRsZDyHDIzih60Om7EbOVE7Ws4YpIiCEgRDCYYTDggAt/92AlDDjfH3KJAAAAAAElFTkSuQmCC" />
-					</li>
-					<li><a href="#tab3" data-toggle="tab"> <span>行业专利信息分析专利挖掘与布局</span>
-					</a> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURXy4/0dwTObx/6zS//D3/3zk8F4AAAACdFJOU38A3jSoAQAAAD5JREFUCNc9yIEJACAMA8GIC7Qz6ADiCJL9ZzJRsZDyHDIzih60Om7EbOVE7Ws4YpIiCEgRDCYYTDggAt/92AlDDjfH3KJAAAAAAElFTkSuQmCC" />
-					</li>
-					<li><a href="#tab4" data-toggle="tab"> <span>专利预警服务</span>
-					</a> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURXy4/0dwTObx/6zS//D3/3zk8F4AAAACdFJOU38A3jSoAQAAAD5JREFUCNc9yIEJACAMA8GIC7Qz6ADiCJL9ZzJRsZDyHDIzih60Om7EbOVE7Ws4YpIiCEgRDCYYTDggAt/92AlDDjfH3KJAAAAAAElFTkSuQmCC" />
-					</li>
-					<li><a href="#tab5" data-toggle="tab"> <span>专利维权确权服务</span>
-					</a> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURXy4/0dwTObx/6zS//D3/3zk8F4AAAACdFJOU38A3jSoAQAAAD5JREFUCNc9yIEJACAMA8GIC7Qz6ADiCJL9ZzJRsZDyHDIzih60Om7EbOVE7Ws4YpIiCEgRDCYYTDggAt/92AlDDjfH3KJAAAAAAElFTkSuQmCC" />
-					</li>
-
-				</ul>
-			</div>
-			<div id="myTabContent" class="content_list tab-content">
-				<div id="tab1" class="tab-pane in active">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>专利情报分析:</h2>
-							<p>专利情报分析是指对来自专利说明书、专利公报中大量的、个别的专利信息进行加工及组合,并利用统计方法或技术手段使这些信息具有纵览全局及预测的功能,并且通过分析将原始的专利信息从量变到质变,使它们由普通的信息上升为企业经营活动中有价值的情报。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab2" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>专利挖掘:</h2>
-							<p>专利挖掘就是从创新成果中提炼出具有专利申请和保护价值的技术创新点和方案。对技术创新成果进行全面、充分、有效的保护,全面梳理并掌握可能具有专利申请价值的各主要技术点及其外围的关联技术,避免出现专利保护的漏洞。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab3" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>专利布局:</h2>
-							<p>企业综合产业、市场和法律等因素,对专利进行有机结合,涵盖了企业利害相关的时间、地域、技术和产品等维度,构建严密高效的专利保护网,最终形成对企业有利格局的专利组合。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab4" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>专利预警分析:</h2>
-							<p>专利预警分析便于对技术发展趋势、申请人状况、专利保护地域等专利战略要素进行定性、定量分析,使企业对所在行业领域内的各种发展趋势、竞争态势有一个综合了解,更加全面、有效地利用专利制定战略。</p>
-						</div>
-					</div>
-				</div>
-				<div id="tab5" class="tab-pane">
-					<div class="content_info ">
-						<div class="zc_info_txt">
-							<h2>专利维权确权服务:</h2>
-							<p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div class="process">
-		<div class="container">
-			<div class="title">
-				<h1>专利运营专业服务流程</h1>
-				<p>PATENT OPERATION PROFESSIONAL SERVICE PROCESS</p>
-				<span></span>
-			</div>
-			<div class="process_content">
-				<img th:src="${portalHost + '/img/patent_process_img.png'}">
-			</div>
-		</div>
-	</div>
-	<div class="case">
-		<div class="container">
-			<div class="title">
-				<h1>成功案例</h1>
-				<p>SUCCESS CASE</p>
-				<span></span>
-			</div>
-			<div class="case_content">
-				<ul>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_1.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_2.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_3.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_4.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_5.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_6.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_7.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_8.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_9.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_10.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_11.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_12.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_13.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_14.png'}"></a></li>
-					<li><a href="#"><img
-							th:src="${portalHost + '/img/case_15.png'}"></a></li>
-
-				</ul>
-			</div>
-		</div>
-	</div>
+    <div class="container">
+      <div class="title">
+        <h1>什么是知识产权贯标</h1>
+        <p>WHAT IS INTELLECTUAL PROPERTY ENFORCEMENT?</p> <span></span> </div>
+      <div class="iso_introduce_content">
+        <h2>知识产权对于企业来说:</h2>
+        <p>就是贯彻《企业知识产权管理规范》国家标准。企业知识产权管理规范的国家标准由国家知识产权局制订,经由国家质量监督检验检疫总局、国家标准化管理委员会批准颁布,于2013年3月1日起实施,标准号是GB/T29490-2013。</p>
+        <p>通常所说的贯标是指贯彻ISO9000质量管理体系标准、ISO14000环境管理体系标准和OHSAS18000职业健康安全管理体系规范,是运用过程方法和系统方法,持续改进工作的一种活动。</p>
+        <p>企业知识产权管理标准化示范创建工作(贯彻《企业知识产权管理规范》),也是贯标的一个类别,被称为知识产权贯标。</p>
+      </div>
+    </div>
+  </div>
+  <div class="iso_advantage">
+    <div class="container">
+      <div class="title">
+        <h1>知识产权贯标好处</h1>
+        <p>THE BENEFITS OF INTELLECTUAL PROPERTY RIGHTS</p> <span></span> </div>
+      <div class="iso_advantage_nav">
+        <ul id="isoAdvantageTab">
+          <li class="active"><a href="#advantageTab1" data-toggle="tab"><span>01</span></a></li>
+          <li><a href="#advantageTab2" data-toggle="tab"><span>02</span></a></li>
+          <li><a href="#advantageTab3" data-toggle="tab"><span>03</span></a></li>
+          <li><a href="#advantageTab4" data-toggle="tab"><span>04</span></a></li>
+          <li><a href="#advantageTab5" data-toggle="tab"><span>05</span></a></li>
+          <li><a href="#advantageTab6" data-toggle="tab"><span>06</span></a></li>
+        </ul>
+      </div>
+      <div id="isoAdvantageTabContent" class="content_list tab-content iso_advantage_content">
+        <div id="advantageTab1" class="tab-pane in active">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>“企业知识产权管理规范”</h2>
+              <p>作为我国首部企业知识产权管理国家标准,实施贯标将作为企业知识产权工作的基础条件,是企业申报科技项目的前提。</p>
+            </div>
+          </div> <span class="sp1 tab1_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="advantageTab2" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>贯标有助于提升企业</h2>
+              <p>领导和广大职工知识产权意识,调动职工发明创造的积极性。</p>
+            </div>
+          </div> <span class="sp1 tab2_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="advantageTab3" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>推动企业产生具备高附加值的</h2>
+              <p>自主知识产权的新产品、新技术。通过自己生产销售或通过技术贸易许可转让他人,将给企业带来丰厚经济收益。</p>
+            </div>
+          </div> <span class="sp1 tab3_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="advantageTab4" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>提升企业无形资产价值</h2>
+              <p>在企业融资上市、投资并购及企业出售等资产运作上获取更大的收益。</p>
+            </div>
+          </div> <span class="sp1 tab4_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="advantageTab5" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>巩固企业市场地位</h2>
+              <p>通过贯彻《企业知识产权管理规范》使企业拥有的自主知识产权的产品在销售市场的地位明显增强。</p>
+            </div>
+          </div> <span class="sp1 tab5_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="advantageTab6" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>贯标验收合格后</h2>
+              <p>可向科技主管部门申请战略推进项目、专利实施计划等项目。</p>
+            </div>
+          </div> <span class="sp1 tab6_span">                            <span class="sp2"></span> </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="iso_process">
+    <div class="container">
+      <div class="title">
+        <h1>知识产权贯标流程</h1>
+        <p>INTELLECTUAL PROPERTY IMPLEMENTATION PROCESS</p> <span></span> </div>
+      <div class="iso_process_nav">
+        <ul id="isoProcessTab">
+          <li class="active"><a href="#processTab1" data-toggle="tab"><span>01</span></a></li>
+          <li><a href="#processTab2" data-toggle="tab"><span>02</span></a></li>
+          <li><a href="#processTab3" data-toggle="tab"><span>03</span></a></li>
+          <li><a href="#processTab4" data-toggle="tab"><span>04</span></a></li>
+          <li><a href="#processTab5" data-toggle="tab"><span>05</span></a></li>
+          <li><a href="#processTab6" data-toggle="tab"><span>06</span></a></li>
+          <li><a href="#processTab7" data-toggle="tab"><span>07</span></a></li>
+          <li><a href="#processTab8" data-toggle="tab"><span>08</span></a></li>
+        </ul>
+      </div>
+      <div id="isoProcessTabTabContent" class="content_list tab-content iso_process_content">
+        <div id="processTab1" class="tab-pane in active">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>贯标启动:</h2>
+              <p>成立企业贯标工作小组,制定企业贯标工作计划,召开企业贯标启动大会,对主要参与部门、人员进行贯标相关培训。</p>
+            </div>
+          </div> <span class="sp1 tab1_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab2" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>调查诊断:</h2>
+              <p>调查企业基本信息、组织架构、相关制度,诊断企业知识产权管理现状。</p>
+            </div>
+          </div> <span class="sp1 tab2_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab3" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>体系构建:</h2>
+              <p>制定企业知识产权方针、目标,策划企业知识产权职能架构,构建企业知识产权管理体系。</p>
+            </div>
+          </div> <span class="sp1 tab3_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab4" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>手册编写:</h2>
+              <p>编写企业知识产权管理手册,编制企业知识产权管理制度、控制程序、记录表单。</p>
+            </div>
+          </div> <span class="sp1 tab4_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab5" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>发文宣贯:</h2>
+              <p>颁布企业知识产权管理手册、制度、程序、表单,开展企业知识产权宣贯培训,指导各个部门、人员正确理解和执行。</p>
+            </div>
+          </div> <span class="sp1 tab5_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab6" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>实施运行:</h2>
+              <p>运行企业知识产权管理体系,填写体系运行记录,定期进行体系运行监测。</p>
+            </div>
+          </div> <span class="sp1 tab6_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab7" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>内部审核:</h2>
+              <p>企业对其自身的知识产权管理体系进行审核,并对审核中的不合格项采取纠正和改进措施。</p>
+            </div>
+          </div> <span class="sp1 tab7_span">                            <span class="sp2"></span> </span>
+        </div>
+        <div id="processTab8" class="tab-pane">
+          <div class="content_info ">
+            <div class="zc_info_txt">
+              <h2>管理评审:</h2>
+              <p>企业最高管理者就企业知识产权管理体系的现状、适宜性、充分性和有效性以及方针和目标的贯彻落实情况进行评审。</p>
+            </div>
+          </div> <span class="sp1 tab8_span">                            <span class="sp2"></span> </span>
+        </div>
+      </div> <a href="#" class="iso_btn">我要服务</a> </div>
+  </div>
 	<footer>
 		<div th:replace="common::copyright"></div>
 	</footer>