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

 
(77 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">
−
     <script src="jquery.js" type="text/javascript"></script>
+
     <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{
+
        #HQ_page p {
−
    margin: 0;
+
            margin: 0 !important;
−
}
+
        }
  
−
#HQ_page h1, h2, h3, h4, h5 {
+
        #content {
−
    font-family: "Product Sans",Gadget,sans-serif;
+
            padding: 0px;
−
    border-bottom: none;
+
            width: 100%;
−
    font-weight: bold;
+
            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;
 +
        }
  
 
         * {
 
         * {
Line 22: Line 50:
 
             list-style: none;
 
             list-style: none;
 
             list-style-type: none;
 
             list-style-type: none;
−
             text-decoration: none;
+
             text-decoration: none !important;
 
         }
 
         }
  
 
         body {
 
         body {
 +
            margin: 0;
 +
            padding: 0;
 +
            background-color: #F3F3F3;
 +
            font-size: 16px;
 +
            font-family: Arial, Verdana, Sans-serif;
 +
            letter-spacing: 0;
 +
            color: #FFFFFF;
 +
        }
 +
 +
        .daohang {
 +
            background-color: #323643;
 +
            position: relative;
 +
            color: #ffffff;
 +
            height: 64px;
 +
            top: -2px;
 +
        }
 +
 +
        .logo-daohang {
 +
            height: 64px;
 +
            left: 10%;
 +
            float: left;
 +
            position: relative;
 +
        }
 +
 +
        .daohang a {
 +
            display: block;
 +
            text-decoration: none;
 +
        }
 +
 +
        .daohang .shade {
 +
            position: absolute;
 
             width: 100%;
 
             width: 100%;
−
             background-image: url("https://static.igem.org/mediawiki/2018/a/ad/T--HZAU-China--beijingbolang.png")
+
             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;
 
         }
 
         }
  
−
         .hezhao {
+
         .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;
 +
            float: left;
 +
            margin: 0;
 +
            text-align: center;
 +
            height: 224px;
 +
        }
 +
 
 +
        .daohang .shortName {
 +
            width: 110px;
 +
        }
 +
 
 +
        .daohang .longName {
 +
            width: 170px;
 +
        }
 +
 
 +
        .daohang .nav_head {
 +
            height: 64px;
 +
            line-height: 64px;
 +
            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%;
 
             width: 100%;
−
             margin-top: 20px;
+
             height: auto;
−
             box-shadow: 0 1px 3px #676767;
+
             background-color: #F3F3F3;
 
         }
 
         }
  
−
         .tuandui {
+
         .zhengwen {
 
             width: 80%;
 
             width: 80%;
−
             right: 2%;
+
             /* height: auto; */
−
             top: 90px;
+
            margin: 20px 40px 0 0;
−
             padding: 0 2%;
+
            /* right: 2%; */
 +
             /* top: 90px; */
 +
             padding: 20px 3%;
 
             float: right;
 
             float: right;
−
             position: absolute;
+
             /* position: relative; */
−
             background-color: #ffffff;
+
             background-color: #FFF;
 
             box-shadow: 0 1px 3px #676767;
 
             box-shadow: 0 1px 3px #676767;
−
             border-radius: 3px;
+
             /* border: 2px solid black; */
−
             overflow: hidden;
+
            /* border-radius: 3px; */
 +
             /* overflow: hidden; */
 +
            /* display: block; */
 +
            /* font-family: Arial, Verdana, Sans-serif; */
 
         }
 
         }
  
 
         .cebian {
 
         .cebian {
−
             width: 10%;
+
             width: 180px;
−
             height: 80%;
+
             /* height: 80vh; */
 
             float: left;
 
             float: left;
−
             left: 2%;
+
             /* left: 1vw; */
−
             top: 30%;
+
             top: 150px;
 
             position: fixed;
 
             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;
 
         }
 
         }
  
Line 64: Line 340:
 
             font-family: 'Product Sans', sans-serif;
 
             font-family: 'Product Sans', sans-serif;
 
             font-size: 50px;
 
             font-size: 50px;
 +
            color: black;
 
             border-bottom: 3px solid black;
 
             border-bottom: 3px solid black;
−
             margin: 0 2.4%;
+
             /* margin: 0 2.4%; */
 
         }
 
         }
  
−
         .tuandui .tuandui_list {
+
         .zhengwen .tuandui_list {
 
             position: relative;
 
             position: relative;
 
             margin-top: 40px;
 
             margin-top: 40px;
−
             height: 510px;
+
             height: 520px;
 +
            overflow: hidden;
 +
        }
  
 +
        .tuandui_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 
         }
 
         }
  
