Difference between revisions of "Team:HZAU-China/Team"

 
(85 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{HZAU-China}}
+
{{HZAU-China/Bootstrap}}
 
<html>
 
<html>
  
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 +
    <link href="bootstrap.min.css" rel="stylesheet">
 +
    <!-- 导航栏CSS -->
 
     <style type="text/css">
 
     <style type="text/css">
 +
        #sideMenu,
 +
        #top_title,
 +
        #team_submenu {
 +
            display: none;
 +
        }
 +
 +
        #HQ_page p {
 +
            margin: 0 !important;
 +
        }
 +
 +
        #content {
 +
            padding: 0px;
 +
            width: 100%;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
        }
 +
 +
        #bodyContent h1,
 +
        #bodyContent h2,
 +
        #bodyContent h3,
 +
        #bodyContent h4,
 +
        #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
 +
        #team_name {
 +
            display: none
 +
        }
 +
 +
        .global_wrapper {
 +
            padding: 0px 0px 0px 0px;
 +
        }
 +
 +
        #top_menu_14 {
 +
            height: 16px;
 +
        }
 +
 
         * {
 
         * {
 
             margin: 0;
 
             margin: 0;
 
             padding: 0;
 
             padding: 0;
 
             list-style: none;
 
             list-style: none;
−
             text-decoration: none;
+
            list-style-type: none;
 +
             text-decoration: none !important;
 
         }
 
         }
  
−
         .team {
+
         body {
−
             margin: 20 8px;
+
             margin: 0;
−
             position: relative;
+
             padding: 0;
−
             background-color: #B8C4C6;
+
             background-color: #F3F3F3;
−
             height: 2500px;
+
             font-size: 16px;
−
             box-shadow: 0 1px 3px #CCCCCC;
+
             font-family: Arial, Verdana, Sans-serif;
−
             border-radius: 3px;
+
             letter-spacing: 0;
 +
            color: #FFFFFF;
 
         }
 
         }
  
−
         .team .team_list {
+
         .daohang {
 +
            background-color: #323643;
 
             position: relative;
 
             position: relative;
−
             margin: auto;
+
             color: #ffffff;
−
             padding: 120px 0;
+
             height: 64px;
−
             /* width: 1200px; */
+
             top: -2px;
−
            height: 314px;
+
        }
  
 +
        .logo-daohang {
 +
            height: 64px;
 +
            left: 10%;
 +
            float: left;
 +
            position: relative;
 
         }
 
         }
  
−
         .team a {
+
         .daohang a {
 
             display: block;
 
             display: block;
−
             cursor: pointer;
+
             text-decoration: none;
−
            font-family: Arial, Verdana, Sans-serif;
+
 
         }
 
         }
  
−
         .team .team_list>li {
+
         .daohang .shade {
 +
            position: absolute;
 +
            width: 100%;
 +
            height: 160px;
 +
            top: 64px;
 +
            left: 0;
 +
            z-index: 1;
 +
            background-color: #EEEEEE;
 +
            box-shadow: 0 5px 15px #CCCCCC;
 +
            display: none;
 +
            border-bottom: #ffffff solid 1px;
 +
            border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
 +
        }
 +
 
 +
        .daohang .caidan {
 +
            position: absolute;
 +
            top: 0;
 +
            right: 10%;
 +
            margin: 0;
 +
            z-index: 2;
 +
            padding: 0;
 +
            list-style: none;
 +
            width: 730px;
 +
            float: right;
 +
            overflow: hidden;
 +
            height: 64px;
 +
        }
 +
 
 +
        .daohang .caidan>li {
 
             padding: 0;
 
             padding: 0;
−
            width: 300px;
 
 
             float: left;
 
             float: left;
−
            position: relative;
+
             margin: 0;
−
             margin: 0 20px;
+
 
             text-align: center;
 
             text-align: center;
−
             height: 250px;
+
             height: 224px;
 
         }
 
         }
  
 +
        .daohang .shortName {
 +
            width: 110px;
 +
        }
  
−
         .team .member img {
+
         .daohang .longName {
−
             width: 294px;
+
             width: 170px;
−
            height: 250px;
+
−
            border-top: 3px solid #0B3C38;
+
−
            border-left: 3px solid #0B3C38;
+
−
            border-right: 3px solid #0B3C38;
+
−
            border-top-left-radius: 5px;
+
−
            border-top-right-radius: 5px;
+
 
         }
 
         }
  
