Difference between revisions of "Team:AHUT China/Attributions"

 
(83 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{:Team:AHUT_China/CSS_reset}}
 
{{:Team:AHUT_China/CSS_reset}}
 
 
 
<html lang="en">
 
<html lang="en">
 
 
 
  <head>
 
  <head>
 
 
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
 
 
   <meta name="Generator" content="EditPlus®">
 
   <meta name="Generator" content="EditPlus®">
 
 
 
   <meta name="Author" content="">
 
   <meta name="Author" content="">
 
 
 
   <meta name="Keywords" content="">
 
   <meta name="Keywords" content="">
 
 
 
   <meta name="Description" content="">
 
   <meta name="Description" content="">
 
 
 
   <title>Document</title>
 
   <title>Document</title>
+
 
+
+
 
<style type="text/css">
 
<style type="text/css">
 
 
 
  *{margin:0px;padding:0px}
 
  *{margin:0px;padding:0px}
 
 
 
  body{margin:0px;}
 
  body{margin:0px;}
+
 
+
+
+
 
#nav{margin:0px auto;width:100%;}
 
#nav{margin:0px auto;width:100%;}
+
 
+
+
+
 
/*---------------------------------daohang------------------------------*/
 
/*---------------------------------daohang------------------------------*/
 
 
 
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem}
 
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem}
+
 
+
+
+
 
.nav-menu {
 
.nav-menu {
 
 
 
display: block;
 
display: block;
 
 
 
/* background: #74adaa;*/
 
/* background: #74adaa;*/
 
 
 
width:950px;
 
width:950px;
 
 
 
margin: 50px auto 100px;
 
margin: 50px auto 100px;
 
 
 
}
 
}
 
 
 
.nav-menu > li {
 
.nav-menu > li {
 
 
 
display: inline;
 
display: inline;
 
 
 
float:left;
 
float:left;
 
 
 
border-right:1px solid #94c0be;
 
border-right:1px solid #94c0be;
 
 
 
}
 
}
 
 
 
.nav-menu > li:last-child {
 
.nav-menu > li:last-child {
 
 
 
border-right: none;
 
border-right: none;
 
 
 
}
 
}
 
 
 
.nav-menu li a {
 
.nav-menu li a {
 
 
 
color: #000000;
 
color: #000000;
 
 
 
display: block;
 
display: block;
 
 
 
text-decoration: none;
 
text-decoration: none;
 
 
 
/*调用本地字体*/
 
/*调用本地字体*/
 
 
 
font-family:Segoe UI;
 
font-family:Segoe UI;
 
 
 
font-weight:400;
 
font-weight:400;
 
 
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
 
 
-moz-font-smoothing: antialiased;
 
-moz-font-smoothing: antialiased;
 
 
 
font-smoothing: antialiased;
 
font-smoothing: antialiased;
 
 
 
text-transform: capitalize;
 
text-transform: capitalize;
 
 
 
overflow: visible;
 
overflow: visible;
 
 
 
line-height: 20px;
 
line-height: 20px;
 
 
 
font-size: 1 rem;
 
font-size: 1 rem;
 
 
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
 
 
 
}
 
}
 
 
 
.three-d {
 
.three-d {
 
 
 
/* 任务三、设置3D舞台布景 */
 
/* 任务三、设置3D舞台布景 */
 
 
 
-webkit-perspective: 200px;
 
-webkit-perspective: 200px;
 
 
 
-moz-perspective: 200px;
 
-moz-perspective: 200px;
 
 
 
-ms-perspective: 200px;
 
-ms-perspective: 200px;
 
 
 
-o-perspective: 200px;
 
-o-perspective: 200px;
 
 
 
perspective: 200px;
 
perspective: 200px;
 
 
 
           /*任务四、设置3D舞台布景过渡效果*/
 
           /*任务四、设置3D舞台布景过渡效果*/
 
 
 
-webkit-transition: all .07s linear;
 
-webkit-transition: all .07s linear;
 
 
 
  -moz-transition: all .07s linear;
 
  -moz-transition: all .07s linear;
 
 
 
  -ms-transition: all .07s linear;
 
  -ms-transition: all .07s linear;
 
 
 
  -o-transition: all .07s linear;
 
  -o-transition: all .07s linear;
 
 
 
  transition:all .7s linear;
 
  transition:all .7s linear;
 
 
 
position: relative;
 
position: relative;
 
 
 
}
 
}
 
 
 
.three-d:not(.active):hover {
 
.three-d:not(.active):hover {
 
 
 
cursor: pointer;
 
cursor: pointer;
 
 
 
}
 
}
 
 
 
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
 
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
 
 
 
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
 
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
 
 
 
-wekbit-transform: translateZ(-25px) rotateX(90deg);
 
-wekbit-transform: translateZ(-25px) rotateX(90deg);
 
 
 
  -moz-transform: translateZ(-25px) rotateX(90deg);
 
  -moz-transform: translateZ(-25px) rotateX(90deg);
 
 
 
  -o-transform: translateZ(-25px) rotateX(90deg);
 
  -o-transform: translateZ(-25px) rotateX(90deg);
 
 
 
  -ms-transform: translateZ(-25px) rotateX(90deg);
 
  -ms-transform: translateZ(-25px) rotateX(90deg);
 
 
 
  transform: translateZ(-25px) rotateX(90deg);
 
  transform: translateZ(-25px) rotateX(90deg);
 
 
 
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
 
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
 
 
 
       /*  -webkit-transform:rotatex(90deg);*/
 
       /*  -webkit-transform:rotatex(90deg);*/
 
 
 
}
 
}
 
 
 
.three-d-box {
 
.three-d-box {
 
 
 
           /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
 
           /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
 
 
 
-webkit-transition: all .3s ease-out;
 
-webkit-transition: all .3s ease-out;
 
 
 
  -moz-transition: all .3s ease-out;
 
  -moz-transition: all .3s ease-out;
 
 
 
  -ms-transition: all .3s ease-out;
 
  -ms-transition: all .3s ease-out;
 
 
 
  -o-transition: all .3s ease-out;
 
  -o-transition: all .3s ease-out;
 
 
 
  transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 
 
-webkit-transform: translatez(-25px);
 
-webkit-transform: translatez(-25px);
 
 
 
-moz-transform: translatez(-25px);
 
-moz-transform: translatez(-25px);
 
 
 
-ms-transform: translatez(-25px);
 
-ms-transform: translatez(-25px);
 
 
 
-o-transform: translatez(-25px);
 
-o-transform: translatez(-25px);
 
 
 
transform: translatez(-25px);
 
transform: translatez(-25px);
 
 
 
-webkit-transform-style: preserve-3d;
 
-webkit-transform-style: preserve-3d;
 
 
 
-moz-transform-style: preserve-3d;
 
-moz-transform-style: preserve-3d;
 
 
 
-ms-transform-style: preserve-3d;
 
-ms-transform-style: preserve-3d;
 
 
 
-o-transform-style: preserve-3d;
 
-o-transform-style: preserve-3d;
 
 
 
transform-style: preserve-3d;
 
transform-style: preserve-3d;
 
 
 
-webkit-pointer-events: none;
 
-webkit-pointer-events: none;
 
 
 
-moz-pointer-events: none;
 
-moz-pointer-events: none;
 
 
 
-ms-pointer-events: none;
 
-ms-pointer-events: none;
 
 
 
-o-pointer-events: none;
 
-o-pointer-events: none;
 
 
 
pointer-events: none;
 
pointer-events: none;
 
 
 
position: absolute;
 
position: absolute;
 
 
 
top: 0;
 
top: 0;
 
 
 
left: 0;
 
left: 0;
 
 
 
display: block;
 
display: block;
 
 
 
width: 100%;
 
width: 100%;
 
 
 
height: 100%;
 
height: 100%;
 
 
 
}
 
}
 
 
 
/*任务七、给导航设置3D前,与3D后变形效果*/
 