−
         .tuandui {
+
         .zhengwen .laoshi_list {
−
             display: block;
+
             position: relative;
−
             font-family: Arial, Verdana, Sans-serif;
+
             margin-top: 40px;
 +
            height: 430px;
 
         }
 
         }
  
−
         .tuandui_list>li {
+
         .laoshi_list>li {
 
             padding: 0;
 
             padding: 0;
 
             width: 20%;
 
             width: 20%;
Line 87: Line 374:
 
             margin: 0 2.4%;
 
             margin: 0 2.4%;
 
             text-align: center;
 
             text-align: center;
 +
        }
  
 +
        .duiyuan {
 +
            margin: 20px 0;
 +
            /* border: 1px solid red; */
 +
        }
 +
 +
        .laoshi {
 +
            margin: 20px 0;
 
         }
 
         }
  
 
         .duiyuan img {
 
         .duiyuan img {
 
             width: 100%;
 
             width: 100%;
−
             height: 250px;
+
             height: auto;
−
             border-top: 3px solid #1fa67a;
+
             border-top: 3px solid #323643;
−
             border-left: 3px solid #1fa67a;
+
             border-left: 3px solid #323643;
−
             border-right: 3px solid #1fa67a;
+
             border-right: 3px solid #323643;
−
             /* border-top-left-radius: 5px;
+
        }
−
             border-top-right-radius: 5px; */
+
 
 +
        .laoshi img {
 +
            width: 100%;
 +
            height: 50vh;
 +
             border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
             border-right: 3px solid #323643;
 
         }
 
         }
  
Line 104: Line 405:
 
             height: 50px;
 
             height: 50px;
 
             line-height: 50px;
 
             line-height: 50px;
−
             background-color: #1fa67a;
+
             background-color: #323643;
−
             border-left: 3px solid #1fa67a;
+
             border-left: 3px solid #323643;
−
             border-right: 3px solid #1fa67a;
+
             border-right: 3px solid #323643;
 
             font-size: 16px;
 
             font-size: 16px;
 
             color: white;
 
             color: white;
Line 113: Line 414:
 
             font-size: 24px;
 
             font-size: 24px;
 
             font-weight: bold;
 
             font-weight: bold;
 +
            text-align: center;
 +
        }
 +
 +
        .laoshi .xingming {
 +
            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-size: 24px;
 +
            font-weight: bold;
 +
            text-align: center;
 
         }
 
         }
  
Line 118: Line 436:
 
             width: 100%;
 
             width: 100%;
 
             height: 200px;
 
             height: 200px;
−
             background-color: #FFFFCC;
+
             background-color: #f6eee0;
−
             border-bottom: 3px solid #1fa67a;
+
             border-bottom: 3px solid #323643;
−
             border-left: 3px solid #1fa67a;
+
             border-left: 3px solid #323643;
−
             border-right: 3px solid #1fa67a;
+
             border-right: 3px solid #323643;
 
             /* border-bottom-left-radius: 5px;
 
             /* border-bottom-left-radius: 5px;
 
             border-bottom-right-radius: 5px; */
 
             border-bottom-right-radius: 5px; */
Line 127: Line 445:
  
 
         .duiyuan .jieshao .saohua {
 
         .duiyuan .jieshao .saohua {
−
             padding-top: 15px;
+
             padding: 10px 4px 0px 4px !important;
−
            height: 100px;
+
 
             color: black;
 
             color: black;
 
             font-family: Arial;
 
             font-family: Arial;
 
             font-style: italic;
 
             font-style: italic;
−
             font-size: 18px;
+
             font-size: 15px !important;
 
             list-style-type: none;
 
             list-style-type: none;
−
             text-align: center;
+
             text-align: justify;
−
             line-height: 20px;
+
             line-height: 18px;
 
         }
 
         }
−
    </style>
+
       
 +
        @media screen and (max-width: 880px) {
  
 +
            .laoshi img {
 +
            height: 40vh;
 +
            }
 +
        }
 +
    </style>
 
     <!-- 滚动菜单栏CSS -->
 
     <!-- 滚动菜单栏CSS -->
 
     <style>
 
     <style>
−
        #float01 {}
+
            #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>
  
−
        #float02 {}
 
  
−
        #float03 {}
+
</head>
  
−
         div.floatCtro {
+
<body>
−
             width: 100%;
+
    <!-- 导航栏 -->
−
             height: 250px;
+
    <nav class="daohang">
−
             position: relative;
+
            <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"
−
         }