−
         .team .memberInfor {
+
         .daohang .nav_head {
 
             height: 64px;
 
             height: 64px;
 
             line-height: 64px;
 
             line-height: 64px;
−
             background-color: #0B3C38;
+
            color: #ffffff;
 +
            font-size: 16px !important;
 +
        }
 +
 
 +
        .daohang .xsjPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
             background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
 +
        }
 +
 
 +
        .daohang .xjtPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 +
        }
 +
 
 +
        .daohang a:hover span {
 +
            transform: rotateY(180deg);
 +
            -webkit-transform: rotateY(180deg);
 +
            -moz-transform: rotateY(180deg);
 +
            -o-transform: rotateY(180deg);
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;
 +
            -webkit-transition: all 0.5s ease-in-out;
 +
            -moz-transition: all 0.5s ease-in-out;
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
 
 +
        .daohang .item {
 +
            font-size: 16px;
 +
            height: 40px;
 +
            line-height: 40px;
 +
            color: #333333;
 +
            position: relative;
 +
        }
 +
 
 +
        .daohang .caidan:hover {
 +
            height: 264px;
 +
            transition: height 0.3s;
 +
        }
 +
 
 +
        .daohang .caidan:hover+.shade {
 +
            display: block;
 +
        }
 +
 
 +
        .daohang .caidan>li.hiLight:hover {
 +
            background-color: #ffffff;
 +
        }
 +
 
 +
        .daohang .caidan>li:hover .nav_head {
 +
            background-color: #EA0D04;
 +
        }
 +
 
 +
        .daohang .caidan>li:hover .item {}
 +
 
 +
 
 +
        .daohang .shortName .item:before {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 80px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #CCCCCC;
 +
        }
 +
 
 +
        .daohang .shortName .item:hover:after {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 80px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #f51720;
 +
        }
 +
 
 +
        .daohang .longName .item:before {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #CCCCCC;
 +
        }
 +
 
 +
        .daohang .longName .item:hover:after {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #f51720;
 +
        }
 +
 
 +
        @media screen and (max-width: 1200px) {
 +
            .logo-daohang {
 +
                left: 3%;
 +
            }
 +
 
 +
            .daohangyi {
 +
                font-size: 12px;
 +
            }
 +
        }
 +
 
 +
        @media screen and (max-width: 880px) {
 +
 
 +
            .daohang .caidan {
 +
                right: 0;
 +
                width: 100%;
 +
            }
 +
 
 +
            .logo-daohang {
 +
                display: none;
 +
            }
 +
 
 +
            .daohang .shortName {
 +
                width: 15vw;
 +
            }
 +
 
 +
            .daohang .longName {
 +
                width: 25vw;
 +
            }
 +
 
 +
            .daohangyi img {
 +
                display: none;
 +
            }
 +
 
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
        }
 +
    </style>
 +
    <!-- 内容CSS -->
 +
    <style class="text/css">
 +
        .clearfix:after {
 +
            content: ".";
 +
            display: block;
 +
            height: 0;
 +
            clear: both;
 +
            visibility: hidden;
 +
 
 +
        }
 +
 
 +
        .neirong {
 +
            width: 100%;
 +
            height: auto;
 +
            background-color: #F3F3F3;
 +
        }
 +
 
 +
        .zhengwen {
 +
            width: 80%;
 +
            /* height: auto; */
 +
            margin: 20px 40px 0 0;
 +
            /* right: 2%; */
 +
            /* top: 90px; */
 +
            padding: 20px 3%;
 +
            float: right;
 +
            /* position: relative; */
 +
            background-color: #FFF;
 +
            box-shadow: 0 1px 3px #676767;
 +
            /* border: 2px solid black; */
 +
            /* border-radius: 3px; */
 +
            /* overflow: hidden; */
 +
            /* display: block; */
 +
            /* font-family: Arial, Verdana, Sans-serif; */
 +
        }
 +
 
 +
        .cebian {
 +
            width: 180px;
 +
            /* height: 80vh; */
 +
            float: left;
 +
            /* left: 1vw; */
 +
            top: 150px;
 +
            position: fixed;
 +
            box-shadow: 0 1px 3px #676767;
 +
            /* border:2px solid black */
 +
            /* background-color: #323643 */
 +
        }
 +
 
 +
        .daimg {
 +
            width: 100%;
 +
            height: auto;
 +
            margin: 20px 0;
 +
            box-shadow: 0 1px 3px #676767;
 +
        }
 +
 
 +
        .h1 {
 +
            height: 100px;
 +
            line-height: 100px;
 +
            font-weight: bold;
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 50px;
 +
            color: black;
 +
            border-bottom: 3px solid black;
 +
            /* margin: 0 2.4%; */
 +
        }
 +
 
 +
        .zhengwen .tuandui_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 520px;
 +
            overflow: hidden;
 +
        }
 +
 
 +
        .tuandui_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 +
        }
 +
 
 +
        .zhengwen .laoshi_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 430px;
 +
        }
 +
 
 +
        .laoshi_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 +
        }
 +
 
 +
        .duiyuan {
 +
            margin: 20px 0;
 +
            /* border: 1px solid red; */
 +
        }
 +
 
 +
        .laoshi {
 +
            margin: 20px 0;
 +
        }
 +
 
 +
        .duiyuan img {
 +
            width: 100%;
 +
            height: auto;
 +
            border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
        }
 +
 
 +
        .laoshi img {
 +
            width: 100%;
 +
            height: 50vh;
 +
            border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
        }
 +
 
 +
        .duiyuan .xingming {
 +
            width: 100%;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            background-color: #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 
             font-size: 16px;
 
             font-size: 16px;
 
             color: white;
 
             color: white;
 
             box-shadow: 0 1px 3px #CCCCCC;
 
             box-shadow: 0 1px 3px #CCCCCC;
 +
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 +
            font-size: 24px;
 +
            font-weight: bold;
 +
            text-align: center;
 
         }
 
         }
  
