dengzhiguo 7 years ago
parent
commit
f4bcce82d3

BIN
img/indexNew1.jpg


BIN
img/indexNew10.png


BIN
img/indexNew11.jpg


BIN
img/indexNew12.jpg


BIN
img/indexNew13.jpg


BIN
img/indexNew14.jpg


BIN
img/indexNew2.jpg


BIN
img/indexNew25.jpg


BIN
img/indexNew26.jpg


BIN
img/indexNew27.jpg


BIN
img/indexNew28.jpg


BIN
img/indexNew3.png


BIN
img/indexNew4.png


BIN
img/indexNew5.png


BIN
img/indexNew6.png


BIN
img/indexNew7.png


BIN
img/indexNew8.jpg


BIN
img/indexNew9.png


BIN
img/indexNewTab.jpg


BIN
img/indexNewa1.jpg


BIN
img/indexNewa2.jpg


BIN
img/indexNewa3.jpg


BIN
img/indexNewa4.jpg


BIN
img/indexNewa5.jpg


BIN
img/indexNewa6.jpg


BIN
img/indexNews1.jpg


BIN
img/indexNews10.jpg


BIN
img/indexNews11.jpg


BIN
img/indexNews12.jpg


BIN
img/indexNews13.jpg


BIN
img/indexNews14.jpg


BIN
img/indexNews15.jpg


BIN
img/indexNews16.jpg


BIN
img/indexNews17.jpg


BIN
img/indexNews18.jpg


BIN
img/indexNews19.jpg


BIN
img/indexNews2.jpg


BIN
img/indexNews20.jpg


BIN
img/indexNews21.jpg


BIN
img/indexNews3.jpg


BIN
img/indexNews4.jpg


BIN
img/indexNews5.jpg


BIN
img/indexNews6.jpg


BIN
img/indexNews7.jpg


BIN
img/indexNews8.jpg


BIN
img/indexNews9.jpg


+ 181 - 0
src/css/indexNew.css

