<!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+'/dll/dll.css'}" rel="stylesheet">
<link th:href="${portalHost+'/vendors.css'}" rel="stylesheet">
<link th:href="${portalHost+'/newMenu/achievementList.css'}" rel="stylesheet"></head>

<body>
		<div th:replace="common::nav('','')"></div>
    <div class="container">
        <div class="clearFix search">
            <div>
                <div class="search-inp">
                    <div class="input-group">
                        <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
                        <span class="input-group-btn">
                            <button class="btn btn-default searchBtn" type="button">
                                <img th:src="${portalHost+'/img/newMenu/search-icon.jpg'}" alt=""> 
                            </button>
                        </span>
                        <div class="txtVal"></div>
                    </div>
               
                </div>
                <div class="searchMain">
                    <ol>
                        <li class="active">热搜</li>
                        <li>
                          人工智能
                        </li>
                        <li>
                           区块链
                        </li>
                        <li>
                           环保
                        </li>
                        <li>
                          金属材料
                        </li>
                        <li>
                         软件开发
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="industry">
            <p>行业分类</p>
            <div class="industryList">
                <ul>
                    <li value="464" class="active">
                        <span>教育休闲</span>
                    </li>
                    <li value="463" class="">
                        <span>包装印刷</span>
                    </li>
                    <li value="462">
                        <span>电气自动化</span>
                    </li>
                    <li value="461">
                        <span>采矿冶金</span>
                    </li>
                    <li value="460">
                        <span>航空航天</span>
                    </li>
                    <li value="459">
                        <span>海洋开发</span>
                    </li>
                    <li value="458">
                        <span>农林牧业</span>
                    </li>
                    <li value="457">
                        <span>医药与医疗</span>
                    </li>
                    <li value="456">
                        <span>电子信息</span>
                    </li>
                    <li value="375">
                        <span>新型材料</span>
                    </li>
                    <li value="31">
                        <span>仪器仪表</span>
                    </li>
                    <li value="26">
                        <span>橡胶塑料</span>
                    </li>
                    <li value="25">
                        <span>交通运输</span>
                    </li>
                    <li value="20">
                        <span>安全防护</span>
                    </li>
                    <li value="19">
                        <span>环保和资源</span>
                    </li>
                    <li value="18">
                        <span>机械</span>
                    </li>
                    <li value="17">
                        <span>新能源</span>
                    </li>
                    <li value="15">
                        <span>化学化工</span>
                    </li>
                    <li value="7">
                        <span>轻工纺织</span>
                    </li>
                    <li value="5">
                        <span>家居用品</span>
                    </li>
                    <li value="4">
                        <span>建筑建材</span>
                    </li>
                    <li value="2">
                        <span>食品饮料</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="productionType">
            <p>知产类型</p>
            <ol>
                <li value="1">技术专利1</li>
                <li value="2">技术专利2</li>
                <li value="3">技术专利3</li>
            </ol>
        </div>
        <div class="onSelect">
            <p>已选类型 </p>
            <ol>
                <li class="preFirst">
                   
                </li>
                <li class="next">
                   
                </li>
            </ol>
        </div>
        <div class="achievementList">
            <div class="fineQuality">
                <img th:src="${portalHost+'/img/newMenu/achievmentDetail_1.png'}" alt="">
                <ol>
                    <li th:each="b:${boutiques}">
                    <a th:href="@{/portal/technologyTrading/achievementDetail(id=${b.id},type=${b.dataCategory})}">
                        <div>
                            <img th:src="${b.firstPicture}==null?${portalHost+'/img/initPic/achievementInit.jpg'}:${avatarUploadHost+b.firstPicture}" alt="">
                        </div>
                        <p><span class="title-sm" th:text="${b.dataCategoryS}"></span><span th:text="${b.name}"></span></p>
                        <p th:text="${b.summary}">高压电极加热技术..</p> 
                        </a>
                    </li>
                    
                </ol>
            </div>
            <div class="achievementHot">
                <ul class="hotList">
                 
                </ul>
                <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">
                            <input type="text" class=""><button>跳转</button>
                        </div>
                        <span class="totalCount">共0条数据</span>
                    </nav>
                </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 + '/dll/dll.js'}"></script>
    	<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
		<script type="text/javascript" th:src="${portalHost+'/newMenu/achievementList.js'}"></script>
		<script>
		  document.querySelectorAll(".nav>ul>li")[4].className="active"
		</script>
	</div>
</body>

</html>