+
                    class="logo-daohang"></a>
 +
            <ul class="caidan">
 +
                <li class="hiLight shortName">
 +
                    <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
 +
                        <span>Project</span>
 +
                        <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 class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="duiyuan">
 +
                            <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
 +
                            <div class="xingming">YinQing Zeng</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/a/ab/T--HZAU-China--yanghe.jpg" alt="">
 +
                            <div class="xingming">He Yang</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/9/90/T--HZAU-China--qiqin.jpg" alt="">
 +
                            <div class="xingming">Mo Qiqin</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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!</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/f/f9/T--HZAU-China--lingyu.jpg" alt="">
 +
                            <div class="xingming">Lingyu Zhong</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/e/e0/T--HZAU-China--zhijin.jpg" alt="">
 +
                            <div class="xingming">Zhiqing Guo</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/9/98/T--HZAU-China--songtao.jpg" alt="">
 +
                            <div class="xingming">Songtao Cheng</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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!</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/4/42/T--HZAU-China--yini.jpg" alt="">
 +
                            <div class="xingming">Yini Miao</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling
 +
                                    last year
 +
                                    and
 +
                                    always try
 +
                                    her best to think and reflect.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
 +
                            <div class="xingming">Zhuoqi Huang</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/1/16/T--HZAU-China--xichen.jpg" alt="">
 +
                            <div class="xingming">Tom Rao</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/3/34/T--HZAU-China--wenxin.jpg" alt="">
 +
                            <div class="xingming">Wenxin Hu</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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!</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/8/84/T--HZAU-China--hangxi.jpg" alt="">
 +
                            <div class="xingming">Hangxi Fu</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/ba/T--HZAU-China--ruonan.jpg" alt="">
 +
                            <div class="xingming">Ruonan Tian</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/7/77/T--HZAU-China--hengheng.jpg" alt="">
 +
                            <div class="xingming">Heng Heng</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/a/ae/T--HZAU-China--yuying.jpg" alt="">
 +
                            <div class="xingming">Yuying Xiang</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">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！</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <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/2/20/T--HZAU-China--shuguang.jpg" alt="">
 +
                            <div class="xingming">Shuguang Wang</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">I majored in bioinformatics, a member of our model group. Designer of
 +
                                    the
 +
                                    Bacterial Colony Counter and coder of our wiki. </p>
 +
                            </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>
 +
            </div>
 +
            <!-- <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.floatCtro .daohanger {
 
−
            width: 100%;
 
−
            text-align: center;
 
−
            height: 40px;
 
−
            line-height: 40px;
 
−
            font-family: Arial;
 
−
            font-size: 14px;
 
−
            color: #676767;
 
−
            margin: 0;
 
−
            padding: 0;
 
−
            cursor: pointer;
 
−
            background: #fff;
 
−
        }
 
−
 
−
        div.floatCtro a {
 
−
            display: inline-block;
 
−
            display: none;
 
−
            width: 100%;
 
−
            height: 40px;
 
−
            margin: 10px 0 0 0;
 
−
            background: #000;
 
−
            color: #FFF;
 
−
            vertical-align: middle;
 
−
            cursor: pointer;
 
−
        }
 
−
 
−
        div.floatCtro a span {
 
−
            display: block;
 
−
            height: 44px;
 
−
            line-height: 44px;
 
−
            font-family: Arial;
 
−
            font-size: 16px;
 
−
            text-align: center;
 
−
            _margin: -10px 0 0 16px;
 
−
        }
 
−
 
−
        div.floatCtro a:hover {
 
−
            background: #76b39d;
 
−
            color: #ffffff;
 
−
            zoom: 1;
 
−
        }
 
−
 
−
        div.floatCtro .daohanger:hover {
 
−
            background: #76b39d;
 
−
            color: #fff;
 
−
        }
 
−
 
−
        div.floatCtro .daohanger.cur {
 
−
            background: #1fa67a;
 
−
            color: #fff;
 
−
        }
 
−
 
−
        .daohangyi {
 
−
            display: block;
 
−
            width: 100%;
 
−
            height: 40px;
 
−
            color: #ffffff;
 
−
            font-size: 16px;
 
−
            background-color: #13334c;
 
−
            border-bottom: 1px solid black;
 
−
        }
 
−
 
−
        .biaoti {
 
−
            line-height: 40px;
 
−
            width: 50%;
 
−
            margin-left: 6%;
 
−
            text-align: center;
 
−
            text-decoration: none;
 
−
        }
 
−
 
−
        .daohangyi img {
 
−
            display: inline-block;
 
−
            width: 20px;
 
−
            height: 20px;
 
−
            vertical-align: middle;
 
−
            background-size: 100% 100%;
 
−
            ;
 
−
        }
 
