Browse Source

indexUpdate

liting2017 6 years ago
parent
commit
60a6e16f41

BIN
img/index/index_brand1.jpg


BIN
img/index/index_brand2.jpg


BIN
img/index/index_brand3.jpg


BIN
img/index/index_brand4.jpg


BIN
img/index/index_brand5.jpg


BIN
img/index/index_brandBj.jpg


BIN
img/index/index_handleI.jpg


BIN
img/index/index_handleIcon1.png


BIN
img/index/index_handleIcon2.png


BIN
img/index/index_handleIcon3.png


BIN
img/index/index_hotBj.png


BIN
img/index/index_icon1.png


BIN
img/index/index_icon2.png


BIN
img/index/index_icon3.png


BIN
img/index/index_icon4.png


BIN
img/index/index_iconBj.png


BIN
img/index/index_new1.jpg


BIN
img/index/index_new2.jpg


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

@@ -498,3 +498,6 @@ input:focus{
 .navWrapper ol li:nth-child(3) a{
     margin-right:65px;
 }
+/* #LRMINIBar{
+    opacity: 0;
+} */

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

@@ -27,6 +27,7 @@
     height: 54px;
 }
 .jumpType li{
+    cursor: pointer;
     float: left;
 }
 .indexSearch .demandSearch{
@@ -74,4 +75,549 @@
     font-size: 18px;
     color: #ffffff;
     background: #ffac2a;
-}
+}
+/* 主体区域 */
+.indexNav{
+    overflow: hidden;
+    margin: 10px 0;
+    background: url(../../../img/index/index_iconBj.png) no-repeat;
+    background-size:100% 100%; 
+}
+.indexNav ul {
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-around;
+}
+.indexNav ul li p{
+    text-align: center;
+    font-size: 16px;
+    color: #1f1f1f;
+    margin-top: 16px;
+    margin-bottom: 10px;
+}
+.container .title{
+    font-size: 26px;
+    text-align: center;
+    color: #323131;
+    margin-top: 70px;
+}
+.handle{
+    padding-top: 34px;
+}
+.handle ul{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.handle ul li{
+    width: 370px;
+    border: 1px solid #f0f0f0;
+    text-align: center;
+}
+.handle ul li .handleBox{
+    width: 370px;
+    height: 202px;
+    overflow: hidden;
+    position: relative;
+}
+.handle ul li .handleBox>img{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.handle ul li .handleBox .handleMask{
+    overflow: hidden;
+    height: 0;
+    position: absolute;
+    background: rgba(104, 127, 176, .7);
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    transition: all .3s ease-in-out;
+}
+.handle ul li .handleBox .handleMask .maskTxt{
+    position: absolute;
+    text-align: center;
+    width: 120px;
+    left: 50%;
+    top: 55%;
+    transform: translate(-50%, -50%);
+}
+.handle ul li .handleBox .handleMask .maskTxt p{
+    font-size: 22px;
+    color: #ffffff;
+    margin-top: 20px;
+}
+.handle ul li .handleBox .handleMask .maskTxt span{
+    display: inline-block;
+    width: 32px;
+    height: 2px;
+    background: #b3bed7;
+}
+.handle ul li a{
+    width: 110px;
+    height: 34px;
+    line-height: 30px;
+    display: inline-block;
+    text-align: center;
+    border: 2px solid #1697e9;
+    font-size: 16px;
+    color: #1697e9;
+    margin-top: 26px;
+    margin-bottom: 20px;
+    border-radius: 4px;
+}
+.handle ul li a:hover{
+    background: #1697e9;
+    color: #ffffff
+}
+.handle ul li:hover{
+    box-shadow: 0 4px 15px #ccc;
+}
+.handle ul li:hover .handleBox .handleMask{
+    height: 100%;
+    transition: all .2s ease-in;
+}
+.handle .more{
+    clear: both;
+    overflow: hidden;
+    float:right;
+    font-size: 14px;
+    color: #323131;
+    margin-top: 15px;
+    margin-bottom: 64px;
+}
+.handle .more:hover{
+    color: #1697e9;
+}
+.handle .more:hover span{
+    background: #1697e9;
+}
+.handle .more:hover span::after{
+    background: #1697e9;
+}
+.handle .more span{
+    display: inline-block;
+    width: 22px;
+    height: 1px;
+    margin-left: 10px;
+    margin-right: 8px;
+    background: #323131;
+    vertical-align: middle;
+}
+.handle .more span:after{
+    content: '';
+    width: 6px;
+    height: 1px;
+    display: inline-block;
+    background:#323131;
+    transform: rotate(45deg);
+    vertical-align: top;
+    margin-left: 16px;
+    margin-top: -3px;
+}
+/* 热门推荐 */
+.RecommendTitle{
+    clear: both;
+    text-align: center;
+}
+.RecommendTitle h2{
+    font-size: 26px;
+    color: #323131;
+}
+.RecommendTitle span{
+    display: inline-block;
+    width: 54px;
+    height: 4px;
+    background: #1697e9;
+}
+.RecommendBody {
+    margin-top: 22px;
+    margin-bottom: 80px;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.RecommendBody .RecommendTxt{
+    width: 295px;
+    height: 420px;
+    text-align: center;
+    background: #f9f9f9;
+}
+.RecommendBody .RecommendImg{
+    width: 586px;
+    height: 420px;
+}
+.RecommendImg .RecommendRemask{
+    position: relative;
+    display: inline-block;
+    width:586px;
+    height: 246px;
+    overflow: hidden;
+}
+.RecommendImg .RecommendRemask:hover .remaskImg{
+    height: 100%;
+    transition: all .2s ease-in-out;
+}
+.RecommendImg>.RecommendRemask>img{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width:100%;
+    height: 100%;
+    transition: all .2s ease-in;
+}
+.RecommendImg .imgGrounp{
+    padding-top: 10px;
+    display: flex;
+    justify-content: space-between;
+}
+.RecommendImg .imgGrounp .RecommendRemask{
+    display: inline-block;
+    overflow: hidden;
+    width: 285px;
+    height: 162px;
+}
+.RecommendImg .RecommendRemask{
+    position: relative;
+}
+.RecommendImg .RecommendRemask .remaskImg div{
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 110px;
+    text-align: center;
+    transform: translate(-50%,-50%)
+}
+.RecommendImg .RecommendRemask .remaskImg div p{
+    font-size: 22px;
+    color: #1f1f1f;
+    margin-bottom: 12px;
+}
+.RecommendImg .RecommendRemask .remaskImg div a{
+    display: inline-block;
+    width: 110px;
+    height: 34px;
+    line-height: 30px;
+    font-size: 16px;
+    text-align: center;
+    color: #000;
+    background: #ffffff;
+    border: 2px solid #fff;
+    border-radius: 4px;
+}
+.RecommendImg .RecommendRemask .remaskImg div a:hover{
+    background: #40acff;
+    color: #ffffff;
+    border: 2px solid #40acff;
+}
+.RecommendImg .imgGrounp .RecommendRemask img{
+   width: 100%;
+   height: 100%;
+   position: absolute;
+   left: 0;top: 0;
+   transition: all .2s ease-in;
+}
+.RecommendImg  .RecommendRemask .remaskImg{
+    position: absolute;
+    text-align: center;
+    overflow: hidden;
+    width: 100%;
+    height:0%;
+    background: rgba(152, 154, 156, 0.7);
+    top: 0;
+    left: 0;
+    transition: all .2s ease-in;
+}
+.RecommendBody .RecommendTxt img{
+    width: 100%;
+    height: 296px;
+}
+.RecommendBody .RecommendTxt p{
+    font-size: 22px;
+    color: #1f1f1f;
+    margin-top: 24px;
+    margin-bottom: 12px;
+}
+.RecommendBody .RecommendTxt a{
+    display: inline-block;
+    width: 110px;
+    height: 34px;
+    line-height: 30px;
+    font-size: 16px;
+    text-align: center;
+    color: #40acff;
+    border: 2px solid #40acff;
+    border-radius: 4px;
+}
+.RecommendBody .RecommendTxt:hover{
+    box-shadow: 0 4px 10px #ccc;
+}
+.RecommendImg  .RecommendRemask:hover img {
+    transform: scale(1.1);
+    transition: all .2s ease-in-out;
+}
+.RecommendTxt a:hover{
+    background: #1697e9;
+    color: #ffffff;
+}
+
+/* 品牌建设 */
+.brand{
+    margin-top: 17px;
+    margin-bottom: 60px;
+    width: 100%;
+    height: 590px;
+    background: url(../../../img/index/index_brandBj.jpg) no-repeat;
+    background-size:100% 100%; 
+}
+.brand .brandBody{
+    padding-top: 72px;
+    display: flex;
+    justify-content: space-between;
+    text-align: center;
+}
+.brand .brandBody div{
+    transition: all .3s ease-in;
+}
+.brand .brandBody .brandLeft{
+    width: 374px;
+    height: 420px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.brand .brandBody .brandLeft .writeBj{
+    background: #ffffff;
+    height: 200px;
+    box-shadow: 0 0 15px rgb(230, 228, 228)
+}
+.brand .brandBody .brandMid{
+    box-shadow: 0 0 15px rgb(230, 228, 228);
+    width: 370px;
+    height: 420px;
+    background: #FFFFFF
+} 
+.brand .brandBody .brandLeft .writeBj img{
+    margin-top: 36px;
+    margin-bottom: 22px;
+}
+.brand .brandBody .brandLeft .writeBj p{
+    font-size: 18px;
+    color:#1f1f1f;
+}
+.brand .brandBody .brandMid img{
+    margin-top: 64px;
+}
+.brand .brandBody .brandMid h4{
+    font-weight: normal;
+    font-size: 18px;
+    color: #1f1f1f;
+    margin-top: 22px;
+    margin-bottom: 30px;
+}
+.brand .brandBody .brandMid p{
+    font-size: 16px;
+    color: #959595;
+    margin-bottom: 12px;
+}
+.brand .brandBody .brandMid a{
+    width: 110px;
+    height: 34px;
+    border: 2px solid #40acff;
+    color: #40acff;
+    display: inline-block;
+    line-height: 30px;
+    border-radius: 4px;
+    margin-top: 14px;
+}
+.brand .brandBody .brandMid a:hover{
+    background: #40acff;
+    color: #ffffff;
+}
+.brandBody .brandLeft .writeBj:hover,.brand .brandBody .brandMid:hover{
+    margin-top: -8px;
+    margin-bottom: 8px;
+    box-shadow: 0 10px 15px #ccc;
+    transition: all .3s ease-in-out;
+}
+/* 政策咨询 */
+.news{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    margin-bottom: 60px;
+}
+.news div{
+    width:578px;
+    margin-top: 28px;
+}
+.news div h4{
+    font-size: 18px;
+    color: #323131;
+    font-weight: normal
+}
+.news div h4 img{
+    float: right;
+    margin-bottom: 24px;
+}
+.news div ul{
+    clear: both;
+}
+.news div ul li a{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.news div ul li a .newTxt{
+    width: 476px;
+}
+.news div ul li a .time{
+    width: 75px;
+    height: 74px;
+    text-align: center;
+    background: #f4f4f4;
+    padding-top: 16px;
+}
+.news div ul li a .time span{
+    display: inline-block;
+    margin-bottom: 4px;
+    color: #000000;
+    font-size: 16px;
+}
+.news div ul li a .time span:nth-child(2){
+    font-weight: 800
+}
+.news div ul li a .newTxt h5{
+    font-weight: normal;
+    color: #1f1f1f;
+    font-size: 16px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    margin-bottom: 10px;
+}
+.news div ul li a .newTxt p{
+    font-size: 14px;
+    color: #7a7878;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:2;
+}
+.news div ul li a:hover .time{
+    background: #1697e9;
+}
+.new .policy>img{
+    width: 565px;
+    height: 115px;
+}
+.news div ul li a:hover .time span{
+    color: #ffffff; 
+}
+.news div ul li a:hover .newTxt h5{
+    color: #1697e9;
+}
+.consultation .time,.consultation .newTxt{
+    margin-top: 0
+}
+.consultation ul li{
+    margin-bottom: 24px;
+}
+.publicNumber{
+    margin-top: 26px;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    margin-bottom: 60px;
+}
+.publicNumber .video{
+    width: 565px;
+    height: 320px;
+}
+.publicNumber .video img{
+    width: 100%;
+    height: 100%;
+}
+.publicNumber ul {
+    width: 578px;
+    height: 320px;
+    display: flex;
+    display: -webkit-flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.publicNumber ul li a{
+    width: 100%;
+    height: 70px;
+    display: inline-block;
+    display: flex;
+    display: -webkit-flex;
+    background: #f4f4f4;
+    padding-left:15px;
+    justify-content: space-between;
+}
+.publicNumber ul li a .time{
+    text-align: center;
+    width: 70px;
+}
+.publicNumber ul li a .time span{
+    display: inline-block;
+    font-size: 16px;
+    color: #000000;
+}
+.publicNumber ul li a .time span:nth-child(1){
+    margin-top: 16px;
+    margin-bottom: 2px;
+}
+.publicNumber ul li a .time span:nth-child(2){
+    font-weight: 800
+}
+.publicNumber ul li a p{
+    width: 480px;
+    height: 40px;
+    line-height: 40px;
+    margin-top: 15px;
+    font-size: 16px;
+    color: #1f1f1f;
+    border-left: 2px dotted #b5b5b5;
+    padding:0 20px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
+.publicNumber ul li a:hover .time{
+    background: #40acff;
+}
+.publicNumber ul li a:hover .time span{
+    color: #ffffff
+}
+.publicNumber ul li a:hover p{
+    color: #40acff
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 45 - 69
src/css/newMenu/public.css

@@ -712,29 +712,58 @@ a:active{text-decoration:none;}/* 指正在点的链接*/
 
 
 /*右侧挂件*/
-
-.index_blur {
-	font-size: 18px;
-	color: #fff;
-	text-align: right;
-	padding-right: 15px;
-	cursor: pointer;
-}
-
 .pub_fix {
-	width: 70px;
+	width: 40px;
 	position: fixed;
-	right: 10px;
-	bottom: 80px;
-	border-radius: 10px;
+	right: 28px;
+	bottom:104px;
+	border-radius: 4px;
 	border: 1px solid #e0e0e0;
-	overflow: hidden;
 	text-align: center;
 	height: auto;
-	background: #ffd68f;
+	background: #ffffff;
 	z-index: 999;
+	box-shadow: 0 0 4px rgb(228, 225, 225);
+}
+.pub_fix ul li:first-child{
+	border: none
+}
+.pub_fix ul li:hover{
+	background: #5888B5;
+}
+.pub_fix ul li:hover a span{
+	color: #ffffff;
+}
+.pub_fix ul li{
+	cursor: pointer;
+	height: 40px;
+	line-height: 40px;
+	border-top: 1px dotted #ccc
+}
+.phonefix{
+	position: relative;
+}
+.phonefix a{
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+}
+
+.pub_fix ul li:hover .phoneTxt{
+	display: block;
+}
+.pub_fix ul li .phoneTxt{
+	display: none;
+	background: #ffffff;
+	padding: 10px;
+	position: absolute;
+	left: -115px;
+	box-shadow: 0 0 4px rgb(204, 203, 203);
+	top: 0;
 }
 
+
 .right_cebian {
 	width: 40px;
 	height: 120px;
@@ -755,65 +784,12 @@ a:active{text-decoration:none;}/* 指正在点的链接*/
 	line-height: 20px;
 }
 
-.pub_fix .index_blur {
-	width: 100%;
-	height: 30px;
-	line-height: 30px;
-	background: #4c7fa9;
-	display: inline-block;
-}
-
-.pub_fix .index_orange {
-	width: 100%;
-	height: 24px;
-	line-height: 24px;
-	background: #ffd68f;
-	display: inline-block;
-}
-
-.pub_fix ul li:first-child {
-	border: none;
-}
-
-.pub_fix ul li {
-	padding-top: 6px;
-	padding-bottom: 6px;
-	border-top: 1px dotted #e0e0e0;
-	background: #FFFFFF;
-}
-
-.pub_fix ul li img {
-	margin-bottom: 4px;
-}
-
-.pub_fix ul li:hover {
-	cursor: pointer;
-}
-
-.pub_fix ul li p {
-	color: #074d88;
-	font-size: 14px;
-}
-
-.pub_fix ul li a {
-	text-decoration: none;
-}
-
-.pub_fix ul li a img {
-	width: 45px;
-	height: 45px;
-	border-radius: 50%;
-	background: #ffc443;
-	display: inline-block;
-}
 input:-webkit-autofill {
     background-color: #ffffff!important;
     background-image: none!important;
     color: #000;
 }
-.pub_fix ul li:hover a img {
-	background: #fc9501
-}
+
 .navHeader .nav_right{
 	font-size: 16px;
 }

+ 17 - 12
src/js/newMenu/index.js

@@ -9,7 +9,6 @@ import 'js/public.js';
     init();
     function init(){
         banner();
-        navTop();
     };
     //轮播
     function banner(){
@@ -17,15 +16,21 @@ import 'js/public.js';
             interval: 4000
         })
     };
-    // //导航定位
-    // function navTop() {
-    //     $(window).scroll(function(){
-    //         var scrolltop=$(document).scrollTop();
-    //             if(scrolltop>60){
-    //                 $('.topNav').addClass('navFix')
-    //             }else{
-    //                 $('.topNav').removeClass('navFix');
-    //             }
-    //     });
-    // }
+   //搜索框上面栏目的选择
+	$(".jumpType li").click(function(){
+        $(this).addClass("active");
+		$(this).siblings().removeClass("active");
+	})
+	//搜索功能
+	$(".searchBtn").click(function(){
+		var seachon=$(".jumpType li.active").index();
+		var key=$('.demandSearch').val();
+		switch(seachon){
+			case 0:window.open(globalConfig.context + `/portal/technologyTrading/achievementList.html?name=${key}`);break;
+			case 1:window.open(globalConfig.context + `/portal/technologyTrading/demandList.html?name=${key}`);break;
+            case 2:window.open(globalConfig.context + `/portal/thinkTank/policyList?name=${key}`);break;
+            case 3:window.open(globalConfig.context + `/portal/thinkTank/policyList?name=${key}`);break;
+			default :break;
+		}
+	})
 }())

+ 10 - 0
src/js/public.js

@@ -22,6 +22,15 @@ $(function(){
 		$('.nav ul li').stop(false,true);
 	});	
 	//挂件
+	$('.pub_fix').hide();
+	$(window).scroll(function(){
+		// 滚动条距离顶部的距离 大于 200px时
+			if($(window).scrollTop() >= 200){
+				$('.pub_fix').fadeIn(1000); // 开始淡入
+			} else{
+				$('.pub_fix').stop(true,true).fadeOut(1000); // 如果小于等于 200 淡出
+			}
+	});
 	$('.pendent_box').click(function(e){
 			e.preventDefault();
 			$("body,html").animate({scrollTop:0},500)
@@ -344,6 +353,7 @@ $(function(){
 		$('.navWrapper').slideUp(100)
 		$('.navWrapper').stop(false,true);
 	})
+	
 	/* 购物车部分 */
 	//获取购物车商品位置
 	tint();

+ 409 - 49
template/index.html

@@ -6,18 +6,18 @@
 	<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/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">
-	<script language="javascript" src="http://put.zoosnet.net/JS/LsJS.aspx?siteid=PUT70876498&float=1&lng=cn"></script>
+    <link rel="stylesheet" href="../src/css/newMenu/index.css"> -->
 </head>
-
 <body>
 	<div class="header">
 		<div class="container">
-			<div class="navigation">
-				<a>网站导航<span class="webkitDown"></span></a>
+			<div class="navigation webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
 			</div>
 			<div>
 				<ul>
@@ -27,25 +27,43 @@
 					<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>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../img/index/index_shopCar.jpg" alt="">购物车(
+							<span class="numberTotal">0</span>)件 </a>
+					</li>
 				</ul>
 			</div>
 		</div>
-		<div class="navWrapper">
+		<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>
-					
+					<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>
+					<span>
+						<img src="../img/index/index_webkit2.png" alt="">
+					</span>
 					<p>
 						<a href="#">高企服务</a>
 						<a href="#">科技项目</a>
@@ -68,7 +86,9 @@
 				</li>
 				<li>
 					<div>知识产权交易</div>
-					<span><img src="../img/index/index_webkit3.png" alt=""></span>
+					<span>
+						<img src="../img/index/index_webkit3.png" alt="">
+					</span>
 					<p>
 						<a href="#">热门关注</a>
 						<a href="#">最新需求</a>
@@ -91,28 +111,56 @@
 				</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>
+					<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>
+					<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>
+					<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>	
+			</ol>
 		</div>
 	</div>
 	<!-- search -->
@@ -178,10 +226,297 @@
 			<span class="apply head_login">申请会员</span>
 		</div>
 	</div>
-	
+
 	<!-- 主体内容区域 -->
 	<div class="container">
-
+		<div class="indexNav">
+			<ul>
+				<li>
+					<img src="../img/index/index_icon1.png" alt="">
+					<p>知识产权申请</p>
+				</li>
+				<li>
+					<img src="../img/index/index_icon2.png" alt="">
+					<p>知识产权赚钱</p>
+				</li>
+				<li>
+					<img src="../img/index/index_icon3.png" alt="">
+					<p>知识产权交易</p>
+				</li>
+				<li>
+					<img src="../img/index/index_icon4.png" alt="">
+					<p>知识产权维权</p>
+				</li>
+			</ul>
+		</div>
+		<h3 class="title">热门申请</h3>
+		<div>
+			<img src="../img/index/index_hotBj.png" alt="">
+		</div>
+		<div class="handle">
+			<ul>
+				<li>
+					<div class="handleBox">
+						<img src="../img/index/index_handleI.jpg" alt="">
+						<div class="handleMask">
+							<div class="maskTxt">
+								<img src="../img/index/index_handleIcon1.png" alt="">
+								<p>专利申请</p>
+								<span></span>
+							</div>
+						</div>
+					</div>
+					<a href="#">立即办理</a>
+				</li>
+				<li>
+					<div class="handleBox">
+						<img src="../img/index/index_handleI.jpg" alt="">
+						<div class="handleMask">
+							<div class="maskTxt">
+								<img src="../img/index/index_handleIcon2.png" alt="">
+								<p>商标注册</p>
+								<span></span>
+							</div>
+						</div>
+					</div>
+					<a href="#">立即办理</a>
+				</li>
+				<li>
+					<div class="handleBox">
+						<img src="../img/index/index_handleI.jpg" alt="">
+						<div class="handleMask">
+							<div class="maskTxt">
+								<img src="../img/index/index_handleIcon3.png" alt="">
+								<p>版权登记</p>
+								<span></span>
+							</div>
+						</div>
+					</div>
+					<a href="#">立即办理</a>
+				</li>
+			</ul>
+			<a href="#" class="more">MORE
+				<span></span>
+			</a>
+		</div>
+		<!-- 热门推荐 -->
+		<div class="RecommendTitle">
+			<h2>热门推荐</h2>
+			<span></span>
+		</div>
+		<div class="RecommendBody">
+			<div class="RecommendTxt">
+				<img src="../img/index/index_handleI.jpg" alt="">
+				<p>高新认定</p>
+				<a href="#">立即办理</a>
+			</div>
+			<div class="RecommendImg">
+				<div class="RecommendRemask">
+					<img src="../img/index/index_handleI.jpg" alt="">
+					<div class="remaskImg">
+						<div>
+							<p>高新认定</p>
+							<a href="#">立即办理</a>
+						</div>
+					</div>
+				</div>
+				<div class="imgGrounp">
+					<div class="RecommendRemask">
+						<img src="../img/index/index_handleI.jpg" alt="">
+						<div class="remaskImg">
+							<div>
+								<p>高新认定</p>
+								<a href="#">立即办理</a>
+							</div>
+						</div>
+					</div>
+					<div class="RecommendRemask">
+						<img src="../img/index/index_handleI.jpg" alt="">
+						<div class="remaskImg">
+							<div>
+								<p>高新认定</p>
+								<a href="#">立即办理</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="RecommendTxt">
+				<img src="../img/index/index_handleI.jpg" alt="">
+				<p>高新认定</p>
+				<a href="#">立即办理</a>
+			</div>
+		</div>
+		<!-- 品牌建设 -->
+		<div class="RecommendTitle">
+			<h2>企业品牌建设</h2>
+			<span></span>
+		</div>
+	</div>
+	<div class="brand">
+		<div class="brandBody container">
+			<div class="brandLeft">
+				<div class="writeBj">
+					<img src="../img/index/index_brand1.jpg" alt="">
+					<p>基础品牌建设</p>
+				</div>
+				<div class="writeBj">
+					<img src="../img/index/index_brand2.jpg" alt="">
+					<p>产品质量提升</p>
+				</div>
+			</div>
+			<div class="brandMid">
+				<img src="../img/index/index_brand3.jpg" alt="">
+				<h4>企业品牌提升</h4>
+				<div>
+					<p>培育品牌内功</p>
+					<p>培育品牌内功</p>
+					<p>培育品牌内功</p>
+				</div>
+				<a href="#">立即办理</a>
+			</div>
+			<div class="brandLeft">
+				<div class="writeBj">
+					<img src="../img/index/index_brand4.jpg" alt="">
+					<p>行业限制许可办理</p>
+				</div>
+				<div class="writeBj">
+					<img src="../img/index/index_brand5.jpg" alt="">
+					<p>企业品牌升级奖励</p>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="container">
+		<div class="RecommendTitle">
+			<h2>政策资讯</h2>
+			<span></span>
+		</div>
+		<div class="news">
+			<div class="policy">
+				<h4>政策
+					<img src="../img/index/index_new1.jpg" alt="">
+				</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>
+					<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>资讯
+					<img src="../img/index/index_new1.jpg" alt="">
+				</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>
 	<footer>
 		<div id="bottom">
@@ -250,28 +585,52 @@
 		</div>
 		<div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
 		<div class="pub_fix">
-			<span class="index_blur"></span>
-			<ul class="ret_top">
-				<li class="head_login">
-					<a href="javascript:;">
-						<img src="../img/index_fix0.png" alt="">
-						<p>申请会员</p>
+			<ul>
+				<li>
+					<a href="" class="pendent_box">
+						<span class="glyphicon glyphicon-plane"></span>
 					</a>
 				</li>
 				<li>
-					<a onclick="_MEIQIA('showPanel')">
-						<img src="../img/index_fix3.png" alt="">
-						<p>联系客服</p>
+					<a onclick="lrminiMax();">
+						<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 href="" class="pendent_box">
-						<img src="../img/index_fix4.png" alt="">
-						<p>返回顶部</p>
+					<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>
-			<span class="index_orange"></span>
 		</div>
 		<div class="message">
 			<span></span>
@@ -403,8 +762,9 @@
 		</div>
 	</footer>
 </body>
-<script src="../src/js/jquery-2.1.0.js"></script>
+<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/public.js"></script>
-<script src="../src/js/newMenu/index.js"></script>
+<script src="../src/js/newMenu/index.js"></script> -->
 
 </html>

+ 20 - 2
template/newMenu/shopList.html

@@ -57,7 +57,20 @@
                         <ul>
                             <li class="active">
                                 <div>
-                                    <a href="#">科技服务</a>
+                                    <a href="#">知识产权申请</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">高企认定</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">知识产权</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li class="active">
+                                <div>
+                                    <a href="#">知识产权赚钱</a>
                                     <ol class="subnavigation">
                                         <li>
                                             <a href="#">高企认定</a>
@@ -70,7 +83,7 @@
                             </li>
                             <li>
                                 <div>
-                                    <a href="#">技术交易</a>
+                                    <a href="#">知识产权交易</a>
                                     <ol class="subnavigation">
                                         <li>
                                             <a href="#">专利产品</a>
@@ -89,6 +102,11 @@
                             </li>
                             <li>
                                 <div>
+                                    <a href="#">知识产权维权</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
                                     <a href="#">智库咨询</a>
                                     <ol class="subnavigation">
                                         <li>