/*任务七、给导航设置3D前,与3D后变形效果*/
 
 
 
.front {
 
.front {
 
 
 
-webkit-transform: rotatex(0deg) translatez(25px);
 
-webkit-transform: rotatex(0deg) translatez(25px);
 
 
 
-moz-transform: rotatex(0deg) translatez(25px);
 
-moz-transform: rotatex(0deg) translatez(25px);
 
 
 
-ms-transform: rotatex(0deg) translatez(25px);
 
-ms-transform: rotatex(0deg) translatez(25px);
 
 
 
-o-transform: rotatex(0deg) translatez(25px);
 
-o-transform: rotatex(0deg) translatez(25px);
 
 
 
transform: rotatex(0deg) translatez(25px);
 
transform: rotatex(0deg) translatez(25px);
 
 
 
}
 
}
 
 
 
.back {
 
.back {
 
 
 
-webkit-transform: rotatex(-90deg) translatez(25px);
 
-webkit-transform: rotatex(-90deg) translatez(25px);
 
 
 
-moz-transform: rotatex(-90deg) translatez(25px);
 
-moz-transform: rotatex(-90deg) translatez(25px);
 
 
 
-ms-transform: rotatex(-90deg) translatez(25px);
 
-ms-transform: rotatex(-90deg) translatez(25px);
 
 
 
-o-transform: rotatex(-90deg) translatez(25px);
 
-o-transform: rotatex(-90deg) translatez(25px);
 
 
 
transform: rotatex(-90deg) translatez(25px);
 
transform: rotatex(-90deg) translatez(25px);
 
 
 
color: #ffffff;
 
color: #ffffff;
 
 
 
}
 
}
 
 
 
.front, .back {
 
.front, .back {
 
 
 
/*          border:1px solid red;*/
 
/*          border:1px solid red;*/
 
 
 
display: block;
 
display: block;
 
 
 
width: 100%;
 
width: 100%;
 
 
 
height: 100%;
 
height: 100%;
 
 
 
position: absolute;
 
position: absolute;
 
 
 
top: 0;
 
top: 0;
 
 
 
left: 0;
 
left: 0;
 
 
 
background:rgba(0, 0, 0, 0.8);
 
background:rgba(0, 0, 0, 0.8);
 
 
 
 
 
 
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
 
 
 
color: #ffffff;
 
color: #ffffff;
 
 
 
-webkit-pointer-events: none;
 
-webkit-pointer-events: none;
 
 
 
-moz-pointer-events: none;
 
-moz-pointer-events: none;
 
 
 
-ms-pointer-events: none;
 
-ms-pointer-events: none;
 
 
 
-o-pointer-events: none;
 
-o-pointer-events: none;
 
 
 
pointer-events: none;
 
pointer-events: none;
 
 
 
-webkit-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
 
 
box-sizing: border-box;
 
box-sizing: border-box;
 
 
 
}
 
}
 
 
 
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 
 
 
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
 
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
 
 
 
background-color: #000033;
 
background-color: #000033;
 
 
 
-webkit-background-size: 5px 5px;
 
-webkit-background-size: 5px 5px;
 
 
 
background-size: 5px 5px;
 
background-size: 5px 5px;
 
 
 
background-position: 0 0, 30px 30px;
 
background-position: 0 0, 30px 30px;
 
 
 
background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
 
 
background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
 
 
background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
 
 
background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
 
 
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 
 
 
}
 
}
 
 
 
.nav-menu ul {
 
.nav-menu ul {
 
 
 
position: absolute;
 
position: absolute;
 
 
 
text-align: left;
 
text-align: left;
 
 
 
line-height: 40px;
 
line-height: 40px;
 
 
 
font-size: 14px;
 
font-size: 14px;
 
 
 
width: 200px;
 
width: 200px;
 
 
 
-webkit-transition: all 0.3s ease-in;
 
-webkit-transition: all 0.3s ease-in;
 
 
 
-moz-transition: all 0.3s ease-in;
 
-moz-transition: all 0.3s ease-in;
 
 
 
-ms-transition: all 0.3s ease-in;
 
-ms-transition: all 0.3s ease-in;
 
 
 
-o-transition: all 0.3s ease-in;
 
-o-transition: all 0.3s ease-in;
 
 
 
transition: all 0.3s ease-in;
 
transition: all 0.3s ease-in;
 
 
 
-webkit-transform-origin: 0px 0px;
 
-webkit-transform-origin: 0px 0px;
 
 
 
-moz-transform-origin: 0px 0px;
 
-moz-transform-origin: 0px 0px;
 
 
 
-ms-transform-origin: 0px 0px;
 
-ms-transform-origin: 0px 0px;
 
 
 
-o-transform-origin: 0px 0px;
 
-o-transform-origin: 0px 0px;
 
 
 
transform-origin: 0px 0px;
 
transform-origin: 0px 0px;
 
 
 
-webkit-transform: rotateX(-90deg);
 
-webkit-transform: rotateX(-90deg);
 
 
 
-moz-transform: rotateX(-90deg);
 
-moz-transform: rotateX(-90deg);
 
 
 
-ms-transform: rotateX(-90deg);
 
-ms-transform: rotateX(-90deg);
 
 
 
-o-transform: rotateX(-90deg);
 
-o-transform: rotateX(-90deg);
 
 
 
transform: rotateX(-90deg);
 
transform: rotateX(-90deg);
 
 
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
 
 
-moz-backface-visibility: hidden;
 
-moz-backface-visibility: hidden;
 
 
 
-ms-backface-visibility: hidden;
 
-ms-backface-visibility: hidden;
 
 
 
-o-backface-visibility: hidden;
 
-o-backface-visibility: hidden;
 
 
 
backface-visibility: hidden;
 
backface-visibility: hidden;
 
 
 
}
 
}
 
 
 
/*任务九、显示下拉导航菜单,并其设置一个变形效果*/
 
/*任务九、显示下拉导航菜单,并其设置一个变形效果*/
 
 
 
.nav-menu > li:hover ul {
 
.nav-menu > li:hover ul {
 
 
 
-webkit-transform: rotateX(0deg);
 
-webkit-transform: rotateX(0deg);
 
 
 
-moz-transform: rotateX(0deg);
 
-moz-transform: rotateX(0deg);
 
 
 
-ms-transform: rotateX(0deg);
 
-ms-transform: rotateX(0deg);
 
 
 
-o-transform: rotateX(0deg);
 
-o-transform: rotateX(0deg);
 
 
 
transform: rotateX(0deg);
 
transform: rotateX(0deg);
 
 
 
}
 
}
 
 
 
/*-------------------------------------------daohang_over---------------------------*/
 
/*-------------------------------------------daohang_over---------------------------*/
+
 
+
 
+
+
+
+
 
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
 
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
+
#name img{margin-left: 24rem;margin-top:-230px;position:absolute}
+
#name img{margin-left: 20rem;margin-top:-230px;position:absolute}
+
+
+
 
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
 
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
+
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:17rem}
+
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:14rem}
+
+
+
 
#uptop  > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
 
#uptop  > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
+
 
+
 
+
 
+
 
+
 
+
 
+
#content{background-image:url("https://static.igem.org/mediawiki/2016/d/de/AHUT_CHINA_igem_china_team.png" );width:100%;height:270rem;position:relative;}
+
#con_inner{padding:5rem;background-color:rgba(0,0,0,0.7);height:260rem}
+
+
+
+
+
+
#content{background-image:url("https://static.igem.org/mediawiki/2016/d/de/AHUT_CHINA_igem_china_team.png" );width:100%;height:1000rem;position:relative;}
+
+
+
#con_inner{padding:5rem;background-color:rgba(0,0,0,0.7);height:990rem}
+
+
+
 
#con_inner p{color:#ffffff}
 
#con_inner p{color:#ffffff}
+
 
+
 
+
 
+
 
+
#team_attributions{
+
position:relative;
+
width:960px;
+
height:370px;
+
margin:30px auto;
+
}
+
 
+
 
