portal html css js resource

index.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  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. <meta content="科袖网是一个致力于整合行业内优秀的科研专家与研发资源的共享经济平台。通过提供互联网服务,帮助企业寻找攻克技术难题的专家,从而提高企业的研发与创新能力;帮助专家实现研究成果的应用,使科研价值转化为经济价值;让闲置的研发资源得到充分利用,创造更多价值。" name="description">
  9. <title>科袖网-搭建企业与专家的桥梁</title>
  10. <link rel="shortcut icon" href="images/favicon.png"/>
  11. <!-- <link rel="Bookmark" href="images/favicon.png" /> -->
  12. <link href="css/bootstrap.min.css" rel="stylesheet">
  13. <link rel="stylesheet" href="css/reset.css" />
  14. <link type="text/css" href="css/index.css" rel="stylesheet">
  15. <link type="text/css" href="css/common.css" rel="stylesheet">
  16. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  17. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  18. <style type="text/css">
  19. #header{top:30px;}
  20. .searchblock{display:none;}
  21. header .navheader{background: transparent;border-color: transparent;}
  22. header .navheader li a{color:#FFFFFF;}
  23. </style>
  24. </head>
  25. <body>
  26. <div class="container-fulid topheader">
  27. <div class="containerCon">
  28. <a class="downicon" href="download.html">科袖app</a>
  29. <a id="gocmp" href="javascript:;">进入企业版</a>
  30. </div>
  31. </div>
  32. <!--头部-->
  33. <header id="header">
  34. <script src="js/header.js"></script>
  35. </header>
  36. <div id="container">
  37. <!--banner部分-->
  38. <div id="banner">
  39. <div class="banner"></div>
  40. <div class="theme">
  41. <h1>让企业没有难搞的研发</h1>
  42. <h2>科袖,搭建企业与专家的桥梁</h2>
  43. <div class="main-search bgRadius">
  44. <div class="simuselect floatL" id="lookFor">
  45. <div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div>
  46. <ul id="li_show" class="lishow">
  47. <li><div onclick="selectThis('找专家')">找专家</div></li>
  48. <li><div onclick="selectThis('找资源')">找资源</div></li>
  49. </ul>
  50. </div>
  51. <!-- <select class="lookwho floatL" id="lookFor"><option value="0">找专家</option><option value="1">找资源</option></select> -->
  52. <input type="text" placeholder="搜索专家、机构、研究方向" class="sear-txt" id="searchContent" >
  53. <div class="sear-btn" id="search" >搜索</div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="container-fulid">
  58. <div class="containerCon">
  59. <div class="link-btn-box clearfix">
  60. <div class="col-w-4">
  61. <div class="link-btn-block">
  62. <div class="link-btn">
  63. <div class="link-btn-icon link-btn-icon-fabu bgProColor">
  64. </div>
  65. </div>
  66. <div class="link-btn-tip">
  67. <h2 class="link-tip-tit">发布需求</h2>
  68. <p>获得专家回复,解决研发难题,<br />研发成本合理化</p>
  69. <button type="button" class="btn btn-pro" id="postNow">立即发布</button>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="col-w-4">
  74. <div class="link-btn-block">
  75. <div class="link-btn">
  76. <div class="link-btn-icon link-btn-icon-pro bgProColor">
  77. </div>
  78. </div>
  79. <div class="link-btn-tip">
  80. <h2 class="link-tip-tit">我是专家</h2>
  81. <p>提升学术声誉,寻找企业合作,<br />科研价值变现</p>
  82. <button type="button" class="btn btn-pro" id="JoinKeXiu">加入科袖</button>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="col-w-4">
  87. <div class="link-btn-block">
  88. <div class="link-btn">
  89. <div class="link-btn-icon link-btn-icon-ruzhu bgProColor">
  90. </div>
  91. </div>
  92. <div class="link-btn-tip">
  93. <h2 class="link-tip-tit">企业入驻</h2>
  94. <p>注册企业账户,开通专属主页,<br />让专家详细了解企业信息和需求,解决您的研发难题</p>
  95. <button type="button" class="btn btn-pro" id="cmpSettled">入驻科袖</button>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!--热门领域-->
  103. <div class="hot-field">
  104. <div class="container-fulid">
  105. <div class="containerCon">
  106. <div class="con-tit">
  107. <h4 class="hh4"><span class="homeicon-area" style=" color:#fff;">热门领域</span></h4>
  108. <p class="showtip" style="color:#F0F0F0">覆盖 1000 + 学术领域,寻找专家更精准</p>
  109. </div>
  110. <div class="field-box row">
  111. <div class="col-w-3 field">
  112. <a href="#"><span class="field-icon field-icon8"></span></a>
  113. <a href="#" class="field-name" >材料失效与保护</a>
  114. </div>
  115. <div class="col-w-3 field">
  116. <a href="#"><span class="field-icon field-icon7"></span></a>
  117. <a href="#" class="field-name" >材料表面与界面</a>
  118. </div>
  119. <div class="col-w-3 field">
  120. <a href="#"><span class="field-icon field-icon6"></span></a>
  121. <a href="#" class="field-name" >黑色金属及其合金</a>
  122. </div>
  123. <div class="col-w-3 field">
  124. <a href="#"><span class="field-icon field-icon5"></span></a>
  125. <a href="#" class="field-name" >有色金属及其合金</a>
  126. </div>
  127. <div class="col-w-3 field">
  128. <a href="#"><span class="field-icon field-icon4"></span></a>
  129. <a href="#" class="field-name" >材料检测与分析技术</a>
  130. </div>
  131. <div class="col-w-3 field">
  132. <a href="#"><span class="field-icon field-icon3"></span></a>
  133. <a href="#" class="field-name" >非晶、微晶金属材料</a>
  134. </div>
  135. <div class="col-w-3 field">
  136. <a href="#"><span class="field-icon field-icon2"></span></a>
  137. <a href="#" class="field-name" >金属基复合材料</a>
  138. </div>
  139. <div class="col-w-3 field">
  140. <a href="#"><span class="field-icon field-icon1"></span></a>
  141. <a href="#" class="field-name" >电化学工程</a>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <!--热门专家-->
  148. <div class="hot-professor">
  149. <div class="container-fulid">
  150. <div class="containerCon">
  151. <div class="con-tit">
  152. <h4 class="hh4"><span class="homeicon-pro">热门专家</span></h4>
  153. <p class="showtip">严选 1000 + 知名学者、高级研究员、高级工程师,为您解决研发难题</p>
  154. </div>
  155. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  156. <!-- Indicators -->
  157. <ol class="carousel-indicators">
  158. <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  159. <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  160. <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  161. </ol>
  162. <!-- Wrapper for slides -->
  163. <div class="carousel-inner" role="listbox">
  164. <div class="item active">
  165. <a class="aitemLink" href="information-brow.html?professorId=5955AF8E868A4FABBCB1DA1B026DC514" alt="孟国哲">
  166. <div class="carousel-caption">
  167. <div class="userRadius homehead-pro"><img src="images/professor/pro01.jpg" width="100%"></div>
  168. <div class="homeinfo-pro">
  169. <p class="h1font">孟国哲</p>
  170. <p class="h1font">教授,哈尔滨工程大学</p>
  171. <p class="h2font">发明专利:铜镍合金铈盐化学转化膜处理方法</p>
  172. <p class="h2font">发明专利:利用电化学噪声技术测量材料局部腐蚀的方法及噪声探头和制法</p>
  173. <p class="h2font">发明专利:一种高强钢氢损伤的表面吸附氢快速检测方法</p>
  174. </div>
  175. </div>
  176. </a>
  177. </div>
  178. <div class="item">
  179. <a class="aitemLink" href="information-brow.html?professorId=4555021E1A53489C8BD42A2F67B62CAA" alt="柳伟">
  180. <div class="carousel-caption">
  181. <div class="userRadius homehead-pro"><img src="images/professor/pro02.jpg" width="100%"></div>
  182. <div class="homeinfo-pro">
  183. <p class="h1font">柳伟</p>
  184. <p class="h1font">副教授,研究员级高级工程师,北京科技大学</p>
  185. <p class="h2font">国家863项目:耐海洋大气腐蚀高强度海洋工程用钢的组织、性能控制技术及其应用</p>
  186. <p class="h2font">国家科技重大专项:高强度耐腐蚀石油天然气集输和输送用管线钢生产技术</p>
  187. <p class="h2font">国家973项目二级课题:高强韧耐海洋大气腐蚀超细复合组织钢</p>
  188. <p class="h2font">国家自然科学基金重点项目:金属材料高温高压多相介质的腐蚀研究</p>
  189. </div>
  190. </div>
  191. </a>
  192. </div>
  193. <div class="item">
  194. <a class="aitemLink" href="information-brow.html?professorId=F9E3DAD76E3841F7A35F23CF57430740" alt="时国庆">
  195. <div class="carousel-caption">
  196. <div class="userRadius homehead-pro"><img src="images/professor/pro03.jpg" width="100%"></div>
  197. <div class="homeinfo-pro">
  198. <p class="h1font">时国庆</p>
  199. <p class="h1font">副教授,北京科技大学</p>
  200. <p class="h2font">国家863项目子课题:粮食中霉菌毒素高通量筛查技术研究与产品开发</p>
  201. <p class="h2font">国家科技支撑计划子课题:酞酸酯类化合物单克隆抗体及免疫</p>
  202. <p class="h2font">中央高校基础科研业务费青年人才基金项目:婴幼儿食品中内分泌干扰物的快速免疫检测技术研究</p>
  203. </div>
  204. </div>
  205. </a>
  206. </div>
  207. </div>
  208. <!-- Controls -->
  209. <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
  210. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  211. <span class="sr-only">Previous</span>
  212. </a>
  213. <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
  214. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  215. <span class="sr-only">Next</span>
  216. </a>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. <footer>
  223. <script type="text/javascript" src="js/footer.js"></script>
  224. </footer>
  225. <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  226. <script type="text/javascript" src="js/common.js"></script>
  227. <script type="text/javascript" src="js/index.js"></script>
  228. <script type="text/javascript">
  229. $(document).scroll(function() {
  230. var top = $(document).scrollTop();
  231. if (top == 0) {
  232. $("#header").css("top","30px");
  233. } else {
  234. $("#header").css("top","0");
  235. }
  236. if (top >= 350) {
  237. $(".searchblock").stop(true,false).fadeIn();
  238. }else{
  239. $(".searchblock").stop(true,false).fadeOut();
  240. }
  241. })
  242. </script>
  243. <script src="http://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script>
  244. </body>
  245. </html>