<!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})">
		<meta charset="UTF-8">
		<title>技淘网-产品专栏</title>
	<link th:href="${portalHost+'/dll/dll.css'}"  rel="stylesheet">
	<link th:href="${portalHost+'/vendors.css'}" rel="stylesheet">
	<link th:href="${portalHost+'/newMenu/special.css'}" rel="stylesheet">
</head>
	<body>
		<div th:replace="common::nav('','special')"></div>  
		<!-- 公共头部 -->
		<div class="container">
			<div class="specialLeft">
				<div class="input-append">
					<input class="search" type="text" placeholder="不懂问技淘">
					<button class="btn" type="button">问技淘</button>
				</div>
				<ol class="spType">
					<li class="active">推荐</li>
					<li>热门</li>
					<li>大V说</li>
				</ol>
				<ul class="proType">
					<li>所有分类 > </li>
					<li class="active" value='0'>所有产品</li>
					<li value='2'>高新</li>
					<li value='3'>军工</li>
					<li value='1'>知识产权</li>
					<li value="5">科技项目</li>
				</ul>
				<hr>
				<div class="spList ">
					<ul>
					
					</ul>
				</div>
				<div class="adviserList">
					<ul>
						
					</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"><a href="#" value="1">1</a></li>
							<li class="pageNext">
								<a href="#" aria-label="Next">
									<span aria-hidden="true">末页</span>
								</a>
							</li>
						</ul>
						<div class="inp">
							<button class="btn btn-default">跳转</button><input type="text" class="form-control">
						</div>
						<span class="totalCount">共0条数据</span>
					</nav>
				</div>
			</div>
			<div class="specialRight">
				<div class="writeXF">
					<div>
						<img th:src="${portalHost+'/img/newMenu/writeDa.png'}" alt="">
						<p>写答案</p> 
					</div>
					<div>
						<img th:src="${portalHost+'/img/newMenu/writeXf.jpg'}"  alt="">
						<p>写想法</p>
					</div>
				</div>	
				<div class="collection">
					<p class="myCollect"><img th:src="${portalHost+'/img/newMenu/shoucang.png'}"  alt="">我的收藏</p>
					<p class="myFollow"><img th:src="${portalHost+'/img/newMenu/guanzhu.png'}"  alt="">我的关注</p>
				</div>
				<div class="videoZs">
					<h3>视频<a href="/portal/video.html">更多 ></a></h3>
					<div class="videoImg" th:if="${video != null}">
						<a th:href="@{/open/protal/videoDetail(id=${video.id})}">
							<div>
								<img th:src="${avatarUploadHost+video.coverUrl}" alt="">
								<h4 th:text="${video.name}">视频标题视频标题视频标题视频标题</h4>
								<div></div>
							</div>
							<p><span th:text="${#strings.abbreviate(video.summary,42)}">视频简介留2行+...视频简介留2行+...视频简介留2行+...视频简介留2行+...</span></p>
						</a>
					</div>	
				</div>
				<div class="videoZs policy">
					<h3>前沿政策<a th:href="@{/portal/thinkTank/policyList?type=1}">更多 ></a></h3>
					<div class="videoImg" th:if="${policy!=null}">
						<a th:href="@{/portal/news/newsDetail(id=${policy.id},type=0)}">
							<div>
								<img th:src="${policy.titleImg != null and policy.titleImg != '' ? avatarUploadHost+policy.titleImg :portalHost+'/img/newMenu/zhengce.png'}" alt="">
								<h4 th:text="${#strings.abbreviate(policy.title,15)}">视频标题视频标题视频标题视频标题</h4>
								<div></div>
							</div>
							<p><span th:text="${#strings.abbreviate(policy.summary,42)}">视频简介留2行+...视频简视频简介留2行+...视频简视频简介留2行+...视频简视频简介留2行+...视频简介留2行+...视频简介留2行+...视频简介留2行+...</span></p>
						</a>
					</div>	
				</div>
				<div class="videoZs policy">
					<h3>热点资讯<a th:href="@{/portal/thinkTank/policyList?type=0}">更多 ></a></h3>
					<ul >
						<li th:each="n:${news}">
							<a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}" th:text="${#strings.abbreviate(n.title,30)}">
								加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
							</a>
						</li>
					</ul>	
				</div>
				<a th:href="@{/portal/thinkTank/policyList?type=99}">
					<img th:src="${portalHost+'/img/newMenu/guandian.png'}" alt="">
				</a>
			</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 + '/dll/dll.js'}"></script>
    	<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
		<script type="text/javascript" th:src="${portalHost+'/newMenu/special.js'}"></script>
	</div>
	</body>
</html>
