portal html css js resource

index.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="keywords" content="科袖 专家 科研 研发 技术 资源 咨询"/>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <title>科袖网 - 搭建企业与专家的桥梁</title>
  9. <link rel="shortcut icon" href="images/favicon.png"/>
  10. <!-- <link rel="Bookmark" href="images/favicon.png" /> -->
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <link rel="stylesheet" href="css/reset.css" />
  13. <link type="text/css" href="css/index.css" rel="stylesheet">
  14. <link type="text/css" href="css/common.css" rel="stylesheet">
  15. </head>
  16. <body>
  17. <div id="container">
  18. <div id="header">
  19. <a href="index.html" alt="科袖" class="logo"></a>
  20. <div class="searchblock" id="serc-index">
  21. <input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent" />
  22. <div class="search-btn" id="hsearch"><span class="search-icon" ></span></div>
  23. </div>
  24. <div class="header-right">
  25. <!--未登录-->
  26. <div class="unlogin">
  27. <a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
  28. <a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
  29. <a class="loginbtn loginrbtn" href="register.html">注册</a>
  30. </div>
  31. <!--已登录-->
  32. <div class="onlogin">
  33. <a class="myWorkspace" href="workspaces.html">我的工作台</a>
  34. <div class="head-portrait headRadius">
  35. <img class="portrait-p" />
  36. <div class="personal-infor">
  37. <div class="triangleB"></div>
  38. <div class="personal-box bgRadius">
  39. <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
  40. <a href="information.html"><span class="icon icon2"></span>修改资料</a>
  41. <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
  42. <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <!--banner部分-->
  50. <div id="banner">
  51. <div class="banner">
  52. <img src="images/banner/banner01.jpg">
  53. </div>
  54. <div class="theme">
  55. <h1>科袖</h1>
  56. <h2>搭建企业与专家的桥梁</h2>
  57. <div class="main-search bgRadius">
  58. <div class="simuselect floatL" id="lookFor">
  59. <div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div>
  60. <ul id="li_show" class="lishow">
  61. <li><div onclick="selectThis('找专家')">找专家</div></li>
  62. <li><div onclick="selectThis('找资源')">找资源</div></li>
  63. </ul>
  64. </div>
  65. <!-- <select class="lookwho floatL" id="lookFor"><option value="0">找专家</option><option value="1">找资源</option></select> -->
  66. <input type="text" placeholder="搜索专家、机构、研究方向" class="sear-txt" id="searchContent" >
  67. <div class="sear-btn" id="search" >搜索</div>
  68. </div>
  69. </div>
  70. </div>
  71. <!--寻找专家流程-->
  72. <div class="process">
  73. <div class="process1">
  74. <span class="process-icon1"></span>
  75. <h3 class="hh3">寻找专家</h3>
  76. <p>在科袖<Br>
  77. 寻找企业需要的专家与资源</p>
  78. </div>
  79. <div class="nextR"></div>
  80. <div class="process1">
  81. <span class="process-icon2"></span>
  82. <h3 class="hh3">在线交流</h3>
  83. <p>向专家发出合作意向<Br>
  84. 与专家在线沟通咨询</p>
  85. </div>
  86. <div class="nextR"></div>
  87. <div class="process1">
  88. <span class="process-icon3"></span>
  89. <h3 class="hh3">专家合作</h3>
  90. <p>专家确认合作后<Br>
  91. 按照约定与企业开展合作</p>
  92. </div>
  93. <div class="nextR"></div>
  94. <div class="process1">
  95. <span class="process-icon4"></span>
  96. <h3 class="hh3">合作评价</h3>
  97. <p>合作完成后<Br>
  98. 对专家进行评价</p>
  99. </div>
  100. <div class="clear"></div>
  101. </div>
  102. <!--热门领域-->
  103. <div class="hot-field">
  104. <h4 class="hh4">热门领域</h4>
  105. <div class="field-box">
  106. <div class="field">
  107. <a href="#"><span class="field-icon field-icon8"></span></a>
  108. <a href="#" class="field-name" >材料失效与保护</a>
  109. </div>
  110. <div class="field">
  111. <a href="#"><span class="field-icon field-icon7"></span></a>
  112. <a href="#" class="field-name" >材料表面与界面</a>
  113. </div>
  114. <div class="field">
  115. <a href="#"><span class="field-icon field-icon6"></span></a>
  116. <a href="#" class="field-name" >黑色金属及其合金</a>
  117. </div>
  118. <div class="field">
  119. <a href="#"><span class="field-icon field-icon5"></span></a>
  120. <a href="#" class="field-name" >有色金属及其合金</a>
  121. </div>
  122. <div class="field">
  123. <a href="#"><span class="field-icon field-icon4"></span></a>
  124. <a href="#" class="field-name" >材料检测与分析技术</a>
  125. </div>
  126. <div class="field">
  127. <a href="#"><span class="field-icon field-icon3"></span></a>
  128. <a href="#" class="field-name" >非晶、微晶金属材料</a>
  129. </div>
  130. <div class="field">
  131. <a href="#"><span class="field-icon field-icon2"></span></a>
  132. <a href="#" class="field-name" >金属基复合材料</a>
  133. </div>
  134. <div class="field">
  135. <a href="#"><span class="field-icon field-icon1"></span></a>
  136. <a href="#" class="field-name" >电化学工程</a>
  137. </div>
  138. </div>
  139. <a href="search.html" class="more">更多领域<em></em></a>
  140. </div>
  141. <!--热门专家-->
  142. <!--<div class="hot-professor">
  143. <h4 class="hh4">热门专家</h4>
  144. <div class="professor-box">
  145. <div class="professor">
  146. <img src="images/pic1.jpg">
  147. <a href="#">
  148. <div class="professor-data">
  149. <h5>肖葵</h5>
  150. <p>副研究员</p>
  151. <p>腐蚀控制系统工程研究所</p>
  152. <p>北京科技大学</p>
  153. <ul class="process-resear">
  154. <li>金属材料大气腐蚀行为与机理研究</li>
  155. <li>多重海洋环境因素作用下材料腐蚀</li>
  156. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  157. </ul>
  158. </div>
  159. </a>
  160. </div>
  161. <div class="professor">
  162. <img src="images/pic1.jpg">
  163. <a href="#">
  164. <div class="professor-data">
  165. <h5>肖葵</h5>
  166. <p>副研究员</p>
  167. <p>腐蚀控制系统工程研究所</p>
  168. <p>北京科技大学</p>
  169. <ul class="process-resear">
  170. <li>金属材料大气腐蚀行为与机理研究</li>
  171. <li>多重海洋环境因素作用下材料腐蚀</li>
  172. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  173. </ul>
  174. </div>
  175. </a>
  176. </div>
  177. <div class="professor">
  178. <img src="images/pic1.jpg">
  179. <a href="#">
  180. <div class="professor-data">
  181. <h5>肖葵</h5>
  182. <p>副研究员</p>
  183. <p>腐蚀控制系统工程研究所</p>
  184. <p>北京科技大学</p>
  185. <ul class="process-resear">
  186. <li>金属材料大气腐蚀行为与机理研究</li>
  187. <li>多重海洋环境因素作用下材料腐蚀</li>
  188. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  189. </ul>
  190. </div>
  191. </a>
  192. </div>
  193. <div class="professor">
  194. <img src="images/pic1.jpg">
  195. <a href="#">
  196. <div class="professor-data">
  197. <h5>肖葵</h5>
  198. <p>副研究员</p>
  199. <p>腐蚀控制系统工程研究所</p>
  200. <p>北京科技大学</p>
  201. <ul class="process-resear">
  202. <li>金属材料大气腐蚀行为与机理研究</li>
  203. <li>多重海洋环境因素作用下材料腐蚀</li>
  204. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  205. </ul>
  206. </div>
  207. </a>
  208. </div>
  209. <div class="professor">
  210. <img src="images/pic1.jpg">
  211. <a href="#">
  212. <div class="professor-data">
  213. <h5>肖葵</h5>
  214. <p>副研究员</p>
  215. <p>腐蚀控制系统工程研究所</p>
  216. <p>北京科技大学</p>
  217. <ul class="process-resear">
  218. <li>金属材料大气腐蚀行为与机理研究</li>
  219. <li>多重海洋环境因素作用下材料腐蚀</li>
  220. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  221. </ul>
  222. </div>
  223. </a>
  224. </div>
  225. <div class="professor">
  226. <img src="images/pic1.jpg">
  227. <a href="#">
  228. <div class="professor-data">
  229. <h5>肖葵</h5>
  230. <p>副研究员</p>
  231. <p>腐蚀控制系统工程研究所</p>
  232. <p>北京科技大学</p>
  233. <ul class="process-resear">
  234. <li>金属材料大气腐蚀行为与机理研究</li>
  235. <li>多重海洋环境因素作用下材料腐蚀</li>
  236. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  237. </ul>
  238. </div>
  239. </a>
  240. </div>
  241. <div class="professor">
  242. <img src="images/pic1.jpg">
  243. <a href="#">
  244. <div class="professor-data">
  245. <h5>肖葵</h5>
  246. <p>副研究员</p>
  247. <p>腐蚀控制系统工程研究所</p>
  248. <p>北京科技大学</p>
  249. <ul class="process-resear">
  250. <li>金属材料大气腐蚀行为与机理研究</li>
  251. <li>多重海洋环境因素作用下材料腐蚀</li>
  252. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  253. </ul>
  254. </div>
  255. </a>
  256. </div>
  257. <div class="professor">
  258. <img src="images/pic1.jpg">
  259. <a href="#">
  260. <div class="professor-data">
  261. <h5>肖葵</h5>
  262. <p>副研究员</p>
  263. <p>腐蚀控制系统工程研究所</p>
  264. <p>北京科技大学</p>
  265. <ul class="process-resear">
  266. <li>金属材料大气腐蚀行为与机理研究</li>
  267. <li>多重海洋环境因素作用下材料腐蚀</li>
  268. <li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
  269. </ul>
  270. </div>
  271. </a>
  272. </div>
  273. </div>
  274. <a href="search.html" class="more">更多专家</a>
  275. </div> -->
  276. </div>
  277. <div id="footer" class="clearfix">
  278. <div class="wrapper clearfix">
  279. <i class="footer-logo floatL"></i>
  280. <div class="word_wrapper floatL">
  281. <a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
  282. <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
  283. <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
  284. <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
  285. <div class="code weixin_code"></div>
  286. </a><span> | </span>
  287. <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
  288. <div class="code app_code"></div>
  289. </a><span> | </span>
  290. <span class="listlink">客服邮箱:<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
  291. <span> | </span>
  292. <span class="listlink">客服热线: 010-62343359(9:00-17:00)</span>
  293. </div>
  294. <!--<div class="inner_wrapper floatR">
  295. <div class="codebox">
  296. <span class="code weixin_code"></span>
  297. <p>科袖微信公众号</p>
  298. </div>
  299. </div>-->
  300. </div>
  301. <div class="copyright">
  302. <span><em> © </em>2016 北京科袖科技有限公司</span>
  303. <span> | 京ICP备16042588号-1 | </span>
  304. <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
  305. </div>
  306. </div>
  307. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  308. <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  309. <script type="text/javascript" src="js/common.js"></script>
  310. <script type="text/javascript" src="js/index.js"></script>
  311. </body>
  312. </html>