#team_at_1,#team_at_2,#team_at_3{
 
#team_at_1,#team_at_2,#team_at_3{
 
 
 
float:left;
 
float:left;
 
 
 
width:320px;
 
width:320px;
 
 
 
height:315px;
 
height:315px;
 
 
 
font-family: Arial,Helvetica,sans-serif;
 
font-family: Arial,Helvetica,sans-serif;
 
 
 
text-align:center;
 
text-align:center;
 
 
 
}
 
}
+
 
+
+
+
 
#team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{
 
#team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{
 
 
 
float:left;
 
float:left;
 
 
 
width:320px;
 
width:320px;
 
 
 
height:60px;
 
height:60px;
 
 
 
font-size:20px;
 
font-size:20px;
 
 
 
line-height:60px;
 
line-height:60px;
 
 
 
font-weight:600;
 
font-weight:600;
 
 
 
color:#ffffff;
 
color:#ffffff;
 
 
 
}
 
}
+
 
+
+
+
 
#team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{
 
#team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{
 
 
 
float:left;
 
float:left;
 
 
 
width:320px;
 
width:320px;
 
 
 
height:60px;
 
height:60px;
 
 
 
font-size:14px;
 
font-size:14px;
 
 
 
color:#ffffff;
 
color:#ffffff;
 
 
 
}
 
}
+
 
+
 
+
+
 
#team_acknowledgement{
 
#team_acknowledgement{
 
 
 
position:relative;
 
position:relative;
 
 
 
width:960px;
 
width:960px;
+
height:20rem;
+
height:8rem;
+
+
+
 
margin:0 auto;
 
margin:0 auto;
 
 
 
}
 
}
+
 
+
+
+
 
#team_a_pre{
 
#team_a_pre{
 
 
 
height:20px;
 
height:20px;
 
 
 
margin-top:30px;
 
margin-top:30px;
 
 
 
font-family: Arial,Helvetica,sans-serif;
 
font-family: Arial,Helvetica,sans-serif;
 
 
 
font-size:18px;
 
font-size:18px;
 
 
 
font-weight:600;
 
font-weight:600;
 
 
 
text-align:center;
 
text-align:center;
 
 
 
line-height:20px;
 
line-height:20px;
 
 
 
color:#ffffff;
 
color:#ffffff;
 
 
 
}
 
}
+
 
+
#team_a1,#team_a2,#team_a3,#team_a4,#team_a5,#team_a6{
+
+
#team_a1,#team_a2,#team_a3,#team_a4,#team_a5{
+
+
+
 
position:absolute;
 
position:absolute;
 
 
 
top:50px;
 
top:50px;
 
 
 
width:150px;
 
width:150px;
 
 
 
height:220px;
 
height:220px;
 
 
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
 
 
background-size:contain;
 
background-size:contain;
 
 
 
}
 
}
+
 
+
#team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name,#team_a6_name{
+
+
#team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name{
+
+
+
 
position:absolute;
 
position:absolute;
 
 
 
top:170px;
 
top:170px;
 
 
 
height:50px;
 
height:50px;
 
 
 
margin-top:0px;
 
margin-top:0px;
 
 
 
font-family: Arial,Helvetica,sans-serif;
 
font-family: Arial,Helvetica,sans-serif;
 
 
 
font-size:12px;
 
font-size:12px;
 
 
 
font-weight:600;
 
font-weight:600;
 
 
 
text-align:center;
 
text-align:center;
+
color:rgba(114,109,109,1.00);
+
color:#ffffff;
+
+
+
 
}
 
}
+
 
+
+
+
 
#team_a1{
 
#team_a1{
 
 
 
left:0px;
 
left:0px;
+
background-image:url(https://static.igem.org/mediawiki/2016/1/15/AHUT_CHINA_2015_team_jg.png);
+
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_jixie.jpg);
+
+
+
 
}
 
}
+
 
+
+
+
 
#team_a2{
 
#team_a2{
+
left:180px;
+
left:195px;
+
+
+
 
background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg);
 
background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg);
 
 
 
}
 
}
+
 
+
+
+
 
#team_a3{
 
#team_a3{
+
left:360px;
+
left:400px;
+
+
+
 
background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg);
 
background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg);
 
 
 
}
 
}
+
 
+
+
+
 
#team_a4{
 
#team_a4{
+
left:540px;
+
left:605px;
+
+
+
 
background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg);
 
background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg);
 
 
 
}
 
}
+
 
+
+
+
 
#team_a5{
 
#team_a5{
+
left:720px;
+
left:810px;
+
+
+
 
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png);
 
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png);
 
 
 
}
 
}
+
#team_a6{
+
left:900px;
+
 
+
background-image:url(https://static.igem.org/mediawiki/2016/d/dd/AHUT_CHINA_igem_2016_cl.jpg);
+
}
+
 
+
 
+
 
+
 
+
 
#text_01{height:65rem;width:100%;background:rgba(0,0,0,0);}
+
 
+
+
+
+
 
img{ border:0;}
 
img{ border:0;}
+
.brands-list { width: 100%; height:70rem; overflow: hidden; margin: 20px auto 0 auto;margin-left:5rem; }
+
.brands-list { width: 90%; height: 100%; overflow: hidden; margin: 20px auto 0 auto; }
+
+
+
 
.brands-list li { float: left; width: 155px; margin: 0 4px 7px 0; display: inline; }
 
.brands-list li { float: left; width: 155px; margin: 0 4px 7px 0; display: inline; }
 
 
 
.brands-list li a { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; }
 
.brands-list li a { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; }
 
 
 
.brands-list li a .title { z-index: 2; position: absolute; bottom: 230px; left: -160px; width: 150px; height: 20px; padding: 0 0 0 10px; color:#ffffff; line-height: 17px; background-color:#000000 no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";}
 
.brands-list li a .title { z-index: 2; position: absolute; bottom: 230px; left: -160px; width: 150px; height: 20px; padding: 0 0 0 10px; color:#ffffff; line-height: 17px; background-color:#000000 no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";}
+
.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background-color:rgba(0,0,0,0.8) no-repeat -160px 0; }
+
 
.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background-color:#000000 no-repeat -160px 0; }
+
 
+
.teacher{width:100%;height:360px;position:relative;margin:0 auto; overflow:hidden;}
+
+
+
+
+
.teacher{width:1100px;height:360px;position:relative;margin:0 auto; overflow:hidden;}
+
+
+
 
.teacher .teacherPic{width:1100px;height:360px;}
 
.teacher .teacherPic{width:1100px;height:360px;}
+
.teacher .teacherPic .content{width:180px;height:360px;float:left;position:relative;overflow:hidden;margin-left:3px;}
+
.teacher .teacherPic .content .txt{width:156px;height:100px;background:rgba(18,21,44,0.7); position:absolute;left:0px;bottom:0px;padding:0 12px;border-top:2px solid #CB5412;}
.teacher .teacherPic .content{width:200px;height:360px;float:left;position:relative;overflow:hidden;margin-left:3px;}
+
+
+
.teacher .teacherPic .content .txt{width:180px;height:100px;background:rgba(18,21,44,0.7); position:absolute;left:0px;bottom:0px;padding:0 12px;border-top:2px solid #CB5412;}
+
+
+
 
.teacher .teacherPic .content .txt h3{color:#CB5412;font-size:20px;font-weight:100;margin:10px 0 6px 0;}
 
.teacher .teacherPic .content .txt h3{color:#CB5412;font-size:20px;font-weight:100;margin:10px 0 6px 0;}
 
 
 
.teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;}
 
.teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;}
 
 
 
.teacher .teacherPic .content .txt p{color:#fff;margin-top:5px;padding-top:12px;border-top:1px solid #CB5412;font-famliy:"Lucida Sans Unicode", "Lucida Grande";}
 
.teacher .teacherPic .content .txt p{color:#fff;margin-top:5px;padding-top:12px;border-top:1px solid #CB5412;font-famliy:"Lucida Sans Unicode", "Lucida Grande";}
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
/*-------------------footer-----------------------*/
 
/*-------------------footer-----------------------*/
+
 
+
+
+
 
#footer{
 
#footer{
 
 
 
height:300px;
 
height:300px;
 
 
 
width:100%;
 
width:100%;
 
 
 
color:#ccc;
 
color:#ccc;
 
 
 
font-size:12px;
 
font-size:12px;
 
 
 
position:relative;
 
position:relative;
 
 
 
z-index:top;
 
z-index:top;
 
 
 
background-color:#3c3e3f;
 
background-color:#3c3e3f;
 
 
 
}
 
}
+
 
+
+
+
 
#footer  .conent{
 
#footer  .conent{
 
 
 
width:960px;
 
width:960px;
 
 
 
 
 
 
 
left:50%;
 
left:50%;
 
 
 
bottom:0;
 
bottom:0;
 
 
 
margin-left:14%;
 
margin-left:14%;
 
 
 
z-index:2;
 
z-index:2;
 
 
 
}
 
}
+
 
+
+
+
 
#foot_list {
 
#foot_list {
 
 
 
width:759px;
 
width:759px;
 
 
 
height:175px;
 
height:175px;
 
 
 
float:left;
 
float:left;
 
 
 
padding-top:5px;
 
padding-top:5px;
 
 
 
margin:0;
 
margin:0;
 
 
 
}
 
}
 
 
 
