<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖-浏览专家信息</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link type="text/css" href="css/index.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/workspace.css" rel="stylesheet">
<link type="text/css" href="css/popup.css" rel="stylesheet">
</head>

<body>
<!--研究方向详情页面-->
<div class="blackcover resAreaCover" style="display: none;">
	<div class="attentionBox">
		<div class="researchArea">研究方向文字很长,之前页面显示不下,在这里就能显示完整,全部都显示出来</div>
		<div class="attentsCon resAreaCon">
			<p class="littip">以下用户认可了他的研究</p>
			<ul class="attentList">
				<li>		
					<a class="proinfor clearfix">
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
						<div class="mediaBody">
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">,教授</span><span id="proOrg">,北京体育大学</span><span id="proAddress"> | 北京</span></div>
						</div>
					</a>
				</li>
				<li>		
					<a class="proinfor clearfix">
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
						<div class="mediaBody">
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">,教授</span><span id="proOrg">,北京体育大学</span><span id="proAddress"> | 北京</span></div>
						</div>
					</a>
				</li>
				
			</ul>
		</div>
		<div style="height: 20px;"></div>
		<span class="workclose" id="workclose"></span>	
	</div>
</div>
<div id="header">
	<a href="index.html" alt="科袖" class="logo"></a>
	<div class="searchblock" style="display:block;">
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
	</div>
	<div class="header-right"> 
        <!--未登录-->
        <div class="unlogin">
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
        <!--已登录-->
        <div class="onlogin">
        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait headRadius">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
	                </div>
	                
	            </div>
	        </div>
	        
        </div>
	</div>
</div>
<div id="container">
	<div class="content" style="padding-bottom:120px;">
		<div class="information-head clearfix">
			<div class="head-left headRadius"><a><img id="headImage"></a></div>	
			<div class="head-center">
				<div class="infor-browse">
					<a class="named proName" id="nameS"></a><a class="modify proModify"></a>
					<div class="position proPosition"><span id="office"></span ><span id="titleS"></span ></div>				
					<div class="science proScience"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
					<div class="address proAddress" id="address"></div>					
				</div>
				<div class="coulstbtn floatL" style="position: absolute;bottom: 20px;">
					<span id="conbtn">咨询</span>
					<span class="attentBtn" id="attentBtn"><em></em><i>关注</i></span>
					<span class="shareWeixin" style="display:inline-block;position: relative;">分享至微信
						<div class="shareCode">
							<div id="qrcode"></div>
						</div>
					</span>
				</div>

				
			</div>
			<div class="head-right headRadius"><a id="organ"><img id="orgImage"></a></div>
		</div>
		<div class="information-content">
			<div class="content-left" >
            	<div class="menublock">
                    <div class="left-title" >专家信息</div>
                    <a href="#infor1"  class="subsidebar">个人简介</a>
                    <a href="#infor2"  class="subsidebar">学术领域</a>
                    <a href="#infor3"  class="subsidebar">研究方向</a>
                    <a href="#infor4"  class="subsidebar">应用行业</a>
                    <a href="#infor5"  class="subsidebar">教育背景</a>
                    <a href="#infor6"  class="subsidebar">工作经历</a>
                    <a href="#infor7"  class="subsidebar">项目经历</a>
                    <a href="#infor8"  class="subsidebar">著作、论文、文章</a>
                    <a href="#infor9"  class="subsidebar">专利</a>
                    <a href="#infor10"  class="subsidebar">荣誉及奖项</a>
                </div>
                <div class="menublock">
                    <div class="left-title" >合作机会</div>
                    <a href="#infor11"  class="subsidebar">研发资源</a>
                    <a href="#infor12"  class="subsidebar">合作历史及评价</a>
                </div>
			</div>
			<div class="content-right">
				<div class="right-box introduction">
				<a name="infor1"></a>
					<div class="right-title"><span>个人简介</span></div>
					<div class="infor-browse">
					<div class="editbox" id="descpS" style="width:auto; margin:0 35px;">
					
					</div>
					</div>
					
				</div>
				<div class="right-box introduction">
					<div class="right-title"><span>学术领域</span></div>
					<div class="infor-browse">
					<div class="listbox btn-marL" id="subjectShow">
					
					</div>
					<div class="clear"></div>
					</div>
				</div>
				
				<div class="right-box introduction"><a name="infor3"></a>
					<div class="right-title"><span>研究方向</span>    </div>
					<div class="infor-browse" id="researchAreaShow">
				    	
					</div>
					<div class="clear"></div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>应用行业</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor"  id="industryShow">

						</ul>
					</div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>教育背景</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor" id="eduBgShow">

						</ul>
					</div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>工作经历</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor" id="timeJobShow">
							
						</ul>
					</div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>项目经历</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor" id="projectShow">
							<!-- <li class="paddingSpace">
								<div class="h4Font h4tit">著作名称<small class="h6Font"> 2016.09 - 2016.09</small></div>
								<div class="h5Font pIndent">xiangximianshu 纤细面熟xiangxixiangximianshu 纤细面熟miansxiangximianshu 纤细面熟huxiaxiangximianshu 纤细面熟ngximianshu 纤细面熟 纤细面熟</div>
							</li> -->
						</ul>
					</div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>著作、论文、文章</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor" id="paperShow">
							
						</ul>
					</div>
				</div>
                
				<div class="right-box introduction">
					<div class="right-title"><span>专利</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor" id="patentShow">
						
						</ul>
					</div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>荣誉及奖项</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about edu-infor" id="honorShow">
							
						</ul>
					</div>
				</div>
                
				<div class="right-box introduction">
					<div class="right-title"><span>研发资源</span>    </div>
					<div class="infor-browse">
                    	<div class="shareabout shareabout1" style="margin: 0 30px;">
                            <div class="sharesrcbox" style="width:642px;">
                                <div class="sharescrollbox" id="sharescrollbox">
                                    
                                    
                                 </div>
                             </div>
                             <span class="resouprev resoubtn"></span>
                             <span class="resounext resoubtn"></span>
                         </div>
					</div>
				</div>
                <div class="right-box introduction">
					<div class="right-title"><span>合作历史及评价</span>    </div>
					<div class="infor-browse">
						<div class="shareabout shareabout2">
                        	
                        
                        </div>
                        
					</div>
					
				</div>
                
			</div>
		</div>		
	</div>