−
         .team .member span {
+
         .laoshi .xingming {
−
             padding: 15px 15px;
+
             width: 100%;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            background-color: #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            font-size: 16px;
 +
            color: white;
 +
            box-shadow: 0 1px 3px #CCCCCC;
 
             font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 
             font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 
             font-size: 24px;
 
             font-size: 24px;
 
             font-weight: bold;
 
             font-weight: bold;
 +
            text-align: center;
 
         }
 
         }
  
−
         .team .team_list .memberInfor:hover {
+
         .duiyuan .jieshao {
−
             background-color: #0B3C38;
+
            width: 100%;
 +
            height: 200px;
 +
             background-color: #f6eee0;
 +
            border-bottom: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            /* border-bottom-left-radius: 5px;
 +
            border-bottom-right-radius: 5px; */
 
         }
 
         }
  
−
         .memberInfor div {
+
         .duiyuan .jieshao .saohua {
−
             visibility: hidden;
+
             padding: 10px 4px 0px 4px !important;
−
            opacity: 0;
+
             color: black;
−
            width: 294px;
+
−
            height: 0px;
+
−
             z-index: 999;
+
−
            background-color: #1fa67a;
+
−
            margin: auto;
+
−
            overflow: inherit;
+
−
        }
+
−
 
+
−
        .memberInfor div p {
+
−
            padding-top: 20px;
+
−
            height: 100px;
+
 
             font-family: Arial;
 
             font-family: Arial;
 
             font-style: italic;
 
             font-style: italic;
 +
            font-size: 15px !important;
 
             list-style-type: none;
 
             list-style-type: none;
−
             text-align: center;
+
             text-align: justify;
−
             line-height: 20px;
+
             line-height: 18px;
 
         }
 
         }
 +
       
 +
        @media screen and (max-width: 880px) {
  
−
        .member div {
+
            .laoshi img {
−
            visibility: visible;
+
             height: 40vh;
−
            opacity: 1;
+
             }
−
             height: 200px;
+
−
             z-index: 999;
+
−
            line-height: 50px;
+
−
            margin-top: -9px;
+
−
            transition: all 0.5s;
+
−
            border-bottom: 3px solid #0B3C38;
+
−
            border-left: 3px solid #0B3C38;
+
−
            border-right: 3px solid #0B3C38;
+
−
            border-bottom-left-radius: 5px;
+
−
            border-bottom-right-radius: 5px;
+
 
         }
 
         }
 
     </style>
 
     </style>
 +
    <!-- 滚动菜单栏CSS -->
 +
    <style>
 +
            #float01 {}
 +
   
 +
            #float02 {}
 +
   
 +
            div.floatCtro {
 +
                width: 100%;
 +
                /* height: auto; */
 +
                margin: 0;
 +
                position: relative;
 +
                background: #fff;
 +
   
 +
            }
 +
   
 +
            .daohangyi {
 +
                display: block;
 +
                width: 100%;
 +
                /* height: auto; */
 +
                /* text-align: left !important; */
 +
                color: #ffffff !important;
 +
                font-size: 16px;
 +
                padding:0;
 +
                background-color: #323643;
 +
                border-bottom: 1px solid black;
 +
                padding:0 3%;
 +
                text-decoration: none !important;
 +
            }
 +
   
 +
            div.floatCtro .daohanger {
 +
                width: 100%;
 +
                text-align: left !important;
 +
                height: auto;
 +
                line-height: 25px;
 +
                font-family: Arial;
 +
                font-size: 16px !important;
 +
                color: #676767;
 +
                margin: 0;
 +
                padding:10px 8%;
 +
                cursor: pointer;
 +
                background: #fff;
 +
            }
 +
   
 +
            div.floatCtro a {
 +
                display: inline-block;
 +
                display: none;
 +
                width: 100%;
 +
                height: 40px;
 +
                padding:10px 8%;
 +
                /* margin: 10px 0 0 0; */
 +
                background: #FFF;
 +
                color: #000 !important;
 +
                vertical-align: middle;
 +
                cursor: pointer;
 +
            }
 +
   
 +
            div.floatCtro a span {
 +
                display: block;
 +
                height: auto;
 +
                text-align: left !important;
 +
                line-height: 20px;
 +
                font-family: Arial;
 +
                font-size: 16px;
 +
            }
 +
   
 +
            div.floatCtro a:hover {
 +
                /* background: #76b39d; */
 +
                color: #EA0D04 !important;
 +
                zoom: 1;
 +
            }
 +
   
 +
            /* .cebian a:hover {
 +
                color: #f6eee0 !important;
 +
            } */
 +
   
 +
            div.floatCtro .daohanger:hover {
 +
                /* background: #76b39d; */
 +
                color: #1fa67a;
 +
                text-decoration: underline !important;
 +
            }
 +
   
 +
            div.floatCtro .daohanger.cur {
 +
                /* background: #1fa67a; */
 +
                color: #1fa67a;
 +
            }
 +
   
 +
            .biaoti {
 +
                line-height: 40px;
 +
                width: 50%;
 +
                /* margin-left: 6%; */
 +
                text-align: center;
 +
                text-decoration: none !important;
 +
            }
 +
   
 +
            .daohangyi img {
 +
                display: inline-block;
 +
                width: 12px;
 +
                height: 12px;
 +
                vertical-align: middle;
 +
                background-size: 100% 100%;
 +
   
 +
            }
 +
            .cebian div:hover img{
 +
                transform: rotateY(180deg);           
 +
                -webkit-transform: rotateY(180deg);           
 +
                -moz-transform: rotateY(180deg);           
 +
                -o-transform: rotateY(180deg);           
 +
                -ms-transform: rotateY(180deg);
 +
                transition: all 0.5s ease-in-out;           
 +
                -webkit-transition: all 0.5s ease-in-out;           
 +
                -moz-transition: all 0.5s ease-in-out;           
 +
                -o-transition: all 0.5s ease-in-out;
 +
            }
 +
            .cebian a:hover img{
 +
                transform: rotate(360deg);           
 +
                -webkit-transform: rotate(360deg);           
 +
                -moz-transform: rotate(360deg);           
 +
                -o-transform: rotate(360deg);           
 +
                -ms-transform: rotate(360deg);
 +
                transition: all 0.5s ease-in-out;           
 +
                -webkit-transition: all 0.5s ease-in-out;           
 +
                -moz-transition: all 0.5s ease-in-out;           
 +
                -o-transition: all 0.5s ease-in-out;
 +
            }
 +
   
 +
            @media screen and (max-width: 1200px) {           
 +
             
 +
                .cebian {
 +
                width: 15%;
 +
                }
 +
   
 +
                .zhengwen {
 +
                margin: 20px 20px 0 0;
 +
   
 +
                .daohangyi {
 +
                    font-size: 14px;
 +
                }
 +
                .daohangyi img {
 +
                    display: none;
 +
                } 
 +
            }
 +
   
 +
            @media screen and (max-width: 900px) {
 +
   
 +
                .daohangyi img {
 +
                    display: none;
 +
                } 
 +
               
 +
                .laoshi img {
 +
                    height: 30vh;
 +
                }
 +
            }
 +
        </style>
 +
 +
 
</head>
 
</head>
  
 
<body>
 
<body>
−
     <div class="team">
+
     <!-- 导航栏 -->
−
        <ul class="team_list">
+
    <nav class="daohang">
−
             <li class="member">
+
            <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
−
                 <img src="http://img4.imgtn.bdimg.com/it/u=307840284,3448481512&fm=26&gp=0.jpg" alt="">
+
                    class="logo-daohang"></a>
−
                 <a class="memberInfor">
+
             <ul class="caidan">
−
                     <span class="memberName">Shane</span>
+
                <li class="hiLight shortName">
−
                     <div class="memberIntro">
+
                    <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
−
                         <p>This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor
+
                        <span>Project</span>
−
                            Li who is my goddess.</p>
+
                        <span class="xsjPic"></span>
 +
                    </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
 +
                 </li>
 +
                <li class="hiLight shortName">
 +
                    <a class="nav_head" href="#">
 +
                        <span>Wetlab</span>
 +
                        <span class="xjtPic"></span>
 +
                    </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
 +
   
 +
                </li>
 +
                <li class="hiLight shortName">
 +
                    <a class="nav_head" href="#">
 +
                        <span>Drylab</span>
 +
                        <span class="xjtPic"></span>
 +
                    </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
 +
                </li>
 +
                <li class="hiLight longName">
 +
                    <a class="nav_head" href="#">
 +
                        <span>Human&nbsp;Practices</span>
 +
                        <span class="xjtPic"></span>
 +
                    </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
 +
                 </li>
 +
                <li class="hiLight shortName">
 +
                    <a class="nav_head" href="#">
 +
                        <span>About Us</span>
 +
                        <span class="xjtPic"></span>
 +
                     </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
 +
                </li>
 +
                <li class="hiLight shortName">
 +
                    <a class="nav_head" href="#">
 +
                        <span>Parts</span>
 +
                        <span class="xjtPic"></span>
 +
                     </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
 +
                </li>
 +
            </ul>
 +
            <div class="shade"></div>
 +
    </nav>
 +
    <!-- 内容 -->
 +
    <div class="neirong clearfix">
 +
        <!-- 正文 -->
 +
        <div class="zhengwen">
 +
            <img class="daimg" src="https://static.igem.org/mediawiki/2018/7/70/T--HZAU-China--hezhao1.png" alt="">
 +
            <div id="float01" class="cur">
 +
                <div class="h1">MEMBERS</div>
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                         <div class="duiyuan">
 +
                            <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt="">
 +
                            <div class="xingming">Zhujun Xia</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">This year，I'm the captain of HZAU-China. I hope I can be a brilliant
 +
                                    person
 +
                                    like
 +
                                    professor
 +
                                    Li who is my goddess.</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">YinQing Zeng</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">YinQing Zeng</span>
+
                                <p class="saohua">I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China
−
                    <div class="memberIntro">
+
                                    too. I
−
                        <p>I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I love
+
                                    love
−
                            rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert
+
                                    rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a
−
                            shop in the future even though I don't like dessert.</p>
+
                                    dessert
 +
                                    shop in the future even though I don't like dessert.</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">He Yang</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Yini Miao</span>
+
                                <p class="saohua">My name is He Yang, It's my second year in HZAU-China team. I am
−
                    <div class="memberIntro">
+
                                    curious and
−
                        <p>Yini Miao, one of the model group, who are intrigued with modeling last year and always try
+
                                    ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw
−
                            her best to think and reflect.</p>
+
                                    everything up if neglect any detail. So, it time to be a precise man.</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Mo Qiqin</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">He Yang</span>
+
                                <p class="saohua">This is Mo Qiqin, fan of KSP. I love building space crafts and I
−
                    <div class="memberIntro">
+
                                    launch them
−
                        <p>My name is He Yang, It's my second year in HZAU-iGEM team. I am curious and ambitious.
+
                                    successfuly. iGEM is more like a sand box game, for people can combine every parts
−
                            However, plentiful in ideal yet skiny in reality. I will easy to screw everything up if
+
                                    they own
−
                            neglect any detail. So, it time to be a precise man.</p>
+
                                    to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got
 +
                                    friendships in our iGEM team. Oh, that’s good!</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
        </ul>
+
                            <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt="">
−
 
+
                            <div class="xingming">Lingyu Zhong</div>
−
        <ul class="team_list">
+
                            <div class="jieshao">
−
            <li class="member">
+
                                <p class="saohua">My name is Lingyu Zhong and you may call me Xue Zhang, which means
−
                <img src="img/头像.jpg" alt="">
+
                                    senior in
−
                <a class="memberInfor">
+
                                    English. Although I don’t know why they call me so. It’s my second year to be an
−
                    <span class="memberName">Tom Rao</span>
+
                                    iGEMer,
−
                    <div class="memberIntro">
+
                                    and I'm one of the key members of wet experiment group. I love our team, I love our team
−
                        <p>This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man who is willing to devote
+
                                    members. It’s
−
                            his life into biology research. He’s one of the modelling group and built up the ATc model
+
                                    very lucky to meet you all.</p>
−
                            of our project. He also took charge in the interLab and successfully pass the data check.</p>
+
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Zhiqing Guo</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Zhiqing Guo</span>
+
                                <p class="saohua">My name is Zhiqing Guo,and you also can call me Farlina.It is my
−
                    <div class="memberIntro">
+
                                    second year
−
                        <p>My name is Zhiqing Guo,and you also can call me Farlina.It is my second year to attend
+
                                    to attend iGEM.I made a lot of friends here who company me all the time.iGEMers let
−
                            iGEM.I made a lot of friends here who company me all the time.iGEMers let me know what
+
                                    me know
−
                            persistence is and never toss in when I confront barriers.So I want to say I am into you
+
                                    what persistence is and never toss in when I confront barriers.So I want to say I
−
                            guys.</p>
+
                                    am into
 +
                                    you guys.</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Songtao Cheng</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Lingyu Zhong</span>
+
                                <p class="saohua">Hello! My name is Songtao Cheng. It's my second year to be an iGEMer.
−
                    <div class="memberIntro">
+
                                    During
−
                        <p>My name is Lingyu Zhong and you may call me Xue Zhang, which means senior in English.
+
                                    the iGEM project I found that synthetic biology is so charming. Joining iGEM is a
−
                            Although I don’t know why they call me so. It’s my second year to be an iGEMer, and I also
+
                                    good
−
                            a member of wet experiment group. I love our team, I love our team members. It’s very lucky
+
                                    chance for me to learn knowledge and communicate with creative people to broaden my
−
                            to meet you all.</p>
+
                                    horizon. In short, I enjoy it!</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Zhuoqi Huang</span>
+
                                <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling
−
                    <div class="memberIntro">
+
                                    last year
−
                        <p>Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city called Jieyang. It is
+
                                    and
−
                            my honour to join in the iGEM as a member of wetlab. Although bioinformatics is my major, I
+
                                    always try
−
                            am addicted to experiments of organism but not the program on computer. In next year , I
+
                                    her best to think and reflect.</p>
−
                            hope I can make contribution to the drylab.</p>
+
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
        </ul>
+
                            <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
−
 
+
                            <div class="xingming">Zhuoqi Huang</div>
−
        <ul class="team_list">
+
                            <div class="jieshao">
−
            <li class="member">
+
                                <p class="saohua">Zhuoqi Huang, a boy who come from a beautiful city
−
                <img src="img/头像.jpg" alt="">
+
                                    called
−
                <a class="memberInfor">
+
                                    Jieyang. It is my honour to join the iGEM as a member of wetlab. Although
−
                    <span class="memberName">Heng Heng</span>
+
                                    bioinformatics
−
                    <div class="memberIntro">
+
                                    is my major, I am addicted to experiments of organism but not the program on
−
                        <p>I‘m Heng Heng. This is my first year in HZAU-iGEM team. I'm eager for knowledge, and iGEM is
+
                                    computer. Next year, I hope I can make contribution to the drylab.</p>
−
                            the place I want.</p>
+
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Tom Rao</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Hangxi Fu</span>
+
                                <p class="saohua">This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man
−
                    <div class="memberIntro">
+
                                    who is
−
                        <p>This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan and I am proud of my
+
                                    willing to devote his life into biology research. He’s one of the modelling group
−
                            rich hometown.I am crazy about philosophy and psychology.Also,I am busy with biology just
+
                                    and built
−
                            because it's my business.I am engaging in wet lab in iGEM though I wanna study modeling.</p>
+
                                    up the ATc model of our project. He also took charge in the interLab and
 +
                                    successfully pass
 +
                                    the data check.</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Wenxin Hu</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Mo Qiqin</span>
+
                                <p class="saohua">Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have
−
                    <div class="memberIntro">
+
                                    great
−
                        <p>This is Mo Qiqin, fan of Kerbal Space Program. I love building fantastic space crafts and I
+
                                    passion in science and always dream to save the world! It’s my first year in team
−
                            launch them successfuly. iGEM is more like a sand box game, for people can combine every
+
                                    HZAU-China
−
                            parts they own to fulfill their fantasies, even the Deep Dark Fantasies♂. In the passed two
+
                                    and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m
−
                            years, I fulfilled my fantasies and got friendships in our iGEM team. Oh, that’s good!</p>
+
                                    really
 +
                                    happy to meet you all!</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Hangxi Fu</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Songtao Cheng</span>
+
                                <p class="saohua">This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan
−
                    <div class="memberIntro">
+
                                    and I am
−
                        <p>Hello! My name is Songtao Cheng. It's my second year to be an iGEMer. During the iGEM
+
                                    proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy
−
                            project I found that synthetic biology is so charming. Joining iGEM is a good chance for me
+
                                    with
−
                            to learn knowledge and communicate with creative people to broaden my horizon. In short, I
+
                                    biology just because it's my business.I am engaging in wet lab in iGEM though I
−
                            enjoy it!</p>
+
                                    wanna study
 +
                                    modeling.</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
        </ul>
+
                            <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt="">
−
 
+
                            <div class="xingming">Ruonan Tian</div>
−
        <ul class="team_list">
+
                            <div class="jieshao">
−
            <li class="member">
+
                                <p class="saohua">My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I
−
                <img src="img/头像.jpg" alt="">
+
                                    have a
−
                <a class="memberInfor">
+
                                    wide range of interests, such as sports, reading and watching movies. However, I
−
                    <span class="memberName">Ruonan Tian</span>
+
                                    especially
−
                    <div class="memberIntro">
+
                                    love igem, because I learn concentration from it.</p>
−
                        <p>My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I have a wide range of
+
                            </div>
−
                            interests, such as sports, reading and watching movies. However, I especially love igem,
+
                        </div>
−
                            because I learn concentration from it.</p>
+
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Heng Heng</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Wenxin Hu</span>
+
                                <p class="saohua">I‘m Heng Heng. This is my first year in HZAU-China team. I'm eager for
−
                    <div class="memberIntro">
+
                                    knowledge, and iGEM is the place I want.</p>
−
                        <p>Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have great passion in science
+
                             </div>
−
                            and always dream to save the world! It’s my first year in team HZAU-iGEM and iGEM provides
+
                        </div>
−
                            me a platform to achieve my dream. Everyone is nice here and I’m really happy to meet you
+
−
                             all!</p>
+
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Yuying Xiang</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Aries</span>
+
                                <p class="saohua">My name is Aries.It is a great pleasure for me to be a member of
−
                    <div class="memberIntro">
+
                                    HZAU-China
−
                        <p>My name is Aries.It is a great pleasure for me to be a member of HZAU-IGEM experiment
+
                                    experiment group.My major contribution is in the related design work.Joining IGEM
−
                            group.My major contribution is in the related design work.Joining IGEM is a good chance for
+
                                    is a good
−
                            me to learn knowledge and make friends with others.I believe we'll achieve good results
+
                                    chance for me to learn knowledge and make friends with others.I believe we'll
−
                            this time！</p>
+
                                    achieve good
 +
                                    results this time！</p>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
−
                </a>
+
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
−
            </li>
+
                        <div class="duiyuan">
−
            <li class="member">
+
                            <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                            <div class="xingming">Shuguang Wang</div>
−
                <a class="memberInfor">
+
                            <div class="jieshao">
−
                    <span class="memberName">Shuguang Wang</span>
+
                                <p class="saohua">I majored in bioinformatics, a member of our model group. Designer of
−
                    <div class="memberIntro">
+
                                    the
−
                        <p>I majored in bioinformatics, a member of the Mathematical Modeling Team. Designer of the
+
                                    Bacterial Colony Counter and coder of our wiki. </p>
−
                            Bacterial Colony Counter and programmer of our wiki. </p>
+
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
 +
                </div>
 +
            </div>
 +
            <div id="float02">
 +
                <div class="h1">ADVISORS</div>
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt="">
 +
                            <div class="xingming">Kening Chen</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt="">
 +
                            <div class="xingming">Jinyu Wang</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt="">
 +
                            <div class="xingming">Gang Cao</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt="">
 +
                            <div class="xingming">Hongyu Zhang</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt="">
 +
                            <div class="xingming">Donghai Peng</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt="">
 +
                            <div class="xingming">Zhen Cao</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="float03">
 +
                <div class="h1">INSTRUCTORS</div>
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg" alt="">
 +
                            <div class="xingming">Binguang Ma</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg" alt="">
 +
                            <div class="xingming">Jin He</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="laoshi">
 +
                            <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png" alt="">
 +
                            <div class="xingming"> Shan Li</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!-- 侧边 -->
 +
        <div class="cebian">
 +
            <!-- 滚动菜单栏 -->
 +
            <div class="daohangyi">
 +
                <span class="biaoti">Team</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span>
 +
            </div>
 +
            <div class="floatCtro">
 +
                <p class="daohanger">Memebers</p>
 +
                <p class="daohanger">Advisors</p>
 +
                <p class="daohanger">Instructors</p>
 +
                <a>
 +
                    <span>Back&nbsp;to&nbsp;Top</span>
 
                 </a>
 
                 </a>
−
             </li>
+
             </div>
−
         </ul>
+
            <!-- <div class="daohangyi"> -->
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Attributions">
 +
                <span class="biaoti">Attributions</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <!-- </div> -->
 +
            <!-- <div class="daohangyi"> -->
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Collaborations">
 +
                <span class="biaoti">Collaborations</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <!-- </div> -->
 +
            <!-- 滚动菜单栏 -->
 +
         </div>
 
     </div>
 
     </div>
 +
 +
    <!-- 滚动菜单栏jQuery -->
 +
    <script src="jquery.js" type="text/javascript"></script>
 +
    <script>
 +
        $(function () {
 +
            var AllHet = $(window).height();
 +
            var mainHet = $('.floatCtro').height();
 +
            var fixedTop = (AllHet - mainHet) / 2
 +
            //  $('div.floatCtro').css({top:fixedTop+'px'});
 +
            $('div.floatCtro p').click(function () {
 +
                var ind = $('div.floatCtro p').index(this) + 1;
 +
                var topVal = $('#float0' + ind).offset().top;
 +
                $('body,html').animate({ scrollTop: topVal }, 1000)
 +
            })
 +
            $('div.floatCtro a').click(function () {
 +
                $('body,html').animate({ scrollTop: 0 }, 1000)
 +
            })
 +
            $(window).scroll(scrolls)
 +
            scrolls()
 +
            function scrolls() {
 +
                var f1, f2, f3, bck;
 +
                var fixRight = $('div.floatCtro p');
 +
                var blackTop = $('div.floatCtro a')
 +
                var sTop = $(window).scrollTop();
 +
                fl = $('#float01').offset().top;
 +
                f2 = $('#float02').offset().top;
 +
                f3 = $('#float03').offset().top;
 +
 +
                if (sTop <= f2 - 100) {
 +
                    blackTop.fadeOut(300).css('display', 'none')
 +
                }
 +
                else {
 +
                    blackTop.fadeIn(300).css('display', 'block')
 +
                }
 +
 +
                if (sTop >= fl) {
 +
                    fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f2 - 100) {
 +
                    fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f3 - 100) {
 +
                    fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
 +
            }
 +
        })
 +
    </script>
 +
    <!-- 滚动菜单栏jQuery -->
 +
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 20:25, 17 October 2018

MEMBERS
Zhujun Xia

This year，I'm the captain of HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

YinQing Zeng

I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I love rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert shop in the future even though I don't like dessert.

He Yang

My name is He Yang, It's my second year in HZAU-China team. I am curious and ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw everything up if neglect any detail. So, it time to be a precise man.

Mo Qiqin

This is Mo Qiqin, fan of KSP. I love building space crafts and I launch them successfuly. iGEM is more like a sand box game, for people can combine every parts they own to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got friendships in our iGEM team. Oh, that’s good!

Lingyu Zhong

My name is Lingyu Zhong and you may call me Xue Zhang, which means senior in English. Although I don’t know why they call me so. It’s my second year to be an iGEMer, and I'm one of the key members of wet experiment group. I love our team, I love our team members. It’s very lucky to meet you all.

Zhiqing Guo

My name is Zhiqing Guo,and you also can call me Farlina.It is my second year to attend iGEM.I made a lot of friends here who company me all the time.iGEMers let me know what persistence is and never toss in when I confront barriers.So I want to say I am into you guys.

Songtao Cheng

Hello! My name is Songtao Cheng. It's my second year to be an iGEMer. During the iGEM project I found that synthetic biology is so charming. Joining iGEM is a good chance for me to learn knowledge and communicate with creative people to broaden my horizon. In short, I enjoy it!

Yini Miao

Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

Zhuoqi Huang

Zhuoqi Huang, a boy who come from a beautiful city called Jieyang. It is my honour to join the iGEM as a member of wetlab. Although bioinformatics is my major, I am addicted to experiments of organism but not the program on computer. Next year, I hope I can make contribution to the drylab.

Tom Rao

This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man who is willing to devote his life into biology research. He’s one of the modelling group and built up the ATc model of our project. He also took charge in the interLab and successfully pass the data check.

Wenxin Hu

Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have great passion in science and always dream to save the world! It’s my first year in team HZAU-China and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m really happy to meet you all!

Hangxi Fu

This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan and I am proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy with biology just because it's my business.I am engaging in wet lab in iGEM though I wanna study modeling.

Ruonan Tian

My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I have a wide range of interests, such as sports, reading and watching movies. However, I especially love igem, because I learn concentration from it.

Heng Heng

I‘m Heng Heng. This is my first year in HZAU-China team. I'm eager for knowledge, and iGEM is the place I want.

Yuying Xiang

My name is Aries.It is a great pleasure for me to be a member of HZAU-China experiment group.My major contribution is in the related design work.Joining IGEM is a good chance for me to learn knowledge and make friends with others.I believe we'll achieve good results this time！

Shuguang Wang

I majored in bioinformatics, a member of our model group. Designer of the Bacterial Colony Counter and coder of our wiki.

ADVISORS
Kening Chen
Jinyu Wang
Gang Cao
Hongyu Zhang
Donghai Peng
Zhen Cao
INSTRUCTORS
Binguang Ma
Jin He
Shan Li
Team

Memebers

Advisors

Instructors

Back to Top
Attributions Collaborations