#foot_list  li{
 
#foot_list  li{
 
 
 
float:left;
 
float:left;
 
 
 
text-align:left;  
 
text-align:left;  
 
 
 
width:115px;
 
width:115px;
 
 
 
margin-left:0;
 
margin-left:0;
 
 
 
margin-right:10px;
 
margin-right:10px;
 
 
 
     line-height:18px;
 
     line-height:18px;
 
 
 
     display:block;
 
     display:block;
 
 
 
     color:#FFF;
 
     color:#FFF;
 
 
 
     font-size:16px;
 
     font-size:16px;
 
 
 
text-decoration: none;
 
text-decoration: none;
 
 
 
font-family:Arial, Helvetica, sans-serif;
 
font-family:Arial, Helvetica, sans-serif;
 
 
 
}
 
}
 
 
 
#foot_list  li ul li:first-child {
 
#foot_list  li ul li:first-child {
 
 
 
font-size:20px;
 
font-size:20px;
 
 
 
color:#b4b4b4;
 
color:#b4b4b4;
 
 
 
line-height:28px;
 
line-height:28px;
 
 
 
}
 
}
+
 
+
+
+
 
#foot_list  li ul li a {
 
#foot_list  li ul li a {
 
 
 
font-size:12px;
 
font-size:12px;
 
 
 
color:#a1a1a1;
 
color:#a1a1a1;
 
 
 
line-height:18px;
 
line-height:18px;
 
 
 
text-decoration:none;
 
text-decoration:none;
 
 
 
}
 
}
+
 
+
+
+
 
#foot_list li ul li a:hover {
 
#foot_list li ul li a:hover {
 
 
 
color:#fff;
 
color:#fff;
 
 
 
transition: color 0.3s ease 0s;
 
transition: color 0.3s ease 0s;
 
 
 
}
 
}
+
 
+
 
+
+
+
+
 
#foot_igem{
 
#foot_igem{
 
 
 
padding:38px 33px 24px 18px;
 
padding:38px 33px 24px 18px;
 
 
 
float:right;
 
float:right;
 
 
 
}
 
}
 
 
 
#foot_igem > a {
 
#foot_igem > a {
 
 
 
width:150px;
 
width:150px;
 
 
 
height:118px;
 
height:118px;
 
 
 
display:block;
 
display:block;
+
background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
+
+
+
 
}
 
}
 
 
 
#foot_igem > a:hover {
 
#foot_igem > a:hover {
+
background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
+
+
+
 
}
 
}
 
 
 
#foot_copyright {
 
#foot_copyright {
+
 
+
+
+
 
margin-left:14%;
 
margin-left:14%;
 
 
 
clear:both;
 
clear:both;
 
 
 
width:960px;
 
width:960px;
 
 
 
line-height:36px;
 
line-height:36px;
 
 
 
text-align:center;
 
text-align:center;
 
 
 
vertical-align:middle;
 
vertical-align:middle;
 
 
 
color:#777777;
 
color:#777777;
 
 
 
font-size:12px;
 
font-size:12px;
 
 
 
font-family:Arial, Helvetica, sans-serif;
 
font-family:Arial, Helvetica, sans-serif;
 
 
 
}
 
}
+
 
+
 
+
 
+
 
+
 
+
+
+
+
+
+
+
 
</style>
 
</style>
 
 
 
  </head>
 
  </head>
 
 
 
  <body>
 
  <body>
 
 
 
    
 
    
+
 
+
+
+
 
<div id="nav">
 
<div id="nav">
 
 
 
<!---------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------->
 
 
 
<!----------------------banner----------------------------------------------->
 
<!----------------------banner----------------------------------------------->
 
 
 
<div id="banner">  
 
<div id="banner">  
+
 
+
+
+
 
<div id="menu">
 
<div id="menu">
 
 
 
<ul class="nav-menu clearfix unstyled">
 
<ul class="nav-menu clearfix unstyled">
+
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d "> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
+
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d"> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
+
+
+
 
 
 
 
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d  active">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d  active">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a>
 
 
 
    <ul class="clearfix unstyled drop-menu">
 
    <ul class="clearfix unstyled drop-menu">
 
 
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li>
+
 
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#members"> Members <span class="three-d-box"><span class="front">Members</span><span class="back">Members</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructors</span><span class="back">Instructors</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Menbers</span><span class="back">Menbers</span></span> </a></li>
+
+
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructions</span><span class="back">Instructions</span></span> </a></li>
+
+
+
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li>
 
 
 
    </ul>
 
    </ul>
+
 
+
+
+
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d">  Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d">  Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
 
 
 
<ul class="clearfix unstyled drop-menu">
 
<ul class="clearfix unstyled drop-menu">
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway & Design</span><span class="back">Pathway & Design</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li>
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway and Design</span><span class="back">Pathway and Design</span></span> </a></li>
+
+
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li>
+
+
+
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Protools" class="three-d";href="#Protools">Protocols<span class="three-d-box"><span class="front">Protocols</span><span class="back">Protocols</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Protools" class="three-d";href="#Protools">Protools<span class="three-d-box"><span class="front">Protools</span><span class="back">Protools</span></span> </a></li>
+
+
+
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li>
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
+
+
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li>
+
+
+
 
    </ul>
 
    </ul>
+
 
+
+
+
 
 
+
 
+
+
+
 
<li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a>
 
 
 
<ul class="clearfix unstyled drop-menu">
 
<ul class="clearfix unstyled drop-menu">
 
 
 
       <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li>
 
       <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li>
 
 
 
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Human Practice  " class="three-d";href="#Overview">Human Practice  <span class="three-d-box"><span class="front">Human Practice  </span><span class="back">Human Practice </span></span> </a></li>
+
          
         <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Society" class="three-d";href="#Society">Society <span class="three-d-box"><span class="front">Society</span><span class="back">Society</span></span> </a></li>
+
+
+
        <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#New Power" class="three-d";href="#New Power">New Power<span class="three-d-box"><span class="front">New Power</span><span class="back">New Power</span></span> </a></li>
+
+
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Qestionnaire" class="three-d";href="#Qestionnaire">Qestionnaire<span class="three-d-box"><span class="front">Qestionnaire</span><span class="back">Qestionnaire</span></span> </a></li>
+
+
+
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#MOOC" class="three-d";href="#MOOC">MOOC<span class="three-d-box"><span class="front"> MOOC</span><span class="back">MOOC</span></span> </a></li>
+
+
+
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#Art" class="three-d";href="#Art">Art<span class="three-d-box"><span class="front"> Art</span><span class="back">Art</span></span> </a></li>
+
+
+
 
    </ul>
 
    </ul>
