<!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/patent.css'}" rel="stylesheet"></head>
<body>
   <div th:replace="common::nav('','apply')"></div>
    <div class="menuPosition">
        <!-- <div id="myCarousel" class="carousel slide">
            <img th:src="${portalHost+'/img/patent/patent_banner.jpg'}" alt="First slide">
        </div> -->
        <div id="myCarousel" class="carousel" th:if="${#lists.size(pbannerlist) eq 1}">
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner" th:each="banner,bStatus:${pbannerlist}">
				<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(pbannerlist) > 1}">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators"><!-- 循环圆点 -->
				<li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" class="active" th:each="banner,bStatus:${pbannerlist}" th:if="${bStatus.first}"></li>
				<li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" th:each="banner,bStatus:${pbannerlist}" th:unless="${bStatus.first}"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner" >
				<div class="item active" th:each="banner,bStatus:${pbannerlist}" 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:${pbannerlist}" 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="patentMenu">
            <div class="firstMenu">
                <p></p>
                <ul>
                    <li ><p><span class="circl">P</span><a th:text="${categories[0].topLevel}" th:if="${#lists.size(categories)}>0">专利服务</a><span class="direction glyphicon glyphicon-menu-right"></span></p></li>
                    <li><p><span class="circl">R</span><a th:text="${categories[1].topLevel}" th:if="${#lists.size(categories)}>1">商标服务</a><span class="direction glyphicon glyphicon-menu-right"></span></p></li>
                    <li><p><span class="circl">C</span><a th:text="${categories[2].topLevel}" th:if="${#lists.size(categories)}>2">版权服务</a><span class="direction glyphicon glyphicon-menu-right"></span></p></li>
                </ul>
            </div>
            <div class="secondMenu">
                <ul>
                    <li th:each="c,cStatus:${categories}">
                        <div th:each="i:${#numbers.sequence(0,#lists.size(c.children)/5)}">
                            <p th:each="j:${#numbers.sequence(0,4)}" th:if="${#lists.size(c.children) gt j+(i*5)}">
                            <a th:href="@{/portal/service/patentList(secondId=${c.children[j+i*5].id})}" th:text="${c.children[j+i*5].name}"></a>
                            </p>
                           
                        </div>
                       
                    </li>
                </ul>
                <div class="menuBj"></div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="indexSearch">
			<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>
			</div>
			<!-- <span class="apply head_login">申请会员</span> -->
        </div>
        <div class="RecommendTitle">
            <h2 id="recentPublish">最新发布</h2>
            <span></span>
        </div>
        <ul class="newRelease">
           
            <li th:each="r:${recent}">
                <a th:href="@{/portal/service/patentDetail(id=${r.id})}">
                    <div class="newReleaseImgs">
                        <img th:src="${r.maxImgUrl}!=null and ${r.maxImgUrl}!='' ?${avatarUploadHost+r.maxImgUrl}:${portalHost+'/img/patent/patentLatestRelease.jpg'}" alt="">
                    </div>
                    <div class="txt">
                        <div class="triangle_border_up"></div>
                        <div class="wrapperTxt">
                            <h4 th:text="${r.name}">版权转让</h4>
                            <p th:text="${r.companyName}">湖南阿凡提有限公司<span></span> </p>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <div class="RecommendTitle">
            <h2 id="patentService">专利服务</h2>
            <span></span>
        </div>
    </div>
    <div class="patentService">
        <div class="container patentServiceList">
            <ul>
                <li th:each="p:${patentService}">
                    <a th:href="@{/portal/service/patentList(secondId=${p.id})}">
                        <div>
                                <img th:src="${p.imgUrl}==null or ${p.imgUrl}=='' ?${portalHost+'/img/patent/patentFmInit.jpg'}:${avatarUploadHost+p.imgUrl}" alt="">
                        </div>
                        <p th:text="${p.name}">发明专利</p>
                    </a>
                </li>
               
            </ul>
            <a th:href="@{/portal/service/patentList(topId=${patentTopId})}"  th:if="${patentTopId}!=null" class="more">MORE
                    <span></span>
            </a> 
        </div>
    </div>
    <div class="RecommendTitle">
        <h2  id="branchService">商标服务</h2>
        <span></span>
    </div>
    <div class="container">
        <div class="trademark">
            <ul class="trademarkList">
               
                <li th:each="p:${branchService}">
                     <a th:href="@{/portal/service/patentList(secondId=${p.id})}">
                        <div>
                                <img th:src="${p.imgUrl}==null or ${p.imgUrl}==''?${portalHost+'/img/patent/patentSbInit.jpg'}:${avatarUploadHost+p.imgUrl}" alt="">
                        </div>
                        <p th:text="${p.name}">发明专利</p>
                    </a>
                </li>
            </ul> 
            <a th:href="@{/portal/service/patentList(topId=${branchTopId})}" th:if="${branchTopId}!=null" class="more">MORE
                <span></span>
            </a>
            <div class="copyright">
	            <div class="RecommendTitle">
	                <h2 id="copyrightService">版权服务</h2>
	                <span></span>
	            </div>
	            <ul>
	                <li th:each="p:${copyrightService}">
	                 <a th:href="@{/portal/service/patentList(secondId=${p.id})}">
	                     <div>
	                             <img th:src="${p.imgUrl}==null or ${p.imgUrl}=='' ?${portalHost+'/img/patent/patentBqInit.jpg'}:${avatarUploadHost+p.imgUrl}" alt="">
	                     </div>
	                     <p th:text="${p.name}">发明专利</p>
	                 </a>
	             </li>
	            </ul>
	            <a th:href="@{/portal/service/patentList(topId=${copyrightTopId})}" th:if="${copyrightTopId}!=null" class="more">MORE
	                <span></span>
	            </a>
        	</div>
        </div>
        <div class="Encyclopedias">
            <div class="RecommendTitle">
                <h2 id="encyclopedias">知产百科</h2>
                <span></span>
            </div>
            <ul>
                
                <li th:each="n:${jtNews}">
                    <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}">
                        <div class="EncyclopediasImg">
                            <img th:src="${n.titleImg}==null or ${n.titleImg}== ''?${portalHost+'/img/initPic/newsInit.jpg'}:${avatarUploadHost+n.titleImg}" alt="">
                        </div>
                        <div class="EncyclopediasTxt">
                            <h4 th:text="${#strings.abbreviate(n.title,18)}"></h4>
                            <p th:text="${#strings.abbreviate(n.summary,65)}"></p>
                        </div>
                    </a>
                </li>
            </ul>
            <a th:href="@{/portal/thinkTank/policyList?type=98}" class="more">MORE
                <span></span>
            </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/patent.js'}"></script>
	</div>
</body>
</html>