demand.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>科技需求</title>
  8. <link th:href="${portalHost+ '/vendors.css'}" rel="stylesheet">
  9. <link th:href="${portalHost+'/newMenu/demand.css'}" rel="stylesheet">
  10. </head>
  11. <body>
  12. <div class="header">
  13. <div class="container">
  14. <div>
  15. <a href="#">网站导航</a>
  16. </div>
  17. <div>
  18. <ul>
  19. <li><a href="javascript:void(0)" class="head_login">登录</a></li>
  20. <li><a href="#">注册</a></li>
  21. <li><a href="#">我的订单</a></li>
  22. <li><a href="#">我的关注</a></li>
  23. <li><a href="#">我的消息</a></li>
  24. </ul>
  25. </div>
  26. <div class="colorRed">全国统一服务热线:400-8800-962</div>
  27. </div>
  28. </div>
  29. <!-- search -->
  30. <div class="container">
  31. <div class="navHeader">
  32. <div class="logo">
  33. <a href="#"> <img th:src="${portalHost+'/img/Logo111.png'}"
  34. alt="" title="技淘">
  35. </a>
  36. </div>
  37. <div class="logo_right"></div>
  38. <div class="nav">
  39. <ul>
  40. <li><a href="#">科技服务</a> <img
  41. th:src="${portalHost+'/img/hot.png'}">
  42. <ol class="subnavigation">
  43. <li><a href="#">高企认定</a></li>
  44. <li><a href="#">知识产权</a></li>
  45. </ol></li>
  46. <li><a href="#">技术交易</a>
  47. <ol class="subnavigation">
  48. <li><a href="#">专利产品</a></li>
  49. <li><a href="#">技术成果</a></li>
  50. <li><a href="#">技术需求</a></li>
  51. <li><a href="#">技术评估</a></li>
  52. </ol></li>
  53. <li><a href="#">智库咨询</a>
  54. <ol class="subnavigation">
  55. <li><a href="#">智政</a></li>
  56. <li><a href="/portal/thinkTank/index.html#zizone">智者</a></li>
  57. </ol></li>
  58. <li><a href="/portal/aboutUs.html">关于公司</a>
  59. <ol class="subnavigation" style="display: none;">
  60. <li><a href="#">联系我们</a></li>
  61. </ol></li>
  62. </ul>
  63. </div>
  64. <div class="nav_right">
  65. <img th:src="${portalHost+'/img/newMenu/navImg.jpg'}" alt="">
  66. <span>国家技术转移示范机构</span>
  67. </div>
  68. </div>
  69. <div class="clearFix search">
  70. <div class="navMeau">
  71. <div>
  72. <span class="selfun">行业选择</span>
  73. <div class="menuList">
  74. <ul>
  75. <li th:each="industryList:${industryList}"
  76. th:text=" ${industryList.name}"></li>
  77. </ul>
  78. </div>
  79. </div>
  80. </div>
  81. <div>
  82. <div class="search-inp">
  83. <div class="input-group">
  84. <input type="text" class="form-control demandSearch"
  85. placeholder="输入你感兴趣的内容"> <span class="input-group-btn">
  86. <button class="btn btn-default searchBtn" type="button">
  87. <img th:src="${portalHost+'/img/newMenu/search-icon.jpg'}"
  88. alt=""> 搜索
  89. </button>
  90. </span>
  91. <div class="txtVal"></div>
  92. </div>
  93. <div>
  94. <img th:src="${portalHost+'/img/newMenu/search-xq.png'}" alt="">
  95. <span>发布需求</span>
  96. </div>
  97. <div>
  98. <img th:src="${portalHost+'/img/newMenu/search-cg.png'}" alt="">
  99. <span>发布技术</span>
  100. </div>
  101. </div>
  102. <div class="searchMain">
  103. <ol>
  104. <li class="active">热搜</li>
  105. <li>人工智能</li>
  106. <li>区块链</li>
  107. <li>环保</li>
  108. <li>金属材料</li>
  109. <li>软件开发</li>
  110. </ol>
  111. </div>
  112. <div>
  113. <ol>
  114. <li><a href="#technology">企业技术需求</a></li>
  115. <li><a href="#industry">地区产业需求</a></li>
  116. <li><a href="#study">产学研合作需求</a></li>
  117. <li><a href="#capital">研产资金需求</a></li>
  118. <li><a href="#personnel">技术人才需求</a></li>
  119. </ol>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <!-- banner -->
  125. <div id="myCarousel" class="carousel slide">
  126. <!-- 轮播(Carousel)指标 -->
  127. <ol class="carousel-indicators">
  128. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  129. <li data-target="#myCarousel" data-slide-to="1"></li>
  130. <li data-target="#myCarousel" data-slide-to="2"></li>
  131. </ol>
  132. <!-- 轮播(Carousel)项目 -->
  133. <div class="carousel-inner">
  134. <div class="item active">
  135. <img th:src="${portalHost+'/img/index_banner01.jpg'}"
  136. alt="First slide">
  137. </div>
  138. <div class="item">
  139. <img th:src="${portalHost+'/img/index_banner02.jpg'}"
  140. alt="Second slide">
  141. </div>
  142. <div class="item">
  143. <img th:src="${portalHost+'/img/index_banner03.jpg'}"
  144. alt="Third slide">
  145. </div>
  146. </div>
  147. <!-- 轮播(Carousel)导航 -->
  148. <!-- <a class="carousel-control left" href="#myCarousel"
  149. data-slide="prev">&lsaquo;</a>
  150. <a class="carousel-control right" href="#myCarousel"
  151. data-slide="next">&rsaquo;</a> -->
  152. </div>
  153. <!-- 主体内容区域 -->
  154. <div class="container">
  155. <div class="demand-marq">
  156. <span></span>
  157. <marquee direction="left" behavior="scroll" scrollamount="10"
  158. loop="-1">
  159. <ul>
  160. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  161. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  162. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  163. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  164. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  165. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  166. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  167. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  168. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  169. <li>匿名***,查看了“寻找关于土壤修复的技术”</li>
  170. </ul>
  171. </marquee>
  172. </div>
  173. <div class="newDemand">
  174. <img th:src="${portalHost+'/img/newMenu/demand-2.jpg'}" alt="">
  175. <ul>
  176. <li th:each="recentDemandList:${recentDemandList}">
  177. <a th:href="@{/portal/technologyTrading/demandDetail(id=${recentDemandList.id},type=${recentDemandList.dataCategory})}">
  178. <div th:switch="${recentDemandList.demandType}">
  179. <p>
  180. <p th:text="${recentDemandList.name}"></p>
  181. <p class="colorWrite" th:text="${recentDemandList.employerName}"></p>
  182. <p>
  183. <span class="colorRed" th:case='0' th:text="企业技术需求"></span> <span
  184. class="colorRed" th:case='1' th:text="技术设备需求"></span> <span
  185. class="colorRed" th:case='2' th:text="产学研合作需求"></span> <span
  186. class="colorRed" th:case='3' th:text="研产资金需求"></span> <span
  187. class="colorRed" th:case='4' th:text="地区产业需求"></span> <span
  188. class="colorRed" th:case='5' th:text="技术人才需求"></span>
  189. <span class="colorBlur timeBefor"
  190. th:text="${recentDemandList.releaseDate}==null?'':${#dates.format(recentDemandList.releaseDate,'yyyy-MM-dd')}"></span></p>
  191. </p>
  192. </div>
  193. </a>
  194. </li>
  195. </ul>
  196. </div>
  197. <!-- hot -->
  198. <div class="row mainHot">
  199. <div class="col-md-6 mainLeft">
  200. <div>
  201. <span class="hot">HOT</span>
  202. <ol class="crumbNav crumbNavLeft">
  203. <li>人工智能</li>
  204. <li>/</li>
  205. <li>区块链</li>
  206. <li>/</li>
  207. <li>环保</li>
  208. <li>/</li>
  209. <li>金属材料</li>
  210. <li>/</li>
  211. <li>软件开发</li>
  212. </ol>
  213. </div>
  214. <span class="hr"></span>
  215. <div class="demandTxt row">
  216. <div class="col-md-5">
  217. <img th:src="${portalHost+'/img/newMenu/demand-3.png'}" alt="">
  218. </div>
  219. <div class="col-md-7" th:each="u2:${urgentDemand2}">
  220. <a th:href="@{/portal/technologyTrading/demandDetail(id=${u2.id},type=${u2.dataCategory})}">
  221. <div>
  222. <div th:switch="${u2.demandType}">
  223. <span class="talents" th:case='0' th:text="企业技术需求"></span>
  224. <span class="talents" th:case='1' th:text="技术设备需求"></span>
  225. <span class="talents" th:case='2' th:text="产学研合作需求"></span>
  226. <span class="talents" th:case='3' th:text="研产资金需求"></span>
  227. <span class="talents" th:case='4' th:text="地区产业需求"></span>
  228. <span class="talents" th:case='5' th:text="技术人才需求"></span>
  229. <span class="name" th:text="${u2.name}"></span>
  230. </div>
  231. <div>
  232. <span class="problemDes" th:text="${u2.problemDes}"></span>
  233. <span class="colorTime" th:if="${u2.validityPeriod}==null" th:text="无期限"></span>
  234. <span class="colorTime" th:if="${u2.validityPeriod}!=null" th:text="${#dates.format(u2.validityPeriod,'yyyy-MM-dd')+'到期'}"></span>
  235. <span class="colorOrange" th:if="${u2.demandType}==5" th:text="${u2.fundForPersonnel}==null?'人才:¥0元/月':${'人才:¥'+u2.fundForPersonnel+'元/月'}"></span>
  236. <span class="colorOrange" th:if="${u2.demandType}==3" th:text="${'期望资金:¥'+u2.fundForCrowd}+'万'"></span>
  237. </div>
  238. </div>
  239. </a>
  240. </div>
  241. </div>
  242. <div class="talentsTxt row">
  243. <ol>
  244. <li th:each="u3:${urgentDemand3}">
  245. <a th:href="@{/portal/technologyTrading/demandDetail(id=${u3.id},type=${u3.dataCategory})}">
  246. <p class="introduceP">
  247. <div th:switch="${u3.demandType}">
  248. <span class="talents" th:case='0' th:text="企业技术需求"></span>
  249. <span class="talents" th:case='1' th:text="技术设备需求"></span> <span
  250. class="talents" th:case='2' th:text="产学研合作需求"></span> <span
  251. class="talents" th:case='3' th:text="研产资金需求"></span> <span
  252. class="talents" th:case='4' th:text="地区产业需求"></span> <span
  253. class="talents" th:case='5' th:text="技术人才需求"></span>
  254. <span th:text="${u3.name}"></span>
  255. <span class="colorOrange" th:if="${u3.demandType}==3 and ${u3.researchType}==null">用途:未知</span>
  256. <span class="colorOrange" th:if="${u3.demandType}==3 and ${u3.researchType}!=null" th:text="${u3.researchType}==0?'用途:研发':'用途:扩大再生产'"></span>
  257. <span class="colorOrange" th:if="${u3.demandType}==5" th:text="${u3.fundForPersonnel}==null?'人才:¥0.00元/月':${'人才:¥'+u3.fundForPersonnel+'元/月'}"></span>
  258. <span class="colorOrange" th:if="${u3.demandType}==3" th:text="${'期望资金:¥'+u3.fundForCrowd+'万'}"></span>
  259. </div>
  260. </p>
  261. <p class="introduceP">
  262. <span th:text="${u3.problemDes}"></span>
  263. <span class="colorTime" th:if="${u3.validityPeriod}!=null" th:text="${#dates.format(u3.validityPeriod,'yyyy-MM-dd')+'到期'}"></span>
  264. </p>
  265. </a>
  266. </li>
  267. </ol>
  268. </div>
  269. </div>
  270. <div class="col-md-6">
  271. <div>
  272. <span class="hot">HOT</span>
  273. <ol class="crumbNav crumbNavRight">
  274. <li>人工智能</li>
  275. <li>/</li>
  276. <li>区块链</li>
  277. <li>/</li>
  278. <li>环保</li>
  279. <li>/</li>
  280. <li>金属材料</li>
  281. <li>/</li>
  282. <li>软件开发</li>
  283. </ol>
  284. </div>
  285. <span class="hr"></span>
  286. <div class="demandTxt row">
  287. <div class="col-md-5">
  288. <img th:src="${portalHost+'/img/newMenu/demand-4.png'}" alt="">
  289. </div>
  290. <div class="col-md-7" th:each="h2:${hotDemand2}">
  291. <a th:href="@{/portal/technologyTrading/demandDetail(id=${h2.id},type=${h2.dataCategory})}">
  292. <div>
  293. <div th:switch="${h2.demandType}">
  294. <span class="talents" th:case='0' th:text="企业技术需求"></span>
  295. <span class="talents" th:case='1' th:text="技术设备需求"></span>
  296. <span class="talents" th:case='2' th:text="产学研合作需求"></span>
  297. <span class="talents" th:case='3' th:text="研产资金需求"></span>
  298. <span class="talents" th:case='4' th:text="地区产业需求"></span>
  299. <span class="talents" th:case='5' th:text="技术人才需求"></span>
  300. <span class="name" th:text="${h2.name}"></span>
  301. </div>
  302. <div>
  303. <span class="problemDes" th:text="${h2.problemDes}"></span>
  304. <span class="colorOrange" th:if="${h2.demandType}==5" th:text="${h2.fundForPersonnel}==null?'人才:¥0.00元/月':${'人才:¥'+h2.fundForPersonnel}+'元/月'"></span>
  305. <span class="colorOrange" th:if="${h2.demandType}==3" th:text="${'期望资金:¥'+h2.fundForCrowd}+'万'"></span>
  306. <span class="colorTime"> <img th:src="${portalHost+'/img/newMenu/demand-5.jpg'}" alt=""></span>
  307. </div>
  308. </div>
  309. </a>
  310. </div>
  311. </div>
  312. <div class="talentsTxt row">
  313. <ol>
  314. <li th:each="h3:${hotDemand3}">
  315. <a th:href="@{/portal/technologyTrading/demandDetail(id=${h3.id},type=${h3.dataCategory})}">
  316. <p class="introduceP">
  317. <div th:switch="${h3.demandType}">
  318. <span class="talents" th:case='0' th:text="企业技术需求"></span>
  319. <span class="talents" th:case='1' th:text="技术设备需求"></span>
  320. <span class="talents" th:case='2' th:text="产学研合作需求"></span>
  321. <span class="talents" th:case='3' th:text="研产资金需求"></span>
  322. <span class="talents" th:case='4' th:text="地区产业需求"></span>
  323. <span class="talents" th:case='5' th:text="技术人才需求"></span>
  324. <span th:text="${h3.name}"></span>
  325. <span class="colorOrange" th:if="${h3.researchType}==null and ${h3.demand}==3">用途:未知</span>
  326. <span class="colorOrange" th:if="${h3.demandType}==3 and ${h3.researchType}!=null" th:text="${h3.researchType}==0?'用途:研发':'用途:扩大再生产'"></span>
  327. <span class="colorOrange" th:if="${h3.demandType}==5" th:text="${h3.fundForPersonnel}==null?'人才:¥0.00元/月':${'人才:¥'+h3.fundForPersonnel+'元/月'}"></span>
  328. <span class="colorOrange" th:if="${h3.demandType}==3" th:text="${'期望资金:¥'+h3.fundForCrowd+'万'}"></span>
  329. </div>
  330. </p>
  331. <p class="introduceP" >
  332. <span th:text="${h3.problemDes}"></span>
  333. <img th:src="${portalHost+'/img/newMenu/demand-5.jpg'}" alt="">
  334. </p>
  335. </a>
  336. </li>
  337. </ol>
  338. </div>
  339. </div>
  340. </div>
  341. <div class="imgs">
  342. <img th:src="${portalHost+'/img/newMenu/demand-7.png'}" alt="">
  343. </div>
  344. <div class="enterprise" id="technology">
  345. <h4>
  346. 企业技术需求 <a href="#">查看更多 > </a>
  347. </h4>
  348. <div class="row">
  349. <div class="col-md-2">
  350. <img th:src="${portalHost+'/img/newMenu/demand-8.png'}" alt="">
  351. </div>
  352. <div class="imgGroup col-md-10">
  353. <ul>
  354. <li th:each="companyDemandList:${companyDemandList}">
  355. <a th:href="@{/portal/technologyTrading/demandDetail(id=${companyDemandList.id},type=${companyDemandList.dataCategory})}">
  356. <img
  357. th:src="${companyDemandList.pictureUrl}==null?${portalHost+'/img/newMenu/demand-9.png'}:${avatarUploadHost +companyDemandList.pictureUrl}"
  358. alt="">
  359. <p th:text="${companyDemandList.name}"></p>
  360. </a>
  361. </li>
  362. </ul>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. <!-- 地区产业需求 -->
  368. <div class="areaDemand" id="industry">
  369. <div class="container">
  370. <h3>
  371. <img th:src="${portalHost+'/img/newMenu/demand-13.jpg'}" alt="">
  372. </h3>
  373. </div>
  374. <div class="fullImg">
  375. <img th:src="${portalHost+'/img/newMenu/demand-16.jpg'}" alt="" />
  376. <div class="fullImgTxt container">
  377. <ul class="row">
  378. <li class="col-md-3" th:each="areaDemand,iterStat:${areaDemandList}">
  379. <a th:href="@{/portal/technologyTrading/demandDetail(id=${areaDemand.id},type=${areaDemand.dataCategory})}">
  380. <div class="warpImg">
  381. <div th:if="${iterStat.even}" class="btnAreaBj">
  382. <span class="btnArea" th:text="${areaDemand.name}"></span>
  383. </div>
  384. <div class="introduction">
  385. <p th:text="${areaDemand.problemDes}"></p>
  386. </div>
  387. <div th:if="${iterStat.odd}" class="btnAreaBj">
  388. <span class="btnArea" th:text="${areaDemand.name}"></span>
  389. </div>
  390. <div class="btnSee">
  391. <span>立即查看产业需求</span>
  392. </div>
  393. </div>
  394. </a>
  395. </li>
  396. </ul>
  397. </div>
  398. </div>
  399. </div>
  400. <div class="container">
  401. <div class="study" id="study">
  402. <h4>
  403. 产学研合作需求 <a href="#">查看更多 > </a>
  404. </h4>
  405. </div>
  406. <div class="row studyTxt">
  407. <div class="col-sm-10">
  408. <ul class="row">
  409. <li class="col-sm-4" th:each="plsdemand:${proLearnStudyDemandList}">
  410. <a th:href="@{/portal/technologyTrading/demandDetail(id=${plsdemand.id},type=${plsdemand.dataCategory})}">
  411. <div class="imgLeft">
  412. <img th:if="${plsdemand.pictureUrl}==null" th:src="${portalHost+'/img/newMenu/demand-17.jpg'}" alt="">
  413. <img th:if="${plsdemand.pictureUrl}!=null" th:src="${avatarUploadHost+plsdemand.pictureUrl}" alt="">
  414. </div>
  415. <div class="imgRight">
  416. <h5 th:text="${plsdemand.employerName}"></h5>
  417. <p th:text="${plsdemand.problemDes}"></p>
  418. <span th:text="${plsdemand.industryCategory1}"></span>
  419. <span th:text="${plsdemand.industryCategory2}"></span>
  420. </div>
  421. </a>
  422. </li>
  423. </ul>
  424. </div>
  425. <div class="col-sm-2">
  426. <img th:src="${portalHost+'/img/newMenu/demand-18.jpg'}" alt="">
  427. </div>
  428. </div>
  429. <div class="study capital" id="capital">
  430. <h4>
  431. 研产资金需求 <a href="#">查看更多 > </a>
  432. </h4>
  433. </div>
  434. <div class="capitalMain row">
  435. <div class="col-sm-2">
  436. <img th:src="${portalHost+'/img/newMenu/demand-19.jpg'}" alt="">
  437. </div>
  438. <div class="col-sm-10">
  439. <ol class="row">
  440. <li class="col-sm-3" th:each="fundDemand:${fundDemandList}">
  441. <a th:href="@{/portal/technologyTrading/demandDetail(id=${fundDemand.id},type=${fundDemand.dataCategory})}">
  442. <div class="capital-administration">
  443. <div class="capitalBj">
  444. <h4 th:text="${fundDemand.name}"></h4>
  445. <p th:text="${fundDemand.problemDes}"></p>
  446. <div class="float-left">
  447. <p>期望资金</p>
  448. <p th:text="${'¥'+fundDemand.fundForCrowd+'万'}"></p>
  449. </div>
  450. <div class="float-right">
  451. <p>资金用途</p>
  452. <p th:if="${fundDemand.researchType}==null">未知用途</p>
  453. <p th:if="${fundDemand.researchType}!=null" th:text="${fundDemand.researchType}==0?'研发':'扩大再生产'"></p>
  454. </div>
  455. </div>
  456. <a href="#">立即查看</a>
  457. </div>
  458. </a>
  459. </li>
  460. </ol>
  461. </div>
  462. </div>
  463. <div class="study capital" id="personnel">
  464. <h4>
  465. 技术人才需求 <a href="#">查看更多 > </a>
  466. </h4>
  467. </div>
  468. <div class="technology row">
  469. <div class="col-sm-2">
  470. <img th:src="${portalHost+'/img/newMenu/demand-21.jpg'}" alt="">
  471. </div>
  472. <div class="col-sm-10">
  473. <ol class="row">
  474. <li class="col-sm-4" th:each="personnelDemand:${personnelDemandList}">
  475. <a th:href="@{/portal/technologyTrading/demandDetail(id=${personnelDemand.id},type=${personnelDemand.dataCategory})}">
  476. <div>
  477. <h4 >
  478. <span th:text="${personnelDemand.name}"></span>
  479. <span class="titleBorder">人才</span> <span class="money" th:text="${personnelDemand.fundForPersonnel}==null?'¥0.00元/月':${'¥'+personnelDemand.fundForPersonnel+'元/月'}"></span>
  480. </h4>
  481. <p th:text="${personnelDemand.problemDes}"></p>
  482. <span class="float-right">招募中</span>
  483. </div>
  484. </a>
  485. </li>
  486. </ol>
  487. </div>
  488. </div>
  489. <div class="demandFootImg">
  490. <img th:src="${portalHost+'/img/newMenu/demand-22.jpg'}" alt="">
  491. </div>
  492. </div>
  493. <footer>
  494. <div id="bottom">
  495. <div class="bottom">
  496. <div class="bottom_text">
  497. <div class="text_top">
  498. <a href="/portal/aboutUs.html">关于公司</a> <a
  499. href="/portal/contactUs.html">联系我们</a>
  500. <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2
  501. 技术支持:湖南阿凡提科技有限公司</p>
  502. </div>
  503. <div class="text_center" id="qrCode">
  504. <div class="cont_left">
  505. <img th:src="${portalHost+'/img/dizhi.jpg'}" alt="">
  506. <p>湖南省长沙市营盘东路19号金山大厦八楼</p>
  507. </div>
  508. <div class="cont_center">
  509. <img th:src="${portalHost+'/img/dianhua.jpg'}" alt="">
  510. <p>合作电话:400-8800-962</p>
  511. </div>
  512. <div class="cont_guanli">
  513. <a href="/admin/login"> <img
  514. th:src="${portalHost+'/img/guanli.png'}" alt="">
  515. <p>管理员入口</p>
  516. </a>
  517. </div>
  518. <div class="cont_rightapp">
  519. <img th:src="${portalHost+'/img/erweima_iphone.png'}" alt="">
  520. <p>iPhone版</p>
  521. </div>
  522. <div class="cont_right android">
  523. <img th:src="${portalHost+'/img/erweima_android.jpg'}" alt="">
  524. <p>Android版</p>
  525. </div>
  526. <div class="cont_right">
  527. <img th:src="${portalHost+'/img/erweima.jpg'}" alt="">
  528. <p>微信公众号</p>
  529. </div>
  530. </div>
  531. <div class="text_bottom">
  532. <p>友情链接</p>
  533. <a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a> <a
  534. href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a> <a
  535. href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a> <a
  536. href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
  537. <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
  538. <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a> <a
  539. href="http://www.hnast.org.cn/portal/comm/index.action"
  540. target="_blank">湖南省科学技术协会/</a> <a href="http://www.hncgw.gov.cn/"
  541. target="_blank">湖南省科技成果转化公共服务平台/</a> <a
  542. href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
  543. <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a> <a
  544. href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
  545. <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
  546. <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
  547. <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a> <a
  548. href="http://www.cnic.cn/front/index.html#/cnicSite/home"
  549. target="_blank">中科院计算机网络信息中心/</a> <a
  550. href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a> <a
  551. href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
  552. <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a> <a
  553. href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a> <a
  554. href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a> <a
  555. href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
  556. </div>
  557. </div>
  558. </div>
  559. </div>
  560. <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display: none"></div>
  561. <div class="pub_fix">
  562. <span class="index_blur"></span>
  563. <ul class="ret_top">
  564. <li class="head_login"><a href="javascript:;"> <img
  565. th:src="${portalHost+'/img/index_fix0.png'}" alt="">
  566. <p>申请会员</p>
  567. </a></li>
  568. <li><a onclick="_MEIQIA('showPanel')"> <img
  569. th:src="${portalHost+'/img/index_fix3.png'}" alt="">
  570. <p>联系客服</p>
  571. </a></li>
  572. <li><a href="" class="pendent_box"> <img
  573. th:src="${portalHost+'/img/index_fix4.png'}" alt="">
  574. <p>返回顶部</p>
  575. </a></li>
  576. </ul>
  577. <span class="index_orange"></span>
  578. </div>
  579. <div class="message">
  580. <span></span>
  581. </div>
  582. <div class="login">
  583. <div class="login_mian">
  584. <div class="login_left">
  585. <div class="login_ewm">
  586. <img th:src="${portalHost+'/img/Android.jpg'}" alt="二维码" />
  587. <p>Android版</p>
  588. <p>客户端</p>
  589. </div>
  590. <div class="login_ewm">
  591. <img th:src="${portalHost+'/img/iPhone.jpg'}" alt="二维码" />
  592. <p>iPhone版</p>
  593. <p>客户端</p>
  594. </div>
  595. </div>
  596. <div class="login_right">
  597. <h5>
  598. 用户登陆 <a href="">免费注册有好礼呦!!</a>
  599. </h5>
  600. <form id="form_login">
  601. <div class="login_uesr">
  602. <label for="uesname"> <img
  603. th:src="${portalHost+'/img/login_use.png'}" />
  604. </label> <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
  605. <img th:src="${portalHost+'/img/login_del.png'}" class="log_del" />
  606. </div>
  607. <div class="login_pass">
  608. <label for="pass"> <img
  609. th:src="${portalHost+'/img/login_password.png'}" />
  610. </label> <input type="password" name="pass" id="Lo_pass"
  611. placeholder="请输入密码" />
  612. </div>
  613. <div class="login_check">
  614. <a href="">忘记密码?</a>
  615. </div>
  616. <input type="submit" value="登 陆" class="login_submit" />
  617. </form>
  618. <img th:src="${portalHost+'/img/login_hua.png'}" alt=""
  619. class="login_hua" /> <img
  620. th:src="${portalHost+'/img/login_shadow.png'}" alt="阴影效果"
  621. class="login_shadow" /> <img
  622. th:src="${portalHost+'/img/login_close.png'}" alt=""
  623. class="login_close" />
  624. </div>
  625. </div>
  626. </div>
  627. <div id="forget">
  628. <div class="forget">
  629. <form id="forget_form">
  630. <div class="forget_top">
  631. <a href="">忘记密码?</a>
  632. <div class="login_check">
  633. <label for="forget_checks" class="lab_check"> <input
  634. type="checkbox" name="type" id="forget_checks" />专家登录
  635. </label> <label for="forget_checkst" class="lab_checkno"> <input
  636. type="checkbox" name="type" id="forget_checkst" />企业登录
  637. </label>
  638. </div>
  639. </div>
  640. <div class="forget_center">
  641. <div class="phone">
  642. <label for="forget_phone"> 手机号码: <input type="text"
  643. name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
  644. </label>
  645. </div>
  646. <div class="yanzheng">
  647. <label for="forget_yanzheng"> 图形验证码: <input type="text"
  648. name="type" id="forget_yanzheng" />
  649. </label>
  650. <div class="yanzhengma_cont_">
  651. <img th:src="${basePath+'/open/getVCode'}" />
  652. </div>
  653. </div>
  654. <div class="cellcode_">
  655. <div>
  656. 验证码: <input type="text" name="cellCode" placeholder="手机验证码"
  657. id="photo_n" />
  658. </div>
  659. <input type="button" id="photo_m" value="获取验证码" disabled />
  660. </div>
  661. <div class="fastener">
  662. <input type="submit" class="forget_sub" value="确认" />
  663. <div class="fastener_right">取消</div>
  664. </div>
  665. </div>
  666. </form>
  667. <img th:src="${portalHost+'/img/login_close.png'}" alt=""
  668. class="login_close" />
  669. </div>
  670. </div>
  671. <div id="new_password">
  672. <div class="new_password">
  673. <form id="new_password_form">
  674. <div class="password_top">
  675. <h4>设置新密码</h4>
  676. <span>密码长度为6-20个字符,区分大小写</span>
  677. </div>
  678. <div class="password_center">
  679. <div>
  680. <label for="new_pass"> 新密码: <input type="text"
  681. name="type" id="new_pass" placeholder="请输入您的新密码..." />
  682. </label>
  683. </div>
  684. <div>
  685. <label for="new_pass_again"> 确认密码: <input type="text"
  686. name="type" id="new_pass_again" placeholder="请确认您的密码..." />
  687. </label>
  688. </div>
  689. <div class="fastener">
  690. <input type="submit" class="new_password_sub" value="确认" />
  691. <div class="fastener_right">取消</div>
  692. </div>
  693. </div>
  694. </form>
  695. <img th:src="${portalHost+'/img/login_close.png'}" alt=""
  696. class="login_close" />
  697. </div>
  698. </div>
  699. <div class="smg">
  700. <input type="text" name="msg" value="111" id="msg" />
  701. </div>
  702. </footer>
  703. </body>
  704. <script type="text/javascript" th:src="${portalHost+'/vendors.js'}"></script>
  705. <script type="text/javascript"
  706. th:src="${portalHost+'/newMenu/demand.js'}"></script>
  707. </html>