<!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/achievement.css'}" rel="stylesheet">
</head>

<body>
   <div th:replace="common::nav('','')"></div>
    <!-- search -->
    <div class="container">
        
        <div class="clearFix search">
            <div class="navMeau">
                <div>
                    <span class="selfun">行业选择</span>
                    <div class="menuList">
                        <ul>
                            <li th:each="industry:${industryList}" >
                            
                            <a th:href="@{/portal/technologyTrading/achievementList(fieldA=${industry.id})}" th:text="${industry.name}"></a>
                            </li>
                         
                        </ul>
                    </div>
                </div>
            </div>
            <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><a th:href="@{/portal/technologyTrading/achievementList(name=人工智能)}" target="_blank">人工智能</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=区块链)}">区块链</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=环保)}">环保</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=金属材料)}">金属材料</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=软件开发)}">软件开发</a></li>
                    </ol>
                </div>
                <div>
                    <ol>
                        <li>
                            <a href="#patentTitle">专利技术</a>
                        </li>
                        <li>/</li>
                        <li>
                            <a href="#practicalTitle">实用技术</a>
                        </li>
                        <li>/</li>
                        <li>
                            <a href="#transactionTitle">知识产权交易政策</a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- banner -->
    <!-- <div id="myCarousel" class="carousel slide">
        <img th:src="${portalHost+'/img/technology_trading_banner01.jpg'}" alt="First slide">
    </div> -->
    <div id="myCarousel" class="carousel" th:if="${#lists.size(abannerlist) eq 1}">
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" th:each="banner,bStatus:${abannerlist}">
			<div class="item active">
				<a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
				<a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
			</div>
		</div>
	</div>
	<div id="myCarousel" class="carousel slide" th:if="${#lists.size(abannerlist) > 1}">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators"><!-- 循环圆点 -->
			<li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" class="active" th:each="banner,bStatus:${abannerlist}" th:if="${bStatus.first}"></li>
			<li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" th:each="banner,bStatus:${abannerlist}" th:unless="${bStatus.first}"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" >
			<div class="item active" th:each="banner,bStatus:${abannerlist}" th:if="${bStatus.first}">
			<!-- /portal/continueHigh  /portal/militaryProject   /portal/practicalPatent -->
				<a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
				<a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
			</div>
			<div class="item" th:each="banner,bStatus:${abannerlist}" th:unless="${bStatus.first}">
				<a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
				<a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>
    <!-- 主体内容区域 -->
    <div class="container">
        <div class="demand-marq">
            <span></span>
            <marquee direction="left" behavior="scroll" scrollamount="10" loop="-1">
                <ul>
                    <li>匿名***，查看了“智慧水务自动化系统解决方案”</li>
                    <li>匿名***，查看了“小城镇生活污水处理实用技术”</li>
                    <li>匿名***，查看了“ 球形分子印迹硅胶吸附剂”</li>
                    <li>匿名***，查看了“搅拌摩擦焊接”</li>
                    <li>匿名***，查看了“文本分类方法”</li>
                    <li>匿名***，查看了“建模的多视角目标跟踪方法研究”</li>
                    <li>匿名***，查看了“乙醇型发酵生物制氢技术”</li>
                    <li>匿名***，查看了“物质光谱测量”</li>
                    <li>匿名***，查看了“激光器专用冷却器”</li>
                    <li>匿名***，查看了“产品创新设计集成管理平台”</li>
                </ul>
            </marquee>
        </div>
        <div class="newRelease">
            <div></div>
            <ul>
                <li th:each="ra:${recentAchievements}" >
                <a th:href="@{/portal/technologyTrading/achievementDetail(id=${ra.id},type=${ra.dataCategory})}">
                    <img th:src="${ra.firstPicture}==null?${portalHost+'/img/initPic/achievementInit.jpg'}:${avatarUploadHost+ra.firstPicture}" alt="">
                    <div>
                            <p th:text="${#strings.abbreviate(ra.name,15)}"></p>
                            <p><span class="orange" th:text="${ra.dataCategoryS}"></span>
                            <span class="blur" th:text="${ra.releaseDate}==null?'未知时间':${#dates.format(ra.releaseDate,'yyyy-MM-dd')}"></span></p> 
                        </div>
                        </a>
                </li>
              
            </ul>
            <a th:href="@{/portal/technologyTrading/achievementList}"> 查看更多 >></a>
        </div>
        <div class="achievementHot">
            <div></div>
            <ol>
                    <li><a th:href="@{/portal/technologyTrading/achievementList(name=人工智能)}" target="_blank">人工智能</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=区块链)}">区块链</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=环保)}">环保</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=金属材料)}">金属材料</a></li>
                        <li><a th:href="@{/portal/technologyTrading/achievementList(name=软件开发)}">软件开发</a></li>
            </ol>
            <a th:href="@{/portal/technologyTrading/achievementList}">查看更多 > </a>
        </div>
        <hr />
        <div class="achievementHot-list">
            <ul class="row">
              
                <li class="col-sm-4" th:each="hota:${hotAchievements}">
                  <a th:href="@{/portal/technologyTrading/achievementDetail(id=${hota.id},type=${hota.dataCategory})}">
                    <div>
                        <img th:src="${hota.firstPicture}==null?${portalHost+'/img/initPic/achievementInit.jpg'}:${avatarUploadHost+hota.firstPicture}" alt="">
                        <div>
                            <h4 th:text="${hota.name}">高压电极加热技术和蓄热技术巨物无...</h4>
                            <p><span class="orange" th:text="${hota.interestCount}==null?'已关注：0人':${'已关注'+hota.interestCount+'人'}">
                            </span></p>
                            <p>
                            <span class="follow">关注</span>
                            <span class="technology" th:text="${hota.categoryS}"></span></p>
                            
                        </div>
                        </a>
                    </div>
                </li>
            </ul>
        </div></div>
         <div class="container">
        <div class="study" id="patentTitle">
                <h4>专利技术
                    <a th:href="@{/portal/technologyTrading/achievementList}">查看更多 > </a>
                </h4>
        </div>
        <div class="patent">
          <div class="imgPatent">

            </div>
            <a th:href="@{/portal/technologyTrading/achievementList}">
               
            </a>
        </div>
        <div class="patentList">
            <div class="row">
                <div class="col-sm-4">
                        <div class="demandAdviser">
                        <img th:src="${portalHost+'/img/newMenu/achievement_10.png'}" alt="">
                        <a onclick="openZoosUrl('chatwin');"></a>
                    </div>
                    <div class="demandDeclare">
                        <img th:src="${portalHost+'/img/newMenu/achievement_11.png'}" alt="">
                        <a onclick="openZoosUrl('chatwin');"></a>
                    </div>

                </div>
                <div class="col-sm-8">
                    <ul class="row">
                     
                        <li class="col-sm-4" th:each="pts:${patents}">
                          <a th:href="@{/portal/technologyTrading/achievementDetail(id=${pts.id},type=${pts.dataCategory})}">
                            <div>
                                <img th:src="${pts.firstPicture}==null?${portalHost+'/img/initPic/achievementInit.jpg'}:${avatarUploadHost+pts.firstPicture}" alt="">
                                <p th:text="${pts.name}"></p>
                            </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="achieveBj">
            <img th:src="${portalHost+'/img/newMenu/achievement_15.png'}" alt="">
        </div>
       
        <div class="studyT" id="practicalTitle">
            <h4>实用技术
                <a th:href="@{/portal/technologyTrading/achievementList}">查看更多 &gt; </a>
            </h4>
        </div>
        <div class="practical">
        
            <div class="practicalLeft">
                <ul>
                    
                    <li th:each="pt,ptStat:${practicalTechnology}" th:if="${ptStat.index}<5">
                      <a th:href="@{/portal/technologyTrading/achievementDetail(id=${pt.id},type=${pt.dataCategory})}">
                        <div class="imgBj" >
                            <img th:src="${pt.firstPicture}==null?${portalHost+'/img/initPic/achievementInit.jpg'}:${avatarUploadHost+pt.firstPicture}" alt="">   
                            <span></span>
                        </div>
                        <div class="txts">
                            <h5 th:text="${pt.name}"></h5>
                            <p><span th:text="${pt.dataCategoryS}">
                            </span><span th:text="${pt.transferModeS}==null?'未知类型':${pt.transferModeS}"></span><span class="hotImg"></span></p>
                        </div>
                        <div class="hr"></div>
                        <div class="btnTxt">
                            <span class="float-left" th:text="${pt.fieldAS}==null?'未知类型':${pt.fieldAS}"></span>
                            <span class="float-right" th:text="${pt.fieldBS}==null?'未知类型':${pt.fieldBS}"></span>
                        </div>
                        </a>
                    </li>
                </ul>
                <div class="practicalGrounp">
                    <ol>
                      
                        <li  th:each="pt,ptStat:${practicalTechnology}" th:if="${ptStat.index}>=5 and ${ptStat.index}<8">
                          <a th:href="@{/portal/technologyTrading/achievementDetail(id=${pt.id},type=${pt.dataCategory})}">
                            <img th:src="${pt.firstPicture}==null?${portalHost+'/img/initPic/achievementInit.jpg'}:${avatarUploadHost+pt.firstPicture}" alt="">
                            <div class="practicalGrounpTxt">
                                <div class="txts">
                                    <h5 th:text="${pt.name}"></h5>
                                    <p><span th:text="${pt.dataCategoryS}"></span>
                                    <span th:text="${pt.transferModeS}==null?'未知类型':${pt.transferModeS}"></span><span  th:if="${pt.isHot}==1" class="hotImg"></span></p>
                                </div>
                                <div class="hr"></div>
                                <div class="btnTxt">
                                    <span class="float-left" th:text="${pt.fieldAS}==null?'未知类型':${pt.fieldAS}">环保</span>
                            <span class="float-right" th:text="${pt.fieldBS}==null?'未知类型':${pt.fieldBS}">医疗</span>
                                </div>
                            </div>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
           <div class="practicalRight">
                
            </div>
        </div>
        <div class="studyT" id="transactionTitle">
            <h4>知识产权交易政策
                <a th:href="@{/portal/thinkTank/policyList}">查看更多 &gt; </a>
            </h4>
        </div>
        <div class="transaction">
        
            <div class="transactionImg">
                <img th:src="${portalHost+'/img/newMenu/achievement_29.jpg'}" alt="">
                
                <div th:each="policy,policyStat:${policyList}" th:if="${policyStat.index}==0">
                  <a th:href="@{/portal/news/newsDetail(id=${policy.id},type=0)}">
                    <address><img th:src="${portalHost+'/img/newMenu/achievement_28.jpg'}" alt="">
                    <span th:if="${policy.provinceS}!=null and ${policy.cityS}!=null" th:text="${#strings.abbreviate(policy.provinceS+policy.cityS,8)}"></span>
                    <time th:text="${#dates.format(policy.editTime,'yyyy-MM-dd')}"></time>
                    </address>
                    <h5>《<span th:text="${#strings.abbreviate(policy.title,12)}"></span>》</h5>
                    <p th:text="${#strings.abbreviate(policy.summary,45)}"></p>
              </a>
                </div>
            </div>
            <ul>
                <li th:each="policy,policyStat:${policyList}" th:if="${policyStat.index}>0 and ${policyStat.index}<3">
                <a th:href="@{/portal/news/newsDetail(id=${policy.id},type=0)}">
                    <div class="time">
                        <p th:text="${#dates.format(policy.editTime,'dd')}"></p>
                        <hr>
                        <span th:text="${#dates.format(policy.editTime,'yyyy-MM')}"></span>
                    </div>
                    <div class="introduce">
                       <address><img th:src="${portalHost+'/img/newMenu/achievement_28.jpg'}" alt="">
                       <span  th:if="${policy.provinceS}!=null and ${policy.cityS}!=null" th:text="${#strings.abbreviate(policy.provinceS+policy.cityS,8)}"></span>
                       <span class="title" >《<span th:text="${#strings.abbreviate(policy.title,12)}"></span>》</span></address>
                        <p  th:text="${#strings.abbreviate(policy.summary,45)}"></p>
                    </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="transactionList">
            <ol>
                <li  th:each="policy,policyStat:${policyList}" th:if="${policyStat.index}>=3 and ${policyStat.index}<5">
                  <a th:href="@{/portal/news/newsDetail(id=${policy.id},type=0)}">
                    <div class="time">
                        <p th:text="${#dates.format(policy.editTime,'dd')}">23</p>
                        <hr>
                        <span  th:text="${#dates.format(policy.editTime,'yyyy-MM')}">2018-06</span>
                    </div>
                    <div class="introduce">
                       <address><img th:src="${portalHost+'/img/newMenu/achievement_28.jpg'}" alt="">
                       <span  th:if="${policy.provinceS}!=null and ${policy.cityS}!=null" th:text="${#strings.abbreviate(policy.provinceS+policy.cityS,8)}"></span>
                       <span class="title">《<span th:text="${#strings.abbreviate(policy.title,15)}"></span>》</span></address>
                        <p th:text="${#strings.abbreviate(policy.summary,45)}"></p>
                    </div>
                    </a>
                </li>
            </ol>
        </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/achievement.js'}"></script>
	</div>

</body>

</html>