index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  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 searchDiv">
  61. <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
  62. <img th:src="${portalHost+'/img/newMenu/searchImg.png'}" alt="" class="searchImg">
  63. </div>
  64. <a th:href="@{/portal/technologyTrading/tradingIndex#sytz}" class="zaixian">在线评估</a>
  65. <a th:href="@{/portal/evaluation/evaluate}" href="/portal/evaluation/evaluate" class="gaoqi">高企自评</a>
  66. </div>
  67. <ul class="jump">
  68. <li>
  69. <a href="/portal/thinkTank/policyList?type=1">政策</a>
  70. </li>
  71. <li>
  72. <a href="/portal/thinkTank/policyList?type=0">资讯</a>
  73. </li>
  74. <li>
  75. <a href="/portal/thinkTank/policyList?type=99">技淘观点</a>
  76. </li>
  77. <li>
  78. <a href="/portal/thinkTank/policyList?type=98">知产百科</a>
  79. </li>
  80. </ul>
  81. <!-- <span class="apply head_login">申请会员</span> -->
  82. </div>
  83. <!-- 主体内容区域 -->
  84. <div id="terrace">
  85. <div class="terrace_title">
  86. <img th:src="${portalHost+'/img/indedImg/inded12.png'}" alt="" />
  87. </div>
  88. <div class="terrace_cont">
  89. <div>
  90. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  91. <div class="terraceH">
  92. <h4>智慧</h4>
  93. <p>海量智力成果认知您的需求</p>
  94. </div>
  95. </div>
  96. <div>
  97. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  98. <div class="terraceH">
  99. <h4>合伙</h4>
  100. <p>秉承十七载荣赢数万客户</p>
  101. </div>
  102. </div><div>
  103. <img th:src="${portalHost+'/img/indedImg/inded1.png'}" alt="" />
  104. <div class="terraceH">
  105. <h4>社区</h4>
  106. <p>严选数千位专家顾问答疑解惑</p>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <div id="apply">
  112. <div class="apply">
  113. <div class="apply_left">
  114. <a >
  115. <img th:src="${portalHost+'/img/indedImg/inded15.jpg'}" alt="" />
  116. </a>
  117. </div>
  118. <div class="apply_right">
  119. <div th:each="p0,pcStatus:${patentCategory}">
  120. <a th:href="'/portal/service/patentList?secondId='+${p0.topLevelId}">
  121. <img th:src="${portalHost+'/img/indedImg/inded20.jpg'}" alt="" th:if="${pcStatus.index}==0"/>
  122. <img th:src="${portalHost+'/img/indedImg/inded21.jpg'}" alt="" th:if="${pcStatus.index}==1"/>
  123. <img th:src="${portalHost+'/img/indedImg/inded22.jpg'}" alt="" th:if="${pcStatus.index}==2"/>
  124. <img th:src="${portalHost+'/img/indedImg/inded23.jpg'}" alt="" th:if="${pcStatus.index}==3"/>
  125. <img th:src="${portalHost+'/img/indedImg/inded24.jpg'}" alt="" th:if="${pcStatus.index}==4"/>
  126. <img th:src="${portalHost+'/img/indedImg/inded25.jpg'}" alt="" th:if="${pcStatus.index}==5"/>
  127. <h4 th:text="${p0.topLevel}"> 发明专利</h4>
  128. </a>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div id="wield">
  134. <div class="terrace_title">
  135. <img th:src="${portalHost+'/img/indedImg/inded4.png'}" alt="" />
  136. </div>
  137. <div class="wield_cont">
  138. <img th:src="${portalHost+'/img/indedImg/inded5.png'}" alt="" />
  139. </div>
  140. </div>
  141. <div class="brands">
  142. <img th:src="${portalHost+'/img/indedImg/inded6.png'}" alt="" />
  143. </div>
  144. <div class="brands">
  145. <img th:src="${portalHost+'/img/indedImg/inded7.png'}" alt="" />
  146. <div class="brandsDiv">
  147. <img th:src="${portalHost+'/img/indedImg/inded31.jpg'}" alt="" class="active"/>
  148. <img th:src="${portalHost+'/img/indedImg/inded32.jpg'}" alt="" />
  149. <img th:src="${portalHost+'/img/indedImg/inded33.jpg'}" alt="" />
  150. </div>
  151. </div>
  152. <div class="brands">
  153. <img th:src="${portalHost+'/img/indedImg/inded8.png'}" alt="" />
  154. </div>
  155. <div class="brands">
  156. <img th:src="${portalHost+'/img/indedImg/inded9.png'}" alt="" />
  157. <div>
  158. <img th:src="${portalHost+'/img/indedImg/inded34.jpg'}" alt="" class="active"/>
  159. <img th:src="${portalHost+'/img/indedImg/inded35.jpg'}" alt="" />
  160. <img th:src="${portalHost+'/img/indedImg/inded36.jpg'}" alt="" />
  161. </div>
  162. </div>
  163. <div id="hotProject">
  164. <div class="terrace_title">
  165. <img th:src="${portalHost+'/img/indedImg/inded10.png'}" alt="" />
  166. </div>
  167. <div class="hotProject_cont" >
  168. <div th:each="p,pStatus:${projects}">
  169. <img th:src="${p.maxImgUrl}==null?${portalHost+'/img/indedImg/inded11.png'}:${avatarUploadHost+p.maxImgUrl}" alt="">
  170. <h3 th:text="${p.name}">高新认定</h3>
  171. <p th:text="${p.advertisement}==null?'暂无简介':${#strings.abbreviate(p.advertisement,30)}"></p>
  172. <a th:href="@{/portal/service/serviceDetail(id=${p.id})}">立即办理</a>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="container">
  177. <div class="RecommendTitle">
  178. <h2>政策资讯</h2>
  179. <span></span>
  180. </div>
  181. <div class="news">
  182. <div class="policy">
  183. <h4>政策
  184. <a th:href="@{/portal/thinkTank/policyList?type=1}"><span class="line"></span><span>></span></a>
  185. </h4>
  186. <img th:src="(${policys[0].titleImg}==null or ${policys[0].titleImg} == '')?${portalHost+'/img/index/index_new2.jpg'}:${avatarUploadHost+policys[0].titleImg}" alt="">
  187. <ul>
  188. <li th:each="p,pStatus:${policys}" th:if="${pStatus.index}==0">
  189. <a th:href="@{/portal/news/newsDetail(id=${p.id},type=0)}">
  190. <div class="time">
  191. <span th:text="${#dates.format(p.releaseDate,'MM-dd')}">03-12</span>
  192. <span th:text="${#dates.format(p.releaseDate,'yyyy')}">2018</span>
  193. </div>
  194. <div class="newTxt">
  195. <h5 th:text="${p.title}"></h5>
  196. <p th:text="${p.summary}"></p>
  197. </div>
  198. </a>
  199. </li>
  200. </ul>
  201. </div>
  202. <div class="consultation">
  203. <h4>资讯
  204. <a th:href="@{/portal/thinkTank/policyList?type=0}"><span class="line"></span><span>></span></a>
  205. </h4>
  206. <ul>
  207. <li th:each="n:${news}">
  208. <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}">
  209. <div class="time">
  210. <span th:text="${#dates.format(n.releaseDate,'MM-dd')}">03-12</span>
  211. <span th:text="${#dates.format(n.releaseDate,'yyyy')}">2018</span>
  212. </div>
  213. <div class="newTxt">
  214. <h5 th:text="${n.title}"></h5>
  215. <p th:text="${n.summary}"></p>
  216. </div>
  217. </a>
  218. </li>
  219. </ul>
  220. </div>
  221. </div>
  222. <div class="RecommendTitle">
  223. <h2>技淘观点精选</h2>
  224. <span></span>
  225. </div>
  226. <div class="view">
  227. <h4>观点
  228. <a th:href="@{/portal/thinkTank/policyList?type=99}"><span class="line"></span><span>></span></a>
  229. </h4>
  230. </div>
  231. <div class="publicNumber">
  232. <div class="video" >
  233. <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>
  234. </div>
  235. <ul>
  236. <li th:each="sc:${subscription}">
  237. <a th:href="@{/portal/news/newsDetail(id=${sc.id},type=1)}">
  238. <div class="time">
  239. <span th:text="${#dates.format(sc.releaseDate,'MM-dd')}">03-12</span>
  240. <span th:text="${#dates.format(sc.releaseDate,'yyyy')}">2018</span>
  241. </div>
  242. <p th:text="${sc.title}"></p>
  243. </a>
  244. </li>
  245. </ul>
  246. </div>
  247. </div>
  248. <footer>
  249. <div th:replace="common::copyright"></div>
  250. <div th:replace="common::login"></div>
  251. </footer>
  252. <div th:replace="common::footer(~{::script})">
  253. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  254. <script type="text/javascript" th:src="${portalHost+'/index.js'}"></script>
  255. </div>
  256. </body>
  257. </html>