+
 
+
+
+
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a>
 
 
 
       <ul class="clearfix unstyled drop-menu">
 
       <ul class="clearfix unstyled drop-menu">
 
 
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li>
 
 
 
        
 
        
 
 
 
       </ul>
 
       </ul>
 
 
 
    
 
    
 
 
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a>
 
 
 
       <ul class="clearfix unstyled drop-menu">
 
       <ul class="clearfix unstyled drop-menu">
 
 
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
 
 
 
        
 
        
 
 
 
       </ul>
 
       </ul>
+
 
+
+
+
 
  <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a>
 
  <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a>
 
 
 
       <ul class="clearfix unstyled drop-menu">
 
       <ul class="clearfix unstyled drop-menu">
 
 
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li>
 
 
 
        
 
        
 
 
 
       </ul>
 
       </ul>
+
 
+
+
+
 
  <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a>
 
  <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a>
 
 
 
       <ul class="clearfix unstyled drop-menu">
 
       <ul class="clearfix unstyled drop-menu">
 
 
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li>
 
 
 
        
 
        
 
 
 
       </ul>
 
       </ul>
+
 
+
 
+
+
+
+
 
   </ul>
 
   </ul>
+
 
+
 
+
 
+
 
+
 
+
+
+
+
+
+
+
 
<div id="name">
 
<div id="name">
 
 
 
<img src="https://static.igem.org/mediawiki/2016/f/fd/AHUT_CHINA_igem_china_team_max.png" width="250" height="250" border="0" alt="">
 
<img src="https://static.igem.org/mediawiki/2016/f/fd/AHUT_CHINA_igem_china_team_max.png" width="250" height="250" border="0" alt="">
+
<p >Attributions</p>
+
 
<p>Attributions</p>
+
+
+
+
+
 
</div>
 
</div>
 
 
 
<a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
 
<a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
 
 
 
</div>
 
</div>
+
 
+
+
+
 
</div>
 
</div>
+
 
+
 
+
+
+
+
 
<div id="content">
 
<div id="content">
 
 
 
<div id ="con_inner">
 
<div id ="con_inner">
+
 
+
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center">Attributions</p>
+
 
+
<div id="team_attributions">
<p style="font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Attributions</p>
+
+
+
<div style="margin-left:6rem" id="team_attributions">
+
+
+
 
         <div id="team_at_1">
 
         <div id="team_at_1">
 
 
 
             <span id="team_at_1_1">Project name</span>
 
             <span id="team_at_1_1">Project name</span>
 
 
 
                 <span id="team_at_1_1_content">Bio-compass 2.0</span>
 
                 <span id="team_at_1_1_content">Bio-compass 2.0</span>
+
                 <span id="team_at_1_2">Team Leader</span>
+
                 <span id="team_at_1_2_content">Ding Haojie</span>
                 <span id="team_at_1_2">Team Leaders</span>
+
+
+
                 <span id="team_at_1_2_content">Xia tianlai,Ding Haojie</span>
+
+
+
 
                 <span id="team_at_1_3">Laboratory Work</span>
 
                 <span id="team_at_1_3">Laboratory Work</span>
+
                 <span id="team_at_1_3_content">Guan Haojun,Hu Jianjun<br>Zhu jun,Xudong Cai<br>Qian Du</span>
+
                 <span id="team_at_1_3_content">GuanHaojun,Hu Jianjun<br>Zhu jun,Xudong Cai<br>Qian Du</span>
+
+
+
 
             </div>
 
             </div>
 
 
 
             <div id="team_at_2">
 
             <div id="team_at_2">
 
 
 
             <span id="team_at_2_1">Human Practice Work</span>
 
             <span id="team_at_2_1">Human Practice Work</span>
+
                 <span id="team_at_2_1_content">Chen Zhitong,Qian Cheng, Xudong Cai<br>Ding Haojie, Hu Jianjun,Xu Huihui<br>Guan Haojun,Yin Hang,Dang Zheng</span>
+
                 <span id="team_at_2_1_content">CHEN ZHITONG,QIAN CHENG,Xudong Cai<br>Ding Haojie, Hu Jianjun,Xu HuiHui,GuanHaojun,Yin Hang,Dang Zheng</span>
+
+
+
 
                 <span id="team_at_2_2">Wiki Work</span>
 
                 <span id="team_at_2_2">Wiki Work</span>
+
                 <span id="team_at_2_2_content">Cailei Lu,Xu Huihui<br>Shuo Xu,Ye Wanwan<br>Wang Yue</span>
+
                 <span id="team_at_2_2_content">Cailei Lu,Xu HuiHui<br>Shuo Xu,Ye Wanwan</span>
+
+
+
 
                 <span id="team_at_2_3">Art Design Work</span>
 
                 <span id="team_at_2_3">Art Design Work</span>
+
                 <span id="team_at_2_3_content">Xu Huihui,Shuo Xu,Ye Wanwan</span>
+
                 <span id="team_at_2_3_content">Huihui Xv ,Wanwan Ye<br>Hao Xv</span>
+
+
+
 
             </div>
 
             </div>
 
 
 
             <div id="team_at_3">
 
             <div id="team_at_3">
 
 
 
             <span id="team_at_3_1">Project design and Data analysis </span>
 
             <span id="team_at_3_1">Project design and Data analysis </span>
+
                 <span id="team_at_3_1_content">Run-ze Zhang,Xingkui Kou<br>Tianlai Xia,Ding Haojie<br></span>
+
                 <span id="team_at_3_1_content"> Run-ze Zhang,Tianlai Xia,Ding Haojie<br></span>
+
+
+
 
                 <span id="team_at_3_2">Translate and propagate</span>
 
                 <span id="team_at_3_2">Translate and propagate</span>
+
                 <span id="team_at_3_2_content">Shaokang Jin,Yin Hang,Fengping Wang<br>Wang Qingyuan,Xuan Zhiwei<br>Yan Xinrui,Chen Zhitong</span>
+
                 <span id="team_at_3_2_content">Yin Hang,FengPing Wang,<br>Wang Qingyuan
+
+
+
Xuan Zhiwei,<br>Yan Xinrui,CHEN ZHITONG<br>
+
+
+
</span>
+
+
+
 
                 <span id="team_at_3_3">Instructors</span>
 
                 <span id="team_at_3_3">Instructors</span>
+
                 <span id="team_at_3_3_content">Huji Leng,Xiangrong Xu,Hao Xu<br>Liang Ma, she huili,Ruilan Cao<br>Jun Xie,Zi Liu</span>
+
                 <span id="team_at_3_3_content">Hujing Leng ,Xiangrong Xu , Hao Xu <br>Liang MA,she huili <br>Ruilan Cao,Jun Xie,Zi Liu<br>
+
+
+
</span>
+
+
+
 
             </div>
 
             </div>
 
 
 
         </div>
 
         </div>
+
 
+
  <div style="margin-top:3rem" id="team_acknowledgement">
+
+
  <div style="margin-top:30rem" id="team_acknowledgement">
+
+
+
 
             <div id="team_a_pre">Our team highly acknowledges the following institutes:</div>
 
             <div id="team_a_pre">Our team highly acknowledges the following institutes:</div>
+
         <div id="team_a1"><p id="team_a1_name">School of Civil Engineering & Architecture</p></div>
+
             <div id="team_a2"><p id="team_a2_name">School of Chemistry and Chemical Engineering</p></div>
         <div id="team_a1"><p id="team_a1_name">School of Mathematics &amp; Physics</p></div>
+
             <div id="team_a3"><p id="team_a3_name">School of Mathematics &amp; Physics</p></div>
+
+
             <div id="team_a2"><p id="team_a2_name">School of Mathematics &amp; Physics</p></div>
+
+
+
             <div id="team_a3"><p id="team_a3_name">School of Chemistry and Chemical Engineering</p></div>
