<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head th:replace="common::header(~{::title},~{::link})">
	<title>科技金融-投资机构</title>
	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
	<link th:href="${portalHost + '/financial/investmentDetail.css'}" rel="stylesheet">
</head>
<body>
	<header>
		<div th:replace="common::nav('financial','investmentDetail')"></div>
	</header>
	<!--banner-->
  	<div class="carouselt">
		<ul class="ct-img-big1 clear">
			<li data-index=0 ><a href=""><img th:src="${portalHost + '/img/highTech_slide_1.jpg'}" alt=""/></a></li>
		</ul>
		<a class="btn btn-next" href="">
			<img th:src="${portalHost + '/img/index_next.png'}" alt=""/>
		</a>
		<a class="btn btn-pre" href="">
			<img th:src="${portalHost + '/img/index_pre.png'}" alt=""/>
		</a>
	</div>
	<!--主体内容区域开始-->
 	<div class="main_top">
    	<div class="head_bj">
	    	<div class="container">    		           
	            <ul class="detail_toptitle">
	            	<li><img th:src="${portalHost + '/img/detail_home.jpg'}" alt="" /></li>
	            	<li>></li>
	                <li><a th:href="${basePath + '/portal/financial/index.html'}">科技金融  </a></li>                
	                <li>></li>
	                <li><a th:href="${basePath + '/portal/financial/investmentInstitution.html'}">投资机构 </a></li>
	                <li>></li>
	             	<li class="that" th:text="${bo.unitName}"></li>
	            </ul>
	        </div>
	    </div>    
        <div class="detail_contant container">
        	<div class="detail_left">
        		<div class="introduction">
        			<h4>机构简介</h4>
        			<p th:text="${bo.companyIntroduction}"></p>
        		</div>
        		<div class="list_logo">
        			<h4>投资案例</h4>
        			<div class="list_imgs">
        				<span class="need_prev"><img th:src="${portalHost + '/img/inverDetails_left.png'}" alt="" /></span>
            			<div class="list_width need_imgs">
	            			<ol>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>	
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
	            				<li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>		            			   
	            			</ol>
            			</div>
            			<span class="need_next"><img th:src="${portalHost + '/img/inverDatauuils_30.png'}" alt="" /></span>
        			</div>
        		</div>
        	</div>
        	<div class="detail_right">
        		<div class="institutions_top">
        			<div class="institutions_love">
						<p th:if="${bo.publicityPictureUrl != null and bo.publicityPictureUrl !=''}">
        					<img th:src="${portalHost + bo.publicityPictureUrl}" alt="" />
        				</p>
        				<p th:if="${bo.publicityPictureUrl == null or bo.publicityPictureUrl ==''}">
        					<img th:src="${avatarUploadHost + '/default/inverDatails.jpg'}" alt="" />
        				</p>
        				<div class="love_text">
        					<p><img th:src="${portalHost + '/img/inverDatails_love.png'}" alt="" /><span> 12 </span> 收藏</p>
        					<p>线下约见<span> 32次</span></p>
        				</div>
        			</div>        			
        			<h4 th:text="${bo.unitName}"></h4>
        			<p>所在地：   <span th:text=${bo.city}></span></p>
        			<a onclick="_MEIQIA('showPanel')">在线咨询</a>       			
        		</div>
        		<div class="institutions_bottom">
        			<h4>相关机构</h4>
        			<ul>
       				<li th:each="company : ${recommendCompanyList}">
       						<img th:src="${portalHost + company.logoUrl}" alt="" />
       						<a th:href="@{/portal/financial/investmentDetail(organizationId=${company.id})}">
	       						<p th:text="${company.unitName}"></p>
	       						<p th:text="${company.companyIntroduction}"></p>
       						</a>
       					</li> 				
       				</ul>
        		</div>
        	</div>
        </div>	      
	</div>
	<footer>
		<div th:replace="common::copyright"></div>
		<div th:replace="common::login"></div>	
	</footer>
	<div th:replace="common::footer(~{::script})">
		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
		<script type="text/javascript" th:src="${portalHost + '/financial/investmentDetail.js'}"></script>
	</div>
</body>
</html>