index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  5. <head th:replace="common::header(~{::title},~{::link})">
  6. <meta charset="UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9. <meta name="Keywords" content="高新技术企业认定_双软评估_军工认证_知识产权贯标_知识产权转移_科德"/>
  10. <meta name="Description" content="科德信息咨询有限公司17年来专注于国家高新技术企业认定,知识产权贯标,知识产权转移,双软评估,
  11. 体系认证,专利申请,军工三证,工程技术研究中心,创新小巨人等湖南省市科技项目申报、
  12. 成果转化的信息咨询旗舰企业,获得政府部门权威认证的咨询服务机构."/>
  13. <link rel="icon" type="image/png" th:href="${portalHost+'/img/ico_logo.png'}" sizes="16x16">
  14. <title>首页</title>
  15. <link th:href="${portalHost+'/vendors.css'}" rel="stylesheet">
  16. <link th:href="${portalHost+'/index.css'}" rel="stylesheet"></head>
  17. <body>
  18. <div th:replace="common::nav('','index')"></div>
  19. <!-- banner -->
  20. <div id="myCarousel" class="carousel" th:if="${#lists.size(bannerlist) eq 1}">
  21. <!-- 轮播(Carousel)项目 -->
  22. <div class="carousel-inner" th:each="banner,bStatus:${bannerlist}">
  23. <div class="item active">
  24. <a href="javacript:void(0);" th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  25. <a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  26. </div>
  27. </div>
  28. </div>
  29. <div id="myCarousel" class="carousel slide" th:if="${#lists.size(bannerlist) > 1}">
  30. <!-- 轮播(Carousel)指标 -->
  31. <ol class="carousel-indicators"><!-- 循环圆点 -->
  32. <li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" class="active" th:each="banner,bStatus:${bannerlist}" th:if="${bStatus.first}"></li>
  33. <li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" th:each="banner,bStatus:${bannerlist}" th:unless="${bStatus.first}"></li>
  34. </ol>
  35. <!-- 轮播(Carousel)项目 -->
  36. <div class="carousel-inner" >
  37. <div class="item active" th:each="banner,bStatus:${bannerlist}" th:if="${bStatus.first}">
  38. <!-- /portal/continueHigh /portal/militaryProject /portal/practicalPatent -->
  39. <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>
  40. <a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''" ><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  41. </div>
  42. <div class="item" th:each="banner,bStatus:${bannerlist}" th:unless="${bStatus.first}">
  43. <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>
  44. <a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''" ><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
  45. </div>
  46. </div>
  47. <!-- 轮播(Carousel)导航 -->
  48. <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  49. <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
  50. </div>
  51. <div class="indexSearch">
  52. <!-- <ul class="jumpType">
  53. <li class="active">成果</li>
  54. <li>需求</li>
  55. <li>专利</li>
  56. <li>政策</li>
  57. <li>项目</li>
  58. </ul> -->
  59. <div class="search-inp">
  60. <div class="input-group">
  61. <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
  62. <span class="input-group-btn">
  63. <button class="btn btn-default searchBtn" type="button">
  64. <img th:src="${portalHost+'/img/newMenu/search-icon.jpg'}" alt=""> 搜索
  65. </button>
  66. </span>
  67. </div>
  68. <a th:href="@{/portal/evaluation/evaluate}" href="/portal/evaluation/evaluate">高企自评</a>
  69. </div>
  70. <ul class="jump">
  71. <li>
  72. <a href="/portal/thinkTank/policyList?type=1">政策</a>
  73. </li>
  74. <li>
  75. <a href="/portal/thinkTank/policyList?type=0">资讯</a>
  76. </li>
  77. <li>
  78. <a href="/portal/thinkTank/policyList?type=99">技淘观点</a>
  79. </li>
  80. <li>
  81. <a href="/portal/thinkTank/policyList?type=98">知产百科</a>
  82. </li>
  83. </ul>
  84. <!-- <span class="apply head_login">申请会员</span> -->
  85. </div>
  86. <!-- 主体内容区域 -->
  87. <div id="terrace">
  88. <div class="terrace_title">
  89. <img th:src="${portalHost+'/img/indedImg/inded12.png'}" alt="" />
  90. </div>
  91. <div class="terrace_cont">
  92. <div>
  93. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  94. <div class="terraceH">
  95. <h4>智慧</h4>
  96. <p>海量智力成果认知您的需求</p>
  97. </div>
  98. </div>
  99. <div>
  100. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  101. <div class="terraceH">
  102. <h4>合伙</h4>
  103. <p>秉承十七载荣赢数万客户</p>
  104. </div>
  105. </div><div>
  106. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  107. <div class="terraceH">
  108. <h4>社区</h4>
  109. <p>严选数千位专家顾问答疑解惑</p>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="apply">
  115. <div class="apply">
  116. <div class="apply_left">
  117. <a >
  118. <img th:src="${portalHost+'/img/indedImg/inded15.jpg'}" alt="" />
  119. </a>
  120. </div>
  121. <div class="apply_right">
  122. <div th:each="p0,pcStatus:${patentCategory}">
  123. <a th:href="'/portal/service/patentList?topId='+${p0.topLevelId}">
  124. <img th:src="${portalHost+'/img/indedImg/inded20.jpg'}" alt="" th:if="${pcStatus.index}==0"/>
  125. <img th:src="${portalHost+'/img/indedImg/inded21.jpg'}" alt="" th:if="${pcStatus.index}==1"/>
  126. <img th:src="${portalHost+'/img/indedImg/inded22.jpg'}" alt="" th:if="${pcStatus.index}==2"/>
  127. <img th:src="${portalHost+'/img/indedImg/inded23.jpg'}" alt="" th:if="${pcStatus.index}==3"/>
  128. <img th:src="${portalHost+'/img/indedImg/inded24.jpg'}" alt="" th:if="${pcStatus.index}==4"/>
  129. <img th:src="${portalHost+'/img/indedImg/inded25.jpg'}" alt="" th:if="${pcStatus.index}==5"/>
  130. <h4 th:text="${p0.topLevel}"> 发明专利</h4>
  131. </a>
  132. </div>
  133. <!-- <div th:each="p1,pcStatus:${patentCategory}" th:if="${pcStatus.index}==1">
  134. <a th:href="'/portal/service/patentList?topId='+${p1.topLevelId}">
  135. <img th:src="${portalHost+'/img/indedImg/inded21.jpg'}" alt="" />
  136. <h4 th:text="${p1.topLevel}">实用新型</h4>
  137. </a>
  138. </div>
  139. <div th:each="p2,pcStatus:${patentCategory}" th:if="${pcStatus.index}==2">
  140. <a th:href="'/portal/service/patentList?topId='+${p2.topLevelId}">
  141. <img th:src="${portalHost+'/img/indedImg/inded22.jpg'}" alt="" />
  142. <h4 th:text="${p2.topLevel}">外观专利</h4>
  143. </a>
  144. </div>
  145. <div th:each="p3,pcStatus:${patentCategory}" th:if="${pcStatus.index}==3">
  146. <a th:href="'/portal/service/patentList?topId='+${p3.topLevelId}">
  147. <img th:src="${portalHost+'/img/indedImg/inded23.jpg'}" alt="" />
  148. <h4 th:text="${p3.topLevel}">PCT专利</h4>
  149. </a>
  150. </div>
  151. <div th:each="p4,pcStatus:${patentCategory}" th:if="${pcStatus.index}==4">
  152. <a th:href="'/portal/service/patentList?topId='+${p4.topLevelId}">
  153. <img th:src="${portalHost+'/img/indedImg/inded24.jpg'}" alt="" />
  154. <h4 th:text="${p4.topLevel}">商标注册</h4>
  155. </a>
  156. </div>
  157. <div th:each="p5,pcStatus:${patentCategory}" th:if="${pcStatus.index}==5">
  158. <a th:href="'/portal/service/patentList?topId='+${p5.topLevelId}">
  159. <img th:src="${portalHost+'/img/indedImg/inded25.jpg'}" alt="" />
  160. <h4 th:text="${p5.topLevel}">软著申请</h4>
  161. </a>
  162. </div> -->
  163. </div>
  164. </div>
  165. </div>
  166. <div id="wield">
  167. <div class="terrace_title">
  168. <img th:src="${portalHost+'/img/indedImg/inded4.png'}" alt="" />
  169. </div>
  170. <div class="wield_cont">
  171. <img th:src="${portalHost+'/img/indedImg/inded5.png'}" alt="" />
  172. </div>
  173. </div>
  174. <div class="brands">
  175. <img th:src="${portalHost+'/img/indedImg/inded6.png'}" alt="" />
  176. </div>
  177. <div class="brands">
  178. <img th:src="${portalHost+'/img/indedImg/inded7.png'}" alt="" />
  179. </div>
  180. <div class="brands">
  181. <img th:src="${portalHost+'/img/indedImg/inded8.png'}" alt="" />
  182. </div>
  183. <div class="brands">
  184. <img th:src="${portalHost+'/img/indedImg/inded9.png'}" alt="" />
  185. </div>
  186. <div id="hotProject">
  187. <div class="terrace_title">
  188. <img th:src="${portalHost+'/img/indedImg/inded10.png'}" alt="" />
  189. </div>
  190. <div class="hotProject_cont" >
  191. <div th:each="p,pStatus:${projects}">
  192. <img th:src="${p.maxImgUrl}==null?${portalHost+'/img/indedImg/inded11.png'}:${avatarUploadHost+p.maxImgUrl}" alt="">
  193. <h3 th:text="${p.name}">高新认定</h3>
  194. <p th:text="${p.summary}==null?'暂无简介':${#strings.abbreviate(p.summary,40)}"></p>
  195. <a th:href="@{/portal/service/serviceDetail(id=${p.id})}">立即办理</a>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="container">
  200. <div class="RecommendTitle">
  201. <h2>政策资讯</h2>
  202. <span></span>
  203. </div>
  204. <div class="news">
  205. <div class="policy">
  206. <h4>政策
  207. <a th:href="@{/portal/thinkTank/policyList?type=1}"><span class="line"></span><span>></span></a>
  208. </h4>
  209. <img th:src="(${policys[0].titleImg}==null or ${policys[0].titleImg} == '')?${portalHost+'/img/index/index_new2.jpg'}:${avatarUploadHost+policys[0].titleImg}" alt="">
  210. <ul>
  211. <li th:each="p,pStatus:${policys}" th:if="${pStatus.index}==0">
  212. <a th:href="@{/portal/news/newsDetail(id=${p.id},type=0)}">
  213. <div class="time">
  214. <span th:text="${#dates.format(p.releaseDate,'MM-dd')}">03-12</span>
  215. <span th:text="${#dates.format(p.releaseDate,'yyyy')}">2018</span>
  216. </div>
  217. <div class="newTxt">
  218. <h5 th:text="${p.title}"></h5>
  219. <p th:text="${p.summary}"></p>
  220. </div>
  221. </a>
  222. </li>
  223. </ul>
  224. </div>
  225. <div class="consultation">
  226. <h4>资讯
  227. <a th:href="@{/portal/thinkTank/policyList?type=0}"><span class="line"></span><span>></span></a>
  228. </h4>
  229. <ul>
  230. <li th:each="n:${news}">
  231. <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}">
  232. <div class="time">
  233. <span th:text="${#dates.format(n.releaseDate,'MM-dd')}">03-12</span>
  234. <span th:text="${#dates.format(n.releaseDate,'yyyy')}">2018</span>
  235. </div>
  236. <div class="newTxt">
  237. <h5 th:text="${n.title}"></h5>
  238. <p th:text="${n.summary}"></p>
  239. </div>
  240. </a>
  241. </li>
  242. </ul>
  243. </div>
  244. </div>
  245. <div class="RecommendTitle">
  246. <h2>技淘观点精选</h2>
  247. <span></span>
  248. </div>
  249. <div class="view">
  250. <h4>观点
  251. <a th:href="@{/portal/thinkTank/policyList?type=99}"><span class="line"></span><span>></span></a>
  252. </h4>
  253. </div>
  254. <div class="publicNumber">
  255. <div class="video" >
  256. <iframe frameborder="0" width="565" height="320" th:src="${videoUrl}==null?'https://v.qq.com/iframe/player.html?vid=y0721rsmr4r&tiny=0&auto=0':${videoUrl}" allowfullscreen></iframe>
  257. </div>
  258. <ul>
  259. <li th:each="sc:${subscription}">
  260. <a th:href="@{/portal/news/newsDetail(id=${sc.id},type=1)}">
  261. <div class="time">
  262. <span th:text="${#dates.format(sc.releaseDate,'MM-dd')}">03-12</span>
  263. <span th:text="${#dates.format(sc.releaseDate,'yyyy')}">2018</span>
  264. </div>
  265. <p th:text="${sc.title}"></p>
  266. </a>
  267. </li>
  268. </ul>
  269. </div>
  270. </div>
  271. <footer>
  272. <div th:replace="common::copyright"></div>
  273. <div th:replace="common::login"></div>
  274. </footer>
  275. <div th:replace="common::footer(~{::script})">
  276. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  277. <script type="text/javascript" th:src="${portalHost+'/index.js'}"></script>
  278. </div>
  279. </body>
  280. </html>