123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title></title>
- <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
- <link href="css/style.css" rel="stylesheet"/>
- <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
- <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-
- <link href="css/patent.css" rel="stylesheet" />
- </head>
- <body>
- <header>
- <div class="container">
- <div class="lt">欢迎进入科技认知计算交易平台!</div>
- <!--<div class="rt">
- <a href="#" class="login">登录</a>
- <a href="#">注册</a>
- </div>-->
- </div>
- </header>
- <div class="container header_nav">
- <div class="row clearfix">
- <div class="col-md-3 logo">
- <img src="img/logo.png" />
- </div>
- <div class="col-md-8">
- <ul class="nav_content">
- <li class="active"><a href="#">知识产权服务</a></li>
- <li><a href="#">知识产权申请</a></li>
- <li><a href="#">专利运营与布局</a></li>
- <li><a href="#">知识产权贯标</a></li>
- </ul>
- </div>
- <div class="col-md-1 search">
- <span>
- <img src="img/search_ioc.png" />
- </span>
- </div>
- </div>
- </div>
- <div id="myCarousel" class="carousel slide">
- <!-- 轮播(Carousel)指标 -->
- <ol class="carousel-indicators">
- <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
- <li data-target="#myCarousel" data-slide-to="1"></li>
- <li data-target="#myCarousel" data-slide-to="2"></li>
- </ol>
- <!-- 轮播(Carousel)项目 -->
- <div class="carousel-inner">
- <div class="item active">
- <img src="img/slide_img_1.png" alt="First slide">
- </div>
- <div class="item">
- <img src="img/slide_img_1.png" alt="Second slide">
- </div>
- <div class="item">
- <img src="img/slide_img_1.png" alt="Third slide">
- </div>
- </div>
- <!-- 轮播(Carousel)导航 -->
- <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
- <a class="carousel-control right" href="#myCarousel"
- data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
- </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="img/consulting_atv.png" />
- </li>
- <li>
- <a href="#tab2" data-toggle="tab">
- <span>竞争对手专利分析</span>
- </a>
- <img src="img/consulting_atv.png" />
- </li>
- <li>
- <a href="#tab3" data-toggle="tab">
- <span>行业专利信息分析专利挖掘与布局</span>
- </a>
- <img src="img/consulting_atv.png" />
- </li>
- <li>
- <a href="#tab4" data-toggle="tab">
- <span>专利预警服务</span>
- </a>
- <img src="img/consulting_atv.png" />
- </li>
- <li>
- <a href="#tab5" data-toggle="tab">
- <span>专利维权确权服务</span>
- </a>
- <img src="img/consulting_atv.png" />
- </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>服务描述1:</h2>
- <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
- </div>
- </div>
- </div>
- <div id="tab2" class="tab-pane">
- <div class="content_info ">
- <div class="zc_info_txt">
- <h2>服务描述2:</h2>
- <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
- </div>
- </div>
- </div>
- <div id="tab3" class="tab-pane">
- <div class="content_info ">
- <div class="zc_info_txt">
- <h2>服务描述3:</h2>
- <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
- </div>
- </div>
- </div>
- <div id="tab4" class="tab-pane">
- <div class="content_info ">
- <div class="zc_info_txt">
- <h2>服务描述4:</h2>
- <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
- </div>
- </div>
- </div>
- <div id="tab5" class="tab-pane">
- <div class="content_info ">
- <div class="zc_info_txt">
- <h2>服务描述5:</h2>
- <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
- </div>
- </div>
- </div>
- </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 src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
- <li><a href="#"><img src="img/case_1.png"></a></li>
-
- </ul>
- </div>
- </div>
-
- </div>
-
- <footer>
- <div class="container">
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- </div>
- </footer>
- </body>
- </html>
|