+
+
+
 
             <div id="team_a4"><p id="team_a4_name">Center of Foreign languages</p></div>
 
             <div id="team_a4"><p id="team_a4_name">Center of Foreign languages</p></div>
 
 
 
             <div id="team_a5"><p id="team_a5_name">Academy of Art and Design</p></div>
 
             <div id="team_a5"><p id="team_a5_name">Academy of Art and Design</p></div>
+
            <div id="team_a6"><p id="team_a6_name">School of Materials Science & Engineering</p></div>
+
           
 +
 
 
         </div>
 
         </div>
+
<p style="position:absolute;margin:8rem;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center" id="menbers" >Members</p>
+
<div class="brands-list">
+
+
+
+
School of Mathematics &amp; Physics
+
+
+
+
+
+
+
+
+
<p style="margin-top:25rem;font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Member</p>
+
+
+
+
+
<div id="text_01">
+
+
+
<!--menberlist--->
+
+
+
<div class="brands-list">
+
+
+
 
<ul>
 
<ul>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/35/AHUT_CHINA_igem_2016_xtl.jpg
+
"  /><span style="line-height:1" class="title">Xia Tianlai,<br>it has been the 2nd<br>time for him to participate<br>in iGEM. In our iGEM<br>journey,he has tried his<br>best to learn something from<br>other members to enrich<br>his knowledge.<br>And he’s done a<br>lot of job for our<br>project because he<br>believes whatever is worth doing is<br>worth doing well.<br></span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/35/AHUT_CHINA_igem_2016_xtl.jpg"  /><span class="title" style="line-height:1">Xia Tianlai, it has been<br> the 2nd time for him to<br> participate in iGEM.<br> In our team, he has made<br> great contributions to the<br> design of the project.<br> In our iGEM journey,<br> he has tried his best to<br> learn something<br> from other members<br> to enrich his knowledge<br> and open his horizon.<br> And he’s done a lot of job<br> for our project because<br> he believes whatever is <br>worth doing is worth<br> doing well.<br></span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/4/45/AHUT_CHINA_igem_2016_dhj.jpg" /><span style="line-height:1" class="title">Ding Haojie has taken the <br>responsibility of team<br> leader in the middle and<br> later period in our team .<br>He worked very hard throughtout<br> the whole process.<br> Meanwhile, he was<br> in charge of the theory<br> and design of the project.<br> Taking part in <br>iGEM improved his scientific <br>literacy and cooperation<br> ability.<br></span><span class="shine"></span></a></li>
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/4/45/AHUT_CHINA_igem_2016_dhj.jpg" /><span class="title" style="line-height:1">Ding Haojie has taken<br> the responsibility of team <br>leader in the middle<br> and later period in<br> our team .<br>He worked very hard throughtout<br> the whole process.<br> Meanwhile, he was in charge of<br> the theory and design<br> of the project. <br> Taking part in iGEM <br>improved his scientific<br> literacy and cooperation<br> ability.<br></span><span class="shine"></span></a></li>
+
+
+
 
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/37/AHUT_CHINA_igem_2016_lcn.jpg"  /><span class="title">Lucailei is responsible for<br> document writing and<br> web production</span><span class="shine"></span></a></li>
 
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/37/AHUT_CHINA_igem_2016_lcn.jpg"  /><span class="title">Lucailei is responsible for<br> document writing and<br> web production</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/00/AHUT_CHINA_igem_2016_ghj.jpg"  /><span style="line-height:1" class="title">Guan Haojun majors in <br>Chemical Biology.<br>He participated in<br> the experiment of this <br>project and recorded the process<br> of doing experiment ,<br> he also disposed the<br> experiment data .<br> It is  responsible  for <br>him to do part of <br>the  experimental copywriting </span><span style="line-height:1" class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b6/AHUT_CHINA_igem_2016_hjj.jpg"  /><span class="title">Hujianjun participates in<br> the whole experiment<br> operation and Bio bricks<br> registration.<br></span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/00/AHUT_CHINA_igem_2016_ghj.jpg"  /><span class="title">Guan Haojun majors in<br> Chemical Biology.<br>He participated in the <br>experiment of this project and<br> recorded the process of doing<br> experiment , he also disposed the<br> experiment data . <br>It is  responsible  for him <br>to do part of the  <br>experimental copywriting </span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/a/ac/AHUT_CHINA_igem_2016_xhh.jpg"  /><span style="line-height:1" class="title">Xuhuihui's work is that<br> design the logo ,<br> the homepage,<br> the banner and the team clothing<br> team pennant.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_igem_2016_yh.jpg" /><span style="line-height:1" class="title">Yin Hang is a student<br> in School of Foreign <br>Languages also a leader<br> of English group.<br>In our iGEM,<br>she is in charge of <br>translation and presentation.<br>During our preparation,<br>she tried her best to<br> enrich her<br> comprehensive <br>knowledge and <br>communicated<br> with others.<br>She believes that nothing<br> is impossible to <br>a willing heart!</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b3/AHUT_CHINA_igem_2016_czt.jpg
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b6/AHUT_CHINA_igem_2016_hjj.jpg"  /><span class="title">Hujianjun participates in the<br> whole experiment operation and<br> Bio bricks registration.</span><span class="shine"></span></a></li>
+
" /><span style="line-height:1"  class="title">Chen Zhitong is a reliable,<br> responsible and fun-loving<br> girl who is always willing<br> to lend a helping hand.<br>As an English <br>major students,<br> she is mainly responsible<br> for translation and <br>presentation part.<br> Besides, Zhitong was involved<br> in the human practice <br>projects: organizing the <br>publicity projects,<br> cooperating with other <br>universities and making <br>the human practice<br> videos. </span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/7f/AHUT_CHINA_igem_2016_xzw.jpg" /><span style="line-height:1"  class="title">Xuanzhiwei is a English <br>major student.<br> In our team, he was charge<br> of the translation of<br> the part context.<br> Meanwhile,<br> he took part in the <br>Mooc and human practices.<br> He thought it was a<br> memorable experience.  </span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/8/80/AHUT_CHINA_igem_2016_wll.jpg" /><span class="title">Ling-ling Wei took <br>part in the improvement<br> of the theory of project<br> and the cooperation<br> with other schools, etc.<br> Through this contest,<br>she has improved the <br>scientific research interest,<br> communication ability and<br> team cooperation <br>ability.</span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/a/ac/AHUT_CHINA_igem_2016_xhh.jpg"  /><span class="title">Xuhuihui's work is that<br> design the logo ,<br> the homepage, <br>the banner and the team<br> clothing team pennant.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/1/16/AHUT_CHINA_igem_2016_xs.jpg"/><span class="title">His major is digital<br> media art.<br> In the team,<br> I am in charge of<br> video production.<br> The late synthesis <br>of Mooc video is<br> done by me.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/6/68/AHUT_CHINA_igem_2016_wqy.jpg" /><span class="title">She is responsible for<br> the design of our<br> project and she has<br> accomplished the word<br> processing of the design.<br> She will also do the<br> presentation of the<br> design of our project<br> at iGEM Giant Jamboree.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/73/AHUT_CHINA_igem_2016_yxr.jpg"  /><span class="title">Yanxinrui is responsible <br>for translation and presentation of<br> Results part and translation<br> of relevant contents;<br> giving advice to our project ;<br> propagating through<br> Sinaweibo and Facebook</span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_igem_2016_yh.jpg" /><span class="title" style="line-height:1">Yin Hang is a student <br>in School of Foreign Languages <br>also a leader of English group.<br>In our iGEM,she is<br> in charge of translation<br> and presentation<br>During our preparation<br>she tried her best<br> to enrich her comprehensive<br> knowledge and <br>communicated with others<br>She believes that nothing<br> is impossible <br>to a willing heart!</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b1/AHUT_CHINA_igem_2016_yww.jpg" /><span class="title">Yewanwan is responsible for<br> the design of logo <br>and post. At the same time, I also process the image.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/0c/AHUT_CHINA_igem_2016_zrz.jpg" /><span style="line-height:1"  class="title">It’s his fourth year and<br> also the last time to <br>participate in iGEM,<br>the only thing he can<br> do is to give suggestions<br> to my teammates. <br>The AHUT_China is becoming<br> better and better.<br> Wish you guys have fun<br> and good luck in Boston.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/bc/AHUT_CHINA_igem_2016_cxd.jpg"  /><span class="title">Xudong Cai did a  <br>series of experiments <br> and finished writing,  <br>revising,and perfecting <br> related materials.
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b3/AHUT_CHINA_igem_2016_czt.jpg" /><span class="title" style="line-height:1">Chen Zhitong is a reliable,<br> responsible and fun-loving girl<br> who is always willing to<br> lend a helping hand.<br>As an English major students,<br> she is mainly responsible<br> for translation and presentation part.<br> Besides, Zhitong was involved<br> in the human practice projects:<br> organizing the publicity projects,<br> cooperating with other universities <br>and making the human <br>practice videos.</span><span class="shine"></span></a></li>
+
</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/70/AHUT_CHINA_igem_2016_cgn.jpg" /><span class="title">Chenguangneng was in<br> theory group, <br>studying  the comparison<br> of DNA computer and <br>the electronic computer.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/72/AHUT_CHINA_igem_2016_zj.jpg" /><span class="title">Zhujun participates in the<br> experiment of this project,<br>and record the process of<br> doing experiment ,<br> dispose  the experiment data .<br></span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/7f/AHUT_CHINA_igem_2016_xzw.jpg" /><span class="title">Xuanzhiwei is a English<br> major student. <br>In our team, <br>he was charge of the<br> translation<br> of the part context.<br> Meanwhile,<br> he took part in the Mooc<br> and human practices.<br> He thought it was a<br> memorable experience. </span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/c/c9/AHUT_CHINA_igem_2016_qc.jpg"  /><span class="title">Qian Cheng is responsible <br>for project theory,<br> questionnaire survey and<br> the publicity work <br>of the game.<br> For attending the games,<br> he has great interest<br> on the synthetic biology.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/e/e9/AHUT_CHINA_igem_2016_dz.jpg"  /><span class="title">Dangzheng's main job is<br> to do molecular biology<br> experiment,modify and<br> finish the result<br> and record of the <br>experiment and the analysis<br> of the sequencing<br> results.</span><span class="shine"></span></a></li>
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/f8/AHUT_CHINA_igem_2016_dq.jpg"  /><span class="title">Du Qian participated in <br>the whole process of this<br> experiment and processed <br>part of documents </span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/8/80/AHUT_CHINA_igem_2016_wll.jpg" /><span class="title">Ling-ling Wei took part<br> in the improvement of <br>the theory of project and<br> the cooperation with other <br>schools, etc.<br> Through this contest,<br>she has improved the <br>scientific research interest,<br> communication ability and team<br> cooperation ability.<br></span><span class="shine"></span></a></li>
+
<li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/9/9f/AHUT_CHINA_igem_2016_wfp02.jpg"  /><span class="title">she is responsible for<br> translating bio-brick<br> of our project <br>and human practice part<br> in the Wi-ki.<br> she is also the<br> the presenter of<br> human practice and <br>Collaboration parts<br> in the Giant Jamboree.</span><span class="shine"></span></a></li>
+
<li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/fe/AHUT_CHINA_igem_2016_czk.jpg" /><span class="title">Chen Zhenke is one of<br> the members of the <br>theory group.<br>He is in charge of<br> collecting web publicity<br> materials and information<br> of participants.<br> What's more,<br>he takes part in <br>the recording of MOOC <br>and assists teachers<br> in logistics.
+
</span><span class="shine"></span></a></li>
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/1/16/AHUT_CHINA_igem_2016_xs.jpg"/><span class="title">His major is digital<br> media art.<br> In the team, <br>I am in charge of<br> video production.<br> The late synthesis<br> of Mooc video is<br> done by me.<br></span><span class="shine"></span></a></li>
+
 
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/6/68/AHUT_CHINA_igem_2016_wqy.jpg" /><span class="title">She is responsible for<br> the design of our project<br> and she has accomplished <br>the word processing<br> of the design.<br> She will also do the<br> presentation of the design <br>of our project at iGEM <br>Giant Jamboree.</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/73/AHUT_CHINA_igem_2016_yxr.jpg"  /><span class="title">Yanxinrui is responsible for<br> translation and presentation<br> of Results part and <br>translation of relevant contents;<br> giving advice to our project ;<br> propagating through Sinaweibo<br> and Facebook</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b1/AHUT_CHINA_igem_2016_yww.jpg" /><span class="title">Yewanwan is responsible for<br> the design of logo <br>and post. <br>At the same time, <br>I also process the image.</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/0c/AHUT_CHINA_igem_2016_zrz.jpg" /><span class="title">It’s his fourth year and<br> also the last time to<br> participate in iGEM,<br> the only thing he can<br> do is to give suggestions<br> to my teammates.<br> The AHUT_China is becoming<br> better and better.<br> Wish you guys<br> have fun and good luck<br> in Boston.</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/bc/AHUT_CHINA_igem_2016_cxd.jpg"  /><span class="title">蔡旭东</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/70/AHUT_CHINA_igem_2016_cgn.jpg" /><span class="title">Chenguangneng was in theory group,<br> studying  the comparison of<br> DNA computer and the<br> electronic computer.</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/72/AHUT_CHINA_igem_2016_zj.jpg" /><span class="title">Zhujun participates in the<br> experiment of this project,<br>and record the process of<br> doing experiment ,<br> dispose  the experiment data .</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/c/c9/AHUT_CHINA_igem_2016_qc.jpg"  /><span class="title">Qian Cheng is responsible<br> for project theory, <br>questionnaire survey and the<br> publicity work of<br> the game. <br>For attending the games,<br> he has great interest<br> on the synthetic <br>biology.</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/e/e9/AHUT_CHINA_igem_2016_dz.jpg"  /><span class="title">Dangzheng's main job is to <br>do molecular biology experiment,<br>modify and finish the result<br> and record of the experiment<br> and the analysis of the <br>sequencing results.</span><span class="shine"></span></a></li>
+
+
+
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/f8/AHUT_CHINA_igem_2016_dq.jpg"  /><span class="title">Du Qian participated in <br>the whole process of this<br> experiment and processed<br> part of documents </span><span class="shine"></span></a></li>
+
+
+
<li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/9/9f/AHUT_CHINA_igem_2016_wfp02.jpg"  /><span class="title">Wangfengping is responsible<br> for translating bio-brick <br>of our project and human<br> practice part in <br>the Wi-ki. <br>She is also the the<br> presenter of human practice <br>part in the Giant Jamboree.</span><span class="shine"></span></a></li>
+
+
+
<li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/fe/AHUT_CHINA_igem_2016_czk.jpg" /><span class="title">Chen Zhenke is one of <br>the members of the <br>theory group.<br>He is in charge of<br> collecting web publicity <br>materials and information<br> of participants.<br> What's more,he takes<br> part in the recording <br>of MOOC and assists<br> teachers in logistics.
+
+
+
/span><span class="shine"></span></a></li>
+
+
+
+
+
 
   </ul>
 
   </ul>
 
 
 
