|
@@ -8,10 +8,10 @@
|
|
|
<meta name="Description" content=""/>
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
- <title>首页</title>
|
|
|
+ <title>科技服务</title>
|
|
|
<!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
|
|
|
<link rel="stylesheet" href="../src/css/public.css" />
|
|
|
- <link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
|
|
|
+ <link rel="stylesheet" type="text/css" href="../src/css/service.css"/>-->
|
|
|
</head>
|
|
|
<body>
|
|
|
<header>
|
|
@@ -19,8 +19,8 @@
|
|
|
<div class="logo"><a href="../template/index.html"><img src="../img/Logo111.png" alt="" title="技淘"/></a></div>
|
|
|
<div class="nav">
|
|
|
<ul>
|
|
|
- <li class="active"><a href="#">科技服务</a><img src="../img/hot.png"/></li>
|
|
|
<li><a href="#">技术交易</a></li>
|
|
|
+ <li class="active"><a href="#">科技服务</a><img src="../img/hot.png"/></li>
|
|
|
<li><a href="#">智库咨询</a></li>
|
|
|
<li><a href="#">科技金融</a></li>
|
|
|
<li><a href="#">科技活动</a></li>
|
|
@@ -29,32 +29,222 @@
|
|
|
</div>
|
|
|
<div class="nav_right">
|
|
|
<a href="">注册</a>
|
|
|
- <a href="">登陆</a>
|
|
|
+ <a href="javascript:;" class="head_login">登陆</a>
|
|
|
<a href="">关于我们</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</header>
|
|
|
- <div class="banner container">
|
|
|
- <div class="banner_box" >
|
|
|
- <ul>
|
|
|
- <li><img src="../img/banner1.png" alt="" class="banner_imgs"/></li>
|
|
|
- <li><img src="../img/x_banner02.png" alt="" class="banner_imgs"/></li>
|
|
|
- <li><img src="../img/banner1.png" alt="" class="banner_imgs"/></li>
|
|
|
+
|
|
|
+ <div class="carouselt">
|
|
|
+ <ul class="ct-img-big clear">
|
|
|
+ <li data-index=0 ><a href=""><img src="../img/highTech_slide_1.jpg" alt=""/></a></li>
|
|
|
+ <li data-index=1 ><a href=""><img src="../img/highTech_slide_2.jpg" alt=""/></a></li>
|
|
|
+ <li data-index=2 ><a href=""><img src="../img/highTech_slide_3.jpg" alt=""/></a></li>
|
|
|
+ <li data-index=3 ><a href=""><img src="../img/highTech_slide_4.jpg" alt=""/></a></li>
|
|
|
+ <li data-index=4 ><a href=""><img src="../img/highTech_slide_5.jpg" alt=""/></a></li>
|
|
|
+ </ul>
|
|
|
+ <a class="btn btn-next" href="">
|
|
|
+ <img src="../img/index_next.png" alt=""/>
|
|
|
+ </a>
|
|
|
+ <a class="btn btn-pre" href="">
|
|
|
+ <img src="../img/index_pre.png" alt=""/>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--主体内容区域开始-->
|
|
|
+ <div class="service_main">
|
|
|
+ <div class="serve">
|
|
|
+ <div class="serve_title">
|
|
|
+ <div class="clear_"></div>
|
|
|
+ <h2>高新服务</h2>
|
|
|
+ </div>
|
|
|
+ <div class="serve_cont">
|
|
|
+ <div class="serve_left">
|
|
|
+ <div>
|
|
|
+ <span></span>
|
|
|
+ <h3>高新是什么?</h3>
|
|
|
+ <p>高新技术是指那些对一个国家或一个地区的政治、
|
|
|
+ 经济和军事等各方面的进步产生深远的影响,并能形成产业的先进技术群。
|
|
|
+ </p>
|
|
|
+ <a href="#">了解更多</a>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span></span>
|
|
|
+ <h3>高新是什么?</h3>
|
|
|
+ <p>高新技术是指那些对一个国家或一个地区的政治、
|
|
|
+ 经济和军事等各方面的进步产生深远的影响,并能形成产业的先进技术群。
|
|
|
+ </p>
|
|
|
+ <a href="#">了解更多</a>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span></span>
|
|
|
+ <h3>高新是什么?</h3>
|
|
|
+ <p>高新技术是指那些对一个国家或一个地区的政治、
|
|
|
+ 经济和军事等各方面的进步产生深远的影响,并能形成产业的先进技术群。
|
|
|
+ </p>
|
|
|
+ <a href="#">了解更多</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="serve_right">
|
|
|
+ <div>
|
|
|
+ <img src="../img/coupon_big.jpg" alt=""/>
|
|
|
+ <div class="img_top">
|
|
|
+ <p>200元</p>
|
|
|
+ </div>
|
|
|
+ <div class="img_bottom">
|
|
|
+ <p>什么项目满2000减200</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="../img/coupon_big.jpg" alt=""/>
|
|
|
+ <div class="img_top">
|
|
|
+ <p>200元</p>
|
|
|
+ </div>
|
|
|
+ <div class="img_bottom">
|
|
|
+ <p>什么项目满2000减200</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="../img/coupon_big.jpg" alt=""/>
|
|
|
+ <div class="img_top">
|
|
|
+ <p>200元</p>
|
|
|
+ </div>
|
|
|
+ <div class="img_bottom">
|
|
|
+ <p>什么项目满2000减200</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--知识产权-->
|
|
|
+ <div class="Intellectual">
|
|
|
+ <div class="container">
|
|
|
+ <h3>知识产权</h3>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="Intellectual_left">
|
|
|
+ <h4>做专利原件5 现价1 限量100</h4>
|
|
|
+ <span>限2017年 10月 12号止</span>
|
|
|
+ </div>
|
|
|
+ <div class="Intellectual_left">
|
|
|
+ <h4>买专利</h4>
|
|
|
+ <span>限2017年 10月 12号止</span>
|
|
|
+ </div>
|
|
|
+ <div class="Intellectual_left">
|
|
|
+ <h4>政府补助,确认各地政策</h4>
|
|
|
+ <span>限2017年 10月 12号止</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p>做专利原件5</p>
|
|
|
+ <p class="number_ten">现价1 限量</p>
|
|
|
+ <p >100个</p>
|
|
|
+ <p class="time">限10月10号之前</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p>政府补助<span>10万</span></p>
|
|
|
+ <a href="#">了解政策</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="customer">
|
|
|
+ <div class="customer_main container">
|
|
|
+ <span class="that">分公司</span><span>大客户</span>
|
|
|
+ </div>
|
|
|
+ <hr />
|
|
|
+ <div class="container">
|
|
|
+ <ul class="customer_company">
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_6.png"/>
|
|
|
+ <p>法拉利123</p>
|
|
|
+ </li>
|
|
|
+ <li class="thon">
|
|
|
+ <img src="../img/service_6.png"/>
|
|
|
+ <p>法拉利123</p>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_6.png"/>
|
|
|
+ <p>法拉利123</p>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_6.png"/>
|
|
|
+ <p>法拉利123</p>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
- </div>
|
|
|
- <div class="banner_mid">
|
|
|
- <img src="../img/index_pre.png" alt="" class="index_pre" />
|
|
|
- <img src="../img/index_next.png" alt="" class="banner_next" />
|
|
|
+ <ol class="customer_circle">
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--主体内容区域开始-->
|
|
|
- <div class="container">
|
|
|
-
|
|
|
+ <div class="technology">
|
|
|
+ <div class="container">
|
|
|
+ <h3>科技项目</h3>
|
|
|
+ <div class="technology_box">
|
|
|
+ <div class="technology_left">
|
|
|
+ <p>了解各地政策</p>
|
|
|
+ <a href="">了解更多</a>
|
|
|
+ </div>
|
|
|
+ <div class="technology_left">
|
|
|
+ <p>推荐机构</p>
|
|
|
+ <a href="">了解更多</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cooperation">
|
|
|
+ <div class="container">
|
|
|
+ <h4>合作服务机构</h4>
|
|
|
+ <ol>
|
|
|
+ <li>专利事务所</li>
|
|
|
+ <li>会计事务所</li>
|
|
|
+ <li>律师事务所</li>
|
|
|
+ </ol>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_11.png" alt=""/>
|
|
|
+ <p>活生生专利事务</p>
|
|
|
+ <div class="coop_text">
|
|
|
+ <h6>活生生专利事务</h6>
|
|
|
+ <p>年加拿大 睡多久才能发生大家看女生对苍井空块九点半纳斯达克就看你的见死不救</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_11.png" alt=""/>
|
|
|
+ <p>活生生专利事务</p>
|
|
|
+ <div class="coop_text">
|
|
|
+ <h6>活生生专利事务</h6>
|
|
|
+ <p>年加拿大 睡多久才能发生大家看女生对苍井空块九点半纳斯达克就看你的见死不救</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_11.png" alt=""/>
|
|
|
+ <p>活生生专利事务</p>
|
|
|
+ <div class="coop_text">
|
|
|
+ <h6>活生生专利事务</h6>
|
|
|
+ <p>年加拿大 睡多久才能发生大家看女生对苍井空块九点半纳斯达克就看你的见死不救</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="../img/service_11.png" alt=""/>
|
|
|
+ <p>活生生专利事务</p>
|
|
|
+ <div class="coop_text">
|
|
|
+ <h6>活生生专利事务</h6>
|
|
|
+ <p>年加拿大 睡多久才能发生大家看女生对苍井空块九点半纳斯达克就看你的见死不救</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="img_city"></div>
|
|
|
+
|
|
|
<!--主体内容区域结束-->
|
|
|
<div id="bottom">
|
|
|
<div class="bottom">
|
|
|
- <img src="../img/bottom1_02.jpg" alt=""/>
|
|
|
+ <img src="../img/bottom1_02.png" alt=""/>
|
|
|
<div class="bottom_text">
|
|
|
<div class="text_top">
|
|
|
<a href="#">关于公司/</a>
|
|
@@ -177,7 +367,7 @@
|
|
|
</div>
|
|
|
</body>
|
|
|
<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
|
|
|
-<script type="text/javascript" src="../src/js/index.js"></script>
|
|
|
+<script type="text/javascript" src="../src/js/service.js"></script>
|
|
|
<script type="text/javascript" src="../src/js/public.js"></script>-->
|
|
|
|
|
|
</html>
|