portal html css js resource

index.html 12KB

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 name="description" content="科袖,一个创新的研发资源共享及科技成果转化平台,帮助企业在研发过程中,找到能解决问题的专家;让专家的知识、技能、经验、成果和身边的仪器设备,更有效地帮助企业进行研发,让专家的科研价值变现。">
  9. <title>科袖网-搭建企业与专家的桥梁</title>
  10. <link rel="shortcut icon" 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/common.css" rel="stylesheet">
  14. <link type="text/css" href="css/genindex.css" rel="stylesheet">
  15. <link type="text/css" href="css/index.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. <!--定时发布弹框-->
  27. <div class="blackcover2"></div>
  28. <div class="setTimeBlock modelContain">
  29. <span class="mb_tit">提示</span>
  30. <a class="mb_close"></a>
  31. <div class="mb_msg" id="promotTh">
  32. <input type="hidden" id="oldName" />
  33. </div>
  34. <div class="mb_btnbox" id="promotGt">
  35. <input class="mb_btn mb_btnNo" type="button" value="取消">
  36. </div>
  37. </div>
  38. <div class="container-fulid topheader">
  39. <div class="containerCon">
  40. <a class="downicon" href="download.html">科袖app</a>
  41. <a id="gocmp" href="javascript:;">进入企业版</a>
  42. </div>
  43. </div>
  44. <!--头部-->
  45. <header id="header">
  46. <script src="js/header.js"></script>
  47. </header>
  48. <div id="container">
  49. <!--banner部分-->
  50. <div id="banner">
  51. <div class="banner"></div>
  52. <div class="theme">
  53. <h1>让企业没有难搞的研发</h1>
  54. <h2>科袖,搭建企业与专家的桥梁</h2>
  55. <div class="main-search bgRadius">
  56. <input type="text" placeholder="搜索专家、资源、文章" class="sear-txt" id="searchContent" >
  57. <div class="sear-btn" id="search" >搜索</div>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="container-fulid">
  62. <div class="containerCon">
  63. <div class="link-btn-box clearfix">
  64. <div class="col-w-4">
  65. <div class="link-btn-block">
  66. <div class="link-btn">
  67. <div class="link-btn-icon link-btn-icon-fabu bgProColor">
  68. </div>
  69. </div>
  70. <div class="link-btn-tip">
  71. <h2 class="link-tip-tit">发布需求</h2>
  72. <p>获得专家回复,解决研发难题<br />研发成本合理化</p>
  73. <button type="button" class="btn btn-pro" id="postNow">立即发布</button>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="col-w-4">
  78. <div class="link-btn-block">
  79. <div class="link-btn">
  80. <div class="link-btn-icon link-btn-icon-pro bgProColor">
  81. </div>
  82. </div>
  83. <div class="link-btn-tip">
  84. <h2 class="link-tip-tit">我是专家</h2>
  85. <p>开通个人主页,提升学术声誉<br />发现横向课题合作机会,将科研价值变现</p>
  86. <button type="button" class="btn btn-pro" id="JoinKeXiu">加入科袖</button>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="col-w-4">
  91. <div class="link-btn-block">
  92. <div class="link-btn">
  93. <div class="link-btn-icon link-btn-icon-ruzhu bgProColor">
  94. </div>
  95. </div>
  96. <div class="link-btn-tip">
  97. <h2 class="link-tip-tit">企业入驻</h2>
  98. <p>开通企业主页,提升企业知名度<br />让专家更好地了解企业,解决研发难题</p>
  99. <button type="button" class="btn btn-pro" id="cmpSettled">入驻科袖</button>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="container-fulid">
  107. <div class="containerCon">
  108. <div class="con-tit">
  109. <h4 class="hh4"><span class="homeicon-pro">专家对接</span></h4>
  110. <p class="showtip">来自高校和研究机构的教授、研究员、工程师,覆盖各个领域,专业、可靠、高效</p>
  111. </div>
  112. <ul class="con-ultab clearfix" id="hotArea">
  113. </ul>
  114. <ul class="con-ulList con-ulListO clearfix" id="proShow">
  115. </ul>
  116. </div>
  117. </div>
  118. <div class="container-fulid">
  119. <div class="containerCon">
  120. <div class="con-tit">
  121. <h4 class="hh4"><span class="homeicon-area">资源共享</span></h4>
  122. <p class="showtip">与高校和检测机构共享实验仪器、检测设备</p>
  123. </div>
  124. <ul class="con-ulList con-ulListF clearfix" id="resShare">
  125. </ul>
  126. </div>
  127. </div>
  128. <div class="container-fulid">
  129. <div class="containerCon">
  130. <div class="con-tit">
  131. <h4 class="hh4"><span class="homeicon-hezuo">入驻企业</span></h4>
  132. </div>
  133. <ul class="con-ulList clearfix" id="ruZhuCmp">
  134. </ul>
  135. </div>
  136. </div>
  137. <div class="container-fulid hot-professor">
  138. <div class="con-tit">
  139. <h4 class="hh4"><span class="homeicon-fangtan">科袖访谈</span></h4>
  140. </div>
  141. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  142. <!-- Indicators -->
  143. <!--<ol class="carousel-indicators">
  144. <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  145. <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  146. <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  147. </ol>-->
  148. <!-- Wrapper for slides -->
  149. <div class="carousel-inner" role="listbox" id="carouselThis">
  150. <div class="item active">
  151. <a class="aitemLink" href="http://www.ekexiu.com/articalShow.html?articleId=F8B2FF4CAA654D7593586E5117C0B1CF" style="background-image: url(images/talks/talk_01.jpg);">
  152. <div class="carousel-caption">
  153. <div class="homeinfo">
  154. <p class="h1Font ellipsisSty-2">赵振业院士:发展抗疲劳制造,成就制造强国</p>
  155. <div class="homebrief">
  156. <p class="h2Font">赵振业,中国工程院院士,金属材料科学家,抗疲劳制造的缔造者。1937年生,1961年毕业于西北工业大学。北京航空材料研究院研究员、博士生导师。</p>
  157. <p class="h2Font">50多年来一直从事航空超高强度钢应用基础理论、合金设计和应用技术专业研究。主持超高强度钢300M应用研究,研究成功中国第一个VIM+VAR高纯净超高强度钢300M,提出“应用研究”概念,建立应用技术体系;提出“材料研制”和“材料应用研究”“两个全过程”概念,引领材料科学与工程进入了一个新时代。</p>
  158. </div>
  159. </div>
  160. </div>
  161. </a>
  162. </div>
  163. <div class="item">
  164. <a class="aitemLink" href="http://www.ekexiu.com/articalShow.html?articleId=8E342B6F432744288B172CFB9708D811" style="background-image: url(images/talks/talk_02.jpg);">
  165. <div class="carousel-caption">
  166. <div class="homeinfo">
  167. <p class="h1Font ellipsisSty-2">李晓刚:开创深海腐蚀数据先河 实现海洋强国梦</p>
  168. <div class="homebrief">
  169. <p class="h2Font">李晓刚,北京科技大学教授、博导;国家材料环境腐蚀平台主任;中国腐蚀与防护学会副理事长兼秘书长;教育部腐蚀与防护重点实验室主任。“海洋腐蚀973项目”首席科学家;国际腐蚀理事会理事。</p>
  170. <p class="h2Font">我国材料环境腐蚀与防护领域主要学术带头人之一。长期坚持材料环境腐蚀机理应用基础研究,获得了钢铁、高分子等材料在大气、土壤、海洋环境的腐蚀规律;领导创建了国内最大的材料环境腐蚀试验与共享的规范化平台和数据量最大的腐蚀数据库;发展了环境腐蚀试验系列化新技术,为解决航天、海洋、石油等国家重大工程的材料腐蚀难题提供了技术支撑。</p>
  171. </div>
  172. </div>
  173. </div>
  174. </a>
  175. </div>
  176. <div class="item">
  177. <a class="aitemLink" href="http://www.ekexiu.com/articalShow.html?articleId=F5CC29B71DDD44318D68A8FE388276DA" style="background-image: url(images/talks/talk_03.jpg);">
  178. <div class="carousel-caption">
  179. <div class="homeinfo">
  180. <p class="h1Font ellipsisSty-2">侯保荣院士:“腐蚀调查”为防腐新技术推广应用打响第一炮</p>
  181. <div class="homebrief">
  182. <p class="h2Font">侯保荣,中国工程院院士,海洋腐蚀与防护专家。1942 年出生于山东省曹县。1967 年毕业于复旦大学化学系,1994 年在日本东京工业大学获博士学位。曾任中国科学院海洋研究所副所长,现任中国科学院海洋研究所研究员、博士生导师,“国家海洋腐蚀防护工程技术研究中心”主任。</p>
  183. <p class="h2Font">主要从事海洋腐蚀与防护技术研究,主持了我国近海腐蚀环境调查与研究,明确提出“海洋腐蚀环境”概念,建立了海洋腐蚀环境的理论体系。致力于海洋浪花飞溅区防腐技术的研究与推广,研发具有自主知识产权的复层矿脂包覆防腐体系。</p>
  184. </div><!--<p class="h2Font">出版专著 7 本,主编论文集 6 本,发表论文 360 余篇(其中 SCI/EI 收录200 余篇),授权专利 70 余项,其中发明专利 30 余项。</p>-->
  185. </div>
  186. </div>
  187. </a>
  188. </div>
  189. </div>
  190. <!-- Controls -->
  191. <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
  192. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  193. <span class="sr-only">Previous</span>
  194. </a>
  195. <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
  196. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  197. <span class="sr-only">Next</span>
  198. </a>
  199. </div>
  200. </div>
  201. <div class="container-fulid urlLinkBox">
  202. <div class="containerCon">
  203. <h3 class="tit-M col-w-1" style="margin-bottom: 0;">友情链接</h3>
  204. <div class="link-box col-w-11" style="margin-top:2px;">
  205. <ul>
  206. <li><a href="http://www.ecorr.org/" target="_blank">中国腐蚀与防护网</a></li>
  207. </ul>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. <a href="/shtml/index.html" class="displayNone"></a>
  213. <footer>
  214. <script type="text/javascript" src="js/footer.js"></script>
  215. </footer>
  216. <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  217. <script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
  218. <script type="text/javascript" src="js/common.js"></script>
  219. <script type="text/javascript" src="js/index.js"></script>
  220. <script type="text/javascript">
  221. $(document).scroll(function() {
  222. var topMo = $(document).scrollTop();
  223. if (topMo == 0) {
  224. $("#header").css("top","30px");
  225. } else {
  226. $("#header").css("top","0");
  227. }
  228. if (topMo >= 350) {
  229. $(".searchblock").stop(true,false).fadeIn();
  230. }else{
  231. $(".searchblock").stop(true,false).fadeOut();
  232. }
  233. })
  234. //Model模态框打开关闭
  235. $(".mb_close,.mb_btnNo").click(function() {
  236. $(".modelContain").hide();
  237. $(".blackcover2").fadeOut();
  238. $("body").removeClass("modelOpen");
  239. })
  240. </script>
  241. <script src="http://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script>
  242. </body>
  243. </html>