index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  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. <!-- <span class="apply head_login">申请会员</span> -->
  71. </div>
  72. <!-- 主体内容区域 -->
  73. <div class="container">
  74. <div class="indexNav">
  75. <ul>
  76. <li>
  77. <a th:href="@{/portal/service/patent}">
  78. <img th:src="${portalHost+'/img/index/index_icon1.png'}" alt="">
  79. <p>知识产权申请</p></a>
  80. </li>
  81. <li>
  82. <a th:href="@{/portal/service/serviceIndex}">
  83. <img th:src="${portalHost+'/img/index/index_icon2.png'}" alt="">
  84. <p>知识产权运用</p></a>
  85. </li>
  86. <li>
  87. <a th:href="@{/portal/technologyTrading/tradingIndex}">
  88. <img th:src="${portalHost+'/img/index/index_icon3.png'}" alt="">
  89. <p>知识产权交易</p></a>
  90. </li>
  91. <!-- <li>
  92. <a th:href="@{/portal/service/serviceIndex}">
  93. <img th:src="${portalHost+'/img/index/index_icon4.png'}" alt="">
  94. <p>知识产权维权</p></a>
  95. </li> -->
  96. </ul>
  97. </div>
  98. <h3 class="title">热门申请</h3>
  99. <div>
  100. <img th:src="${portalHost+'/img/index/index_hotBj.png'}" alt="">
  101. </div>
  102. <div class="handle">
  103. <ul>
  104. <li th:each="pc,pcStatus:${patentCategory}">
  105. <div class="handleBox">
  106. <img th:src="${pc.topImg}==null?${portalHost+'/img/index/index_handleI.jpg'}:${avatarUploadHost+pc.topImg}" alt="">
  107. <div class="handleMask">
  108. <div class="maskTxt">
  109. <img th:src="${portalHost+'/img/index/index_handleIcon'+(pcStatus.index+1)+'.png'}" alt="">
  110. <p th:text="${pc.topLevel}">版权登记</p>
  111. <span></span>
  112. <div class="contentTxt">
  113. <p th:text="${pc.summary}==null?'暂无简介':${#strings.abbreviate(pc.summary,30)}"></p>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <a th:href="@{/portal/service/patentList(topId=${pc.topLevelId})}">立即办理</a>
  119. </li>
  120. </ul>
  121. <a href="/portal/service/patentList" class="more">MORE
  122. <span></span>
  123. </a>
  124. </div>
  125. <!-- 热门推荐 -->
  126. <div class="RecommendTitle">
  127. <h2>热门推荐</h2>
  128. <span></span>
  129. </div>
  130. <div class="RecommendBody">
  131. <div class="RecommendTxt" th:each="p,pStatus:${projects}" th:if="${pStatus.index}==0">
  132. <div class="RecommendTxtImg">
  133. <img th:src="${p.maxImgUrl}==null?${portalHost+'/img/allproduct_img.png'}:${avatarUploadHost+p.maxImgUrl}" alt="">
  134. <div class="txts">
  135. <p th:text="${p.introduce}==null?'暂无简介':${#strings.abbreviate(p.introduce,30)}"></p>
  136. </div>
  137. </div>
  138. <div class="RecommendTxtBottom">
  139. <p th:text="${p.name}">高新认定</p>
  140. <a th:href="@{/portal/service/serviceDetail(id=${p.id})}">立即办理</a>
  141. </div>
  142. </div>
  143. <div class="RecommendImg">
  144. <div class="RecommendRemask" th:each="p1,pStatus:${projects}" th:if="${pStatus.index}==1">
  145. <img th:src="${p1.maxImgUrl}==null?${portalHost+'/img/index/index_handleI.jpg'}:${avatarUploadHost+p1.maxImgUrl}" alt="">
  146. <div class="remaskImg">
  147. <div>
  148. <p th:text="${p1.name}">高新认定</p>
  149. <a th:href="@{/portal/service/serviceDetail(id=${p1.id})}">立即办理</a>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="imgGrounp">
  154. <div class="RecommendRemask" th:each="p,pStatus:${projects}" th:if="${pStatus.index}==2 or ${pStatus.index}==3">
  155. <img th:src="${p.maxImgUrl}==null?${portalHost+'/img/index/index_handleI.jpg'}:${avatarUploadHost+p.maxImgUrl}" alt="">
  156. <div class="remaskImg">
  157. <div>
  158. <p th:text="${p.name}">高新认定</p>
  159. <a th:href="@{/portal/service/serviceDetail(id=${p.id})}">立即办理</a>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="RecommendTxt" th:each="p,pStatus:${projects}" th:if="${pStatus.index}==4">
  166. <div class="RecommendTxtImg">
  167. <img th:src="${p.maxImgUrl}==null?${portalHost+'/img/index/index_handleI.jpg'}:${avatarUploadHost+p.maxImgUrl}" alt="">
  168. <div class="txts">
  169. <p th:text="${p.introduce}==null?'暂无简介':${#strings.abbreviate(p.introduce,30)}"></p>
  170. </div>
  171. </div>
  172. <div class="RecommendTxtBottom">
  173. <p th:text="${#strings.abbreviate(p.name,15)}">高新认定</p>
  174. <a th:href="@{/portal/service/serviceDetail(id=${p.id})}">立即办理</a>
  175. </div>
  176. </div>
  177. </div>
  178. <!-- 品牌建设 -->
  179. <div class="RecommendTitle">
  180. <h2>企业品牌建设</h2>
  181. <span></span>
  182. </div>
  183. </div>
  184. <div class="brand">
  185. <div class="brandBody container">
  186. <div class="brandLeft">
  187. <div class="writeBj">
  188. <img th:src="${portalHost+'/img/index/index_brand1.jpg'}" alt="">
  189. <p>基础品牌建设</p>
  190. </div>
  191. <div class="writeBj">
  192. <img th:src="${portalHost+'/img/index/index_brand2.jpg'}" alt="">
  193. <p>产品质量提升</p>
  194. </div>
  195. </div>
  196. <div class="brandMid">
  197. <img th:src="${portalHost+'/img/index/index_brand3.jpg'}" alt="">
  198. <h4>企业品牌提升</h4>
  199. <div>
  200. <p>培育品牌内功</p>
  201. <p>落地管理标准</p>
  202. <p>取得权威认证</p>
  203. </div>
  204. <!-- <a href="#"></a> -->
  205. </div>
  206. <div class="brandLeft">
  207. <div class="writeBj">
  208. <img th:src="${portalHost+'/img/index/index_brand4.jpg'}" alt="">
  209. <p>行业限制许可办理</p>
  210. </div>
  211. <div class="writeBj">
  212. <img th:src="${portalHost+'/img/index/index_brand5.jpg'}" alt="">
  213. <p>企业品牌升级奖励</p>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. <div class="container">
  219. <div class="RecommendTitle">
  220. <h2>政策资讯</h2>
  221. <span></span>
  222. </div>
  223. <div class="news">
  224. <div class="policy">
  225. <h4>政策
  226. <a th:href="@{/portal/thinkTank/policyList?type=1}"><span class="line"></span><span>></span></a>
  227. </h4>
  228. <img th:src="(${policys[0].titleImg}==null)?${portalHost+'/img/index/index_new2.jpg'}:${avatarUploadHost+policys[0].titleImg}" alt="">
  229. <ul>
  230. <li th:each="p,pStatus:${policys}" th:if="${pStatus.index}==0">
  231. <a th:href="@{/portal/news/newsDetail(id=${p.id},type=0)}">
  232. <div class="time">
  233. <span th:text="${#dates.format(p.releaseDate,'MM-dd')}">03-12</span>
  234. <span th:text="${#dates.format(p.releaseDate,'yyyy')}">2018</span>
  235. </div>
  236. <div class="newTxt">
  237. <h5 th:text="${p.title}"></h5>
  238. <p th:text="${p.summary}"></p>
  239. </div>
  240. </a>
  241. </li>
  242. </ul>
  243. </div>
  244. <div class="consultation">
  245. <h4>资讯
  246. <a th:href="@{/portal/thinkTank/policyList?type=0}"><span class="line"></span><span>></span></a>
  247. </h4>
  248. <ul>
  249. <li th:each="n:${news}">
  250. <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}">
  251. <div class="time">
  252. <span th:text="${#dates.format(n.releaseDate,'MM-dd')}">03-12</span>
  253. <span th:text="${#dates.format(n.releaseDate,'yyyy')}">2018</span>
  254. </div>
  255. <div class="newTxt">
  256. <h5 th:text="${n.title}">加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
  257. <p th:text="${n.summary}">哈哈哈哈海鸥科技打飞机附近的啊我的㘝技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的技打飞机附近的啊我的酒店设计大姐姐 但是大家觉得结算单基督教圣诞节ajd...</p>
  258. </div>
  259. </a>
  260. </li>
  261. </ul>
  262. </div>
  263. </div>
  264. <div class="RecommendTitle">
  265. <h2>技淘观点精选</h2>
  266. <span></span>
  267. </div>
  268. <div class="publicNumber">
  269. <div class="video" >
  270. <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>
  271. </div>
  272. <ul>
  273. <li th:each="sc:${subscription}">
  274. <a th:href="@{/portal/news/newsDetail(id=${sc.id},type=1)}">
  275. <div class="time">
  276. <span th:text="${#dates.format(sc.releaseDate,'MM-dd')}">03-12</span>
  277. <span th:text="${#dates.format(sc.releaseDate,'yyyy')}">2018</span>
  278. </div>
  279. <p th:text="${sc.title}"></p>
  280. </a>
  281. </li>
  282. </ul>
  283. </div>
  284. </div>
  285. <footer>
  286. <div th:replace="common::copyright"></div>
  287. <div th:replace="common::login"></div>
  288. </footer>
  289. <div th:replace="common::footer(~{::script})">
  290. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  291. <script type="text/javascript" th:src="${portalHost+'/index.js'}"></script>
  292. </div>
  293. </body>
  294. </html>