</div>

<div id="footer" class="clearfix footerblock">
    <div class="wrapper clearfix">
        <i class="footer-logo floatL"></i>
        <div class="word_wrapper floatL">
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
            	<div class="code weixin_code"></div> 
            </a><span> | </span>
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
            	<div class="code app_code"></div> 
            </a><span> | </span>
            <span class="listlink">客服邮箱:<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
            <span> | </span>
            <span class="listlink">客服热线: 010-62343359(9:00-17:00)</span>
        </div>
    </div>
    <div class="copyright">
        <span><em> © </em>2016 北京科袖科技有限公司</span>
        <span> | 京ICP备16042588号-1 | </span>
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
    </div>
</div>

<!--咨询模块按钮入口-->
 <div class="coulstblock">    
    <div class="coulstbox">
    	<div class="prohead headRadius floatL"><img src="images/default-photo.jpg" width="100%" height="100%" id="foot_proimg"></div>
    	<div class="proinfomation floatL">
    		<div class="clearfix">
    			<a class="authobject named" id="foot_proname"></a>
    			<em class="" id="foot_promodify" style="margin: 2px;"></em>
    		</div>
			<div class="position"><span id="foot_protitle"></span><span></span ></div>				
			<div class="science"><span id="foot_prodepar"></span><span id="foot_proorgname"></span ><span class="address" id="foot_proaddress"></span></div>								
    	</div>
        <div class="coulstbtn floatR">
        	<span id="consultbtn">咨询</span>
        	<span class="attentBtn" id="attentBtnFoot"><em></em><i>关注</i></span>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/information.brow.js"></script>
<script type="text/javascript" src="js/my-attention.js"></script>
<script>

	//合作历史及评价------等级星
	$(".evastar").bind("click",function(){
		$(this).css("background-position","0 0");
	})
	
	//微信分享
	var qrcode = new QRCode(document.getElementById("qrcode"), {
		width : 100,
		height : 100
	});
	function makeCode(){	
		var professorId =  GetQueryString("professorId");
		var elurl ="http://www.ekexiu.com/ekexiu/shareProinfor.html?professorId=" + professorId ; 
		qrcode.makeCode(elurl);
	}
	makeCode();
	
	//分享按钮和关注按钮
	$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
	
	//研究方向详细信息
	$("#researchAreaShow").on('click',".favorBox",function(){
		$(".resAreaCover").fadeIn();
		$("body").css("position","fixed");	
	})
	//关闭按钮
	$("#workclose").click(function(){
		$(".resAreaCover").fadeOut();
		$("body").css("position","static");
	});
</script>
</body>
</html>