Kaynağa Gözat

Merge branch 'master' of http://git.jishutao.com/jishutao/portal

dengzhiguo 7 yıl önce
ebeveyn
işleme
f2a5da6b98

BIN
img/index_five.jpg


BIN
img/index_five.png


BIN
img/index_fix0.png


BIN
img/index_four.jpg


BIN
img/index_four.png


BIN
img/index_one.png


BIN
img/index_three.png


BIN
img/index_two.png


BIN
img/member_1.jpg


BIN
img/member_2.jpg


BIN
img/member_4.jpg


BIN
img/member_4.png


BIN
img/member_7.jpg


BIN
img/member_bj.jpg


BIN
img/policy.jpg


BIN
img/product1.jpg


BIN
img/product2.jpg


BIN
img/product3.jpg


BIN
img/product4.jpg


BIN
img/product5.jpg


+ 26 - 43
src/css/index_home.css

@@ -1,51 +1,29 @@
 
 html{font-size:62.5%;}
 .index_activity{background: url(../../img/index_activity.png) no-repeat center center;background-size: 100% 100%;padding-top: 88px;margin-top: -10px;}
-.index_activity ul li{float: left;width: 140px;height:90px ;text-align: center;}
+.index_activity ul li{float: left;width: 190px;height:90px ;text-align: center;}
 .index_activity ul li strong{font-size: 36px;color: #ffbc09;}
 .index_activity ul li p{font-size: 16px;color: #185487;}
 .index_activity ul{float: left;}
 .index_activity form{float: right;position: relative;width: 270px;height: 44px;background: #FFFFFF;margin-top: 20px;box-shadow: 0 0 10px #CCCCCC;}
-.index_activity form .search{width: 20px;height: 20px;position: absolute;top: 12px;left:8px;}
+.index_activity form .search{width: 20px;height: 20px;position: absolute;top: 12px;right:10px;}
 .index_activity form input{border: none;width:190px ;height: 32px;position:absolute;top: 6px;left: 40px;line-height: 32px;border-right: 2px solid #CCCCCC;}
-.index_activity form .index_use{width: 20px;height: 20px;position: absolute;top: 12px;right:8px}
+.index_activity form .index_use{width: 60px;height: 20px;position: absolute;top: 12px;left:8px}
 ::-webkit-input-placeholder{color:#CCCCCC !important;}
-  
+ .index_activity form .search:hover{cursor: pointer;} 
+ 
+ .index_select {display: none;}
 /*banner*/
-.banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
-.banner_txt h3{font-size: 30px;font-weight: 400;color: #565555;margin-top: 55px;margin-bottom: 24px;}
-.banner_txt p{font-size: 14px;color: #565555;line-height: 24px;}
-.img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
-.img_list{overflow: hidden;margin-top: 64px;}
-.img_list ol li:first-child{margin-left: 0;}
-
-.img_list ol li:hover{cursor: pointer;border: 1px solid #2a6597;}
-.banner_next:hover,.index_pre:hover{cursor: pointer;}
-.banner_mid{position: absolute;width: 100%;top: 194px;}
-.banner_mid .banner_next{float: right;margin-right:-60px;}
-.banner_mid .index_pre{float: left;margin-left: -90px;}
-.banner_imgs{width:100%;height: 340px;}
-.banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
-.banner_box ul li{float: left;width: 530px;}
-.banner_txt{padding-bottom: 60px;}
-
-/*新的banner*/
-.banner_all{position: relative;width:1000px;height:380px;margin:0 auto;}
-.carousel_top{ position:absolute; bottom:0;right:0;overflow: hidden; width:530px;height:340px;}
+.carouselt{ position:relative; overflow: hidden;width:100%;height:470px; }
 .ct-img-big{ position:absolute; }
 .ct-img-big li{ float: left; }
-.ct-img-big li img{width:530px;height:340px;}
-.btnl{ position: absolute; }
-.btn-next{top:180px;right:-50px;}
-.btn-pre{top:180px;left:-50px;}
-.ct-img-small{ position:absolute;left:0px;bottom:50px;}
-.ct-img-small li{ float: left;width:72px;height:50px;border:1px solid transparent; margin-left:10px;
-    cursor: pointer;}
-.ct-img-small li.active{border:1px solid  #52de00;box-shadow: 0px 0px 5px 0px #52de00;}
-.ct-img-small li img{width:100%;height:100%;}
-.banner_all span{display: none;position: absolute;width:400px;height:200px;top:60px;left:20px;}
-.banner_all span.text-block{display: block;}
-.banner_all span h2{font-size: 26px;}
+.ct-img-big li img{height: 470px;}
+.btn{ position: absolute; display: block;}
+.btn-pre{top:220px;left:220px;}
+.btn-next{top:220px;right:220px;}
+
+
+
 /*active的css*/
 #active{width:1200px;height:240px;margin:0 auto;padding-top:50px;position: relative;}
 #active>.title{width:70px;height:160px;padding-top:12px; }
@@ -64,6 +42,7 @@ html{font-size:62.5%;}
 
 /*product的css*/
 #product{width:1200px;height:450px;margin:0 auto;position: relative;margin-top:5px;}
+#product>.caption{margin-bottom: 74px;}
 .caption{width:100%;height:50px;font-size: 2rem;color:#074F88;
     line-height: 50px;padding-left:30px;}
 #product>.content{width:1140px;height:400px;margin-left:30px;position: relative;  }
@@ -75,26 +54,30 @@ html{font-size:62.5%;}
 .cont_top2{position: absolute;top:0;left:460px;background: #FFEED1;}
 #product .cont_bottom2{position: absolute;top:50px;left:690px;background: #5888B5;color:#fff;}
 .cont_top3{position: absolute;top:0;right:0;background: #FFEED1;}
-#product .img{width:220px;height:177px;}
+#product .img{width:220px;height:140px;position: relative;z-index: 10;}
+#product .img img:first-child{position: absolute;top: -72px;left: 50%;margin-left: -32px;}
+#product .img img:first-child+img{margin-top: -36px;}
 #product .text{width:220px;height:173px;}
-#product .text>h2{font-size: 1.8rem;height:60px;width:100%;line-height: 60px;
+#product .text>h2{font-size: 1.8rem;height:60px;width:100%;line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
 text-align: center;color:#3B3B3B;}
 #product .cont_bottom1 .text>h2{color:#fff;}
 #product .cont_bottom2 .text>h2{color:#fff;}
 #product .cont_bottom1 .text>p{color:#fff;}
 #product .cont_bottom2 .text>p{color:#fff;}
-.text>p{width:180px;height:113px;margin-left:20px;color:#747474;line-height:20px;}
+.text>p{width:180px;height:113px;margin-left:20px;color:#747474;line-height:20px;overflow: hidden;}
 
 /*policy的css*/
 #policy{width:1200px;height:405px;margin:50px auto 0;position: relative;}
+#policy .captions{width:100%;font-size: 2rem;color:#074F88;margin-left: 45px;margin-top: 120px;margin-bottom: 20px;}
 .pol_cont{width:1110px;height:355px;margin-left:45px;position: relative; }
 .pol_left{width:525px;height:345px;box-shadow: 5px 5px 5px 0 #EaEaEa;
 display:inline-block;position: absolute;top:0;left:0;}
+.pol_left img {width: 100%;height: 200px;}
 .pol_left_cont{width:525px;height:145px;background: #F6F6F6;}
 .pol_left_cont h3{height:50px;width:100%;line-height: 50px;
     color:#797979;font-size: 18px;padding-left:25px; }
 .pol_left_cont p{line-height: 20px;padding:0 17px 0 25px;width:100%;height:62px;color:#616160;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
-.pol_left_cont p a{color:#616160;}
+.pol_left_cont p a{color:#616160;font-size: 14px;}
 .pol_bottom{width:100%;height:30px;padding:0 12px 0 25px;}
 .more a{color:#FFBC08;font-weight: bold;font-size: 1.6rem;}
 .data{font-size: 1rem;color:#9B9A9A;line-height:20px;}
@@ -104,13 +87,13 @@ display:inline-block;position: absolute;top:0;left:0;}
 .pol_right_big{width:100%;height:165px;box-shadow: 5px 5px 5px 0 #EaEaEa;border:1px solid #F1F1F1;
     border-radius: 2px;}
 .pol_right_big h3{height:50px;width:100%;line-height: 50px;
-    color:#797979;font-size: 1.4rem;padding-left:25px; }
+    color:#797979;font-size: 18px;padding-left:25px; }
 .pol_right_big p{line-height: 20px;padding:0 17px 0 25px;width:100%;height:82px;color:#616160;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
 .pol_right_big p a{color:#616160;}
 .pol_right_sm{width:275px;height:165px;display: inline-block;background: #F6F6F6;
     margin-top:15px;box-shadow: 5px 5px 5px 0 #EaEaEa;}
 .pol_right_sm h3{height:50px;width:100%;line-height: 50px;
-    color:#797979;font-size: 1.4rem;padding-left:25px; }
+    color:#797979;font-size: 18px;padding-left:25px; }
 .pol_right_sm p{line-height: 20px;padding:0 17px 0 25px;width:100%;height:83px;color:#616160;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
 .pol_right_sm p a{color:#616160;}
 /*need的css*/
@@ -126,7 +109,7 @@ display:inline-block;position: absolute;top:0;left:0;}
 .carousel .need_prev{width: 30px;height: 34px;font-size: 24px;text-align: center;line-height: 34px;background: #686868;display: inline-block;color: #FFFFFF;position: absolute;top:90px;left:50px;box-shadow: 2px 2px 10px #333333;}
 .carousel ul{float: left;width: 100000px;}
 .carousel ul li{float: left;margin-left: 10px;margin-right: 10px;text-align: center;padding-bottom: 20px;}
-.carousel ul li p{font-size: 14px;color: #404040;line-height: 52px;background: #ffffff;box-shadow: 2px 2px 10px #333333;}
+.carousel ul li p{font-size: 14px;color: #404040;line-height: 52px;background: #ffffff;box-shadow: 2px 2px 10px #333333;width: 320px;padding-left: 10px;padding-right: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 .carousel ul li img{width: 320px;height:160px;}
 .carousel .need_next{position: absolute;top:90px;right:30px;width: 30px;height: 34px;font-size: 24px;text-align: center;line-height: 34px;background: #686868;display: inline-block;color: #FFFFFF;box-shadow: 2px 2px 10px #333333;}
 .carousel .need_prev:hover,.carousel .need_next:hover{background: #003399;cursor: pointer;}

+ 2 - 1
src/css/main_banner.css

@@ -1,6 +1,7 @@
-.carouselt{ position:relative; overflow: hidden;width:100%;height:460px; }
+.carouselt{ position:relative; overflow: hidden;width:100%;height:600px; }
 .ct-img-big{ position:absolute; }
 .ct-img-big li{ float: left; }
+.ct-img-big li img{height: 600px;}
 .btn{ position: absolute; display: block;}
 .btn-pre{top:220px;left:220px;}
 .btn-next{top:220px;right:220px;}

+ 28 - 0
src/css/member.css

@@ -0,0 +1,28 @@
+.member{background: url(../../img/member_bj.jpg) no-repeat center center;background-size: 100% 160%;padding-top: 80px;padding-bottom: 150px;}
+.member .member_contant{width: 780px;margin: 0px auto ;position: relative;z-index: 12;text-align: center;background: #ffffff;overflow: hidden;}
+.shadow{width:780px ;margin: 0 auto 150px;}
+.gold{position: absolute;top: 0;left: -4px;}
+.diamond{position: absolute;top: 0;right: 0;}
+.member_on,.partingline{float: left;}
+.member_contant h3{font-size: 18px;color: #373739;margin-top: 20px;margin-bottom: 10px;}
+.member_on h5 img{margin-right: 10px;margin-left: -50px;}
+.member_on h5{font-weight: normal;font-size:16px ;color: #f18101;margin-left: 10px;}
+.member_on .blur{color: #0f72ba;}
+.member_on{width: 386px;}
+.member_on>p{font-size: 14px;color: #5f5e5e;line-height: 36px;color: #5f5e5e;}
+
+.member_on ul{overflow: hidden;margin-left: 13px;margin-bottom: 100px;margin-top: 23px;}
+.member_on ul li{float: left;width: 110px;height: 48px;border: 1px solid #CCCCCC;line-height: 48px;text-align: center;margin: 5px;}
+.member_on .member_left{margin-top: 60px;}
+
+.member_on ul .then{border: 1px solid #f18101;}
+.member_on ul .then span{width: 70px;height: 20px;background: #ff6000;display: inline-block;color: #ffffff;line-height: 20px;font-size: 12px;margin-left: -38px;vertical-align: top;}
+.member_on ul .then time{width: 100px;height: 14px;font-size: 14px;line-height: 14px;display: inline-block;margin-top: -22px;vertical-align: top;color:#ff6000 ;}
+
+.partingline{width: 1px;height: 424px;border: 1px solid #e5e5e5;margin-top: 28px;}
+#bottom{margin-top: -150px;}
+
+@media only screen and (max-width:1440px ) {
+	.member{background: url(../../img/member_bj.jpg) no-repeat center center;background-size: 100% 120%;padding-top: 80px;padding-bottom: 150px;}
+
+}

+ 3 - 5
src/css/public.css

@@ -16,7 +16,7 @@ a:focus{text-decoration: none;}
 .lf{float:left;}
 .rf{float:right;}
 .clear{clear:both;}
-
+img{border: none;}
 ::-webkit-input-placeholder {color: #CCCCCC;}
 ::-webkit-input-placeholder {color: #CCCCCC;}
 
@@ -85,10 +85,8 @@ header .nav_right a:hover{color: #2a6597;}
 
 /*右侧挂件*/
 
-.pub_fix{width: 70px;position: fixed;right: 20px;bottom: 100px;border-radius: 10px;border: 1px solid #e0e0e0;overflow: hidden;
-    text-align: center;height: 390px;background: #ffffff;z-index: 999;}
-
-.pub_fix{width: 70px;position: fixed;right: 20px;bottom: 100px;border-radius: 10px;border: 1px solid #e0e0e0;overflow: hidden;text-align: center;height: 382px;background: #ffffff;}
+.pub_fix{width: 70px;position: fixed;right: 20px;bottom: 80px;border-radius: 10px;border: 1px solid #e0e0e0;overflow: hidden;
+    text-align: center;height: 466px;background: #ffffff;z-index: 999;}
 
 .pub_fix .index_blur{width: 100%;height: 30px;line-height: 30px;background: #4c7fa9;display: inline-block;}
 .pub_fix .index_orange{width: 100%;height: 30px;line-height: 30px;background: #ffd68f;display: inline-block;}

+ 4 - 4
src/css/service.css

@@ -9,7 +9,7 @@ h2{color:#074F88;margin-top:90px;}
 .serve_left>div{width:100%;height:110px;border-radius: 55px;
     position: relative;margin-bottom:20px;border: 2px solid transparent;
     }
-.serve_left>div:hover{border: 2px solid #BCBCBC;}
+.serve_left>div:hover{border: 2px solid #BCBCBC;cursor: pointer;}
 .serve_left>div:hover span{background: #fff;}
 .serve_left>div:nth-child(1):hover span{background: #F8A346;}
 .serve_left span{display: inline-block;width:108px;height:108px;text-align: center;line-height:100px;
@@ -41,15 +41,15 @@ line-height: 120px;}
 .Intellectual ul li{float: left;width: 360px;height: 450px;margin-left: 44px;}
 .Intellectual ul li:first-child{margin-left: 0;}
 .Intellectual_left{width: 360px;height: 145px;background: url(../../img/service_1.png);background-size: 100% 100%;}
-.Intellectual_left h4{font-weight: normal;line-height: 90px;font-size: 20px;color: #f68705;margin-left: 56px;}
+.Intellectual_left h4{font-weight: normal;height: 90px;font-size: 20px;color: #f68705;margin-left: 56px;padding-top: 32px;}
 .Intellectual_left span{margin-top: 10px;font-size: 12px;color: #797979;text-align: left!important;line-height: 18px;display: inline-block;float: left;margin-left: 56px;}
 .Intellectual ul li:first-child+li{background: url(../../img/service_2.png) no-repeat;padding-top: 102px;}
 .Intellectual ul li:first-child+li+li{background: url(../../img/service_3.png) no-repeat;text-align: center;}
-.Intellectual ul li:first-child+li p{font-size: 36px;color: #f68705;text-align: center;}
+.Intellectual ul li:first-child+li p{font-size: 36px;color: #f68705;text-align: center;width: 332px;}
 .Intellectual ul li:first-child+li .time{font-size: 18px;color: #f68705;margin-top: 60px;}
 
 .number_ten{margin-top:16px;margin-bottom: 30px;}
-.Intellectual ul li:first-child+li+li p{font-size:36px ;color: #f68705;margin-top: 120px;margin-bottom: 90px;}
+.Intellectual ul li:first-child+li+li p{font-size:36px ;color: #f68705;margin-top: 120px;margin-bottom: 90px;width: 332px;}
 .Intellectual ul li:first-child+li+li p span{font-size:60px;color: #f54c49;}
 .Intellectual ul li:first-child+li+li a{width: 216px;height: 70px;background: #ffb200;border-radius: 10px;text-align: center;display: inline-block;line-height: 70px;font-size: 24px;color: #ffffff;}
 

+ 4 - 3
src/css/thinkTank/policyList.css

@@ -29,9 +29,10 @@
 .searchs{width: 440px;position: relative;height: 40px;background: #ffffff;box-shadow: 2px 0px 5px #cccccc;border-radius: 20px;float: left;margin-top: 18px;left: 50%;margin-left: -220px;margin-bottom: 16px;}
 .searchs .select select{-webkit-appearance: none;appearance:none;-moz-appearance:none;position: absolute;width: 100px;height: 40px;line-height: 40px;color: #f18101;display: inline-block;border: none;font-size: 16px;left:10px;border-radius:10px;background: url(../../../img/think_top.png) no-repeat center right;padding-left: 22px;}
 .searchs .select select:focus{outline: none;}
+
+.searchs .select{text-align: center;font-size: 18px;line-height: 40px;width: 110px;position: absolute;left: 0px;top: 0;color: #ffb200;}
 #search_on input{position: absolute;top: 0;left: 110px;width: 240px;height: 40px;line-height: 40px;border: none;border-left: 1px solid #CCCCCC;background: #ffffff;padding-left: 5px;font-size: 14px;color: #777777;}
-.searchs .select select option:focus{outline: none;border: none;}
-.searchs .select select option{text-align: center;border:1px solid red!important;background: #FFFFFF;display: block;-webkit-appearance: none;appearance:none;-moz-appearance:none;}
+
 .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;top: 0;background: url(../../../img/think_search.png) no-repeat center center;border: none;}
 .searchs button:focus{outline: none;}
 
@@ -80,7 +81,7 @@
 .invest_right h5{width: 88px;height: 38px;background:#2f85d0;font-size: 16px;color: #ffffff;font-weight: normal;text-align: center; line-height: 38px;margin: 0;}
 .invest_right ul li:first-child{border-top: 1px solid #cccccc;}
 .invest_right ul li{height: 74px;border-bottom: 1px solid #cccccc;width: 240px;}
-.invest_right ul li p{line-height: 40px;}
+.invest_right ul li p{line-height: 40px;width: 220px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 .invest_right ul li time{font-size: 12px;color:#888888;}
 .invest_right ul li:hover p,.invest_right ul li:hover time{color: #ffbc09;}
 

+ 6 - 124
src/js/index.js

@@ -3,6 +3,7 @@ import 'bootstrap/dist/js/bootstrap.js';
 import '../css/public.css'; 
 import '../css/index_home.css';
 import './public.js';
+import './main_banner.js';
 
 $(function(){
 	var k=0;
@@ -11,139 +12,20 @@ $(function(){
 	$('.need_next').click(function(){
 		k++;
 		if(k>lilengths-3){							
-			k=0
+			k=lilengths-3
 		}				
-		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000)	
+		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},500)	
 			
 	});
 	$('.need_prev').click(function(){
 		k--;
 		if(k<0){
-			k=lilengths-3
+			k=0
 		}
-		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000)
+		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},500)
 	});
 	//首页轮播图
-	(function(){
-		var  $imgBig=$('.ct-img-big'),
-			$btnNext=$('.btn-next'),
-			$btnPre=$('.btn-pre'),
-			$CT = $('.carousel_top'),
-			$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.width( $imgWidth*$imgBig.children().length)//这时的个数是添加完以后的个数
-		$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'},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'},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');
-			$(".banner_all span").removeClass("text-block").eq(pageIndex).addClass("text-block");
-		}
-//自动轮播 鼠标进入鼠标离开
-		var timer =setInterval(function(){
-			playNext();
-
-		},2000);
-		$CT.hover(function(){
-			clearInterval(timer)
-		},function(){
-			timer =setInterval( function(){
-				playNext();
-
-			},2000)
-		});
-		$imgSmall.hover(function(){
-			clearInterval(timer)
-		},function(){
-			timer =setInterval( function(){
-				playNext();
-
-			},2000)
-		});
-		$btnNext.hover(function(){
-			clearInterval(timer)
-		},function(){
-			timer =setInterval( function(){
-				playNext();
-
-			},2000)
-		});
-		$btnPre.hover(function(){
-			clearInterval(timer)
-		},function(){
-			timer =setInterval( function(){
-				playNext();
-
-			},2000)
-		});
-	})();
+	
 });
 
 

+ 5 - 0
src/js/member.js

@@ -0,0 +1,5 @@
+import '../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../css/public.css';
+import '../css/member.css';
+import './public.js';

+ 2 - 1
src/js/public.js

@@ -69,7 +69,8 @@ $(function(){
 		$('#Lo_user').css({color:'#333333'});
 	})	
 //	登陆事件
-	$('.login').hide()
+	$('.login').hide();
+
 	$('.head_login').click(function(e){
 		e.preventDefault();
 		$('.login').fadeIn(800)

+ 1 - 0
src/js/service/propertyRight.js

@@ -10,6 +10,7 @@ $(function(){
 	$('.propery_imgs ul li').eq(0).show().siblings().hide();
 	$('.propery_list ol li').click(function(){
 		var olt=$(this).index();
+		$(this).addClass('that').siblings().removeClass('that');
 		$('.propery_imgs ul li').eq(olt).fadeIn(1000).siblings().fadeOut(1000);
 	})
 	//倒计时		

+ 4 - 11
src/js/thinkTank/policyList.js

@@ -18,7 +18,7 @@ $(function(){
 	    $.ajax({
 	        method: "get",
 	        dataType: "json",
-	        url: globalConfig.context + "/portal/news/list",
+	        //url: globalConfig.context + "/portal/news/list",
 	        data: {
 	            pageNo: pageNo || 1,
 	            pageSize: pageSize,
@@ -121,14 +121,7 @@ $(function(){
     $('.invest_imglist ul').on('click', 'li', function () {  
     	var theId = $(this).attr('value');       
         window.open(globalConfig.context + '/portal/thinkTank/thinkerDetail.html?id=' + theId );
-    })  
-	//搜索城市下拉
-	var addlength=provinceList.length;
-	var soption='';	
-	for(var i=0;i<addlength;i++){		
-		soption+="<option value='"+provinceList[i].id+"'>"+provinceList[i].name+"</option>";			
-	};	
-	$('#selt').html(soption);
+    })  	
 	//导航城市添加
 	var industryListArr = [],
         industryChildrenArr = [];
@@ -160,9 +153,9 @@ $(function(){
     //搜索时
     $('#btn_search').click(function(e){
     	e.preventDefault();
-    	var sel= $('.select select').val();
+    	var citys=$('#industryList .active').attr('value');   	   	
     	var val_inp=$('#search_on input').val();   	
-    	Province=sel;    	
+    	Province=citys;    	
     	theKeyword=val_inp;
     	loadDate();
     })

+ 372 - 380
template/index.html

@@ -12,28 +12,27 @@
 
 </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><!-- class="active"-->
-				<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">注册</a>
-			<a href="javascript:;" class="head_login">登陆</a>
-			<a href="">关于我们</a>
+	<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><!-- class="active"-->
+					<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">注册</a>
+				<a href="javascript:;" class="head_login">登录</a>
+				<a href="">关于我们</a>
+			</div>
 		</div>
-	</div>
-</header>
-<div class="banner_all container">
-	<div class="carousel_top">
+	</header>
+	<div class="carouselt">
 		<ul class="ct-img-big clear">
 			<li data-index=0 ><a href=""><img src="../img/highTech_slide_1.jpg" alt=""/></a></li>
 			<li data-index=1 ><a href=""><img src="../img/highTech_slide_2.jpg" alt=""/></a></li>
@@ -41,392 +40,385 @@
 			<li data-index=3 ><a href=""><img src="../img/highTech_slide_4.jpg" alt=""/></a></li>
 			<li data-index=4 ><a href=""><img src="../img/highTech_slide_5.jpg" alt=""/></a></li>
 		</ul>
+		<a class="btn btn-next" href="">
+			<img src="../img/index_next.png" alt=""/>
+		</a>
+		<a class="btn btn-pre" href="">
+			<img src="../img/index_pre.png" alt=""/>
+		</a>
 	</div>
-	<a class="btnl btn-next" href="">
-		<img src="../img/index_next.png" alt=""/>
-	</a>
-	<a class="btnl btn-pre" href="">
-		<img src="../img/index_pre.png" alt=""/>
-	</a>
-	<ul class="ct-img-small clear">
-		<li class="active"><img src="../img/highTech_slide_1.jpg" alt=""/></li>
-		<li><img src="../img/highTech_slide_2.jpg" alt=""/></li>
-		<li><img src="../img/highTech_slide_3.jpg" alt=""/></li>
-		<li><img src="../img/highTech_slide_4.jpg" alt=""/></li>
-		<li><img src="../img/highTech_slide_5.jpg" alt=""/></li>
-	</ul>
-    <span class="text-block">
-        <h2>一、让每一项优秀的技术产生价值</h2>
-    </span>
-    <span>
-        <h2>二、让每一笔资金能增值</h2>
-    </span>
-     <span>
-        <h2>三、让每一位专家不被埋没</h2>
-    </span>
-     <span>
-        <h2>四、让每一家公司蒸蒸日上</h2>
-    </span>
-     <span>
-        <h2>五、让每一个创业者实现梦想</h2>
-    </span>
-</div>
-<div class="index_activity">
-	<div class="container">
-		<ul>
-			<li>
-				<strong>46</strong>
-				<p>线下活动</p>
-			</li>
-			<li>
-				<strong>46</strong>
-				<p>线下活动</p>
-			</li>
-			<li>
-				<strong>46</strong>
-				<p>线下活动</p>
-			</li>
-			<li>
-				<strong>46</strong>
-				<p>线下活动</p>
-			</li>
-			<li>
-				<strong>46</strong>
-				<p>线下活动</p>
-			</li>
-			<li>
-				<strong>46</strong>
-				<p>线下活动</p>
-			</li>
-		</ul>
-		<form action="">
-			<img src="../img/search.png" alt="" class="search" alt="搜索"/>
-			<input type="text" name="" id="" placeholder="科技转移" />
-			<img src="../img/index_use.png" class="index_use" alt="用户"/>
-		</form>
-	</div>
-</div>
-<div id="active">
-	<div class="coupon rf">
-		<div class="coupon_cont lf">
-			<h2>200元</h2>
-			<p>什么项目满2000减</p>
-		</div>
-		<div class="coupon_cont lf">
-			<h2>200元</h2>
-			<p>什么项目满2000减</p>
-		</div>
-		<div class="coupon_cont lf">
-			<h2>200元</h2>
-			<p>什么项目满2000减</p>
-		</div>
-		<div class="coupon_cont lf">
-			<h2>200元</h2>
-			<p>什么项目满2000减</p>
-		</div>
-	</div>
-	<div class="title">
-		<p>科技服务促销</p>
-	</div>
-	<div class="line"></div>
-</div>
-<div id="product">
-	<div class="caption">精品成果</div>
-	<div class="content">
-		<div class="cont cont_top1">
-			<a href="#">
-				<div class="img">
-					<img src="../img/product1.jpg" alt=""/>
-				</div>
-				<div class="text">
-					<h2>无人机项目满2000减200</h2>
-					<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
-				</div>
-			</a>
-		</div>
-		<div class="cont cont_bottom1">
-			<a href="#">
-				<div class="img">
-					<img src="../img/product2.jpg" alt=""/>
-				</div>
-				<div class="text">
-					<h2>无人机项目满2000减200</h2>
-					<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
-				</div>
-			</a>
-		</div>
-		<div class="cont cont_top2">
-			<a href="#">
-				<div class="img">
-					<img src="../img/product3.jpg" alt=""/>
-				</div>
-				<div class="text">
-					<h2>无人机项目满2000减200</h2>
-					<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
-				</div>
-			</a>
-		</div>
-		<div class="cont cont_bottom2">
-			<a href="#">
-				<div class="img">
-					<img src="../img/product4.jpg" alt=""/>
-				</div>
-				<div class="text">
-					<h2>无人机项目满2000减200</h2>
-					<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
-				</div>
-			</a>
-		</div>
-		<div class="cont cont_top3">
-			<a href="#">
-				<div class="img">
-					<img src="../img/product5.jpg" alt=""/>
-				</div>
-				<div class="text">
-					<h2>无人机项目满2000减200</h2>
-					<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
+	
+	<div class="index_activity">
+		<div class="container">
+			<ul>
+				<li>
+					<strong>46</strong>
+					<p>线下活动</p>
+				</li>
+				<li>
+					<strong>46</strong>
+					<p>线下活动</p>
+				</li>
+				<li>
+					<strong>46</strong>
+					<p>线下活动</p>
+				</li>
+				<li>
+					<strong>46</strong>
+					<p>线下活动</p>
+				</li>
+				<li>
+					<strong>46</strong>
+					<p>线下活动</p>
+				</li>
+				<li>
+					<strong>46</strong>
+					<p>线下活动</p>
+				</li>
+			</ul>
+			<!--<form action="">
+				<p class="index_use">需求</p>
+				<div class="index_select">
+					<p>需求</p>
+					<p>专利</p>
 				</div>
-			</a>
+				<input type="text" name="" id="" placeholder="科技转移" />			
+				<img src="../img/search.png" alt="" class="search" alt="搜索"/>
+			</form>-->
 		</div>
 	</div>
-</div>
-<div id="policy">
-	<div class="caption">政策解读</div>
-	<div class="pol_cont">
-		<div class="pol_left">
-			<img src="../img/policy.jpg" alt=""/>
-			<div class="pol_left_cont">
-				<h3>成都科德向中国科协进行工作汇报</h3>
-				<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
-				</p>
-				<div class="pol_bottom">
-					<div class="more rf"><a href="#">MORE+</a></div>
-					<div class="data">2017-08-15</div>
-				</div>
+	<div id="active">
+		<div class="coupon rf">
+			<div class="coupon_cont lf">
+				<h2>200元</h2>
+				<p>什么项目满2000减</p>
 			</div>
-		</div>
-		<div class="pol_right">
-			<div class="pol_right_big">
-				<h3>成都科德向中国科协进行工作汇报</h3>
-				<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
-				</p>
-				<div class="pol_bottom">
-					<div class="more rf"><a href="">MORE+</a></div>
-					<div class="data">2017-08-15</div>
-				</div>
+			<div class="coupon_cont lf">
+				<h2>200元</h2>
+				<p>什么项目满2000减</p>
 			</div>
-			<div class="pol_right_sm">
-				<h3>成都科德向中国科协进行工作汇报</h3>
-				<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
-				</p>
-				<div class="pol_bottom">
-					<div class="more rf"><a href="#">MORE+</a></div>
-					<div class="data">2017-08-15</div>
-				</div>
+			<div class="coupon_cont lf">
+				<h2>200元</h2>
+				<p>什么项目满2000减</p>
 			</div>
-			<div class="pol_right_sm pol_act">
-				<h3>成都科德向中国科协进行工作汇报</h3>
-				<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
-				</p>
-				<div class="pol_bottom">
-					<div class="more rf"><a href="#">MORE+</a></div>
-					<div class="data">2017-08-15</div>
-				</div>
+			<div class="coupon_cont lf">
+				<h2>200元</h2>
+				<p>什么项目满2000减</p>
 			</div>
 		</div>
+		<div class="title">
+			<p>科技服务促销</p>
+		</div>
+		<div class="line"></div>
 	</div>
-</div>
-<div class="need_main">
-	<div id="need">
-		<div class="caption">精品需求</div>
-		<span class="more"><a href="#">MORE+</a></span>
-		<div class="carousel">
-			<span class="need_prev"><</span>
-			<div class="need_imgs">
-				<ul>
-					<li>
-						<a href="#">
-							<img src="../img/need_img1.jpg" alt="" />
-							<p><span href="#">哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img2.jpg" alt="" />
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img3.jpg" alt="" />
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img1.jpg" alt="" />
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img2.jpg" alt="" />
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img3.jpg" alt=""/>
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img1.jpg" alt=""/>
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img2.jpg" alt=""/>
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-					<li>
-						<a href="#">
-							<img src="../img/need_img2.jpg" alt=""/>
-							<p>哪些明星项目不为啥东西将上档次想</p>
-						</a>
-					</li>
-				</ul>
+	<div id="product">
+		<div class="caption">精品成果</div>
+		<div class="content">
+			<div class="cont cont_top1">
+				<a href="#">
+					<div class="img">
+						<img src="../img/index_one.png" alt="" />
+						<img src="../img/product1.jpg" alt=""/>
+					</div>
+					<div class="text">
+						<h2>无人机项目满2000减200</h2>
+						<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
+					</div>
+				</a>
+			</div>
+			<div class="cont cont_bottom1">
+				<a href="#">
+					<div class="img">
+						<img src="../img/index_two.png" alt="" />
+						<img src="../img/product2.jpg" alt=""/>
+					</div>
+					<div class="text">
+						<h2>无人机项目满2000减200</h2>
+						<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
+					</div>
+				</a>
+			</div>
+			<div class="cont cont_top2">
+				<a href="#">
+					<div class="img">
+						<img src="../img/index_three.png" alt="" />
+						<img src="../img/product3.jpg" alt=""/>
+					</div>
+					<div class="text">
+						<h2>无人机项目满2000减200</h2>
+						<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
+					</div>
+				</a>
+			</div>
+			<div class="cont cont_bottom2">
+				<a href="#">
+					<div class="img">
+						<img src="../img/index_four.png" alt="" />
+						<img src="../img/product4.jpg" alt=""/>
+					</div>
+					<div class="text">
+						<h2>无人机项目满2000减200</h2>
+						<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
+					</div>
+				</a>
+			</div>
+			<div class="cont cont_top3">
+				<a href="#">
+					<div class="img">
+						<img src="../img/index_five.png" alt="" />	
+						<img src="../img/product5.jpg" alt=""/>
+					</div>
+					<div class="text">
+						<h2>无人机项目满2000减200</h2>
+						<p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
+					</div>
+				</a>
 			</div>
-			<span class="need_next">></span>
 		</div>
 	</div>
-</div>
-<div id="bottom">
-	<div class="bottom">
-		<div class="bottom_text">
-			<div class="text_top">
-				<a href="#">关于公司/</a>
-				<a href="#">联系我们</a>
-				<p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
-					-2 技术支持:湖南阿凡提科技有限公司</p>
+	<div id="policy">
+		<div class="captions">政策解读</div>
+		<div class="pol_cont">
+			<div class="pol_left">
+				<img src="../img/policy.jpg" alt=""/>
+				<div class="pol_left_cont">
+					<h3>成都科德向中国科协进行工作汇报</h3>
+					<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
+					</p>
+					<div class="pol_bottom">
+						<div class="more rf"><a href="#">MORE+</a></div>
+						<div class="data">2017-08-15</div>
+					</div>
+				</div>
 			</div>
-			<div class="text_center">
-				<div class="cont_left">
-					<img src="../img/dizhi.jpg" alt=""/>
-					<p>湖南省长沙市营盘东路19号金山大厦</p>
+			<div class="pol_right">
+				<div class="pol_right_big">
+					<h3>成都科德向中国科协进行工作汇报</h3>
+					<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
+					</p>
+					<div class="pol_bottom">
+						<div class="more rf"><a href="">MORE+</a></div>
+						<div class="data">2017-08-15</div>
+					</div>
 				</div>
-				<div class="cont_center">
-					<img src="../img/dianhua.jpg" alt=""/>
-					<p>合作电话:0731-89907207</p>
-					<p>400-8800-962八楼</p>
+				<div class="pol_right_sm">
+					<h3>成都科德向中国科协进行工作汇报</h3>
+					<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
+					</p>
+					<div class="pol_bottom">
+						<div class="more rf"><a href="#">MORE+</a></div>
+						<div class="data">2017-08-15</div>
+					</div>
 				</div>
-				<div class="cont_right">
-					<img src="../img/erweima.jpg" alt=""/>
-					<p>科德公众号</p>
+				<div class="pol_right_sm pol_act">
+					<h3>成都科德向中国科协进行工作汇报</h3>
+					<p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
+					</p>
+					<div class="pol_bottom">
+						<div class="more rf"><a href="#">MORE+</a></div>
+						<div class="data">2017-08-15</div>
+					</div>
 				</div>
 			</div>
-			<div class="text_bottom">
-				<p>友情链接</p>
-				<a href="http://www.hnst.gov.cn/">湖南省科技厅/</a>
-				<a href="http://www.cssti.cn/">长沙市科技局/</a>
-				<a href="http://www.cast.org.cn/">中国科学技术协会/</a>
-				<a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
-				<a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
-				<a href="http://www.nast.org.cn/">国家科技成果网/</a>
-				<a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
-				<a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
-				<a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
-				<a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
-				<a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
-				<a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
-				<a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
-				<a href="http://www.jxas.ac.cn/">江西省科学院/</a>
-				<a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
-				<a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
-				<a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
-				<a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
-				<a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
-				<a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
-				<a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
-			</div>
 		</div>
 	</div>
-
-</div>
-<div class="pub_fix">
-	<span class="index_blur"></span>
-	<ul class="ret_top">
-		<li>
-			<a href="">
-				<img src="../img/index_fix1.png" alt="" />
-				<p>发布需求</p>
-			</a>
-		</li>
-		<li>
-			<a href="">
-				<img src="../img/index_fix2.png" alt="" />
-				<p>发布技术</p>
-			</a>
-		</li>
-		<li>
-			<a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
-				<img src="../img/index_fix3.png" alt="" />
-				<p>联系客服</p>
-			</a>
-		</li>
-		<li>
-			<a href="" class="pendent_box">
-				<img src="../img/index_fix4.png" alt="" />
-				<p>返回顶部</p>
-			</a>
-		</li>
-	</ul>
-	<span class="index_orange"></span>
-</div>
-<!--登陆页面-->
-
-<div class="login">
-	<div class="login_mian">
-		<div class="login_left">
-			<div class="login_ewm">
-				<img src="../img/login_ewm.png" alt="二维码" />
+	<div class="need_main">
+		<div id="need">
+			<div class="caption">精品需求</div>
+			<span class="more"><a href="#">MORE+</a></span>
+			<div class="carousel">
+				<span class="need_prev"><</span>
+				<div class="need_imgs">
+					<ul>
+						<li>
+							<a href="#">
+								<img src="../img/need_img1.jpg" alt="" />
+								<p><span href="#">哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img2.jpg" alt="" />
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img3.jpg" alt="" />
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img1.jpg" alt="" />
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img2.jpg" alt="" />
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img3.jpg" alt=""/>
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img1.jpg" alt=""/>
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img2.jpg" alt=""/>
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+						<li>
+							<a href="#">
+								<img src="../img/need_img2.jpg" alt=""/>
+								<p>哪些明星项目不为啥东西将上档次想</p>
+							</a>
+						</li>
+					</ul>
+				</div>
+				<span class="need_next">></span>
 			</div>
-			<p>扫描二维码下载官方</p>
-			<p>技淘APP</p>
 		</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 id="bottom">
+		<div class="bottom">
+			<div class="bottom_text">
+				<div class="text_top">
+					<a href="#">关于公司/</a>
+					<a href="#">联系我们</a>
+					<p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
+						-2 技术支持:湖南阿凡提科技有限公司</p>
 				</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 class="text_center">
+					<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>合作电话:0731-89907207</p>
+						<p>400-8800-962八楼</p>
+					</div>
+					<div class="cont_right">
+						<img src="../img/erweima.jpg" alt=""/>
+						<p>科德公众号</p>
+					</div>
 				</div>
-				<div class="login_check">
-					<label for="checks" class="lab_check">
-						<input type="checkbox" name="type" id="checks" />专家
-					</label>
-					<label for="checkst" class="lab_checkno">
-						<input type="checkbox" name="type" id="checkst" />企业
-					</label>
-					<u><a href="">忘记密码?</a></u>
+				<div class="text_bottom">
+					<p>友情链接</p>
+					<a href="http://www.hnst.gov.cn/">湖南省科技厅/</a>
+					<a href="http://www.cssti.cn/">长沙市科技局/</a>
+					<a href="http://www.cast.org.cn/">中国科学技术协会/</a>
+					<a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
+					<a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
+					<a href="http://www.nast.org.cn/">国家科技成果网/</a>
+					<a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
+					<a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
+					<a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
+					<a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
+					<a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
+					<a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
+					<a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
+					<a href="http://www.jxas.ac.cn/">江西省科学院/</a>
+					<a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
+					<a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
+					<a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
+					<a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
+					<a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
+					<a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
+					<a href="http://www.cbtm.gov.cn/">技术合同登记官网</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"/>
+			</div>
+		</div>
+	
+	</div>
+	<div class="pub_fix">
+		<span class="index_blur"></span>
+		<ul class="ret_top">
+			<li>
+				<a href="">
+					<img src="../img/index_fix0.png" alt="" />
+					<p>申请会员</p>
+				</a>
+			</li>
+			<li>
+				<a href="">
+					<img src="../img/index_fix1.png" alt="" />
+					<p>发布需求</p>
+				</a>
+			</li>
+			<li>
+				<a href="">
+					<img src="../img/index_fix2.png" alt="" />
+					<p>发布技术</p>
+				</a>
+			</li>
+			<li>
+				<a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+					<img src="../img/index_fix3.png" alt="" />
+					<p>联系客服</p>
+				</a>
+			</li>
+			<li>
+				<a href="" class="pendent_box">
+					<img src="../img/index_fix4.png" alt="" />
+					<p>返回顶部</p>
+				</a>
+			</li>
+		</ul>
+		<span class="index_orange"></span>
+	</div>
+	<!--登陆页面-->
+	
+	<div class="login">
+		<div class="login_mian">
+			<div class="login_left">
+				<div class="login_ewm">
+					<img src="../img/login_ewm.png" alt="二维码" />
+				</div>
+				<p>扫描二维码下载官方</p>
+				<p>技淘APP</p>
+			</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">
+						<label for="checks" class="lab_check">
+							<input type="checkbox" name="type" id="checks" />专家
+						</label>
+						<label for="checkst" class="lab_checkno">
+							<input type="checkbox" name="type" id="checkst" />企业
+						</label>
+						<u><a href="">忘记密码?</a></u>
+					</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"/>
+			</div>
 		</div>
+		<img src="../img/login_close.png" alt="" class="login_close"/>
 	</div>
-	<img src="../img/login_close.png" alt="" class="login_close"/>
-</div>
-<div class="smg"><input type="text" name="msg" value="111" id="msg"/></div>
+	<div class="smg"><input type="text" name="msg" value="111" id="msg"/></div>
 </body>
 
 </html>

+ 209 - 0
template/member.html

@@ -0,0 +1,209 @@
+<!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/bootstrap.css" />
+    <link rel="stylesheet" href="../src/css/public.css" />
+    <link rel="stylesheet" type="text/css" href="../src/css/member.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">注册</a>
+				<a href="javascript:;" class="head_login">登陆</a>
+				<a href="">关于我们</a>
+			</div>
+		</div>
+	</header>
+	<!--主体内容区域开始-->
+	<div class="member">
+		<div class="member_contant">
+			<h3>申请会员获得更多增值服务</h3>
+			<div class="member_main">							
+				<div class="member_on">
+					<h5><img src="../img/member_1.jpg" alt="" />提供的专属服务</h5>
+					<p>科技成果,专家信息定点推送</p>
+					<p>查看专家的联系方式</p>
+					<p>任何业务申请,付费业享受会员专属折扣</p>
+					<p>一对一的技术经纪人服务,进行技术成果媒合服务</p>
+					<p>一对一的科技咨询师服务</p>
+					<ul class="member_left">
+						<li>1400元/6个月</li>
+						<li  class="then"><span>限时折扣</span><br /><time>800元/3个月</time></li>
+						<li>2000元/12个月</li>
+					</ul>
+				</div>	
+				<div class="partingline"></div>
+				<div class="member_on">	
+					<h5 class="blur"><img src="../img/member_2.jpg" alt="" />提供的专属服务</h5>
+					<p>科技成果,专家信息定点推送</p>
+					<p>查看专家的联系方式</p>
+					<p>任何业务申请,付费业享受会员专属折扣</p>
+					<p>一对一的技术经纪人服务,进行技术成果媒合服务</p>
+					<p>一对一的科技咨询师服务</p>
+					<p>一对一的专业技术顾问,搜集技术情报,提供研发高参</p>
+					<ul>
+						<li>3500元/6个月</li>
+						<li class="then"><span>限时折扣</span><br /><time>2000元/3个月</time></li>
+						<li>5000元/12个月</li>
+					</ul>
+				</div>	
+			</div>
+			<img src="../img/member_4.png" alt="黄金会员" class="gold"/>
+			<img src="../img/member_7.jpg" alt="钻石会员" class="diamond"/>
+									
+		</div>
+		<div  class="shadow">
+		<img src="../img/shadow7.png" alt=""/>
+		</div>
+	</div>
+	<!--主体内容区域结束-->
+	<div id="bottom">
+		<div class="bottom">
+			<div class="bottom_text">
+				<div class="text_top">
+					<a href="#">关于公司/</a>
+					<a href="#">联系我们</a>
+					<p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
+						-2 技术支持:湖南阿凡提科技有限公司</p>
+				</div>
+				<div class="text_center">
+					<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>合作电话:0731-89907207</p>
+						<p>400-8800-962八楼</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/">湖南省科技厅/</a>
+					<a href="http://www.cssti.cn/">长沙市科技局/</a>
+					<a href="http://www.cast.org.cn/">中国科学技术协会/</a>
+					<a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
+					<a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
+					<a href="http://www.nast.org.cn/">国家科技成果网/</a>
+					<a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
+					<a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
+					<a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
+					<a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
+					<a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
+					<a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
+					<a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
+					<a href="http://www.jxas.ac.cn/">江西省科学院/</a>
+					<a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
+					<a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
+					<a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
+					<a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
+					<a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
+					<a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
+					<a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
+				</div>
+			</div>
+		</div>
+	
+	</div>
+	<div class="pub_fix">
+		<span class="index_blur"></span>
+		<ul class="ret_top">
+			<li>
+				<a href="">
+					<img src="../img/index_fix1.png" alt="" />
+					<p>发布需求</p>
+				</a>
+			</li>
+			<li>
+				<a href="">
+					<img src="../img/index_fix2.png" alt="" />
+					<p>发布技术</p>
+				</a>
+			</li>
+			<li>
+				<a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+					<img src="../img/index_fix3.png" alt="" />
+					<p>联系客服</p>
+				</a>
+			</li>
+			<li>
+				<a href="" class="pendent_box">
+					<img src="../img/index_fix4.png" alt="" />
+					<p>返回顶部</p>
+				</a>
+			</li>
+		</ul>
+		<span class="index_orange"></span>
+	</div>
+	<!--登陆页面-->
+	
+	<div class="login">
+		<div class="login_mian">
+			<div class="login_left">
+				<div class="login_ewm">
+					<img src="../img/login_ewm.png" alt="二维码" />
+				</div>
+				<p>扫描二维码下载官方</p>
+				<p>技淘APP</p>
+			</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">
+						<label for="checks" class="lab_check">
+							<input type="checkbox" name="type" id="checks" />专家
+						</label>
+						<label for="checkst" class="lab_checkno">
+							<input type="checkbox" name="type" id="checkst" />企业
+						</label>
+						<u><a href="">忘记密码?</a></u>
+					</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"/>
+			</div>
+		</div>
+		<img src="../img/login_close.png" alt="" class="login_close"/>
+	</div>
+	<div class="smg"><input type="text" name="msg" value="111" id="msg"/></div>
+	</div>
+</body>
+<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
+<!--<script type="text/javascript" src="../src/js/member.js"></script>-->
+<!--<script type="text/javascript" src="../src/js/public.js"></script>-->-->
+
+</html>

+ 1 - 3
template/thinkTank/policyList.html

@@ -92,9 +92,7 @@
 					</div>					
 					<div class="searchs">
 		 				<div class="select">
-		 					<select name="" id="selt">
-		 											
-		 					</select>	 					
+		 					搜一搜	 					
 		 				</div> 				
 		 				<div id="search_on">					
 		 					<input type="search" placeholder="高新"/>

+ 6 - 0
webpack.config.js

@@ -48,6 +48,12 @@ module.exports = (function () {
             chunks: ['register', 'vendors']
         }),
         new HtmlWebpackPlugin({
+            title: '会员',
+            filename: 'html/member.html',
+            template: './template/member.html',
+            chunks: ['member', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
             title: '科技交易',
             filename: 'html/technologyTrading.html',
             template: './template/technologyTrading.html',

+ 5 - 0
webpack/entry.config.js

@@ -3,6 +3,7 @@ module.exports = {
         'index': './src/js/index.js',
         'service': './src/js/service.js',
         'register': './src/js/register.js',
+        'member': './src/js/member.js',
         'technologyTrading': './src/js/technologyTrading.js',
         'thinkTank': './src/js/thinkTank.js',
         'financialIndex': './src/js/financialIndex.js',
@@ -31,6 +32,10 @@ module.exports = {
             'webpack/hot/only-dev-server',
             './src/js/register.js'
         ],
+        'member': ['webpack-dev-server/client?http://127.0.0.1:80',
+            'webpack/hot/only-dev-server',
+            './src/js/member.js'
+        ],
         'technologyTrading': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading.js'