−
    </style>
 
−
    <!-- 滚动菜单栏CSS -->
 
 
     <!-- 滚动菜单栏jQuery -->
 
     <!-- 滚动菜单栏jQuery -->
 +
    <script src="jquery.js" type="text/javascript"></script>
 
     <script>
 
     <script>
 
         $(function () {
 
         $(function () {
Line 258: Line 1,033:
 
                 f2 = $('#float02').offset().top;
 
                 f2 = $('#float02').offset().top;
 
                 f3 = $('#float03').offset().top;
 
                 f3 = $('#float03').offset().top;
−
                // f4 = $('#float04').offset().top;
 
−
                // f5 = $('#float05').offset().top;
 
−
                // f6 = $('#float06').offset().top;
 
−
                // f7 = $('#float07').offset().top;
 
−
 
  
 
                 if (sTop <= f2 - 100) {
 
                 if (sTop <= f2 - 100) {
Line 284: Line 1,054:
 
         })
 
         })
 
     </script>
 
     </script>
−
 
 
     <!-- 滚动菜单栏jQuery -->
 
     <!-- 滚动菜单栏jQuery -->
−
</head>
 
  
−
<body>
 
−
    <div class="tuandui">
 
−
        <img class="hezhao" 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>
 
−
            <ul class="tuandui_list">
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Shane</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
 
−
                            like
 
−
                            professor
 
−
                            Li who is my goddess.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">YinQing Zeng</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">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.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
            </ul>
 
−
 
−
            <ul class="tuandui_list">
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Shane</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
 
−
                            like
 
−
                            professor
 
−
                            Li who is my goddess.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">YinQing Zeng</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">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.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
            </ul>
 
−
 
−
            <ul class="tuandui_list">
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Shane</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
 
−
                            like
 
−
                            professor
 
−
                            Li who is my goddess.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">YinQing Zeng</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">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.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
            </ul>
 
−
 
−
            <ul class="tuandui_list">
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Shane</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
 
−
                            like
 
−
                            professor
 
−
                            Li who is my goddess.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">YinQing Zeng</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">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.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
            </ul>
 
−
        </div>
 
−
 
−
        <div id="float02">
 
−
            <div class="h1">STUDENT ADVISOR</div>
 
−
            <ul class="tuandui_list">
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Shane</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
 
−
                            like
 
−
                            professor
 
−
                            Li who is my goddess.</p>
 
−
                    </div>
 
−
                </li>
 
−
            </ul>
 
−
        </div>
 
−
 
−
        <div id="float03">
 
−
            <div class="h1">ADVISOR</div>
 
−
            <ul class="tuandui_list">
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Shane</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
 
−
                            like
 
−
                            professor
 
−
                            Li who is my goddess.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">YinQing Zeng</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">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.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
                <li class="duiyuan">
 
−
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg"
 
−
                        alt="">
 
−
                    <div class="xingming">Yini Miao</div>
 
−
                    <div class="jieshao">
 
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
 
−
                            and
 
−
                            always try
 
−
                            her best to think and reflect.</p>
 
−
                    </div>
 
−
                </li>
 
−
            </ul>
 
−
        </div>
 
−
    </div>
 
−
    <!-- 左侧菜单栏 -->
 
−
    <div class="cebian">
 
−
        <!-- 滚动菜单栏 -->
 
−
        <div class="daohangyi">
 
−
            <span class="biaoti">Team</span>
 
−
            <span class="xsjPic"><img src="img/xjt1.svg" alt=""></span>
 
−
        </div>
 
−
        <div class="floatCtro">
 
−
            <p class="daohanger">Memebers</p>
 
−
            <p class="daohanger">Student advisor</p>
 
−
            <p class="daohanger">Advisors</p>
 
−
            <a>
 
−
                <span>Back&nbsp;to&nbsp;top</span>
 
−
            </a>
 
−
        </div>
 
−
        <div class="daohangyi">
 
−
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China">
 
−
                <span class="biaoti">Attributions</span>
 
−
                <span class="xsjPic"><img src="img/yjt.svg" alt=""></span>
 
−
            </a>
 
−
        </div>
 
−
        <div class="daohangyi">
 
−
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China">
 
−
                <span class="biaoti">Collaborations</span>
 
−
                <span class="xsjPic"><img src="img/yjt.svg" alt=""></span>
 
−
            </a>
 
−
        </div>
 
−
        <!-- 滚动菜单栏 -->
 
−
    </div>
 
 
</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