Browse Source

机构及其详情

ws2z3gr2017 7 years ago
parent
commit
292f82c51d

BIN
img/inverDatails_25.png


BIN
img/inverDatails_love.png


BIN
img/inverDatauuils_30.png


BIN
img/inverDetails_01.png


BIN
img/inverDetails_10.png


BIN
img/inverDetails_11.png


BIN
img/inverDetails_left.png


BIN
img/investment_01.png


BIN
img/investment_02.png


BIN
img/investment_03.png


+ 50 - 0
src/css/financial/investmentDetail.css

@@ -0,0 +1,50 @@
+.main_top{width: 1330px;margin: -200px auto 0px; position: relative;z-index: 9999;}
+.head_bj{width: 1330px;background: url(../../../img/investment_01.png) no-repeat center;background-size:100% 100% ;height: 300px;}
+.container{width: 1200px;}
+.main_top .container>ul{overflow: hidden;}
+.main_top .container>ul>li{float: left;margin-right:10px ;line-height: 30px;height: 30px;margin-bottom: 30px;margin-top: 68px;}
+.main_top ul li a{color: #787878;font-size: 14px;}
+.main_top ul li.that a{color: #000000;}
+.main_top ul li img{vertical-align: top;margin-top: 4px;}
+.detail_contant{margin-top: -160px;}
+
+
+.detail_left{float: left;}
+.detail_left .introduction{width: 650px;background: #fcfaf9;padding-top:38px;padding-left: 30px;padding-bottom: 90px;padding-right: 30px;margin-bottom: 20px;}
+.detail_left .introduction h4{font-weight:normal;font-size: 20px;color: #074d88;margin-bottom: 20px;}
+.detail_left .introduction P{font-size: #5f5e5e;color: #5f5e5e;line-height: 26px;}
+.list_logo{width: 650px;}
+.list_logo h4{font-weight: normal;font-size: 20px;color: #074d88;margin-top:40px ;margin-bottom: 20px;}
+.list_logo .list_imgs{background:#fcfaf9;height: 82px;}
+.list_imgs{position: relative;z-index: 10;}
+.list_imgs .need_prev{position: absolute;left: 20px;top: 19px;}
+.list_imgs .need_next{position: absolute;right: 20px;top: 19px;}
+.list_imgs ol {float: left;width: 100000px;}
+.list_imgs ol li img{width:46px ;height: 46px;}
+.list_imgs ol li:hover{border: 1px solid #CCCCCC;}
+.list_imgs ol li {width:94px;float: left;text-align: center;border: 1px solid transparent;}
+.list_imgs span img{vertical-align: top;margin-top: 15px;}
+.detail_right{float: right;margin-right: 20px;}
+.list_imgs span:hover{cursor: pointer;}
+/*轮播*/
+.list_width{position: absolute;top:18px;left: 40px;overflow: hidden;width: 564px;}
+
+.detail_right{width: 450px;}
+.detail_right .institutions_love {position: relative;z-index: 10;height: 260px;}
+.institutions_love>img{width: 450px;top: 0;height: 260px;}
+.institutions_love .love_text{position:absolute ;background: rgba(255,255,255, .5);width: 450px;height: 38px;line-height: 38px;bottom: 0;}
+.love_text p{float: left;margin-left:56px ;}
+.love_text p span{color: #ffb200;}
+.love_text p img{vertical-align: top;margin-top: 12px;}
+.institutions_top h4{font-weight: normal;font-size: 20px;color: #074d88;margin-top: 14px;margin-bottom: 14px;}
+.institutions_top>p{font-size: 14px;color:#1c1c1c;line-height: 30px;}
+.institutions_top>p span{color: #5f5e5e;}
+.institutions_top>a{font-size: 16px;width: 150px;height: 42px;background: #ffb200;color: #ffffff;font-size: 16px;line-height: 42px;text-align: center;display: inline-block;margin-top: 20px;margin-bottom: 26px;}
+.institutions_bottom h4{font-size: 20px;color: #1c1c1c;margin-bottom:22px;}
+.institutions_bottom ul li img{width: 50px;height: 50px;border-radius: 50%;float: left;}
+.institutions_bottom ul li div{float: left;margin-left: 8px;width: 340px;font-size: 12px;}
+.institutions_bottom ul li{clear: both;margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #cccccc;overflow: hidden;}
+.institutions_bottom ul li div p span{color: #15578f;margin-left: 16px;}
+
+.h_fix{z-index: 9999;}
+#bottom{margin-top: 60px;}

+ 74 - 0
src/css/financial/investmentInstitution.css

@@ -0,0 +1,74 @@
+.main_top{width: 1330px;margin: -200px auto 0px; position: relative;z-index: 9999;}
+.head_bj{width: 1330px;background: url(../../../img/investment_01.png) no-repeat center;background-size:100% 100% ;}
+.container{width: 1200px;}
+.main_top .container>ul{overflow: hidden;}
+.main_top .container>ul>li{float: left;margin-right:10px ;line-height: 30px;height: 30px;margin-bottom: 30px;margin-top: 68px;}
+.main_top ul li a{color: #787878;font-size: 14px;}
+.main_top ul li.that a{color: #000000;}
+.main_top .detail_toptitle li img{vertical-align: top;margin-top: 4px;}
+
+.portal-content{background: #f7f5f5;border: 1px solid #d7d6d6;clear: both;overflow: hidden;}
+.search-criteria {margin-bottom: 15px;margin-top: 16px;}    
+.search-select ul li{float: left;margin-right: 0px;margin-bottom: 10px; height: 30px; line-height: 30px; padding: 0 10px;font-size: 12px;border: 1px solid transparent;}
+#industryList>li.active{background: #ffb200;}
+#industryList>li.active span{color:#ffffff}
+#industryList>li span { font-size: 12px; line-height: 26px;color: #666; }        
+#industryList>li:hover{cursor: pointer;}
+.search-title span{width: 88px;height: 38px;background: #2f85d0;color: #ffffff;line-height: 38px;display: inline-block;text-align: center;}
+.search-select{margin-top: 4px;}
+.portal-content{padding-left: 10px;}
+.search-select ul li label{font-weight: normal;color:#666;}
+.search-select ul li input{margin-left: 10px;visibility: hidden;}
+.search-select ul li .patent{background: url(../../../img/achievement_check.jpg) no-repeat center right;background-size:34% 50%;}
+.search-select ul li .demand{background: url(../../../img/achievement_checkno.jpg) no-repeat center right;background-size:34% 50%;}
+.search-select ul li label:hover{cursor: pointer;}
+
+.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;}
+#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;}
+.searchs .select select option{text-align: center;border:1px solid transparent;background: #FFFFFF;display: block;}
+.searchs .select select option:hover{background: red;}
+.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;}
+
+/*分页*/
+.pagination_box {margin-bottom: 130px;margin-top: 20px;clear: both;float: left;}  
+.pagination li{ float: left;margin-right: 12px;} 
+.pagination li.active a{background: #efb04e;color: #ffffff!important;border: 1px solid #efb04e;} 
+.pagination > li > a:hover,.pagination> li > a:focus{background: #efb04e!important;color: #ffffff;border: 1px solid #efb04e;outline: none!important;border: 1px solid #efb04e!important;}      
+.totalCount {color: #999;float: right;border: 1px solid #ddd;display: inline-block;padding-left: 10px;padding-right: 10px;height: 33px;line-height: 33px;margin-top: 20px;} 
+.pagination ul{float: left;}
+.pagination > li > a, .pagination > li > span{color: #333333;}
+
+.invest_left{width: 810px;float: left;}
+.invest_midt h6{font-size: 20px;color: #074d88;margin-top: 40px;margin-bottom: 12px;}
+
+.invest_txt{padding-left: 20px;padding-top: 26px;}
+.invest_txt h4{font-weight: normal;font-size: 14px;color: #393838;margin-bottom: 24px;}
+.invest_txt a{width: 76px;height: 24px;line-height: 24px;text-align: center;background: #ffb200;color: #ffffff;display: inline-block;float: right;margin-right: -15px;}
+
+
+.invest_imglist {clear: both;}
+.invest_imglist ul li{float: left;margin-left: 21px;margin-top: 16px;box-shadow: 0 0 10px #cccccc;}
+.invest_imglist ul li:nth-child(3n+1){margin-left: 0;}
+.invest_imglist ul li img{width: 256px;height: 160px;}
+.invest_imglist ul li P{width:220px;line-height: 36px;height: 36px;text-overflow:ellipsis ;overflow: hidden;white-space: nowrap;margin-top: 10px;margin-left: 15px;}
+.invest_imglist ul li a{width: 70px;height: 24px;border: 1px solid #d2d2d2;background: #ffffff;color: #ffbc09;text-align: center;float: right;margin-right: 6px;display: inline-block;margin-bottom: 15px;margin-top: 6px;font-size: 12px;}
+
+.invest_right{float: right;margin-right: 40px;}
+.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: 60px;border-bottom: 1px solid #cccccc;width: 240px;}
+.invest_right ul li p{line-height: 28px;}
+.invest_right ul li time{font-size: 12px;color:#888888;}
+
+.h_fix{z-index: 9999;}
+
+
+
+
+
+
+

+ 1 - 1
src/css/public.css

@@ -98,7 +98,7 @@ header .nav_right a:hover{color: #2a6597;}
 
 
 /*登陆页面*/
-.login{width: 100%;background: rgba(6,6,6,.4);position: fixed;top: 0;left: 0;z-index: 999;}
+.login{width: 100%;background: rgba(6,6,6,.4);position: fixed;top: 0;left: 0;z-index: 999999;}
 .login_mian{width: 600px;background: #ffffff;position: absolute;top: 50%;margin-top: -200px;left: 50%;margin-left: -300px;padding-left: 60px;padding-top: 60px;padding-bottom: 96px;}
 .login_left{float: left;padding-bottom: 10px;;}
 .login_left .login_ewm{width: 166px;padding-top: 34px;border-right: 1px solid #cccccc;padding-right: 30px;margin-bottom: 10px;}

+ 38 - 1
src/js/financial/investmentDetail.js

@@ -4,4 +4,41 @@ import '../../css/public.css';
 import '../../css/main_banner.css';
 import '../../js/public.js';
 import '../../js/main_banner.js';
-import '../../css/financial/investmentDetail.css';
+import '../../css/financial/investmentDetail.css';
+
+
+$(function(){
+	
+	var k=0;
+	var liwit=$('.need_imgs ol li').width();
+	var lilengths=$('.need_imgs ol li').length;	
+	function next(){
+		k++;		
+		if(k>lilengths-6){							
+			k=0
+		}				
+		$('.need_imgs ol').animate({'marginLeft':-(liwit)*k},1000)
+	};
+	
+	$('.need_next').click(function(){		
+		next()			
+	});
+	$('.need_prev').click(function(){
+		k--;		
+		if(k<0){
+			k=lilengths-6
+		}
+		$('.need_imgs ol').animate({'marginLeft':-(liwit)*k},1000)
+	});
+	var timer =setInterval(function(){
+			next();
+
+		},2000);
+	$('.list_imgs').hover(function(){
+		clearInterval(timer)
+	},function(){
+		timer =setInterval( function(){
+			next();
+		},2000)
+	});
+})

+ 158 - 1
src/js/financial/investmentInstitution.js

@@ -4,4 +4,161 @@ import '../../css/public.css';
 import '../../css/main_banner.css';
 import '../../js/public.js';
 import '../../js/main_banner.js';
-import '../../css/financial/investmentInstitution.css';
+import '../../css/financial/investmentInstitution.css';
+import {
+    provinceList
+    } from '../../js/NewDicProvinceList';
+
+$(function(){	
+	//数据处理	
+	var theKeyword,pageSize,Province;
+    var thePageNo = 1,
+    thePageLength = 1,
+    pageSize = 6;
+	function loadDate(pageNo) {
+	    $.ajax({
+	        method: "get",
+	        dataType: "json",
+	        url: globalConfig.context + "/portal/financial/search",
+	        data: {
+	            pageNo: pageNo || 1,
+	            pageSize: pageSize,
+	            keyword: theKeyword,
+	            provinceId: Province != 999 ? Province : undefined	           	             	           
+	        },
+	        success: function (data) {   	        	
+	            var theArr = [];
+	            var pages=data.data.totalCount%6;
+                var paget=data.data.totalCount/6; 
+                var page=1;
+	            if(data.data.totalCount<6||data.data.totalCount==null){
+	            	page=1
+	            }else{
+	            	page=pages=0?paget:Math.floor(paget)+1;
+	            }                 
+	            if (data.data && data.data.list) {
+	                for (let i = 0; i < data.data.list.length; i++) {
+	                    let thisdata = data.data.list[i];	                    	                    	                    
+	                    theArr.push([                                       	                   
+						    '<li value="'+thisdata+'">',
+       						'<img src="' + globalConfig.avatarHost + '/upload' + thisdata.publicityPictureUrl + '" alt="行业" />',
+       						'<p>' + thisdata.companyName + '</p>',
+       						'<a href="">MORE+</a>',
+       						'</li>',						    						    						    
+	                    ].join(''));
+	                };
+	            };
+	            $('.invest_right ul').empty();
+	            $('.invest_right ul').append(theArr.join(''));
+	            $('.totalCount').html("共 "+ page +" 页 " + data.data.totalCount + " 条数据");
+	            thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+	            var pageArr = [],
+	                firstNo = 1,
+	                endNo = 5;
+	            if (thePageNo > 3) {
+	                firstNo = thePageNo - 2;
+	                endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+	            } else {
+	                endNo = Math.min(thePageLength, 5);
+	            };
+	            for (let i = firstNo; i <= endNo; i++) {
+	                if (i == thePageNo) {
+	                    pageArr.push(
+	                        '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
+	                    );
+	                } else {
+	                    pageArr.push(
+	                        '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
+	                    );
+	                }
+	            };
+	            $('.pageNumber').remove();
+	            $('.pagePre').after(pageArr.join(''));
+	        },
+	    });
+	}
+    if (window.location.search) {
+        let theUrl = window.location.search
+        theKeyword = theUrl.substring(1, theUrl.length);
+        theKeyword = decodeURIComponent(theKeyword);
+        $('#search_on input').val(theKeyword);
+        var search_city=$('#selt').value;
+        Province=search_city
+    };
+    loadDate();
+    //点击分页
+    $('.pagination').on('click', 'li', function (e) {
+    	$(this).addClass('active').siblings().removeClass('active')
+        e.preventDefault();
+        thePageNo=$(this).val();
+        if (this.className === 'pagePre') {
+            if (thePageNo > 1) {
+                thePageNo = 1;                
+                loadDate(thePageNo);
+            }
+        } else if (this.className === 'pageNext') {
+            if (thePageNo < thePageLength) {
+                thePageNo = thePageLength;
+                loadDate(thePageNo);
+            }
+        } else {
+            var nextPageNo = $(this).children()[0].text;
+            if (thePageNo != nextPageNo) {
+                $(this).siblings("li").removeClass("active");
+                $(this).addClass("active");
+                thePageNo = nextPageNo;
+                loadDate(thePageNo);
+            };
+        };
+        
+    });
+    //链接详情
+    $('.invest_imglist ul').on('click', 'li', function () {  
+    	var theId = $(this).value;       
+        window.open(globalConfig.context + '/portal/detail/achievementDetail.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 = [];
+    industryListArr.push(['<li value="999" class="active">',
+        '<span>',
+        '不限',
+        '</span>',
+        '</li>',
+    ].join(''));
+    provinceList.map(function (item) {    	
+        industryListArr.push(['<li value="' +item.id + '">',
+            '<span>',
+            item.name,
+            '</span>',
+            '</li>',
+        ].join(''));
+    });
+    if (industryListArr && industryListArr.length) {
+        $('#industryList').append(industryListArr.join(''));
+    };
+    //点击城市时
+    $('#industryList li').click(function () {    	
+        var theValue = this.value;       
+        $(this).siblings("li").removeClass("active");
+        $(this).addClass("active");
+        Province=theValue;
+        loadDate();
+    }) 
+    //搜索时
+    $('#btn_search').click(function(e){
+    	e.preventDefault();
+    	var sel= $('.select select').val();
+    	var val_inp=$('#search_on input').val();   	
+    	Province=sel;    	
+    	theKeyword=val_inp;
+    	loadDate();
+    })
+})

+ 96 - 2
template/financial/investmentDetail.html

@@ -8,7 +8,7 @@
 	<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/bootstrap.css" />
     <link rel="stylesheet" href="../../src/css/public.css" />
     <link rel="stylesheet" href="../../src/css/main_banner.css" />
     <link rel="stylesheet" type="text/css" href="../../src/css/financial/investmentDetail.css"/>-->
@@ -59,7 +59,101 @@
 		</a>
 	</div>
   	<!--主体内容区域开始-->
-  
+ 	<div class="main_top">
+    	<div class="head_bj">
+	    	<div class="container">    		           
+	            <ul class="detail_toptitle">
+	            	<li><img src="../../img/detail_home.jpg" alt="" /></li>
+	            	<li>></li>
+	                <li><a href="#">科技金融  </a></li>
+	                <li>></li>               
+	                <li><a href="#">我要找资金   </a></li>
+	                <li>></li>
+	                <li><a href="#" >投资机构 </a></li>
+	                <li>></li>
+	                <li class="that"><a href="#" >那啥啥啥机构 </a></li>
+	            </ul>
+	        </div>
+	    </div>    
+        <div class="detail_contant container">
+        	<div class="detail_left">
+        		<div class="introduction">
+        			<h4>机构简介</h4>
+        			<p>T,无线电波,透视CT免息你对阿虎大坏蛋电弧好的hiU盾和的华文丢UI好的和温度胡好的对回电话ui淡黄色的吹百度F官方擦不是电话ZNX科媒那是八十多阿红说电话但是阿红说的哈就啊啊啊就爱就爱睡觉卡刷卡卡下面先教会的工业就大呼千万蝴蝶花千万赌并无
+电话全球五大匤哈我的。</p>
+        		</div>
+        		<div class="introduction">
+        			<h4>机构详情</h4>
+        			<p>T,无线电波,透视CT免息你对阿虎大坏蛋电弧好的hiU盾和的华文丢UI好的和温度胡好的对回电话ui淡黄色的吹百度F官方擦不是电话ZNX科媒那是八十多阿红说电话但是阿红说的哈就啊啊啊就爱就爱睡觉卡刷卡卡下面先教会的工业就大呼千万蝴蝶花千万赌并无
+电话全球五大匤哈我的。</p>
+        		</div>
+        		<div class="list_logo">
+        			<h4>投资案例</h4>
+        			<div class="list_imgs">
+        				<span class="need_prev"><img src="../../img/inverDetails_left.png" alt="" /></span>
+            			<div class="list_width need_imgs">
+	            			<ol>
+	            				<li><a href=""><img src="../../img/inverDetails_10.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_10.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_10.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>	
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_10.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_10.png" alt="" /></a></li>
+	            				<li><a href=""><img src="../../img/inverDetails_11.png" alt="" /></a></li>		            			   
+	            			</ol>
+            			</div>
+            			<span class="need_next"><img src="../../img/inverDatauuils_30.png" alt="" /></span>
+        			</div>
+        		</div>
+        	</div>
+        	<div class="detail_right">
+        		<div class="institutions_top">
+        			<div class="institutions_love">
+        				<img src="../../img/inverDetails_01.png" alt="" />
+        				<div class="love_text">
+        					<p><img src="../../img/inverDatails_love.png" alt="" /><span> 12 </span> 收藏</p>
+        					<p>线下约见<span> 32次</span></p>
+        				</div>
+        			</div>        			
+        			<h4>那啥啥机构</h4>
+        			<p>所在地:   <span>文丢UI</span></p>
+        			<p>机构简介:<span>度F官方擦不是电话ZNX科媒那是八十多阿红说电话但是阿红说的哈就啊啊啊就爱就爱睡觉卡刷卡卡下面先教会的工业就大呼千万蝴蝶花千万赌并无</span></p>        			
+        			<a href="">在线咨询</a>       			
+        		</div>
+        		<div class="institutions_bottom">
+        			<h4>相关机构</h4>
+        			<ul>
+        				<li>
+        					<img src="../../img/inverDatails_25.png" alt="" />
+        					<div>
+        						<p>好某些<span>农业协会会长</span></p>
+        						<p>CT,无线电波,透视CT免息你对阿或多或少公时间是江苏省哈哈</p>
+        					</div>
+        				</li>
+        				<li>
+        					<img src="../../img/inverDatails_25.png" alt="" />
+        					<div>
+        						<p>好某些<span>农业协会会长</span></p>
+        						<p>CT,无线电波,透视CT免息你对阿或多或少公时间是江苏省哈哈</p>
+        					</div>
+        				</li>
+        				<li>
+        					<img src="../../img/inverDatails_25.png" alt="" />
+        					<div>
+        						<p>好某些<span>农业协会会长</span></p>
+        						<p>CT,无线电波,透视CT免息你对阿或多或少公时间是江苏省哈哈</p>
+        					</div>
+        				</li>
+        			</ul>
+        		</div>
+        	</div>
+        </div>	      
+	</div>
   	<!--主体内容区域结束-->
 	<div id="bottom">
 		<div class="bottom">

+ 137 - 3
template/financial/investmentInstitution.html

@@ -19,7 +19,7 @@
   			<div class="logo"><a href="../../template/index.html"><img src="../../img/Logo111.png" alt="" title="技淘"/></a></div>
   			<div  class="nav">
   				<ul>
-  					<li class="active">
+  					<li >
   						<a href="#">技术交易</a>  						
 						<ol class="subnavigation">
 							<li><a href="#">科技专利</a></li>
@@ -30,7 +30,12 @@
   						<a href="#">科技服务</a><img src="../../img/hot.png" alt="HOT"/>  						
   					</li> 					
   					<li><a href="#">智库咨询</a></li>
-  					<li ><a href="#">科技金融</a></li>
+  					<li class="active">
+  						<a href="#">科技金融</a>
+  						<ol class="subnavigation">
+							<li><a href="#">投资机构</a></li>							
+						</ol>  
+  					</li>
   					<li><a href="#">科技活动</a></li>
   					<li><a href="#">平台共建</a></li> 					
   				</ul>
@@ -59,7 +64,136 @@
 		</a>
 	</div>
   	<!--主体内容区域开始-->
-  
+    <div class="main_top">
+    	<div class="head_bj">
+	    	<div class="container">    		           
+	            <ul class="detail_toptitle">
+	            	<li><img src="../../img/detail_home.jpg" alt="" /></li>
+	            	<li>></li>
+	                <li><a href="#">科技金融 </a></li>
+	                <li>></li>               
+	                <li><a href="#">我要找资金  </a></li>
+	                <li>></li>
+	                <li class="that"><a href="#" >投资机构 </a></li>
+	            </ul>
+	            <div class="portal-content">
+					<div class="search-criteria row">
+						<div class="search-title col-md-1">
+							<span>所在区域</span>
+						</div>
+						<div class="search-select col-md-11">
+							<ul id="industryList" class="clearfix"></ul>
+						</div>
+					</div>					
+					<div class="searchs">
+		 				<div class="select">
+		 					<select name="" id="selt">
+		 											
+		 					</select>	 					
+		 				</div> 				
+		 				<div id="search_on">					
+		 					<input type="search" placeholder="高新"/>
+		 				</div>
+		 				<button id="btn_search"></button>						 			
+			 		</div>
+			 	</div>
+			</div>	       
+	    </div>	   
+        <div class="invest_midt  container">
+       		<h6>投资机构</h6>
+       		<div class="invest_contant">
+       			<div class="invest_left">      				
+       				<div class="invest_imglist">
+       					<ul>
+       						<li>
+       							<img src="../../img/investment_03.png" alt="" />
+       							<p>怒吼道胡非常胡海峰回复</p>
+       							<a href="">MORE+</a>
+       						</li>
+       						<li>
+       							<img src="../../img/investment_03.png" alt="" />
+       							<p>怒吼道胡非常胡海峰回复</p>
+       							<a href="">MORE+</a>
+       						</li>
+       						<li>
+       							<img src="../../img/investment_03.png" alt="" />
+       							<p>怒吼道胡非常胡海峰回复</p>
+       							<a href="">MORE+</a>
+       						</li>
+       						<li>
+       							<img src="../../img/investment_03.png" alt="" />
+       							<p>怒吼道胡非常胡海峰回复</p>
+       							<a href="">MORE+</a>
+       						</li>
+       						<li>
+       							<img src="../../img/investment_03.png" alt="" />
+       							<p>怒吼道胡非常胡海峰回复</p>
+       							<a href="">MORE+</a>
+       						</li>
+       						<li>
+       							<img src="../../img/investment_03.png" alt="" />
+       							<p>怒吼道胡非常胡海峰回复</p>
+       							<a href="">MORE+</a>
+       						</li>
+       					</ul>
+       				</div>
+       				<div class="pagination_box">
+						<nav aria-label="Page navigation" class="clearfix">							
+							<ul class="pagination">								
+								<li class="pagePre">
+									<a href="#" aria-label="Previous">
+										<span aria-hidden="true">首页</span>
+									</a>
+								</li>								
+								<li class="pageNumber active"><a href="#" value="1">1</a></li>																
+								<li class="pageNext">
+									<a href="#" aria-label="Next">
+										<span aria-hidden="true">末页</span>
+									</a>
+								</li>							
+							</ul>
+							<span class="totalCount">共 2 页 0 条数据</span>
+						</nav>
+					</div>
+       			</div>
+       			<div class="invest_right">
+       				<h5>推荐机构</h5>
+       				<ul>
+       					<li>
+       						<a href="">
+	       						<p>高新是什家纺的的大学城赴会而</p>
+	       						<time>2017-09-18</time>
+       						</a>
+       					</li> 
+       					<li>
+       						<a href="">
+	       						<p>高新是什家纺的的大学城赴会而</p>
+	       						<time>2017-09-18</time>
+       						</a>
+       					</li>
+       					<li>
+       						<a href="">
+	       						<p>高新是什家纺的的大学城赴会而</p>
+	       						<time>2017-09-18</time>
+       						</a>
+       					</li>
+       					<li>
+       						<a href="">
+	       						<p>高新是什家纺的的大学城赴会而</p>
+	       						<time>2017-09-18</time>
+       						</a>
+       					</li>
+       					<li>
+       						<a href="">
+	       						<p>高新是什家纺的的大学城赴会而</p>
+	       						<time>2017-09-18</time>
+       						</a>
+       					</li>
+       				</ul>
+       			</div> 
+       		</div>	
+        </div>
+    </div>
   	<!--主体内容区域结束-->
 	<div id="bottom">
 		<div class="bottom">