dengzhiguo 6 years ago
parent
commit
8a130adb1b

BIN
img/indedImg/inded1.png


BIN
img/indedImg/inded10.png


BIN
img/indedImg/inded11.png


BIN
img/indedImg/inded12.png


BIN
img/indedImg/inded15.jpg


BIN
img/indedImg/inded2.png


BIN
img/indedImg/inded20.jpg


BIN
img/indedImg/inded21.jpg


BIN
img/indedImg/inded22.jpg


BIN
img/indedImg/inded23.jpg


BIN
img/indedImg/inded24.jpg


BIN
img/indedImg/inded25.jpg


BIN
img/indedImg/inded3.png


BIN
img/indedImg/inded30.png


BIN
img/indedImg/inded31.png


BIN
img/indedImg/inded32.png


BIN
img/indedImg/inded4.png


BIN
img/indedImg/inded40.png


BIN
img/indedImg/inded5.png


BIN
img/indedImg/inded6.png


BIN
img/indedImg/inded7.png


BIN
img/indedImg/inded8.png


BIN
img/indedImg/inded9.png


BIN
img/patent/patent_banners.jpg


+ 89 - 0
src/css/inded.css

@@ -0,0 +1,89 @@
+.header div>div.APP{float:left;position: relative;cursor: pointer;}
+div.APP>div.xialaewm{width:230px;height:120px;position: absolute;margin-left:0px;float: none;
+display:none;justify-content: space-between;background-color: #fff;}
+div.APP:hover>div.xialaewm{display:flex;}
+.webkitDown{
+    width: 12px;
+    height: 8px;
+    display: inline-block;
+    background: url(../../img/index/index_down.jpg) no-repeat;
+    background-size:100% 100%; 
+    margin-left: 6px;
+}
+.jump{clear: both;list-style: none;}
+.jump>li{display: inline-block;font-size: 16px;line-height: 30px;margin-right:10px;}
+.jump>li>a{color:#757575;}
+.jump>li>a:hover{color:#1797E9}
+#terrace{width:100%;margin: 20px 0;}
+.terrace_title{width:1200px;height:50px;margin: 20px auto;text-align: center;}
+.terrace_cont{width:1200px;height:75px;margin: 0 auto;display: flex;justify-content: space-around;}
+.terrace_cont>div{width:400px;height:75px;display: flex;justify-content: flex-start;}
+.terraceH{margin-left: 15px;padding-top: 10px;}
+.terraceH>h4{margin-bottom: 10px;font-size: 17px;letter-spacing: 2px;font-weight: bold;}
+
+
+#apply{width:100%;margin-top: 40px;}
+.apply{width:1200px;height:300px;margin: 0 auto;display: flex;justify-content: space-between;}
+.apply_left{width:260px;height:300px;}
+.apply_right{width:915px;height:300px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
+.apply_right>div>a{background-color:#F0F9FF;width:295px;height:145px;margin-left: 10px;
+display: flex;justify-content: space-around;padding: 35px 40px;}
+.apply_right>div>a>img{width:70px;height:75px;}
+.apply_right>div>a>h4{line-height: 70px;letter-spacing: 2px;font-size: 17px;font-weight: normal;color:#3C3E3E;}
+
+#wield{width:100%;margin-top: 40px;}
+.wield_cont{width:1200px;height:400px;margin: 20px auto;text-align: center;}
+
+.brands{width:100%;margin-top:-4px;}
+.brands>img{width:100%;}
+
+
+#hotProject{width:100%;padding-top: 30px;background:url("../../img/indedImg/inded40.png")no-repeat;}
+.hotProject_cont{width: 1200px;height:700px;margin:30px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
+.hotProject_cont>div{width:285px;height:335px;background-color: #fff;}
+.hotProject_cont>div>h3{margin:10px 0 10px 20px;letter-spacing: 2px;}
+.hotProject_cont>div>p{margin-left:20px;letter-spacing: 1px;
+text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
+.hotProject_cont>div>a{display:block;width:110px;height:33px;line-height: 30px;border: 2px solid #1596E8;margin-right: 15px;
+border-radius: 5px;margin-top:15px;float: right;text-align: center;color:#1596E8;letter-spacing: 1px;cursor: pointer;}
+
+.RecommendTitle>h2{font-weight: 500;}
+.view{padding-left: 620px;margin-top:30px;}
+.view>h4{font-size: 18px;color: #323131;font-weight: normal;margin-bottom: 24px;}
+.view>h4 a{
+    float: right;
+    
+}
+.view>h4 a span:nth-child(2){
+    width: 22px;
+    height: 22px;
+    border: 1px solid #cecece;
+    text-align: center;
+    line-height: 18px;
+    display: inline-block;
+    float: right;
+    color: #cecece
+}
+.view>h4 a:hover .line{
+    background: #1697e9;
+}
+.view>h4 a:hover span{
+    border-color:#1697e9;
+    color:#1697e9;
+}
+.view>h4 .line{
+    vertical-align: middle;
+    width: 470px;
+    height: 1px;
+    background: #cecece;
+    display: inline-block;
+}
+
+
+
+
+
+
+
+
+

+ 12 - 0
src/css/newMenu/header.css

@@ -56,6 +56,18 @@
     background-size:100% 100%; 
     margin-left: 6px;
 }
+.header div>div.APP{float:left;position: relative;cursor: pointer;}
+div.APP>div.xialaewm{width:230px;height:120px;position: absolute;margin-left:0px;float: none;
+display:none;justify-content: space-between;background-color: #fff;z-index: 100;}
+div.APP:hover>div.xialaewm{display:flex;}
+.webkitDown{
+    width: 12px;
+    height: 8px;
+    display: inline-block;
+    background: url(../../../img/index/index_down.jpg) no-repeat;
+    background-size:100% 100%; 
+    margin-left: 6px;
+}
 .header a{
     color:#333;
 }

+ 1 - 1
src/css/newMenu/index.css

@@ -696,7 +696,7 @@
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
-    margin-bottom: 60px;
+    margin-bottom: 10px;
 }
 .publicNumber .video{
     width: 565px;

+ 2 - 1
src/js/newMenu/index.js

@@ -3,7 +3,8 @@ import 'bootstrap/dist/js/bootstrap.js';
 import 'css/newMenu/public.css';
 import 'css/newMenu/header.css'
 import 'css/newMenu/index.css';
-// import 'js/banner.js';
+import 'css/inded.css';
+import 'js/banner.js';
 import 'js/public.js';
 
 (function(){

+ 781 - 0
template/inded.html

@@ -0,0 +1,781 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<link rel="shortcut icon " type="images/x-icon" href="../img/ico_logo.png">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+	<title>首页</title>
+	<!--<link rel="stylesheet" href="../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../src/css/newMenu/header.css">
+    <link rel="stylesheet" href="../src/css/newMenu/index.css">
+    <link rel="stylesheet" href="../src/css/inded.css">-->
+</head>
+<body>
+	<div class="header">
+		<div class="container">
+			<div class="navigation webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
+			</div>
+			<div>
+				<ul>
+					<li>
+						<a href="javascript:void(0)" class="head_login">登录</a>
+					</li>
+					<li>
+						<a href="#">注册</a>
+					</li>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../img/index/index_shopCar.jpg" alt="">购物车(
+							<span class="numberTotal">0</span>)件 </a>
+					</li>
+				</ul>
+			</div>
+			<div class="APP">
+				<img src="../img/indedImg/inded30.png" alt="" />
+				<a>APP下载
+					<span class="webkitDown"></span>
+				</a>
+				<div class="xialaewm">
+					<div class="cont_rightapp">
+						<img src="../img/erweima_iphone.png" alt="">
+						<p>iPhone版</p>
+					</div>
+					<div class="cont_right android">
+						<img src="../img/erweima_android.jpg" alt="">
+						<p>Android版</p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="navWrapper webkitHover">
+			<ol>
+				<li>
+					<div>知识产权申请</div>
+					<span>
+						<img src="../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+
+				</li>
+				<li>
+					<div>知识产权赚钱</div>
+					<span>
+						<img src="../img/index/index_webkit2.png" alt="">
+					</span>
+					<p>
+						<a href="#">高企服务</a>
+						<a href="#">科技项目</a>
+					</p>
+					<p>
+						<a href="#">知识产权</a>
+						<a href="#">合作客户</a>
+					</p>
+					<p>
+						<a href="#">企业认证</a>
+						<a href="#">服务能力</a>
+					</p>
+					<p>
+						<a href="#">管理体系</a>
+						<a href="#">服务流程</a>
+					</p>
+					<p>
+						<a href="#">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#">热门关注</a>
+						<a href="#">最新需求</a>
+					</p>
+					<p>
+						<a href="#">最新发布</a>
+						<a href="#">热门需求</a>
+					</p>
+					<p>
+						<a href="#">专利技术</a>
+						<a href="#">企业技术需求</a>
+					</p>
+					<p>
+						<a href="#">实用技术</a>
+						<a href="#">技术人才需求</a>
+					</p>
+					<p>
+						<a href="#">知识产权交易政策</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权维权</div>
+					<span>
+						<img src="../img/index/index_webkit4.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+				</li>
+				<li>
+					<div>智库咨询</div>
+					<span>
+						<img src="../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">智政</a>
+					</p>
+					<p>
+						<a href="#">智者</a>
+					</p>
+				</li>
+				<li>
+					<div>关于公司 </div>
+					<span>
+						<img src="../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">公司简介</a>
+					</p>
+					<p>
+						<a href="#">业务范围</a>
+					</p>
+					<p>
+						<a href="#">荣誉资质</a>
+					</p>
+					<p>
+						<a href="#">发展历程</a>
+					</p>
+				</li>
+			</ol>
+		</div>
+	</div>
+	<!-- search -->
+	<div class="topNavBj">
+		<div class="topNav">
+			<div class="container">
+				<div class="navHeader">
+					<div class="logo">
+						<a href="#">
+							<img src="../img/Logo111.png" alt="" title="技淘">
+						</a>
+					</div>
+					<div class="logo_right"></div>
+					<div class="logo_photo">
+						全国统一服务热线:400-8800-962
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- banner -->
+	<div class="bannerList">
+		<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/index/index_banner1.png" alt="First slide">
+				</div>
+				<div class="item">
+					<img src="../img/index/index_banner2.png" alt="Second slide">
+				</div>
+				<div class="item">
+					<img src="../img/index/index_banner3.png" alt="Third slide">
+				</div>
+			</div>
+			<!-- 轮播(Carousel)导航 -->
+			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
+			<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
+		</div>
+		<div class="indexSearch">
+			
+			<div class="search-inp">
+				<div class="input-group">
+					<input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
+					<span class="input-group-btn">
+						<button class="btn btn-default searchBtn" type="button">
+							<img src="../img/newMenu/search-icon.jpg" alt=""> 搜索
+						</button>
+					</span>
+				</div>
+			</div>
+			<ul class="jump">
+				<li>
+					<a href="">政策解析</a>
+				</li>
+				<li>
+					<a href="">知产咨询</a>
+				</li>
+				<li>
+					<a href="">技淘百科</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<!-- 主体内容区域 -->
+	<div id="terrace">
+			<div class="terrace_title">
+				<img src="../img/indedImg/inded12.png" alt="" />
+			</div>
+			<div class="terrace_cont">
+				<div>
+					<img src="../img/indedImg/inded1.png" alt="" />
+					<div class="terraceH">
+						<h4>智慧</h4>
+						<p>海量智力成果认知您的需求</p>
+					</div>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded1.png" alt="" />
+					<div class="terraceH">
+						<h4>合伙</h4>
+						<p>秉承十七载荣赢数万客户</p>
+					</div>
+				</div><div>
+					<img src="../img/indedImg/inded1.png" alt="" />
+					<div class="terraceH">
+						<h4>社区</h4>
+						<p>严选数千位专家顾问答疑解惑</p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div id="apply">
+			<div class="apply">
+				<div class="apply_left">
+					<a href="">
+						<img src="../img/indedImg/inded15.jpg" alt="" />
+					</a>
+				</div>
+				<div class="apply_right">
+					<div>
+						<a href="">
+							<img src="../img/indedImg/inded20.jpg" alt="" />
+							<h4>发明专利</h4>
+						</a>
+						
+					</div>
+					<div>
+						<a href="">
+							<img src="../img/indedImg/inded21.jpg" alt="" />
+							<h4>实用新型</h4>
+						</a>
+					</div>
+					<div>
+						<a href="">
+							<img src="../img/indedImg/inded22.jpg" alt="" />
+							<h4>外观专利</h4>
+						</a>
+					</div>
+					<div>
+						<a href="">
+							<img src="../img/indedImg/inded23.jpg" alt="" />
+							<h4>PCT专利</h4>
+						</a>
+					</div>
+					<div>
+						<a href="">
+							<img src="../img/indedImg/inded24.jpg" alt="" />
+							<h4>商标注册</h4>
+						</a>
+					</div>
+					<div>
+						<a href="">
+							<img src="../img/indedImg/inded25.jpg" alt="" />
+							<h4>软著申请</h4>
+						</a>
+					</div>
+				</div>
+			</div>
+			
+		</div>
+		<div id="wield">
+			<div class="terrace_title">
+				<img src="../img/indedImg/inded4.png" alt="" />
+			</div>
+			<div class="wield_cont">
+				<img src="../img/indedImg/inded5.png" alt="" />
+			</div>
+		</div>
+		<div class="brands">
+			<img src="../img/indedImg/inded6.png" alt="" />
+		</div>
+		<div class="brands">
+			<img src="../img/indedImg/inded7.png" alt="" />
+		</div>
+		<div class="brands">
+			<img src="../img/indedImg/inded8.png" alt="" />
+		</div>
+		<div class="brands">
+			<img src="../img/indedImg/inded9.png" alt="" />
+		</div>
+		<div id="hotProject">
+			<div class="terrace_title">
+				<img src="../img/indedImg/inded10.png" alt="" />
+			</div>
+			<div class="hotProject_cont">
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				<div>
+					<img src="../img/indedImg/inded11.png" alt="" />
+					<h3>高新认定</h3>
+					<p>新闻是指报纸、电台、电视机、互联网等媒体经常使用的记录与传播信息的一种文体。。。</p>
+					<a>立即办理</a>
+				</div>
+				
+			</div>
+		</div>
+	<!--原有内容(已删减)-->
+	<div class="container">
+		<div class="RecommendTitle">
+			<h2>政策资讯</h2>
+			<span></span>
+		</div>
+		<div class="news">
+			<div class="policy">
+				<h4>政策
+					<a href="#"><span class="line"></span><span>></span></a>
+				</h4>
+				<img src="../img/index/index_new2.jpg" alt="">
+				<ul>
+					<li>
+						<a href="#">
+							<div class="time">
+								<span>03-12</span>
+								<span>2018</span>
+							</div>
+							<div class="newTxt">
+								<h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+								<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+							</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+			<div class="consultation">
+				<h4>资讯
+					<a href="#"><span class="line"></span><span>></span></a>	
+				</h4>
+				<ul>
+					<li>
+						<a href="#">
+							<div class="time">
+								<span>03-12</span>
+								<span>2018</span>
+							</div>
+							<div class="newTxt">
+								<h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+								<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+							</div>
+						</a>
+					</li>
+					<li>
+						<a href="#">
+							<div class="time">
+								<span>03-12</span>
+								<span>2018</span>
+							</div>
+							<div class="newTxt">
+								<h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+								<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+							</div>
+						</a>
+					</li>
+					<li>
+						<a href="#">
+							<div class="time">
+								<span>03-12</span>
+								<span>2018</span>
+							</div>
+							<div class="newTxt">
+								<h5>加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
+								<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+							</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="RecommendTitle">
+			<h2>技淘网公众号精选</h2>
+			<span></span>
+		</div>
+		<div class="publicNumber">
+			<div class="video">
+				<iframe frameborder="0" width="565" height="320" src="https://v.qq.com/iframe/player.html?vid=q002570yi7r&tiny=0&auto=0"
+				    allowfullscreen></iframe>
+			</div>
+			<ul>
+				<li>
+					<a href="#">
+						<div class="time">
+							<span>03-12</span>
+							<span>2018</span>
+						</div>
+						<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+					</a>
+				</li>
+				<li>
+					<a href="#">
+						<div class="time">
+							<span>03-12</span>
+							<span>2018</span>
+						</div>
+						<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+					</a>
+				</li>
+				<li>
+					<a href="#">
+						<div class="time">
+							<span>03-12</span>
+							<span>2018</span>
+						</div>
+						<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+					</a>
+				</li>
+				<li>
+					<a href="#">
+						<div class="time">
+							<span>03-12</span>
+							<span>2018</span>
+						</div>
+						<p>哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
+					</a>
+				</li>
+			</ul>
+		</div>
+		<div class="view">
+			<h4>观点
+				<a href="#"><span class="line"></span><span>></span></a>
+			</h4>
+		</div>
+	</div>
+	<footer>
+		<div id="bottom">
+			<div class="bottom">
+				<div class="bottom_text">
+					<div class="text_top">
+						<a href="/portal/aboutUs.html">关于公司</a>
+						<a href="/portal/contactUs.html">联系我们</a>
+						<p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+						</p>
+					</div>
+					<div class="text_center" id="qrCode">
+						<div class="cont_left">
+							<img src="../img/dizhi.jpg" alt="">
+							<p>湖南省长沙市营盘东路19号金山大厦八楼</p>
+						</div>
+						<div class="cont_center">
+							<img src="../img/dianhua.jpg" alt="">
+							<p>合作电话:400-8800-962</p>
+						</div>
+						<div class="cont_guanli">
+							<a href="/admin/login">
+								<img src="../img/guanli.png" alt="">
+								<p>管理员入口</p>
+							</a>
+						</div>
+						<div class="cont_rightapp">
+							<img src="../img/erweima_iphone.png" alt="">
+							<p>iPhone版</p>
+						</div>
+						<div class="cont_right android">
+							<img src="../img/erweima_android.jpg" alt="">
+							<p>Android版</p>
+						</div>
+						<div class="cont_right">
+							<img src="../img/erweima.jpg" alt="">
+							<p>微信公众号</p>
+						</div>
+					</div>
+					<div class="text_bottom">
+						<p>友情链接</p>
+						<a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a>
+						<a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+						<a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+						<a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+						<a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+						<a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+						<a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+						<a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+						<a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+						<a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+						<a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+						<a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+						<a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+						<a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+						<a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+						<a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+						<a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+						<a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+						<a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+						<a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+						<a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+		<div class="pub_fix">
+			<ul>
+				<li>
+					<a href="" class="pendent_box">
+						<span class="glyphicon glyphicon-plane"></span>
+					</a>
+				</li>
+				<li>
+					<a onclick="openZoosUrl('chatwin');">
+						<span class="glyphicon glyphicon-user"></span>
+					</a>
+				</li>
+				<li class="phonefix">
+					<a>
+						<span class="glyphicon glyphicon-phone-alt"></span>
+					</a>
+					<div class="phoneTxt">
+						<p>联系电话</p>
+						<p>400-8800-962</p>
+					</div>
+				</li>
+				<li >
+					<a>
+						<span class="glyphicon glyphicon-send"></span> 
+					</a>
+					<div class="phoneTxt">
+						<p>公众号</p>
+						<img src="../img/erweima.jpg" alt="">
+					</div>
+				</li>
+				<li>
+					<a>
+						<span class="glyphicon glyphicon-bookmark"></span>
+					</a>
+					<div class="phoneTxt">
+						<p>APP</p>
+						<div>
+							<img src="../img/erweima_iphone.png" alt="">
+							<p>iPhone版</p>
+						</div>
+						<div>
+							<img src="../img/erweima_android.jpg" alt="">
+							<p>Android版</p>
+						</div>
+					</div>
+				</li>
+			</ul>
+		</div>
+		<div class="message">
+			<span></span>
+		</div>
+		<div class="login">
+			<div class="login_mian">
+				<div class="login_left">
+					<div class="login_ewm">
+						<img src="../img/Android.jpg" alt="二维码" />
+						<p>Android版</p>
+						<p>客户端</p>
+					</div>
+					<div class="login_ewm">
+						<img src="../img/iPhone.jpg" alt="二维码" />
+						<p>iPhone版</p>
+						<p>客户端</p>
+					</div>
+				</div>
+				<div class="login_right">
+					<h5>用户登陆
+						<a href="">免费注册有好礼呦!!</a>
+					</h5>
+					<form id="form_login">
+						<div class="login_uesr">
+							<label for="uesname">
+								<img src="../img/login_use.png" />
+							</label>
+							<input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+							<img src="../img/login_del.png" class="log_del" />
+						</div>
+						<div class="login_pass">
+							<label for="pass">
+								<img src="../img/login_password.png" />
+							</label>
+							<input type="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+						</div>
+						<div class="login_check">
+							<a href="">忘记密码?</a>
+						</div>
+						<input type="submit" value="登 陆" class="login_submit" />
+					</form>
+					<img src="../img/login_hua.png" alt="" class="login_hua" />
+					<img src="../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+					<img src="../img/login_close.png" alt="" class="login_close" />
+				</div>
+			</div>
+		</div>
+		<div id="forget">
+			<div class="forget">
+				<form id="forget_form">
+					<div class="forget_top">
+						<a href="">忘记密码?</a>
+						<div class="login_check">
+							<label for="forget_checks" class="lab_check">
+								<input type="checkbox" name="type" id="forget_checks" />专家登录
+							</label>
+							<label for="forget_checkst" class="lab_checkno">
+								<input type="checkbox" name="type" id="forget_checkst" />企业登录
+							</label>
+						</div>
+					</div>
+					<div class="forget_center">
+						<div class="phone">
+							<label for="forget_phone">
+								手机号码:
+								<input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+							</label>
+						</div>
+						<div class="yanzheng">
+							<label for="forget_yanzheng">
+								图形验证码:
+								<input type="text" name="type" id="forget_yanzheng" />
+							</label>
+							<div class="yanzhengma_cont_">
+								<img th:src="${basePath+'/open/getVCode'}" />
+							</div>
+						</div>
+						<div class="cellcode_">
+							<div>
+								验证码:
+								<input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+							</div>
+							<input type="button" id="photo_m" value="获取验证码" disabled/>
+						</div>
+						<div class="fastener">
+							<input type="submit" class="forget_sub" value="确认" />
+							<div class="fastener_right">
+								取消
+							</div>
+						</div>
+					</div>
+				</form>
+				<img src="../img/login_close.png" alt="" class="login_close" />
+			</div>
+		</div>
+		<div id="new_password">
+			<div class="new_password">
+				<form id="new_password_form">
+					<div class="password_top">
+						<h4>设置新密码</h4>
+						<span>密码长度为6-20个字符,区分大小写</span>
+					</div>
+					<div class="password_center">
+						<div>
+							<label for="new_pass">
+								新密码:
+								<input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+							</label>
+						</div>
+						<div>
+							<label for="new_pass_again">
+								确认密码:
+								<input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+							</label>
+						</div>
+						<div class="fastener">
+							<input type="submit" class="new_password_sub" value="确认" />
+							<div class="fastener_right">
+								取消
+							</div>
+						</div>
+					</div>
+				</form>
+				<img src="../img/login_close.png" alt="" class="login_close" />
+			</div>
+		</div>
+		<div class="smg">
+			<input type="text" name="msg" value="111" id="msg" />
+		</div>
+	</footer>
+</body>
+<script language="javascript" src="https://put.zoosnet.net/JS/LsJS.aspx?siteid=PUT70876498&float=1&lng=cn"></script>
+<script src="../src/js/jquery-2.1.0.js"></script>
+<script src="../src/js/banner.js"></script>
+<script src="../src/js/public.js"></script>
+<script src="../src/js/newMenu/index.js"></script>
+
+</html>

+ 1 - 1
template/search.html

@@ -7,7 +7,7 @@
 	</head>
 	<body>
 		 <div class="carousel">
-	        <img src="../img/patent/patent_banner.jpg" alt="First slide">
+	        <img src="../img/patent/patent_banners.jpg" alt="First slide">
 	    </div>
 	    <div class="title">
 	    	为您找到下列符合条件的信息:

+ 1 - 1
webpack.config.js

@@ -32,7 +32,7 @@ module.exports = (function () {
         new HtmlWebpackPlugin({
             title: '首页',
             filename: 'html/index.html',
-            template: './template/index.html',
+            template: './template/inded.html',
             chunks: ['index', 'vendors']
         }),
         new HtmlWebpackPlugin({