Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 843 Releases 0 Wiki

portal html css js resource

Tree: c7d3919cec
Branches Tags
portal-front
/
index.html

index.html 12KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279 
  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. 				 <!--<div class="simuselect floatL" id="lookFor">
  57.                 	<div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div> 
  58. 					<ul id="li_show" class="lishow"> 
  59. 					    <li><div onclick="selectThis('找专家')">找专家</div></li> 
  60. 					    <li><div onclick="selectThis('找资源')">找资源</div></li> 
  61. 					</ul>
  62. 				</div>-->
  63. 			    <!-- <select class="lookwho floatL" id="lookFor"><option value="0">找专家</option><option value="1">找资源</option></select>  -->
  64. 				<input type="text" placeholder="搜索专家、资源、文章" class="sear-txt" id="searchContent" >
  65. 				<div class="sear-btn" id="search" >搜索</div>
  66. 			</div>
  67. 		</div>
  68. 	</div>
  69. 	<div class="container-fulid">
  70. 	    <div class="containerCon">
  71. 	    	<div class="link-btn-box clearfix">
  72. 			  <div class="col-w-4">
  73. 			  	<div class="link-btn-block">
  74. 			  		<div class="link-btn">
  75. 			  			<div class="link-btn-icon link-btn-icon-fabu bgProColor">
  76. 			  			</div>
  77. 			  		</div>
  78. 			  		<div class="link-btn-tip">
  79. 			  			<h2 class="link-tip-tit">发布需求</h2>
  80. 			  			<p>获得专家回复，解决研发难题，<br />研发成本合理化</p>
  81. 			  			<button type="button" class="btn btn-pro" id="postNow">立即发布</button>
  82. 			  		</div>
  83. 			  	</div>
  84. 			  </div>
  85. 			  <div class="col-w-4">
  86. 			  	<div class="link-btn-block">
  87. 			  		<div class="link-btn">
  88. 			  			<div class="link-btn-icon link-btn-icon-pro bgProColor">
  89. 			  			</div>
  90. 			  		</div>
  91. 			  		<div class="link-btn-tip">
  92. 			  			<h2 class="link-tip-tit">我是专家</h2>
  93. 			  			<p>提升学术声誉，寻找企业合作，<br />科研价值变现</p>
  94. 			  			<button type="button" class="btn btn-pro" id="JoinKeXiu">加入科袖</button>
  95. 			  		</div>
  96. 			  	</div>
  97. 			  </div>
  98. 			  <div class="col-w-4">
  99. 			  	<div class="link-btn-block">
  100. 			  		<div class="link-btn">
  101. 			  			<div class="link-btn-icon link-btn-icon-ruzhu bgProColor">
  102. 			  			</div>
  103. 			  		</div>
  104. 			  		<div class="link-btn-tip">
  105. 			  			<h2 class="link-tip-tit">企业入驻</h2>
  106. 			  			<p>注册企业账户，开通专属主页，<br />让专家详细了解企业信息和需求，解决您的研发难题</p>
  107. 			  			<button type="button" class="btn btn-pro" id="cmpSettled">入驻科袖</button>
  108. 			  		</div>
  109. 			  	</div>
  110. 			  </div>
  111. 			</div>
  112. 	    </div>
  113. 	</div>
  114. 	<div class="hot-field">
  115. 		<div class="container-fulid">
  116. 	    	<div class="containerCon">
  117. 	    		<div class="con-tit">
  118. 	    			<h4 class="hh4"><span class="homeicon-area" style=" color:#fff;">热门领域</span></h4>
  119. 	    			<p class="showtip" style="color:#F0F0F0">覆盖 1000 + 学术领域，寻找专家更精准</p>
  120. 	    		</div>
  121. 	    		
  122. 				<div class="field-box row">
  123. 		        	<div class="col-w-3 field">
  124. 						<a href="#"><span class="field-icon field-icon8"></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-icon7"></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-icon6"></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-icon5"></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-icon4"></span></a>
  141. 						<a href="#" class="field-name" >材料检测与分析技术</a>
  142. 					</div>
  143. 		            <div class="col-w-3 field">
  144. 						<a href="#"><span class="field-icon field-icon3"></span></a>
  145. 						<a href="#" class="field-name" >非晶、微晶金属材料</a>
  146. 					</div>
  147. 		            <div class="col-w-3 field">
  148. 						<a href="#"><span class="field-icon field-icon2"></span></a>
  149. 						<a href="#" class="field-name" >金属基复合材料</a>
  150. 					</div>
  151. 					<div class="col-w-3 field">
  152. 						<a href="#"><span class="field-icon field-icon1"></span></a>
  153. 						<a href="#" class="field-name" >电化学工程</a>
  154. 					</div>
  155. 			
  156. 				</div>
  157. 			</div>
  158. 	    </div>
  159. 	</div>
  160. 	<div class="hot-professor">
  161. 		<div class="container-fulid">
  162. 	    	<div class="containerCon">
  163. 	    		<div class="con-tit">
  164. 	    			<h4 class="hh4"><span class="homeicon-pro">热门专家</span></h4>
  165. 	    			<p class="showtip">严选 1000 + 知名学者、高级研究员、高级工程师，为您解决研发难题</p>
  166. 	    		</div>
  167. 				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  168. 				    <!-- Indicators -->
  169. 				    <ol class="carousel-indicators">
  170. 					    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  171. 					    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  172. 					    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  173. 				    </ol>
  174. 				
  175. 				    <!-- Wrapper for slides -->
  176. 				    <div class="carousel-inner" role="listbox">
  177. 					    <div class="item active">
  178. 					    	<a class="aitemLink" href="userInforShow.html?professorId=5955AF8E868A4FABBCB1DA1B026DC514" alt="孟国哲">
  179. 						        <div class="carousel-caption">
  180. 							      	 <div class="userRadius homehead-pro"><img src="images/professor/pro01.jpg" width="100%"></div>
  181. 							      	 <div class="homeinfo-pro">
  182. 							      	 	<p class="h1font">孟国哲</p>
  183. 							      	 	<p class="h1font">教授，哈尔滨工程大学</p>
  184. 							      	 	<p class="h2font">发明专利：铜镍合金铈盐化学转化膜处理方法</p>
  185. 							      	 	<p class="h2font">发明专利：利用电化学噪声技术测量材料局部腐蚀的方法及噪声探头和制法</p>
  186. 							      	 	<p class="h2font">发明专利：一种高强钢氢损伤的表面吸附氢快速检测方法</p>
  187. 							      	 </div>
  188. 						      	</div>
  189. 						    </a>
  190. 					    </div>
  191. 					    <div class="item">
  192. 					    	<a class="aitemLink" href="userInforShow.html?professorId=4555021E1A53489C8BD42A2F67B62CAA" alt="柳伟">
  193. 						      <div class="carousel-caption">
  194. 						      	 <div class="userRadius homehead-pro"><img src="images/professor/pro02.jpg" width="100%"></div>
  195. 						      	 <div class="homeinfo-pro">
  196. 						      	 	<p class="h1font">柳伟</p>
  197. 						      	 	<p class="h1font">副教授，研究员级高级工程师，北京科技大学</p>
  198. 						      	 	<p class="h2font">国家863项目：耐海洋大气腐蚀高强度海洋工程用钢的组织、性能控制技术及其应用</p>
  199. 						      	 	<p class="h2font">国家科技重大专项：高强度耐腐蚀石油天然气集输和输送用管线钢生产技术</p>
  200. 						      	 	<p class="h2font">国家973项目二级课题：高强韧耐海洋大气腐蚀超细复合组织钢</p>
  201. 						      	 	<p class="h2font">国家自然科学基金重点项目：金属材料高温高压多相介质的腐蚀研究</p>
  202. 						      	 </div>
  203. 						      </div>
  204. 						    </a>
  205. 					    </div>
  206. 					    <div class="item">
  207. 					    	<a class="aitemLink" href="userInforShow.html?professorId=F9E3DAD76E3841F7A35F23CF57430740" alt="时国庆">
  208. 						      <div class="carousel-caption">
  209. 						      	 <div class="userRadius homehead-pro"><img src="images/professor/pro03.jpg" width="100%"></div>
  210. 						      	 <div class="homeinfo-pro">
  211. 						      	 	<p class="h1font">时国庆</p>
  212. 						      	 	<p class="h1font">副教授，北京科技大学</p>
  213. 						      	 	<p class="h2font">国家863项目子课题：粮食中霉菌毒素高通量筛查技术研究与产品开发</p>
  214. 						      	 	<p class="h2font">国家科技支撑计划子课题：酞酸酯类化合物单克隆抗体及免疫</p>
  215. 						      	 	<p class="h2font">中央高校基础科研业务费青年人才基金项目：婴幼儿食品中内分泌干扰物的快速免疫检测技术研究</p>
  216. 						      	 </div>
  217. 						      </div>
  218. 						    </a>
  219. 					    </div>
  220. 				    </div>
  221. 				
  222. 				    <!-- Controls -->
  223. 				    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
  224. 					    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  225. 					    <span class="sr-only">Previous</span>
  226. 				    </a>
  227. 				  	<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
  228. 					    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  229. 					    <span class="sr-only">Next</span>
  230. 				  	</a>
  231. 				</div>
  232. 			</div>
  233. 	    </div>
  234. 	</div>
  235. 	<div class="container-fulid urlLinkBox">
  236. 	    <div class="containerCon">
  237.             <h3 class="tit-M col-w-1" style="margin-bottom: 0;">友情链接</h3>
  238.             <div class="link-box col-w-11" style="margin-top:2px;">
  239.                 <ul>
  240.                     <li><a href="http://www.ecorr.org/" target="_blank">中国腐蚀与防护网</a></li>
  241.                 </ul>
  242.             </div>
  243.         </div>
  244.     </div>
  245. </div>
  246. <footer>
  247.     <script type="text/javascript" src="js/footer.js"></script>
  248. </footer>
  250. <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  251. <script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
  252. <script type="text/javascript" src="js/common.js"></script>
  253. <script type="text/javascript" src="js/index.js"></script>
  254. <script type="text/javascript">
  255. 	$(document).scroll(function() {
  256. 		var top = $(document).scrollTop();
  257. 		if (top == 0) {
  258. 			$("#header").css("top","30px");
  259. 		} else {
  260. 			$("#header").css("top","0");	
  261. 		}
  262. 		if (top >= 350) {
  263. 			$(".searchblock").stop(true,false).fadeIn();
  264. 		}else{
  265. 			$(".searchblock").stop(true,false).fadeOut();
  266. 		}
  267. 	})
  268. 	//Model模态框打开关闭
  269. 	$(".mb_close,.mb_btnNo").click(function() {
  270. 		$(".modelContain").hide();
  271. 		$(".blackcover2").fadeOut();
  272. 		$("body").removeClass("modelOpen");
  273. 	})
  274. </script>
  275. <script src="http://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script>
  276. </body>
  277. </html>