<!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 + '/index.css'}" rel="stylesheet">
</head>
<body>
	<header>
		<div th:replace="common::nav('','')"></div>
	</header>
	<div class="carouselt">
		<ul class="ct-img-big clear">
			<li data-index=0><a href=""><img
					th:src="${portalHost+'/img/index_banner01.jpg'}" alt="" /></a></li>
			<li data-index=1><a href=""><img
					th:src="${portalHost+'/img/index_banner02.jpg'}" alt="" /></a></li>
			<li data-index=2><a href=""><img
					th:src="${portalHost+'/img/index_banner03.jpg'}" alt="" /></a></li>
			<li data-index=3><a href=""><img
					th:src="${portalHost+'/img/index_banner04.jpg'}" alt="" /></a></li>
			 <li data-index=4><a href=""><img
                    th:src="${portalHost+'/img/index_banner05.jpg'}" alt="" /></a></li>
               <li data-index=5><a href=""><img
                    th:src="${portalHost+'/img/index_banner06.jpg'}" alt="" /></a></li>
		</ul>
		<ul class="ct-img-small clear">

		</ul>
	</div>
	<div class="index_activity">
		<div class="container">
			<ul>
				<li><strong>6835条</strong>
					<p>需求数</p></li>
				<li><strong>204628条</strong>
					<p>成果数</p></li>
				<li><strong>21426个</strong>
					<p>专家数</p></li>
				<li><strong>853笔</strong>
					<p>专利交易</p></li>
				<li><strong>12495家</strong>
					<p>客户数</p></li>
				<li><strong>68场</strong>
					<p>技术对接场次</p></li>
			</ul>
		</div>
	</div>
	<!-- <div id="index_fruit">
			<div class="fruit_h3">
				<h3>精品成果</h3>
				<a th:href="${basePath + '/portal/technologyTrading/achievement.html'}">MORE+</a>
			</div>
			<div class="fruit_cont">
				<div>
					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 1}">
						<img th:src="${avatarUploadHost+achievementList[0].coverImg}" alt="" />
						<div class="cont_p">
							<h5 th:text="${achievementList[0].name}"></h5>
							<p th:text="${achievementList[0].summary}"></p>
						</div>
						<div class="cont_img">
							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[0].productId},type=${achievementList[0].ownerType})}">
								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
							</a>
						</div>
					</div>
				</div>
				<div>
					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 2}">
						<img th:src="${avatarUploadHost+achievementList[1].coverImg}" alt=""/>
						<div class="cont_p">
							<h5 th:text="${achievementList[1].name}"></h5>
							<p th:text="${achievementList[1].summary}"></p>
						</div>
						<div class="cont_img">
							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[1].productId},type=${achievementList[1].ownerType})}">
								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
							</a>
						</div>
					</div>
				</div>
				<div>
					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 3}">
						<img th:src="${avatarUploadHost+achievementList[2].coverImg}" alt=""/>
						<div class="cont_p">
							<h5 th:text="${achievementList[2].name}"></h5>
							<p th:text="${achievementList[2].summary}"></p>
						</div>
						<div class="cont_img">
							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[2].productId},type=${achievementList[2].ownerType})}">
								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
							</a>
						</div>
					</div>
				</div>
				<div>
					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 4}">
						<img th:src="${avatarUploadHost+achievementList[3].coverImg}" alt=""/>
						<div class="cont_p">
							<h5 th:text="${achievementList[3].name}"></h5>
							<p th:text="${achievementList[3].summary}"></p>
						</div>
						<div class="cont_img">
							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[3].productId},type=${achievementList[3].ownerType})}">
								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
							</a>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		 -->
		<!-- <div id="index_demand">
			<div class="fruit_h3">
				<h3>精品需求</h3>
				<a th:href="${basePath + '/portal/technologyTrading/demand.html'}">MORE+</a>
			</div>
			<div class="demand_cont">
										
				<div >
					<a th:each="item:${demandList}"
					th:href="@{/portal/technologyTrading/demandDetail(id=${item.productId},type=${item.ownerType})}">
					<div>
						<div class="demand_img">
							<img th:src="${item.coverImg}?${avatarUploadHost + item.coverImg}:${portalHost + '/img/index_er1.jpg'}" alt=""  />
							<div>
								<h5 th:text="${item.name}"></h5>
								<p><span><img th:src="${portalHost + '/img/index_er4.png'}"/></span>长沙</p>
							</div>
						</div>
						<p class="demand_p" th:text="${item.problemDes}"></p>
					</div>	
					</a>
				</div>										
			</div>
		</div> -->
	<div id="index_policy">
			<div class="fruit_h3">
				<a th:href="${basePath + '/portal/thinkTank/policyList.html'}"><span>+</span> 更多政策</a>
				<h3>智&nbsp;&nbsp;政</h3>
			</div>
			<div class="policy_cont">
				<div class="policy_img">
					<img th:src="${portalHost+'/img/index_er3.jpg'}" alt=""  />
				</div>
				<div class="policy_p">
					<a th:if="${#lists.size(jtdt) ge 1}" th:href="@{/portal/news/newsDetail(id=${jtdt[0].id})}" >
						<div >
							<div class="policy_date">
							<h4 th:text=${jtdt[0].createTimeFormattedDate_md}></h4>
							<p th:text=${jtdt[0].createTimeFormattedDate_y}></p>
							</div>
							<div class="policy_line"></div>
							<div class="policy_p_cont">
								<h5 th:text="${jtdt[0].title}"></h5>
								<p th:text="${jtdt[0].summary}"></p>
							</div>
						</div>
					</a>
					<a th:if="${#lists.size(jtdt) ge 2}" th:href="@{/portal/news/newsDetail(id=${jtdt[1].id})}">
						<div >
							<div class="policy_date">
							<h4 th:text=${jtdt[1].createTimeFormattedDate_md}></h4>
							<p th:text=${jtdt[1].createTimeFormattedDate_y}></p>
							</div>
							<div class="policy_line"></div>
							<div class="policy_p_cont">
								<h5 th:text="${jtdt[1].title}"></h5>
								<p th:text="${jtdt[1].summary}"></p>
							</div>
						</div>
					</a>
					<a th:if="${#lists.size(jtdt) ge 3}" th:href="@{/portal/news/newsDetail(id=${jtdt[2].id})}">
						<div >
							<div class="policy_date">
							<h4 th:text=${jtdt[2].createTimeFormattedDate_md}></h4>
							<p th:text=${jtdt[2].createTimeFormattedDate_y}></p>
							</div>
							<div class="policy_line"></div>
							<div class="policy_p_cont">
								<h5 th:text="${jtdt[2].title}"></h5>
								<p th:text="${jtdt[2].summary}"></p>
							</div>
						</div>
					</a>
					<a th:if="${#lists.size(jtdt) ge 4}" th:href="@{/portal/news/newsDetail(id=${jtdt[3].id})}">
						<div >
							<div class="policy_date">
							<h4 th:text=${jtdt[3].createTimeFormattedDate_md}></h4>
							<p th:text=${jtdt[3].createTimeFormattedDate_y}></p>
							</div>
							<div class="policy_line"></div>
							<div class="policy_p_cont">
								<h5 th:text="${jtdt[3].title}"></h5>
								<p th:text="${jtdt[3].summary}"></p>
							</div>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!-- <div id="index_man">
			<div class="index_man">
				<img th:src="${portalHost+'/img/index_er6.png'}" alt="" />				
				<div>
					<span class="man_left">
						<img th:src="${portalHost+'/img/index_er7.png'}" alt=""/>
					</span>
					
					<div class="index_cont">
						<div th:if="${#lists.size(speciaList) ge 1}">
							<a th:href="@{/portal/subscriberDetail.html(uid=${speciaList[0].id},type=${speciaList[0].type})}">
							
								<div class="index_oneman">
									<img th:src="${speciaList[0].headPortraitUrl}?${avatarUploadHost+speciaList[0].headPortraitUrl}:${avatarUploadHost + '/default/person.jpg'}" alt=""  />
									<h4 class="appellation" th:text="${speciaList[0].abilityLabel}">湖南大学生物科学教授</h4>
									<h3 class="definition" th:text="${speciaList[0].username}">梁晓欣</h3>
									<p th:text="${speciaList[0].introduction}">食子酸在高温和中压条件下可以脱去羧基，从而获得焦性没食子酸，再通过升华的方式获得较纯的焦性没食子产品，
								单升华方式产能较低且能耗高，希望通过其他方式（重结晶）等获得此产品，提高产品的产能降低能耗。</p>
								</div>
							</a>	
						</div>
						<div th:if="${#lists.size(speciaList) ge 2}">
							<a th:href="@{/portal/subscriberDetail.html(uid=${speciaList[1].id},type=${speciaList[1].type})}">
								<div class="index_oneman">
									<img th:src="${speciaList[1].headPortraitUrl}?${avatarUploadHost+speciaList[1].headPortraitUrl}:${avatarUploadHost + '/default/person.jpg'}" alt=""  />
									<h4 class="appellation" th:text="${speciaList[1].abilityLabel}">中医皮肤病医院专家</h4>
									<h3 class="definition" th:text="${speciaList[1].username}">钱艳雯</h3>
									<p th:text="${speciaList[1].introduction}">师从中医医院皮肤科师承中医泰斗、全国著名皮外科专家赵炳南先生20余年，深受其真传。
									尤其擅长治各种急性热性红斑性皮肤病，是著名的中西医结合皮肤病专家。</p>
								</div>
							</a>	
						</div>
						<div th:if="${#lists.size(speciaList) ge 3}">
							<a th:href="@{/portal/subscriberDetail.html(uid=${speciaList[2].id},type=${speciaList[2].type})}">
								<div class="index_oneman">
									<img th:src="${speciaList[2].headPortraitUrl}?${avatarUploadHost+speciaList[2].headPortraitUrl}:${avatarUploadHost + '/default/person.jpg'}" alt=""  />
									<h4 class="appellation" th:text="${speciaList[2].abilityLabel}">电子薄膜材料专家</h4>
									<h3 class="definition" th:text="${speciaList[2].username}">刘钊鑫</h3>
									<p th:text="${speciaList[2].introduction}">主要研究方向包括：BST铁电薄膜、半导体SiC 外延薄膜、半导体低维结构等</p>
								</div>
							</a>	
						</div>
						<div th:if="${#lists.size(speciaList) ge 4}">
							<a th:href="@{/portal/subscriberDetail.html(uid=${speciaList[3].id},type=${speciaList[3].type})}">
								<div class="index_oneman">
									<img th:src="${speciaList[3].headPortraitUrl}?${avatarUploadHost+speciaList[3].headPortraitUrl}:${avatarUploadHost + '/default/person.jpg'}" alt=""  />
									<h4 class="appellation" th:text="${speciaList[3].abilityLabel}">热轧平整工艺专家</h4>
									<h3 class="definition" th:text="${speciaList[3].username}">郑纹光</h3>
									<p th:text="${speciaList[3].introduction}">主要研究内容有热轧平整工艺的专家指导系统开发，板料冲压成型CAE和模具CAD设计。
									在各类核心期刊发表研究论文18篇。研究方向：1、 模具优化设计理论及应用2、
									人工智能技术在材料成型中的应用</p>
								</div>
							</a>	
						</div>
						<div th:if="${#lists.size(speciaList) ge 5}">
							<a th:href="@{/portal/subscriberDetail.html(uid=${speciaList[4].id},type=${speciaList[4].type})}">
								<div class="index_oneman">
									<img th:src="${speciaList[4].headPortraitUrl}?${avatarUploadHost+speciaList[4].headPortraitUrl}:${avatarUploadHost+ '/default/person.jpg'}" alt=""   />
									<h4 class="appellation" th:text="${speciaList[4].abilityLabel}">联网信息产品营销专家</h4>
									<h3 class="definition" th:text="${speciaList[4].username}">安良煜</h3>
									<p th:text="${speciaList[4].introduction}">从2003正式接触互联网至今拥有10多年的互联网信息产品营销实战经验。</p>
								</div>
							</a>	
						</div>
						<div th:if="${#lists.size(speciaList) ge 6}">
							<a th:href="@{/portal/subscriberDetail.html(uid=${speciaList[5].id},type=${speciaList[5].type})}">
								<div class="index_oneman">
									<img th:src="${speciaList[5].headPortraitUrl}?${avatarUploadHost+speciaList[5].headPortraitUrl}:${avatarUploadHost+ '/default/person.jpg'}" alt=""   />
									<h4 class="appellation" th:text="${speciaList[5].abilityLabel}">考古文博学院教授</h4>
									<h3 class="definition" th:text="${speciaList[5].username}">齐方栋</h3>
									<p th:text="${speciaList[5].introduction}">论著百余篇，主要包括吐谷浑余部历史的研究、三国至隋唐时期墓葬制度的研究、
									中国古代金银器研究、古代马具的研究、古代玻璃器研究、丝绸之路考古研究。</p>
								</div>
							</a>	
						</div>
					</div>
					<span class="man_right">
						<img th:src="${portalHost+'/img/index_er8.png'}" alt="" />
					</span>
				</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 + '/index.js'}"></script>
	</div>
</body>
</html>