Team:NEAU-Harbin

<!--DOCTYPE html-->
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
<title>project</title>

<meta name="viewport" content="width=1024">
<meta name="google-site-verification" content="Rj8ohnw2EzVgmA_70fZBwVrmeDqpcmdxJxv0qVk5KJE" />

<link rel="stylesheet" href="http://nd.cn.usa.wakelion.net/css/normalize.css" type="text/css">
<link rel="stylesheet" href="http://nd.cn.usa.wakelion.net/css/style.css" type="text/css">
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/html5.js"></script>
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/main.js"></script>


<style>

 html,* html body{background-image:url(about:blank); background-attachment:fixed}
 html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}

h2{ border-bottom:none;}


#globalWrapper {
padding-bottom: 0;}
#top-section {
   height: 20px;
   margin-bottom: 0;
   border: none;
   background:#ffffff;
   width: 100%;
   position: fixed;
   top: 0;
    z-index: 10;}
#p-logo {
display: none;
}

.right-menu li a {

background-color:#ffffff;
color:#ffffff;
}


#searchform {
display: none;}
#content {
position: relative;
width: 100%;
color: black;
border:none;
z-index: 2;
margin: 0;
padding: 0;


}
#menubar a{ color:#e3e4e4; text-decoration:none;}

#search-controls {top:150px;}

#footer-box {
display: none;}

</style>
<!--home 部分 鼠标经过弹出层-->
		<style>
        dl{width:200px;float:left;margin:50px 19px;display:inline; position:relative;}/*修改201203-25*/
        dl dt{height:160px;}
       .inmovie_box dl dt img{}
        .ycc{  background:#FFF; display:none; z-index:100; position:absolute; left:0px; top:-100px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
		.team_tc{ margin-right:93px;}
		#team_tb{ margin-left:9%;}
		#team_td{ margin-left:10%;}		
        </style>
        <script>
         //鼠标滑过弹出层
        function ddd(obj, sType) { 
        var oDiv = document.getElementById(obj); 
        if (sType == 'show') { oDiv.style.display = 'block';} 
        if (sType == 'hide') { oDiv.style.display = 'none';} 
        
        } 
        </script>
<!--home 部分 鼠标经过弹出层-->
<!--变暗-->
		
		<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> -->
		<style>
		#tabbox{ width: 978px; height:auto; margin-top:10%;  }
		#tabbox ul { width:978px !important;}
		#tabbox ul li{ float:left; width:489px !important; height:321px;}
		.imgbg{width: 489px; height: 321px; top: 0; left: 0;}
		
        #tabbox img:hover {
         opacity:0.5;
         filter:alpha(opacity=50);
          }
        </style>		
<!--变暗-->
<style>
  .go{ position:fixed;top:10%; right:0;}
</style>


</head>

<body>

<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/ga.js"></script>
<header>
  <nav id="siteNav">
    <ul>
      <li class="menu" role="button" style=" width:133px !important;">
        <div class="sta1">
           <img src="http://nd.cn.usa.wakelion.net/images/hover_02.jpg">
       </div>
       <div class="sta2">
          <img src="http://nd.cn.usa.wakelion.net/images/index_02.jpg">           
       </div>
      </li>
      <li class="menu" role="button" style=" width:134px !important;">
        <div class="sta1">
          <img src="http://nd.cn.usa.wakelion.net/images/hover_03.jpg">
          </div>
        <div class="sta2">
          <img src="http://nd.cn.usa.wakelion.net/images/index_03.jpg">      
          </div>
      </li>
      <li class="menu" role="button" style=" width:155px !important;">
        <div class="sta1">
           <img src="http://nd.cn.usa.wakelion.net/images/hover_04.jpg">
          </div>
        <div class="sta2">
          <img src="http://nd.cn.usa.wakelion.net/images/index_04.jpg">      
      </div>
      </li>
      <li class="menu" role="button" style=" width:139px !important;">
        <div class="sta1">
         <img src="http://nd.cn.usa.wakelion.net/images/hover_05.jpg" >
          </div>
        <div class="sta2">
          <img src="http://nd.cn.usa.wakelion.net/images/index_05.jpg" >      
          </div>
      </li>
      <li class="menu" role="button" style=" width:133px !important;">
        <div class="sta1">
         <img src="http://nd.cn.usa.wakelion.net/images/hover_06.jpg" >
          </div>
        <div class="sta2">
         <img src="http://nd.cn.usa.wakelion.net/images/index_06.jpg">      
          </div>
      </li>
       <li class="menu" role="button" style=" width:250px !important;">
        <div class="sta1">
         <img src="http://nd.cn.usa.wakelion.net/images/hover_07.jpg" >
          </div>
        <div class="sta2">
         <img src="http://nd.cn.usa.wakelion.net/images/index_07.jpg">      
          </div>
      </li>
      
    </ul>
	<div class="go"><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/go.png"></a></div>
  </nav>
  