</div>
 
</div>
 
 
 
<!--menberlist_over------->
 
<!--menberlist_over------->
 
 
 
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.1.4.2-min.js"></script>
 
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.1.4.2-min.js"></script>
 
 
 
<script>
 
<script>
 
 
 
$(function(){
 
$(function(){
 
 
 
$(".brands-list li a").hover(function(){
 
$(".brands-list li a").hover(function(){
 
 
 
$(this).find(".shine").stop();
 
$(this).find(".shine").stop();
 
 
 
$(this).find(".shine").css("background-position","-160px 0");  
 
$(this).find(".shine").css("background-position","-160px 0");  
 
 
 
$(this).find(".shine").animate({backgroundPosition: '160px 0'},500);
 
$(this).find(".shine").animate({backgroundPosition: '160px 0'},500);
 
 
 
$(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450});
 
$(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450});
+
},function(){
+
$(this).find(".title").stop().animate({left:'-160px'},{queue:false,duration:200});
},function()
+
});
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
<p style="position:absolute;margin:5rem;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center" id="instructions">Advisor&PI</p>
 +
 
 +
 
 +
<div class="teacher">
 +
<div style="margin-left:19rem" class="teacherPic">
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e5/AHUT_China_2016_nhj.jpg"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Huji Leng</h3>
 +
 +
<p style="line-height:1">Leng Huji, postdoctoral professor, master tutor. He is the vice chairman of CCSI (China Creative Studies Institute) and the director of Anhui Provincial Institute of Mechanical Engineering. He focuses the research and study on the mechatronics technology, the creative education and create engineering and the quality management and reliability.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9f/AHUT_CHINA_2015_team_xxr.png" width="180" height="360" />
 +
<div class="txt">
 +
<h3>Xiangrong Xv</h3>
 +
 +
<p style="line-height:1">Prof. Xiangrong Xu currently is a professor of mechanical engineering.He completed his post-doctor research at the Purdue University, USA in 2002. He taught as a guest professor at the Changwon National University, South Korea in 1997-1999. He was also a visiting professor and researcher at the Purdue University, Indiana USA from 1999-2002. From 2002-2011, he worked as a researcher at the Florida State University, Tallahassee, FL USA. </p>
 +
</div>
 +
</div>
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e9/AHUT_CHINA_2015_team_xh.png"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Hao Xu</h3>
 +
 +
<p>Research area:biofilm,mathematical model,computer simulation</p>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<script src="js/jquery.min.js"></script>
 +
<script>
 +
$(function(){
 +
$(".content").hover(function(){
 +
$(this).children(".txt").stop().animate({height:"360px"},200);
 +
$(this).find(".txt h3").stop().animate({paddingTop:"130"},550);
 +
$(this).find(".txt p").stop().show();
 +
},function(){
 +
$(this).children(".txt").stop().animate({height:"100px"},200);
 +
$(this).find(".txt h3").stop().animate({paddingTop:"0px"},550);
 +
$(this).find(".txt p").stop().hide();
 +
})
 +
})
 +
</script>
 +
 +
 
 +
 
 +
</div>
 +
<p style="position:absolute;margin:5rem;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center">Instructors</p>
 +
 
 +
<div  class="teacher">
 +
<div style="margin-left:10rem"class="teacherPic">
 +
 
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/5/58/AHUT_CHINA_igem_2016_lz.jpg"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Zi Liu</h3>
 +
 +
<p style="line-height:1"> Zi Liu is a master tutor in Anhui University of Technology. She received her Ph. D. degree of science from the Institute of Zoology, Chinese Academy of Sciences in 2014. She is undertaking one project from Natural Science Foundation of China (NSFC) and participating in several research projects of NSFC. Her research focuses on the anti-cancer activity and mechanism of action of natural compounds and target discovery.  </p>
 +
</div>
 +
</div>
 +
 +
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/8/85/AHUT_CHINA_2016_ml.jpg"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Liang Ma</h3>
 +
 +
<p style="line-height:1">Liang Ma received his Ph. D. degree of science from University of Science and Technology of China in 2011 and now serves as a master tutor in Anhui University of Technology. He implemented 1 project from Natural Science Foundation of China (NSFC) and participated in several research projects of NSFC, National Basic Research Program of China(973 Program) and Presidential Foundation of the Chinese Academy of Sciences, China, etc.</p>
 +
</div>
 +
</div>
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d6/AHUT_CHINA_2015_team_shl.jpg"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Huili She</h3>
 +
 +
<p style="line-height:0.9">Ms. Huili She currently is a lecturer of College of art and design at the Anhui  University of Technology, Anhui, China.  She had the opportunity to learn with Mr. Gunter Rambow, the visual master, in Germany, 2012. She was the the national excellent teacher for the China Star Design Award. As the Instructor, her students had won domestic or international competition award for nearly 100 times, such as second-class award for iGEM international genetic engineering machine design competition, the best design award for the China Star Design Award and national second-class award for the sixth 3D competition of China.</p>
 +
</div>
 +
</div>
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/4/44/AHUT_CHINA_igem_2016_crz.JPG"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Ruinan Cao</h3>
 +
 +
<p style="line-height:1">  Cao Ruilan, an instructor of 2015 iGEM team of AHUT, focusing her study on translation, linguistics and applied linguistics, has received her Ph.D. degree when graduated from Nanjing University in 2010 after her stay in Cardiff University, UK as a visiting scholar from 2007 to 2008.
 +
 +
She is now supporting 2016 iGEM team of AHUT with her expertise on translation and presentation, being happy with the young and enthusiastic students in this team.
 +
  </p>
 +
</div>
 +
</div>
 +
 
 +
<div class="content">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a5/AHUT_CHINA_2015_team_xj.png"  width="180" height="360" />
 +
<div class="txt">
 +
<h3>Jun Xie</h3>
 +
 +
<p> Metabolic engineering of plant secondary metabolites Separation, purification and characterization of plant secondary metabolites</p>
 +
 
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
<script src="js/jquery.min.js"></script>
 +
<script>
 +
$(function(){
 +
$(".content").hover(function(){
 +
$(this).children(".txt").stop().animate({height:"360px"},200);
 +
$(this).find(".txt h3").stop().animate({paddingTop:"0"},550);
 +
$(this).find(".txt p").stop().show();
 +
},function(){
 +
$(this).children(".txt").stop().animate({height:"100px"},200);
 +
$(this).find(".txt h3").stop().animate({paddingTop:"0px"},550);
 +
$(this).find(".txt p").stop().hide();
 +
})
 +
})
 +
</script>
 +
 
 +
 
 +
          <p style="position:absolute;margin:5rem;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center" id="acknowledgement">Acknowledgement</p>
 +
            <img style="float:left;margin-left:11rem" src="https://static.igem.org/mediawiki/2016/9/92/AHUT_CHINA_igem_2016_cx.jpg"  width="400" height="200" />
 +
            <img style="float:left;margin-left:2rem" src="https://static.igem.org/mediawiki/2016/8/85/AHUT_CHINA_igem_2016_kx.jpg"  width="400" height="200" />
 +
       
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
</div>
 +
 +
 +
 +
 +
 
 +
<!---------------------banner_over---------------------------------------->
 +
 
 +
 
 +
 +
 
 +
 +
 
 +
 
 +
 +
 
 +
<div id="footer">
 +
  <div class="conent">
 +
    <!--<div id="im_logo_link">
 +
      <ul>
 +
        <li id="twitter"><a href=""></a></li>
 +
        <li id="youtube"><a href=""></a></li>
 +
        <li id="webchat"><a href=""></a></li>
 +
        <li id="qq"><a href=""></a></li>
 +
      </ul>
 +
    </div>
 +
    <div style="height:1px;">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
 +
    </div>-->
 +
    <p style="font-size:6em;color:rgba(0,0,0,0.8);position:absolute">AHUT_China</a>
 +
    <div id="foot_igem">
 +
      <a href="https://2016.igem.org/Main_Page"></a>
 +
    </div>
 +
    <div style="clear:both;">
 +
      <img src="./Team_AHUT China_team - 2015.igem.org_files/AHUT_CHINA_2015_index_foot_line_gray.jpg" width="960" height="3" alt="">
 +
    </div>
 +
    <p id="foot_copyright">Copyright 2016 © AHUT iGEM Team , All rights reserved . </p>
 +
  </div>
 +
</div>
 +
 
 +
<p></p>
 +
</div> <div class="visualClear"></div>
 +
    </div>
 +
</div>
 +
    </div>
 +
 
 +
<!----------------------------------------------------------------------------------------------->
 +
</div>
 +
 
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 22:36, 19 October 2016

Document