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

		</ul>
	</div>
	
	<!--主体内容区域开始-->
  	<div class="contant">
  		<div class="achievement_top"><img th:src="${portalHost + '/img/achievement_01.png'}" alt=""/></div>  		
  	</div>
  	<div class="container">
  		
  		<div th:if="${keyWord} != null "  id="keyword1">
			<p th:text="${keyWord}"></p>
		</div>
		<div th:if="${keyWord} == null " id="keyword2">
			<p></p>
		</div>
  		
  		<div class="achievement_header">
  			<p>全部结果: </p>
  			<ul>
  				<li>  					
  					<p>教育休闲</p>
  					<img th:src="${portalHost + '/img/achievement_del.jpg'}" class="del"/>
  				</li>
  				<li>  					
  					<p>教育休闲</p>
  					<img th:src="${portalHost + '/img/achievement_del.jpg'}" class="del"/>
  				</li>
  			</ul>
  			<div class="text_replace">
  				<img th:src="${portalHost + '/img/achievement_01_next.jpg'}" alt="" /><span></span>
  			</div>
  		</div>
  		<div class="wrap active">
			<div class="portal-body">
				<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="search-criteria row">
						<div class="search-title col-md-1">
							<span>技术类型</span>
						</div>
						<div class="search-select col-md-11">
							<ul id="selectAct">
								<li class="active"><span>不限</span></li>
								<li>
									<label for="patent" class="demand">
										专利<input type="checkbox" name="fot" id="patent" value="0" />
									</label>
								</li>
								<li>
									<label for="demand" class="demand">
										技术<input type="checkbox" name="fot" id="demand" value="1" />
									</label>
								</li>
							</ul>
						</div>
					</div>
					<div class="search-criteria row">
						<div class="search-title col-md-1">
							<span>是否国际</span>
						</div>
						<div class="search-select col-md-11">
							<ul id="selectInt">
								<li class="active"><span>不限</span></li>
								<li>
									<label for="isInt" class="demand">
										是<input type="checkbox" name="Int" id="isInt" value="1" />
									</label>
								</li>
								<li>
									<label for="noInt" class="demand">
										否<input type="checkbox" name="Int" id="noInt" value="0" />
									</label>
								</li>
							</ul>
						</div>
					</div>
					<div class="search-criteria row">
						<div class="search-title col-md-1">
							<span>交易方式</span>
						</div>
						<div class="search-select col-md-6">
							<ul id="transferModeList" class="clearfix">
								<li value="999" class="active"><span>不限</span></li>
								<li value="0"><span>完全转让</span></li>
								<li value="1"><span>许可转让</span></li>
								<li value="2"><span>技术入股</span></li>
								<li value="3"><span>合作开发</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="achievement_main">
		<div class="container">
			<div class="main-header">
				<div class="head-left">
					<p>排序方式</p>
					<ul>							
						<li>
							<p><span>发布时间</span><img th:src="${portalHost + '/img/achievement_select.jpg'}" alt="" /></p>
							<div class="time_select">
								<ul class="timeSelect">
									<li value="0">由远到近</li>
									<li value="1">由近到远</li>	
								</ul>
							</div>
						</li>
						<li>
							<p><span>价格</span></p>							
						</li>
						<li>
							<div class="inp_select">
								<input type="number" name="" id="minprice" placeholder="最小价格" maxlength="6" min="0"/>
								<span>万-</span>
								<input type="number" id="maxprice" placeholder="最大价格" maxlength="6" min="0"/>万元
								<button>确定</button>
							</div>
						</li>
					</ul>
				</div>
				<div class="head_right">
					<div class="searchs">
		 				<div class="select">
		 					搜一搜
		 				</div> 				
		 				<div id="search_on">					
		 					<input type="search" placeholder="医药生物"/>
		 				</div>
		 				<button id="btn_search"></button>				
		 			</div>
		 			<ol>
		 				<li val="457">医药医疗</li>
		 				<li val="4">建筑建材</li>
		 				<li val="464">教育休闲</li>
		 				<li val="460">航空航天</li>
		 			</ol>
				</div>
			</div>
			<div class="achievementList">
				<ul>
				</ul>
			</div>
			<div class="container pagination_box">
				<nav aria-label="Page navigation" class="clearfix">
					<ul class="pagination">
						<li class="pagePre">
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</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">&raquo;</span>
							</a>
						</li>
					</ul>
					<span class="totalCount"></span>
				</nav>
			</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 + '/technologyTrading/achievement.js'}"></script>
	</div>
</body>
</html>