</header>
<!--home start-->
<div class="home">
  <div class="slideWrap">
    <div class="slideUnit" style="opacity: 1; background-image:url(http://nd.cn.usa.wakelion.net/images/index_01.jpg); background-position: 50% 50%;">
      <div class="text">
          <div class="logo"></div>
                   <div class="meta">
                          <ul class="lianjie" >
                              <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/xinl.jpg"></a></li>
                              <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/weix.jpg"></a></li>
                              <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/faceb.jpg"></a></li>
                              <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/niao.jpg"></a></li>
                              <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/email.jpg"></a></li>
                           </ul>
                </div>  
                   <div class="button">                            
                       <!--    <ul>
                            <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/main01.png"></a><>
                            <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/main02.png"></a><>
                            <li><a href="#"><img src="http://nd.cn.usa.wakelion.net/images/main03.png"></a><>
                        </ul> -->
							<div class="tan">
								 <dl class="tc">
									<dt><a href="#" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/main01.png" style="max-width:112px; height: 152px;"></a> </dt>
									 <div class="ycc" id="aa" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/email.jpg"></div>
								 </dl>
								 <dl class="tc">
									<dt><a href="#" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/main02.png" style="max-width:112px; height: 152px;"></a> </dt>
									  <div class="ycc" id="bb" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/email.jpg"></div>
								 </dl>
								<dl class="tc">
									 <dt><a href="#" onmouseover="ddd('cc', 'show');" onmouseout="ddd('cc', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/main03.png" style="max-width:112px; height: 152px;"></a> </dt>
									   <div class="ycc" id="cc" onmouseover="ddd('cc', 'show');" onmouseout="ddd('cc', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/email.jpg"></div>
								 </dl>
						   </div> 
                   </div>
      </div>
    </div>
    <div class="slideUnit" style="display: none; background-image:url(http://nd.cn.usa.wakelion.net/images/index_01.jpg); background-position: 50% 50%;">
      
    </div>
    
    <!--鼠标经过弹出层-->
      
              
    
    
    
  </div>
  <div class="navArrow" style="display:none;">
    <div class="arrow left"></div>
    <div class="arrow right"></div>
  </div>
</div>
<!--home end--> 

<!--home end-->


<!--about start  TEAM-->

<div class="about">
  <div class="content">
      <div class="team_img"><img src="http://nd.cn.usa.wakelion.net/images/team_01.jpg" ></div>      
            <div class="tan">
                         <dl clss="team_tc">
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/instructor.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/team1.jpg" style="max-width:124px; height: 182px;"></a> </dt>                            
                         </dl>
                         <dl clss="team_tc">
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/student.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/team2.jpg" style="max-width:124px; height: 182px;"></a> </dt>
                             
                         </dl>
                        <dl clss="team_tc">
                             <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/profile.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/team3.jpg" style="max-width:124px; height: 182px;"></a> </dt>
                              
                         </dl>
                        <dl clss="team_tc" style=" margin-right:0;">
                             <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/attributions.html" onMouseOver="ddd('gg', 'show');" onMouseOut="ddd('gg', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/team3.jpg" style="max-width:124px; height: 182px;"></a> </dt>
                             
                       </dl>
            </div>      
  </div>
</div>
 <!--about end TEAM--> 


<!--work start PROJECT-->
<div class="work">
  <div class="content">
 
	
	<div id="tabbox" >
	<ul>
	 <li>
	  <img src="http://nd.cn.usa.wakelion.net/images/work1.jpg" alt="" style=" width:470px;">		
		<div class="imgbg" style=" width:470px;"></div>	
	 </li>
	 <li>
	 <img src="http://nd.cn.usa.wakelion.net/images/work2.jpg" alt="" >		
		<div class="imgbg"></div>	
	 </li>
	 <li>
	 <img src="http://nd.cn.usa.wakelion.net/images/work3.jpg" alt="" style=" width:470px;">		
		<div class="imgbg" style=" width:470px;"></div>	
	 </li>
	 <li>
	 <img src="http://nd.cn.usa.wakelion.net/images/work4.jpg" alt="">		
		<div class="imgbg"></div>	
	 </li>
	</ul>		
	</div>
	
	
		<!--不能删-->
            <div class="scrollBar">
              <div class="bg"></div>
              <div class="bar"></div>
              <div class="dragger"></div>
            </div>
    <!--不能删-->
  </div>
</div>
<!--work end PROJECT--> 

<!--clients start RESULT-->
    <div class="clients">
      <div class="content">
         <div class="team_img"> <img src="http://nd.cn.usa.wakelion.net/images/result.jpg"></div>
             <div class="clients_nr">
                 <h2>ddd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlief awl f</h2>
             
             </div>
      </div>
    </div>
<!--clients end RESULT--> 

<!--careers start DATA-->
<div class="careers">
  <div class="content">
      <div class="team_img"> <img src="http://nd.cn.usa.wakelion.net/images/data.jpg"></div>
           <div class="clients_nr">
                     <h2>ddd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlidd dd jsfei lsefji sal els fajlief awl f</h2>
                 
            </div>
            <div class="careers_tan">
                     <dl id="team_td">
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/notebook.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/data1.jpg" style="width:114px; height: 163px;"></a> </dt>                      </dl>
                     <dl id="team_td">
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/protocols.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/data2.jpg" style="width:114px; height: 163px;"></a> </dt>                     </dl>
                     <dl id="team_td">
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/parts.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/data3.jpg" style="width:114px; height: 163px;"></a> </dt>                    </dl>
                        
            </div>       
  </div>
</div>
<!--careers end DATA--> 

<!--contact start  HUMEN-->
<div class="contact">
  <div class="content">
      <div class="team_img"><img src="http://nd.cn.usa.wakelion.net/images/humen.jpg" style="margin-left:30px;"></div>
            <div class="contact_tan">
                         <dl id="team_tb">
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/sadety.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/humen1.png" style="max-width:161px; height: 220px;"></a> </dt>
                            
                         </dl>
                         <dl id="team_tb">
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/meetups.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/humen2.png" style="max-width:161px; height: 220px;"></a> </dt>
                             
                         </dl>
                        <dl id="team_tb">
                             <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/sponsor.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="http://nd.cn.usa.wakelion.net/images/humen3.png" style="max-width:161px; height: 220px;"></a> </dt>
                              
                         </dl>
                        
            </div>       
  </div>
</div>
<!--contact end-->

</body>
</html>