@@ -0,0 +1,181 @@
+.indexSeach{width:100%;height:550px;background:linear-gradient(to bottom,#F6ECE4,#FFf);}
+#indexSeach{width:1200px;height:510px;margin:0 auto;background: #fff;padding-top:20px;
+box-shadow:0px 5px 5px 0px #F9F8F6;margin-top:-50px;position: relative;z-index: 100;}
+.indexSeach_one{width:1125px;height:90px;margin:0 auto;}
+.indexSeach_one>ul{list-style: none;}
+.indexSeach_one>ul>li{width:110px;height:35px;display: inline-block;text-align:center;
+line-height: 35px;font-size:16px;cursor:pointer;color:#7A7878;}
+.indexSeach_one>ul>li.indexActive{background:#1697E9;color:#fff;}
+.indexSeach_one>div{position:relative;}
+.indexSeach_one>div input{width:900px;height:50px;line-height:50px;font-size:16px;padding-left: 10px;border:none;}
+.indexSeach_one>div>div{width:902px;height:52px;border:1px solid #1697E9;}
+.indexSeach_one>div>img{position: absolute;cursor: pointer;}
+.indexImg1{left:902px;top:0;}
+.indexImg2{left:1020px;top:0;}
+
+.indexSeach_two{width:1125px;height:200px;margin:40px auto 0;}
+.indexSeach_two>div{width:275px;height:175px;border:1px solid #DEDEDE;display: inline-block;
+position:relative;margin-right:4px;}
+.indexSeach_two>div:nth-child(4){margin-right:0;}
+.seachTitle{width:135px;height:30px;position:absolute;left:70px;top:-15px;background: #fff;}
+.seachTitle>div{width:115px;height:30px;background:linear-gradient(to right,#FF580D,#FF8044);margin:0 auto;border-radius:15px;
+text-align: center;line-height: 30px;font-size:16px;color:#fff;}
+#seachCont{width:274px;height:100px;margin:35px 0 0 1px;overflow:hidden;position: relative;}
+.seachCont{width:408px;height:100px;position: absolute;top:0;left:0;}
+.seachCont>div{width:133px;height:50px;display:inline-block;margin:0px;padding-left:50px;
+line-height:50px;color:#7A7878;font-size:16px;}
+.seachCont>div>a{color:#7A7878;}
+.seachCont1>div:nth-child(1){background: url(../../img/indexNews1.jpg) no-repeat;}
+.seachCont1>div:nth-child(2){background: url(../../img/indexNews2.jpg) no-repeat;}
+.seachCont1>div:nth-child(3){background: url(../../img/indexNews3.jpg) no-repeat;}
+.seachCont1>div:nth-child(4){background: url(../../img/indexNews4.jpg) no-repeat;}
+.seachCont1>div:nth-child(5){background: url(../../img/indexNews5.jpg) no-repeat;}
+
+.seachCont2>div:nth-child(1){background: url(../../img/indexNews6.jpg) no-repeat;}
+.seachCont2>div:nth-child(2){background: url(../../img/indexNews7.jpg) no-repeat;}
+.seachCont2>div:nth-child(3){background: url(../../img/indexNews8.jpg) no-repeat;}
+.seachCont2>div:nth-child(4){background: url(../../img/indexNews9.jpg) no-repeat;}
+.seachCont2>div:nth-child(5){background: url(../../img/indexNews10.jpg) no-repeat;}
+.seachCont2>div:nth-child(6){background: url(../../img/indexNews11.jpg) no-repeat;}
+
+.seachCont3>div:nth-child(1){background: url(../../img/indexNews12.jpg) no-repeat;}
+.seachCont3>div:nth-child(2){background: url(../../img/indexNews13.jpg) no-repeat;}
+.seachCont3>div:nth-child(3){background: url(../../img/indexNews14.jpg) no-repeat;}
+.seachCont3>div:nth-child(4){background: url(../../img/indexNews15.jpg) no-repeat;}
+.seachCont3>div:nth-child(5){background: url(../../img/indexNews16.jpg) no-repeat;}
+
+.seachCont4>div:nth-child(1){background: url(../../img/indexNews17.jpg) no-repeat;}
+.seachCont4>div:nth-child(2){background: url(../../img/indexNews18.jpg) no-repeat;}
+.seachCont4>div:nth-child(3){background: url(../../img/indexNews19.jpg) no-repeat;}
+.seachCont4>div:nth-child(4){background: url(../../img/indexNews20.jpg) no-repeat;}
+.seachCont4>div:nth-child(5){background: url(../../img/indexNews21.jpg) no-repeat;}
+
+.seachMore{width:250px;height:40px;color:#FF580D;font-size:15px;cursor:pointer;text-align:right;}
+
+.indexSeach_three{width:1125px;height:110px;border:1px solid #DEDEDE;margin:30px auto 0;position:relative;padding-left:0.5px;padding-top:30px;}
+.seachTitle2{width:135px;height:30px;position:absolute;left:495px;top:-15px;background: #fff;}
+.seachTitle2>div{width:115px;height:30px;background:linear-gradient(to right,#26A0FF,#82D7FF);margin:0 auto;border-radius:15px;
+text-align: center;line-height: 30px;font-size:16px;color:#fff;}
+.wit{width:197px;height:100px;display:inline-block;text-align: center;cursor:pointer;}
+.wih{width:170px;height:100px;display:inline-block;text-align: center;cursor:pointer;}
+.wit>p{color:#7A7878;font-size:15px;}
+.wih>p{color:#7A7878;font-size:15px;}
+
+
+#indexServe{width:1200px;height:1150px;margin:0 auto;position: relative;}
+.indexServe_title{width:655px;height:70px;margin:0 auto;;}
+.indexServe_title>p{font-size:18px;color:#7A7878;text-align: center;}
+.indexServe_cont{width:1200px;height:445px;margin-top: 40px;position:relative;}
+.indexServe_cont>div{width:390px;height:445px;margin-right:10px;display: inline-block;
+background:#FBFBFB url(../../img/indexNew7.png) no-repeat;padding:45px 0 0 15px;text-align: center;}
+.indexServe_cont>div:nth-child(3){margin-right: 0;}
+.indexServe_cont>div>h2{color:#1F1F1F;font-size: 24px;font-weight:500;}
+.indexServe_cont>div h3{color:#FF6D0A;font-size: 18px;font-weight:500;text-align:left;
+margin-top:20px;letter-spacing: 2px;}
+.indexServe_cont>div>div{position:relative;text-align: left;}
+.indexServe_cont>div>div.indexServe_bots>p{width:220px;height:110px;display: inline-block;text-align: left;letter-spacing: 1px;
+margin-top:10px;color:#4E4E4E;line-height: 22px;
+text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
+.indexServe_cont>div>div>img{position:absolute;top:0;right:0;}
+.indexServe_cont>div>div.indexServe_bot{margin-top:20px;}
+.indexServe_bot>div{display:inline-block;}
+.indexServe_bot>div{color:#fff;width:360px;height:18px;background:url(../../img/indexNew9.png) no-repeat;padding-left: 17px;line-height: 18px;}
+.indexServe_cont>div>div.indexServe_bot>p{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
+text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
+.indexServe_cont>div>div.indexServe_img{width:350px;height:40px;background:url(../../img/indexNew10.png) top right no-repeat;margin-top:10px;
+text-align:right;padding-right:50px;font-size:16px;line-height:40px;color:#FF580D;cursor:pointer;display:none;}
+
+.indexServe_cont>div.indexServe_long{width:795px;height:188px;margin-right:0px;display: inline-block;margin-top: 25px;
+background:#FBFBFB;padding: 0 0 0 215px;text-align: left;position:relative;}
+.indexServe_long>img{display: inline-block;position: absolute;top:0;left:0;}
+.indexServe_long>div.indexServe_bots{display: inline-block;width:235px;height:188px;}
+.indexServe_long>div.indexServe_bot{display: inline-block;width:340px;height:140px;position: absolute;top:0;right:10px;border-left:1px dashed #DEDEDE;padding-left:10px;}
+.indexServe_long>div.indexServe_bots>p{width:220px;height:120px;display: inline-block;text-align: left;letter-spacing: 1px;
+margin-top:10px;color:#4E4E4E;line-height: 22px;
+text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
+.indexServe_long>div.indexServe_bot>p{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
+text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
+.indexServe_long>div.indexServe_bot>div{width:320px;}
+.indexServe_long>div.indexServe_img{width:350px;height:40px;background:url(../../img/indexNew10.png) top right no-repeat;margin-top:10px;
+text-align:right;padding-right:50px;font-size:16px;line-height:40px;color:#FF580D;cursor:pointer;position: absolute;bottom:10px;right:25px;}
+.indexServe_right{width:390px;height:401px;position: absolute;right:0;bottom:170px;}
+.indexServe_bottom{position: absolute;left:0;bottom: 50px;}
+
+
+#indexPolicy{width:1200px;height:500px;margin:0 auto;position: relative;}
+#indexPolicy>div>a{float: right;width:190px;height:50px;color:#fff;line-height: 50px;font-size:16px;
+text-align: center;background:#2F83CE;margin-top: 15px;position: relative;padding-left:10px;}
+#indexPolicy>div>a span{font-size:25px;line-height: 40px;position: absolute;top:5px;left:40px;}
+.fruit_h3{width:1200px;height:80px;line-height: 80px;}
+.policy_cont{width:1200px;height:320px;position:relative;}
+.policy_img{width:470px;height:300px;display:inline-block;position:absolute;left:0;top:0;}
+.policy_img>img{width:470px;height:300px;}
+.policy_p{width:700px;height:300px;display:inline-block;padding-left:55px;position:absolute;left:470px;top:0;}
+.policy_p>a>div{width:630px;height:55px;margin-top:20px;position: relative;cursor: pointer;}
+.policy_p>a>div:hover>div>h4{color:#F68705;}
+.policy_p>a>div:hover>div>p{color:#F68705;}
+.policy_p>a>div:hover>div>h5{color:#F68705;}
+.policy_date{width:80px;height:55px;position: absolute;top:0;left:0;text-align:left;padding-top:5px;}
+.policy_date>h4{color:#505050;font-size: 20px;font-weight: bold;letter-spacing: 2px;}
+.policy_date>p{color:#7A7878;}
+.policy_line{width:0;height:45px;position: absolute;top:0;left:95px;border-left:1px solid #BCBBBB;}
+.policy_p_cont{width:510px;height:55px;position: absolute;top:0;right:0;}
+.policy_p_cont>h5{font-size:15px;color:#3B3B3B;margin-top: 0;font-weight: bold;}
+.policy_p_cont>p{color:#7f7f7f;font-size:14px;margin-top:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
+
+
+#indexGroom{width:1200px;height:710px;margin:0 auto;position: relative;}
+.indexGroom_table{width:270px;height:35px;margin:15px auto;}
+.indexGroom_table>div{width:120px;height:35px;border-radius:15px;color:#1F1F1F;font-size:18px;text-align: center;line-height:35px;
+display: inline-block;border:1px solid #DEDEDE;cursor: pointer;}
+.indexGroom_table>div.indexGroom_active{background: #FF8044;color:#fff;border:none;}
+.indexGroom_table>div:nth-child(2){margin-left:20px;}
+.indexGroom_tables{width:1200px;height:435px;}
+.indexGroom_tables>a>div{width:390px;height:135px;margin:0 7px 10px 0;position: relative;
+background: #F9F9F9;padding-left:150px;display:inline-block;}
+.indexGroom_tables>a>div>img{display: inline-block;width:150px;height:135px;position: absolute;top:0;left:0;}
+.indexGroom_tables>a>div>div{display: inline-block;width:225px;height:135px;margin-left:10px;position: relative;}
+.indexGroom_tables>a>div h3{display: inline-block;color:#232323;font-weight:500;width:225px;height:35px;line-height: 22px;
+text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top:10px;font-size:18px;}
+.indexGroom_tables>a>div p{color:#787878;width:225px;height:55px;line-height: 22px;padding-top:10px;
+text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
+.indexGroom_tables>a>div>div>div{width:225px;height:45px;text-align: right;padding-top:10px;position: absolute;right:0;bottom:0;}
+.indexGroom_tables>a>div>div>div>div{display: inline-block;width:100px;height:25px;line-height: 25px;text-align: center;color:#FD9C5C;border: 1px solid #FD9C5C;;}
+.xuqiu{display: none;}
+#indexGroom>img{position: absolute;left: 0;bottom: 0}
+.indexGroom_more{color:#787878;font-size: 18px;text-align: right;cursor: pointer;}
+.indexGroom_more>a{color:#787878;}
+#indexId{width:1200px;height:85px;margin:0 auto;position: relative;margin-top: 50px;}
+#indexExpert{width:100%;height:930px;margin:0 auto;position: relative;background: #F9F9F9;}
+.indexExpert{width:1200px;height:630px;margin:0 auto;position: relative;padding-top:35px;}
+.indexExpert_cont{width:1200px;height:570px;}
+.indexExpert_cont>a>div{width:285px;height:265px;margin:0 15px 20px 0;background: #fff;position: relative;display: inline-block;}
+.indexExpert_cont>a:nth-child(4)>div{margin-right:0;}
+.indexExpert_cont>a:nth-child(8)>div{margin-right:0;}
+.indexExpert_basc{width:285px;height:75px;padding-left: 10px;padding-top: 5px;}
+.indexExpert_basc>h3{display:inline-block;color:#7C7B7B;}
+.indexExpert_basc>h4{display:inline-block;color:#858383;font-weight:normal;}
+.indexExpert_basc>p{width:260px;height:22px;line-height: 22px;color:#858383;margin-top:10px;
+text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
+.indexExpert_yuyue{width:95px;height:30px;border:2px solid #fff;position: absolute;top:145px;right: 20px;color:#fff;border-radius:15px;
+text-align: center;line-height: 24px;font-size: 16px;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 66 - 37
src/js/index.js

@@ -2,47 +2,77 @@ import '../css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
 import '../css/public.css'; 
 import '../css/index_home.css';
+import '../css/indexNew.css';
 import './public.js';
-//import './main_banner.js';
-
-
-$(function(){
-	var k=0;
-	var liwit=$('.index_cont div').width();
-	var lilengths=$('.index_cont>div').length;
-	$('.man_right').click(function(){
-		k++;
-		if(k>lilengths-3){							
-			k=lilengths-3
-		}	
-		$('.index_cont').animate({'marginLeft':-(liwit+63)*k},500)	
-			
-	});
-	$('.man_left').click(function(){
-		k--;
-		if(k<0){
-			k=0
+import './jquery-2.1.0.js';
+(function(){
+	//搜索框上面栏目的选择
+	$(".indexSeach_one>ul>li").click(function(){
+		$(this).parent().children().removeClass("indexActive");
+		$(this).addClass("indexActive");
+	})
+	//搜索功能
+	$(".indexImg1").click(function(){
+		var seachon=$(".indexSeach_one>ul>li.indexActive").index();
+		var key=$("#int").val();
+		localStorage.setItem("indexKeyWord",key);
+		switch(seachon){
+			case 0:window.open(globalConfig.context + '/portal/technologyTrading/achievement.html');break;
+			case 1:window.open(globalConfig.context + '/portal/technologyTrading/demand.html');break;
+			case 2:window.open(globalConfig.context + '/portal/technologyTrading/achievement.html');break;
+			case 3:window.open(globalConfig.context + '/portal/thinkTank/policyList.html');break;
+			case 4:window.open(globalConfig.context + '/portal/thinkTank/index.html#zizone');break;
+			case 5:break;
 		}
-		$('.index_cont').animate({'marginLeft':-(liwit+63)*k},500)
-	});
-	//精品成果鼠标经过效果
-	$('.content .cont').hover(function(){
-		var a_href=$(this).children("a").attr("href");
-		$('.con_hover').show().children("a").attr("href",a_href);
-		var lent=$(this).index()-1;
-		var wid=$(this).width()+10;	
-		if(lent%2===0){
-			$('.con_hover').css({top:"-36px"})
-		}else{
-			$('.con_hover').css({top:"15px"})
+	})
+	//申请会员
+	$(".indexImg2").click(function(){
+		$(".ret_top>li:nth-child(1)").click();
+	})
+	//搜索栏下面的点击,登录判断
+	$(".seachCont1>div:nth-child(4)>a").click(function(){
+		var islogin=$("#isLogin").attr("islogin");
+        if(islogin=="true"){
+            $(".head_login").click();
+        }else if(islogin=="false"){
+        	$(this).attr("href","/user/account/demand.html#techDemand");
+        	$(this).click();
+        }
+	})
+	$(".seachCont1>div:nth-child(5)>a").click(function(){
+		var islogin=$("#isLogin").attr("islogin");
+        if(islogin=="true"){
+            $(".head_login").click();
+        }else if(islogin=="false"){
+        	$(this).attr("href","/user/account/achievement.html#techAchievement");
+        	$(this).click();
+        }
+	})
+	//搜索框下面的页面链接点击
+	$(".seachMore").click(function(){
+		if($(this).parent().children("#seachCont").children().attr("clicka")=="0"){
+			$(this).parent().children("#seachCont").children().css("left","-138px").attr("clicka","1");
+		}else if($(this).parent().children("#seachCont").children().attr("clicka")=="1"){
+			$(this).parent().children("#seachCont").children().css("left","0px").attr("clicka","0");
 		}
-		$('.con_hover').animate({left:lent*wid},50)
 	})
-	$('.content').mouseleave(function(){
-		$('.con_hover').hide();
-		$('.content .cont').stop(true)
+	//成果需求切换
+	$(".indexGroom_table>div").click(function(){
+		$(this).parent().children().removeClass("indexGroom_active");
+		$(this).addClass("indexGroom_active");
+		console.log($(this).html());
+		if($(this).html()=="成果"){
+			$(".chengguo").css("display","block");
+			$(".xuqiu").css("display","none");
+		}else if($(this).html()=="需求"){
+			$(".chengguo").css("display","none");
+			$(".xuqiu").css("display","block");
+		}
 	})
 	
+	
+	
+	
 	//轮播图的开始
     var img_length=$(".ct-img-big").children("li").length-2;
     var smallhtml="";
@@ -139,5 +169,4 @@ $(function(){
             playNext()
         },3000)
     });
-});
-
+})()

+ 136 - 0
src/js/indexNew.js

@@ -0,0 +1,136 @@
+import '../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../css/public.css'; 
+import '../css/index_home.css';
+import '../css/indexNew.css';
+import './public.js';
+(function(){
+	//搜索框上面栏目的选择
+	$(".indexSeach_one>ul>li").click(function(){
+		$(this).parent().children().removeClass("indexActive");
+		$(this).addClass("indexActive");
+	})
+	//搜索功能
+	
+	//搜索框下面的页面链接点击
+	$(".seachMore").click(function(){
+		if($(this).parent().children("#seachCont").children().attr("clicka")=="0"){
+			$(this).parent().children("#seachCont").children().css("left","-138px").attr("clicka","1");
+		}else if($(this).parent().children("#seachCont").children().attr("clicka")=="1"){
+			$(this).parent().children("#seachCont").children().css("left","0px").attr("clicka","0");
+		}
+	})
+	//成果需求切换
+	$(".indexGroom_table>div").click(function(){
+		$(this).parent().children().removeClass("indexGroom_active");
+		$(this).addClass("indexGroom_active");
+		console.log($(this).html());
+		if($(this).html()=="成果"){
+			$(".chengguo").css("display","block");
+			$(".xuqiu").css("display","none");
+		}else if($(this).html()=="需求"){
+			$(".chengguo").css("display","none");
+			$(".xuqiu").css("display","block");
+		}
+	})
+	
+	
+	
+	
+	//轮播图的开始
+    var img_length=$(".ct-img-big").children("li").length-2;
+    var smallhtml="";
+    for(var i=1;i<=img_length;i++){
+        smallhtml+="<li></li>"
+    }
+    $(".ct-img-small").html(smallhtml);
+    var ctwidth=$('.ct-img-small').width();   
+    $('.ct-img-small').css({marginLeft:-ctwidth/2});
+    $(".ct-img-small").children().eq(0).addClass("active");
+    var $imgBig=$('.ct-img-big'),
+        $btnNext=$('.btn-next'),
+        $btnPre=$('.btn-pre'),
+        $CT = $('.carouselt'),
+        $imgSmall=$('.ct-img-small');
+   var $imgWidth=$imgBig.find('li').width();//获取图片的宽度;
+   var $imgLength=$imgBig.children().length;//获取克隆前的图片的长度;
+    // 拷贝第一张和最后一张;把最后一张图放在最前面;把最前面的图放在最后;
+    var  $firstImg=$imgBig.find('li').first(),
+        $lastImg=$imgBig.find('li').last();
+    $imgBig.prepend($lastImg.clone());
+    $imgBig.append($firstImg.clone()); //设置imgBig clone后的宽度
+    $imgBig.css("width", $imgWidth*$imgBig.children().length+"px")//这时的个数是添加完以后的个数
+    $imgBig.css({'left':'-='+$imgWidth+'px'})//把第一张图放入可视区
+    var pageIndex = 0 ; //img的下标;
+    var isAnimate = false//防止重复点击 上锁
+
+    $btnNext.on('click',function(e){
+        e.preventDefault();
+        playNext();
+        setTimeout(function(){
+        },1500)
+    });
+    $btnPre.on('click',function(e){
+        e.preventDefault();
+        playPre();
+        setTimeout(function(){
+
+        },1500)
+    });
+
+    $imgSmall.find('li').on('click',function(){
+        var smallIdx= $(this).index();
+        if(smallIdx>pageIndex){
+            playNext(smallIdx-pageIndex)
+        }
+        else if(smallIdx<pageIndex){
+            playPre(pageIndex-smallIdx)
+        }
+    });
+    function playNext(n){
+        var idx = n ||1;
+        if(isAnimate) return;
+        isAnimate = true;
+        $imgBig.animate({'left':'-='+ $imgWidth*idx+'px'},1500,function(){
+            //如果页数=图片的最后一个,就让图片回到第一张;即data-index=0;
+            pageIndex = pageIndex+idx;
+            if( pageIndex ===$imgLength ){
+                $imgBig.css({'left':'-'+$imgWidth+'px'})
+                pageIndex = 0;
+            }
+            isAnimate = false;
+            smallImg()
+        })
+    }
+    function playPre(n){
+        var idx = n ||1;
+        if(isAnimate) return;
+        isAnimate = true;
+        $imgBig.animate({'left':'+='+$imgWidth*idx+'px'},1500,function(){
+            pageIndex=pageIndex-idx;
+            if(pageIndex<0){
+                $imgBig.css({'left':'-'+$imgWidth*$imgLength+'px'});
+                pageIndex = $imgLength-1;
+            }
+            isAnimate = false;
+            smallImg()
+        })
+    }
+    //设置小图的class
+    function smallImg(){
+        $imgSmall.children()
+            .removeClass('active')
+            .eq(pageIndex) .addClass('active')
+    }
+    //自动轮播 鼠标进入鼠标离开
+    var timer =setInterval(function(){
+        playNext()
+    },3000);
+    $CT.hover(function(){
+        clearInterval(timer)
+    },function(){
+        timer =setInterval( function(){
+            playNext()
+        },3000)
+    });
+})()

+ 3 - 0
src/js/technologyTrading/demand.js

@@ -30,8 +30,10 @@ $(function(){
 	    "5": "技术人才型需求"
 	};
 	theKeyword=localStorage.getItem("keyWord");
+	theKeyword=localStorage.getItem("indexKeyWord");
 	var typ=localStorage.getItem("pageType");
 	localStorage.removeItem("keyWord");
+	localStorage.removeItem("indexKeyWord");
 	localStorage.removeItem("pageType");
 	loadDate();
 	function loadDate(pageNo) {
@@ -292,6 +294,7 @@ $(function(){
     });
     //点击行业分类
     $('#industryList li').click(function(){
+    	theKeyword="";
 		$('.achievement_header ul li').eq(0).show();
 		var text_ind=$(this).find('span').text();		
 		$('.achievement_header ul li').eq(0).find('p').text(text_ind);

+ 768 - 0
template/indexNew.html

@@ -0,0 +1,768 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="../img/ico_logo.ico">
+		<meta name="keywords" content=""/>
+		<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>
+		<!--<link rel="stylesheet" href="../src/css/indexNew.css" />
+		<link rel="stylesheet" href="../src/css/public.css" />
+		<link rel="stylesheet" href="../src/css/index_home.css" />-->
+		
+	</head>	
+	<body>
+		<header>
+			<div class="container">
+				<div class="logo"><a href="../template/index.html"><img src="../img/Logo111.png" alt="" title="技淘"/></a></div>
+				<div  class="nav">
+					<ul>
+						<li><a href="#">技术交易</a></li>
+						<li><a href="#">科技服务</a><img src="../img/hot.png"/></li>
+						<li><a href="#">智库咨询</a></li>
+						<li><a href="#">科技金融</a></li>
+						<li><a href="#">科技活动</a></li>
+						<li><a href="#">平台共建</a></li>
+					</ul>
+				</div>
+				<div class="nav_right">
+					<a href="../template/registered.html"><img src="../img/index_resiter.png" alt="" /></a>
+					<a href="javascript:;" class="head_login">登录</a>
+					<a href="">关于我们</a>
+				</div>
+			</div>
+		</header>
+		<div class="carouselt">
+			<ul class="ct-img-big clear">
+				<li data-index=0 ><a href=""><img src="../img/index_banner01.jpg" alt=""/></a></li>
+				<li data-index=1 ><a href=""><img src="../img/index_banner02.jpg" alt=""/></a></li>
+				<li data-index=2 ><a href=""><img src="../img/index_banner03.jpg" alt=""/></a></li>
+				<li data-index=3 ><a href=""><img src="../img/index_banner04.jpg" alt=""/></a></li>
+				<li data-index=4 ><a href=""><img src="../img/index_banner05.jpg" alt=""/></a></li>
+				<li data-index=5 ><a href=""><img src="../img/index_banner06.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="indexSeach">
+		<div id="indexSeach">
+			<div class="indexSeach_one">
+				<ul>
+					<li class="indexActive">成果</li>
+					<li>需求</li>
+					<li>专利</li>
+					<li>政策</li>
+					<li>专家</li>
+					<li>投资机构</li>
+				</ul>
+				<div>
+					<div>
+						<input type="text" />
+					</div>
+					<img src="../img/indexNew1.jpg" alt="" class="indexImg1"/>
+					<img src="../img/indexNew2.jpg" alt="" class="indexImg2"/>
+				</div>
+			</div>
+			<div class="indexSeach_two">
+				<div>
+					<div class="seachTitle">
+						<div>技术交易</div>
+					</div>
+					<div id="seachCont">
+						<div class="seachCont seachCont1" clicka="0">
+							<div>
+								<a href="#">购买技术</a>
+							</div>
+							<div>
+								<a href="#">承按需求</a>
+							</div>
+							<div>
+								<a href="#">技术评估</a>
+							</div>
+							<div>
+								<a href="#">发布需求</a>
+							</div>
+							<div>
+								<a href="#">发布成果</a>
+							</div>
+						</div>
+					</div>
+					<div class="seachMore">
+						更多>
+					</div>
+				</div>
+				<div>
+					<div class="seachTitle">
+						<div>科技服务</div>
+					</div>
+					<div id="seachCont">
+						<div class="seachCont seachCont2" clicka="0">
+							<div>
+								<a href="#">高企认定</a>
+							</div>
+							<div>
+								<a href="">项目申报</a>
+							</div>
+							<div>
+								<a href="">体系认证</a>
+							</div>
+							<div>
+								<a href="">产品认证</a>
+							</div>
+							<div>
+								<a href="">知识产权</a>
+							</div>
+							<div>
+								<a href="">资质认证</a>
+							</div>
+						</div>
+					</div>
+					
+					<div class="seachMore">
+						更多>
+					</div>
+				</div>
+				<div>
+					<div class="seachTitle">
+						<div>智库咨询</div>
+					</div>
+					<div id="seachCont">
+						<div class="seachCont seachCont3" clicka="0">
+							<div>
+								<a href="">中央政策</a>
+							</div>
+							<div>
+								<a href="">地方政策</a>
+							</div>
+							<div>
+								<a href="">邀约专家</a>
+							</div>
+							<div>
+								<a href="">涉外专家</a>
+							</div>
+							<div>
+								<a href="">品牌打造</a>
+							</div>
+						</div>
+					</div>
+					
+					<div class="seachMore">
+						更多>
+					</div>
+				</div>
+				<div>
+					<div class="seachTitle">
+						<div>科技金融</div>
+					</div>
+					<div id="seachCont">
+						<div class="seachCont seachCont4" clicka="0">
+							<div>
+								<a href="">项目路演</a>
+							</div>
+							<div>
+								<a href="">优质项目</a>
+							</div>
+							<div>
+								<a href="">联系投客</a>
+							</div>
+							<div>
+								<a href="">寻找创客</a>
+							</div>
+							<div>
+								<a href="">成果对接</a>
+							</div>
+							
+						</div>
+					</div>
+					
+					<div class="seachMore">
+						更多>
+					</div>
+				</div>
+			</div>
+			<div class="indexSeach_three">
+				<div class="seachTitle2">
+					<div>科技平台</div>
+				</div>
+				<div class="wit">
+					<img src="../img/indexNewa1.jpg" alt="" />
+					<p>科技成果转化公共服务平台</p>
+				</div>
+				<div class="wit">
+					<img src="../img/indexNewa2.jpg" alt="" />
+					<p>军民融合创新发展平台</p>
+				</div>
+				<div class="wit">
+					<img src="../img/indexNewa3.jpg" alt="" />
+					<p>科技服务综合服务平台</p>
+				</div>
+				<div class="wih">
+					<img src="../img/indexNewa4.jpg" alt="" />
+					<p>移动应用开发</p>
+				</div>
+				<div class="wih">
+					<img src="../img/indexNewa5.jpg" alt="" />
+					<p>运营平台</p>
+				</div>
+				<div class="wih">
+					<img src="../img/indexNewa6.jpg" alt="" />
+					<p>人工智能技术</p>
+				</div>
+			</div>
+		</div>
+		</div>
+		<div id="indexServe">
+			<div class="indexServe_title">
+				<img src="../img/indexNew3.png" alt="热门服务" />
+				<p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
+			</div>
+			<div class="indexServe_cont">
+				<div>
+					<h2>高企认定</h2>
+					<div class="indexServe_bots">
+						<h3>什么是高企认定?</h3>
+						<p>企业按照GB/T29490-2013《企业知识产权管理规范》建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<img src="../img/indexNew25.jpg" alt="" />
+					</div>
+					<div class="indexServe_bot">
+						<div>认定好处</div>
+						<p>1、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>2、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>3、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_img">
+						了解更多
+					</div>
+				</div>
+				<div>
+					<h2>高企认定</h2>
+					<div class="indexServe_bots">
+						<h3>什么是高企认定?</h3>
+						<p>企业按照GB/T29490-2013《企业知识产权管理规范》建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<img src="../img/indexNew26.jpg" alt="" />
+					</div>
+					<div class="indexServe_bot">
+						<div>认定好处</div>
+						<p>1、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>2、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>3、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_img">
+						了解更多
+					</div>
+				</div>
+				<div>
+					<h2>高企认定</h2>
+					<div class="indexServe_bots">
+						<h3>什么是高企认定?</h3>
+						<p>企业按照GB/T29490-2013《企业知识产权管理规范》建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<img src="../img/indexNew8.jpg" alt="" />
+					</div>
+					<div class="indexServe_bot">
+						<div>认定好处</div>
+						<p>1、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>2、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>3、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_img">
+						了解更多
+					</div>
+				</div>
+				<div class="indexServe_long">
+					<img src="../img/indexNew11.jpg" alt="" />
+					<div class="indexServe_bots">
+						<h3>什么是高企认定?</h3>
+						<p>企业按照GB/T29490-2013《企业知识产权管理规范》建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_bot">
+						<div>认定好处</div>
+						<p>1、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>2、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>3、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_img">
+						了解更多
+					</div>
+				</div>
+				<div class="indexServe_long">
+					<img src="../img/indexNew28.jpg" alt="" />
+					<div class="indexServe_bots">
+						<h3>什么是高企认定?</h3>
+						<p>企业按照GB/T29490-2013《企业知识产权管理规范》建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_bot">
+						<div>认定好处</div>
+						<p>1、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>2、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+						<p>3、建立一套既适应经济和社会发展状况又符合企业自身发展需求的知识产权管</p>
+					</div>
+					<div class="indexServe_img">
+						了解更多
+					</div>
+				</div>
+			</div>
+			<img src="../img/indexNew12.jpg" alt="" class="indexServe_right"/>
+			<img src="../img/indexNew13.jpg" alt="" class="indexServe_bottom"/>
+		</div>
+		<div id="indexPolicy">
+			<div class="indexServe_title">
+				<img src="../img/indexNew4.png" alt="政策解析" />
+				<p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
+			</div>
+			<div class="fruit_h3">
+				<a href="#"><span>+</span> 更多政策</a>
+			</div>
+			<div class="policy_cont">
+				<div class="policy_img">
+					<img src="../img/index_er3.jpg" alt="" />
+				</div>
+				<div class="policy_p">
+					<a href="#">
+						<div>
+							<div class="policy_date">
+							<h4>10.25</h4>
+							<p>2017</p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5>成都科德向中国科学进行工作汇报</h5>
+								<p>解读习近平总书记在中央财经领导小组第十六次会议上关于知识产权工作的重要论述</p>
+							</div>
+						</div>
+					</a>
+					<a href="#">
+						<div>
+							<div class="policy_date">
+							<h4>10.25</h4>
+							<p>2017</p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5>成都科德向中国科学进行工作汇报</h5>
+								<p>解读习近平总书记在中央财经领导小组第十六次会议上关于知识产权工作的重要论述</p>
+							</div>
+						</div>
+					</a>
+					<a href="#">
+						<div>
+							<div class="policy_date">
+							<h4>10.25</h4>
+							<p>2017</p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5>成都科德向中国科学进行工作汇报</h5>
+								<p>解读习近平总书记在中央财经领导小组第十六次会议上关于知识产权工作的重要论述</p>
+							</div>
+						</div>
+					</a>
+					<a href="#">
+						<div>
+							<div class="policy_date">
+							<h4>10.25</h4>
+							<p>2017</p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5>成都科德向中国科学进行工作汇报</h5>
+								<p>解读习近平总书记在中央财经领导小组第十六次会议上关于知识产权工作的重要论述</p>
+							</div>
+						</div>
+					</a>
+				</div>
+			</div>
+		</div>
+		<div id="indexGroom">
+			<div class="indexServe_title">
+				<img src="../img/indexNew5.png" alt="技淘推荐" />
+				<p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
+			</div>
+			<div class="indexGroom_table">
+				<div class="indexGroom_active">成果</div>
+				<div>需求</div>
+			</div>
+			<div class="indexGroom_tables chengguo">
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+			</div>
+			<div class="indexGroom_tables xuqiu">
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环1保</div>
+								<div>电2力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+				<a href="">
+					<div>
+						<img src="../img/indexNewTab.jpg" alt="" />
+						<div>
+							<h3>风力发电领域内高效率变化内高效率变化</h3>
+							<p>风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化风力发电领域内高效率变化内高效率变化</p>
+							<div>
+								<div>环保</div>
+								<div>电力</div>
+							</div>
+						</div>
+					</div>
+				</a>
+			</div>
+			<div class="indexGroom_more chengguo">
+				<a href="#">< 查看更多 ></a>
+			</div>
+			<div class="indexGroom_more xuqiu">
+				<a href="#">< 查看更多 ></a>
+			</div>
+			<img src="../img/indexNew13.jpg" alt="" class="indexServe_bottom"/>
+		</div>
+		<div id="indexId">
+			<div class="indexServe_title">
+				<img src="../img/indexNew6.png" alt="技淘推荐" />
+				<p>关于科技&nbsp;&nbsp;&nbsp;&nbsp;我们能做得更多</p>
+			</div>
+		</div>
+		<div id="indexExpert">
+			<div class="indexExpert">
+				<div class="indexExpert_cont">
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					<a href="">
+						<div>
+							<img src="../img/indexNew14.jpg" alt="" />
+							<div class="indexExpert_basc">
+								<h3>张三</h3>
+								<span>/</span>
+								<h4>广州科技学院</h4>
+								<p>从业8年,专利代理资质,很厉害的一个朋友厉害的一个朋友</p>
+							</div>
+							<div class="indexExpert_yuyue">
+								<span>6</span>次预约
+							</div>
+						</div>
+					</a>
+					
+				</div>
+				<div class="indexGroom_more">
+					<a href="">< 查看更多 ></a>
+				</div>
+			</div>
+		</div>
+		<div id="indexWord"></div>
+	</body>
+	<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
+	<script type="text/javascript" src="../src/js/indexNew.js"></script>-->
+</html>

+ 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/indexNew.html',
             chunks: ['index', 'vendors']
         }),
         new HtmlWebpackPlugin({