Difference between revisions of "Team:FAFU-CHINA"

Line 10: Line 10:
 
<link href="https://2016.igem.org/Template:Tec-Monterrey/css/styleNote?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Template:Tec-Monterrey/css/styleNote?action=raw&ctype=text/css" rel="stylesheet">
 
</head>
 
</head>
−
<body>
+
<body>
−
 
+
<style>
−
 
+
body{
−
<style type="text/css">
+
margin: 0 auto;
−
body {
+
height:100%;
−
background-image: url(https://static.igem.org/mediawiki/2017/9/96/T--FAFU-CHINA--12.png);
+
background:url(https://static.igem.org/mediawiki/2017/d/d0/T--FAFU-CHINA--12.1.png) scroll center;
−
background-size:1700px 2400px;
+
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
−
}
+
background-size:100%;
−
.ALA {
+
font: 12px "宋体";
−
font-size: 72px;
+
 
−
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
}
−
font-weight: bold;
+
.maxx{
−
font-style: italic;
+
height:auto;
−
text-align: center;
+
width:60%;
 +
margin:0 auto;
 
}
 
}
 
</style>
 
</style>
 +
<div class="maxx">
  
−
<style>
+
    <style>
−
.headss{
+
        .menuss, .menuss ul {
−
width:100%;
+
            list-style: none;
−
}
+
            padding: 0;
−
.containerss {
+
            margin: 0;
−
position:absolute;
+
        }
−
    width: 80%;
+
−
margin-left:200px;
+
−
}
+
  
−
.menuss, .menuss ul {
+
        .menuss {
−
    list-style: none;
+
            height: 58px;
−
    padding: 0;
+
            margin-top: 20px;
−
    margin: 0;
+
        }
−
}
+
−
.menuss {
+
−
height: 58px;
+
−
color: #505050;
+
−
}
+
−
.menuss li {
+
−
    background: -moz-linear-gradient(#292929, #252525);
+
−
    background: -ms-linear-gradient(#292929, #252525);
+
−
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
+
−
    background: -webkit-linear-gradient(#292929, #252525);
+
−
    background: -o-linear-gradient(#292929, #252525);
+
−
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
+
−
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
+
−
    background: linear-gradient(#292929, #252525);
+
  
−
    border-bottom: 2px solid #181818;
+
        .menuss li {
−
    border-top: 2px solid #303030;
+
            background-color: #0C0000;
−
    min-width: 200px;
+
            border-bottom: 2px solid #181818;
−
+
            border-top: 2px solid #303030;
−
}
+
            min-width:16.66%;
−
.menuss > li {
+
        }
−
    display: block;
+
−
    float: left;
+
−
    position: relative;
+
−
}
+
−
.menuss > li:first-child {
+
−
    border-radius: 20px 0 0;
+
−
}
+
  
−
.menussj{border-radius:0 20px 0 0;}
+
        .menuss > li {
−
.menuss a {
+
            display: block;
−
    border-left: 3px solid rgba(0, 0, 0, 0);
+
            float: left;
−
    color: #808080;
+
            position: relative;
−
    display: block;
+
        }
−
    font-family: 'Lucida Console';
+
−
    font-size: 18px;
+
−
    line-height: 54px;
+
−
    padding: 0 25px;
+
−
    text-decoration: none;
+
−
    text-transform: uppercase;
+
−
}
+
  
−
.menuss li:hover {
 
−
    background-color: #1c1c1c;
 
−
    background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
 
−
    background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
 
−
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
 
−
    background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
 
−
    background: -o-linear-gradient(#1c1c1c, #1b1b1b);
 
−
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
 
−
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
 
−
    background: linear-gradient(#1c1c1c, #1b1b1b);
 
  
−
    border-bottom: 2px solid #222222;
 
−
    border-top: 2px solid #1B1B1B;
 
−
}
 
−
.menuss li:hover > a {
 
−
    border-radius: 5px 0 0 0;
 
−
    border-left: 3px solid #C4302B;
 
−
    color: #C4302B;
 
−
}
 
  
−
.submenuss {
+
        .menuss > li:first-child {
−
    left: 0;
+
            border-radius: 25px 0 0 0;
−
    max-height: 0;
+
        }
−
    position: absolute;
+
        .menuss > li:last-child {
−
    top: 100%;
+
            border-radius: 0 25px 0 0;
−
    z-index: 0;
+
        }
  
−
    -webkit-perspective: 400px;
 
−
    -moz-perspective: 400px;
 
−
    -ms-perspective: 400px;
 
−
    -o-perspective: 400px;
 
−
    perspective: 400px;
 
−
}
 
−
.submenuss li {
 
−
    opacity: 0;
 
  
−
    -webkit-transform: rotateY(90deg);
 
−
    -moz-transform: rotateY(90deg);
 
−
    -ms-transform: rotateY(90deg);
 
−
    -o-transform: rotateY(90deg);
 
−
    transform: rotateY(90deg);
 
  
−
    -webkit-transition: opacity .4s, -webkit-transform .5s;
+
        .menuss a {
−
    -moz-transition: opacity .4s, -moz-transform .5s;
+
            border-left: 3px solid rgba(0, 0, 0, 0);
−
    -ms-transition: opacity .4s, -ms-transform .5s;
+
          /*background: url("../img/back.jpg");*/
−
    -o-transition: opacity .4s, -o-transform .5s;
+
            color: #808080;
−
    transition: opacity .4s, transform .5s;
+
            display: block;
−
}
+
            font-size: 18px;
−
.menuss .submenuss li:hover a {
+
            line-height: 54px;
−
    border-left: 3px solid #454545;
+
            padding: 0 25px;
−
    border-radius: 0;
+
            text-decoration: none;
−
    color: #ffffff;
+
            text-transform: uppercase;
−
}
+
        }
−
.menuss > li:hover .submenuss, .menuss > li:focus .submenuss {
+
−
    max-height: 2000px;
+
−
    z-index: 10;
+
−
}
+
−
.menuss > li:hover .submenuss li, .menuss > li:focus .submenuss li {
+
−
    opacity: 1;
+
  
−
    -webkit-transform: none;
+
        .menuss li:hover {
−
    -moz-transform: none;
+
            background-color: #1c1c1c;
−
    -ms-transform: none;
+
            background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
−
    -o-transform: none;
+
            background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
−
    transform: none;
+
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
−
}
+
            background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
 +
            background: -o-linear-gradient(#1c1c1c, #1b1b1b);
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
 +
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
 +
            background: linear-gradient(#1c1c1c, #1b1b1b);
 +
            border-bottom: 2px solid #222222;
 +
            border-top: 2px solid #1B1B1B;
 +
            /*改变加深父元素的背景*/
 +
        }
 +
 +
 +
        .xyz:hover > a {
 +
            border-radius: 25px 0 0 0 !important;
 +
            border-left: 3px solid #C4302B;
 +
            color: #C4302B;
 +
        }
 +
        .menuss li:hover > a {
 +
            border-radius: 5px 0 0 0;
 +
            border-left: 3px solid #C4302B;
 +
            color: #C4302B;
 +
        }
  
−
.menuss li:hover .submenuss li:nth-child(1) {
+
        .submenuss {
−
    -webkit-transition-delay: 0s;
+
            left: 0;
−
    -moz-transition-delay: 0s;
+
            max-height: 0;
−
    -ms-transition-delay: 0s;
+
            position: absolute;
−
    -o-transition-delay: 0s;
+
            top: 100%;
−
    transition-delay: 0s;
+
            z-index: 0;
−
}
+
            -webkit-perspective: 400px;
−
.menuss li:hover .submenuss li:nth-child(2) {
+
            -moz-perspective: 400px;
−
    -webkit-transition-delay: 50ms;
+
            -ms-perspective: 400px;
−
    -moz-transition-delay: 50ms;
+
            -o-perspective: 400px;
−
    -ms-transition-delay: 50ms;
+
            perspective: 400px;
−
    -o-transition-delay: 50ms;
+
        }
−
    transition-delay: 50ms;
+
−
}
+
−
.menuss li:hover .submenuss li:nth-child(3) {
+
−
    -webkit-transition-delay: 100ms;
+
−
    -moz-transition-delay: 100ms;
+
−
    -ms-transition-delay: 100ms;
+
−
    -o-transition-delay: 100ms;
+
−
    transition-delay: 100ms;
+
−
}
+
−
.menuss li:hover .submenuss li:nth-child(4) {
+
−
    -webkit-transition-delay: 150ms;
+
−
    -moz-transition-delay: 150ms;
+
−
    -ms-transition-delay: 150ms;
+
−
    -o-transition-delay: 150ms;
+
−
    transition-delay: 150ms;
+
−
}
+
−
.menuss li:hover .submenuss li:nth-child(5) {
+
−
    -webkit-transition-delay: 200ms;
+
−
    -moz-transition-delay: 200ms;
+
−
    -ms-transition-delay: 200ms;
+
−
    -o-transition-delay: 200ms;
+
−
    transition-delay: 200ms;
+
−
}
+
−
.menuss li:hover .submenuss li:nth-child(6) {
+
−
    -webkit-transition-delay: 250ms;
+
−
    -moz-transition-delay: 250ms;
+
−
    -ms-transition-delay: 250ms;
+
−
    -o-transition-delay: 250ms;
+
−
    transition-delay: 250ms;
+
−
}
+
−
.menuss li:hover .submenuss li:nth-child(7) {
+
−
    -webkit-transition-delay: 300ms;
+
−
    -moz-transition-delay: 300ms;
+
−
    -ms-transition-delay: 300ms;
+
−
    -o-transition-delay: 300ms;
+
−
    transition-delay: 300ms;
+
−
}
+
−
.menuss li:hover .submenuss li:nth-child(8) {
+
−
    -webkit-transition-delay: 350ms;
+
−
    -moz-transition-delay: 350ms;
+
−
    -ms-transition-delay: 350ms;
+
−
    -o-transition-delay: 350ms;
+
−
    transition-delay: 350ms;
+
−
}
+
  
−
.submenuss li:nth-child(1) {
+
        .submenuss li {
−
    -webkit-transition-delay: 350ms;
+
            opacity: 0;
−
    -moz-transition-delay: 350ms;
+
            -webkit-transform: rotateY(90deg);
−
    -ms-transition-delay: 350ms;
+
            -moz-transform: rotateY(90deg);
−
    -o-transition-delay: 350ms;
+
            -ms-transform: rotateY(90deg);
−
    transition-delay: 350ms;
+
            -o-transform: rotateY(90deg);
−
}
+
            transform: rotateY(90deg);
−
.submenuss li:nth-child(2) {
+
            -webkit-transition: opacity .4s, -webkit-transform .5s;
−
    -webkit-transition-delay: 300ms;
+
            -moz-transition: opacity .4s, -moz-transform .5s;
−
    -moz-transition-delay: 300ms;
+
            -ms-transition: opacity .4s, -ms-transform .5s;
−
    -ms-transition-delay: 300ms;
+
            -o-transition: opacity .4s, -o-transform .5s;
−
    -o-transition-delay: 300ms;
+
            transition: opacity .4s, transform .5s;
−
    transition-delay: 300ms;
+
            /*实现下拉菜单螺旋淡出*/
−
}
+
        }
−
.submenuss li:nth-child(3) {
+
−
    -webkit-transition-delay: 250ms;
+
−
    -moz-transition-delay: 250ms;
+
−
    -ms-transition-delay: 250ms;
+
−
    -o-transition-delay: 250ms;
+
−
    transition-delay: 250ms;
+
−
}
+
−
.submenuss li:nth-child(4) {
+
−
    -webkit-transition-delay: 200ms;
+
−
    -moz-transition-delay: 200ms;
+
−
    -ms-transition-delay: 200ms;
+
−
    -o-transition-delay: 200ms;
+
−
    transition-delay: 200ms;
+
−
}
+
−
.submenuss li:nth-child(5) {
+
−
    -webkit-transition-delay: 150ms;
+
−
    -moz-transition-delay: 150ms;
+
−
    -ms-transition-delay: 150ms;
+
−
    -o-transition-delay: 150ms;
+
−
    transition-delay: 150ms;
+
−
}
+
−
.submenuss li:nth-child(6) {
+
−
    -webkit-transition-delay: 100ms;
+
−
    -moz-transition-delay: 100ms;
+
−
    -ms-transition-delay: 100ms;
+
−
    -o-transition-delay: 100ms;
+
−
    transition-delay: 100ms;
+
−
}
+
−
.submenuss li:nth-child(7) {
+
−
    -webkit-transition-delay: 50ms;
+
−
    -moz-transition-delay: 50ms;
+
−
    -ms-transition-delay: 50ms;
+
−
    -o-transition-delay: 50ms;
+
−
    transition-delay: 50ms;
+
−
}
+
−
.submenuss li:nth-child(8) {
+
−
    -webkit-transition-delay: 0s;
+
−
    -moz-transition-delay: 0s;
+
−
    -ms-transition-delay: 0s;
+
−
    -o-transition-delay: 0s;
+
−
    transition-delay: 0s;
+
−
}
+
−
</style>
+
  
 +
        .menuss .submenuss li:hover a {
 +
            border-left: 3px solid #454545;
 +
            border-radius: 0;
 +
            color: #ffffff;
 +
        }
  
−
<div style="margin-left:600px;"><img src="https://static.igem.org/mediawiki/2017/3/3d/T--FAFU-CHINA--5.png" width="450" height="180" /></div>
+
        .menuss > li:hover .submenuss, .menuss > li:focus .submenuss {
 +
            max-height: 2000px;
 +
            z-index: 10;
 +
        }
  
−
<div class="headss">
+
        .menuss > li:hover .submenuss li, .menuss > li:focus .submenuss li {
−
     <div class="containerss" style="width:1500px;">
+
            opacity: 1;
−
        <ul class="menuss">
+
            -webkit-transform: none;
−
            <li><a href="https://2017.igem.org/Team:FAFU-CHINA">Home</a></li>
+
            -moz-transform: none;
−
            <li><a href="javascript:void(0)">Project</a>
+
            -ms-transform: none;
−
                <ul class="submenuss">
+
            -o-transform: none;
−
                  <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Description">Description</a></li>
+
            transform: none;
−
                  <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Experiments</a></li><!--实验细节-->
+
        }
−
                  <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Results</a></li>
+
        /*动画递进的时间 实现一个个螺旋子菜单*/
−
                  <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Model">Model</a></li><li><a href="https://2017.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
+
        .menuss li:hover .submenuss li:nth-child(1) {
−
              </ul>
+
            -webkit-transition-delay: 0s;
−
            </li>
+
            -moz-transition-delay: 0s;
−
            <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practices</a></li>
+
            -ms-transition-delay: 0s;
−
            <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Safety">Safety</a></li>
+
            -o-transition-delay: 0s;
−
            <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Notebook</a></li>
+
            transition-delay: 0s;
−
            <li class="menussj"><a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a>
+
        }
−
            </li>
+
 
−
        </ul>
+
        .menuss li:hover .submenuss li:nth-child(2) {
−
    </div>
+
            -webkit-transition-delay: 50ms;
 +
            -moz-transition-delay: 50ms;
 +
            -ms-transition-delay: 50ms;
 +
            -o-transition-delay: 50ms;
 +
            transition-delay: 50ms;
 +
        }
 +
 
 +
        .menuss li:hover .submenuss li:nth-child(3) {
 +
            -webkit-transition-delay: 100ms;
 +
            -moz-transition-delay: 100ms;
 +
            -ms-transition-delay: 100ms;
 +
            -o-transition-delay: 100ms;
 +
            transition-delay: 100ms;
 +
        }
 +
 
 +
        .menuss li:hover .submenuss li:nth-child(4) {
 +
            -webkit-transition-delay: 150ms;
 +
            -moz-transition-delay: 150ms;
 +
            -ms-transition-delay: 150ms;
 +
            -o-transition-delay: 150ms;
 +
            transition-delay: 150ms;
 +
        }
 +
 
 +
        .menuss li:hover .submenuss li:nth-child(5) {
 +
            -webkit-transition-delay: 200ms;
 +
            -moz-transition-delay: 200ms;
 +
            -ms-transition-delay: 200ms;
 +
            -o-transition-delay: 200ms;
 +
            transition-delay: 200ms;
 +
        }
 +
 
 +
        .menuss li:hover .submenuss li:nth-child(6) {
 +
            -webkit-transition-delay: 250ms;
 +
            -moz-transition-delay: 250ms;
 +
            -ms-transition-delay: 250ms;
 +
            -o-transition-delay: 250ms;
 +
            transition-delay: 250ms;
 +
        }
 +
 
 +
        .menuss li:hover .submenuss li:nth-child(7) {
 +
            -webkit-transition-delay: 300ms;
 +
            -moz-transition-delay: 300ms;
 +
            -ms-transition-delay: 300ms;
 +
            -o-transition-delay: 300ms;
 +
            transition-delay: 300ms;
 +
        }
 +
 
 +
        .menuss li:hover .submenuss li:nth-child(8) {
 +
            -webkit-transition-delay: 350ms;
 +
            -moz-transition-delay: 350ms;
 +
            -ms-transition-delay: 350ms;
 +
            -o-transition-delay: 350ms;
 +
            transition-delay: 350ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(1) {
 +
            -webkit-transition-delay: 350ms;
 +
            -moz-transition-delay: 350ms;
 +
            -ms-transition-delay: 350ms;
 +
            -o-transition-delay: 350ms;
 +
            transition-delay: 350ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(2) {
 +
            -webkit-transition-delay: 300ms;
 +
            -moz-transition-delay: 300ms;
 +
            -ms-transition-delay: 300ms;
 +
            -o-transition-delay: 300ms;
 +
            transition-delay: 300ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(3) {
 +
            -webkit-transition-delay: 250ms;
 +
            -moz-transition-delay: 250ms;
 +
            -ms-transition-delay: 250ms;
 +
            -o-transition-delay: 250ms;
 +
            transition-delay: 250ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(4) {
 +
            -webkit-transition-delay: 200ms;
 +
            -moz-transition-delay: 200ms;
 +
            -ms-transition-delay: 200ms;
 +
            -o-transition-delay: 200ms;
 +
            transition-delay: 200ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(5) {
 +
            -webkit-transition-delay: 150ms;
 +
            -moz-transition-delay: 150ms;
 +
            -ms-transition-delay: 150ms;
 +
            -o-transition-delay: 150ms;
 +
            transition-delay: 150ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(6) {
 +
            -webkit-transition-delay: 100ms;
 +
            -moz-transition-delay: 100ms;
 +
            -ms-transition-delay: 100ms;
 +
            -o-transition-delay: 100ms;
 +
            transition-delay: 100ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(7) {
 +
            -webkit-transition-delay: 50ms;
 +
            -moz-transition-delay: 50ms;
 +
            -ms-transition-delay: 50ms;
 +
            -o-transition-delay: 50ms;
 +
            transition-delay: 50ms;
 +
        }
 +
 
 +
        .submenuss li:nth-child(8) {
 +
            -webkit-transition-delay: 0s;
 +
            -moz-transition-delay: 0s;
 +
            -ms-transition-delay: 0s;
 +
            -o-transition-delay: 0s;
 +
            transition-delay: 0s;
 +
        }
 +
 
 +
    </style>
 +
   
 +
     <div class="nav">
 +
    <ul class="menuss">
 +
        <li class="xyz"><a href="https://2017.igem.org/Team:FAFU-CHINA">HOME</a></li>
 +
        <li><a href="javascript:;">PROJECT</a>
 +
            <ul class="submenuss">
 +
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Description">Description</a></li>
 +
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Experiments</a></li>
 +
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Results</a></li>
 +
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Model">Model</a></li>
 +
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practices</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Safety">Safety</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Notebook</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
 +
    </ul>
 +
</div>
 
</div>
 
</div>
−
<div style="margin-left:1000px; margin-top:180px;"><img src="https://static.igem.org/mediawiki/2017/7/78/T--FAFU-CHINA--A.png" width="416" height="500" /></div>
 
−
        <div class="mycontent">
 
−
          <div class="myword1" style="border:1; opacity:0.2; background-color:#666;"><p style="font-size: 24px;"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></p>
 
−
          </div></div>
 
−
<div class="mycontent">
 
−
          <div class="myword3" style="border:1; opacity:0.6;"><p style="font-size: 10px;">Fig. 1. Importance of soil–plant–microbial interactions in bioremediation for the cleanup of metals and organics (pesticides, solvents, explosives, crude oil, polyaromatic
 
−
hydrocarbons).</p>
 
−
          </div></div>
 
−
                  <div class="mycontent">
 
−
          <div class="myword2">
 
−
          <p style="font-size: 48px;"><b>overview</b></p>
 
−
          <p style="font-size: 24px;">&nbsp;&nbsp;&nbsp;&nbsp;Continued worldwide industrialization has caused extensive environmental and human health problems. A wide variety of chemicals, e.g., heavy metals, pesticides, chlorinated solvents, etc., have been detected in different natural resources such as soil, water, and air. Among the pollutants, the heavy metals are of concern to human health due to their cytotoxicity,mutagenicity, and carcinogenicity.</p>
 
−
          <p style="font-size: 24px;">&nbsp;&nbsp;&nbsp;&nbsp;Soil polluted by heavy metals represent an important environmental problem due to the toxic effects of metals, their accumulations throughout the food chain and the additional risk of groundwater contamination.</p>
 
−
          <p style="font-size: 24px;">&nbsp;&nbsp;&nbsp;&nbsp;Metal remediation through common physico-chemical techniques is expensive and unsuitable in the case of extensive areas. Therefore biotechnological approaches have received a great deal of attention in recent years. Bioremediaton, as a way of natural attenuation, adds phytoremediation, the use of plants for reclamation and microbe(PSB) together as a strategy for either enhancing uptake(PSB-assisted </p></div><div class="myword" style="margin-top:-10px;"><p style="font-size: 24px;">Phytoextraction) or reducing the bioavailability of metal contaminants(PSB-immobilized Phyto-promotion mechanism) in the soil, especially in the rhizosphere to accelerate plant biomass production and root enlongation.</p></div><div class="myword">
 
−
          <h1>PSB-assisted Phytoextraction(ex situ)</h1>
 
−
          <p style="font-size: 24px;">&nbsp;&nbsp;&nbsp;&nbsp;Phytoextraction is based on the use of hyperaccumulator plants, which can tolerate and accumulate high concentration of metals. Ideal hyperaccumulators require the characteristics of deep rooted, rapid growth and a high amount of biomass. In fact, many hyperaccumulators are slow in growth, produce low bow biomass and cannot grow in metal-stress soil. Further, the overproduction of ethylene in response to    metal-stress leads to inhibition of root growth, root hair formation and consequently development of the plant as a whole. Therefore, in our project we took advantage of co-expression of ACC deaminase and iaaM genes in our chassis PSB(<i>B. megaterium</i>) to enhance plant growth and biomass by P solubilization and uptake particularly under stress condition by heavy metals. Meanwhile, we also exploited bacterial chemotaxis,
 
−
McfS, a multiple chemoreceptor from strain P. putida F1 to detect response of organic acids secreting in the rhizosphere.</p>
 
−
<h1>PSB-immobilized Phyto-promotion</h1>
 
−
<p style="font-size: 24px;">&nbsp;&nbsp;&nbsp;&nbsp;In this module, our team designed a pathway that the Pb ions will bind to PbR protein when activated ions are in the soil environment. It induces downstream gene expression, and results in the tetR protein inhibition promoter PltetO1 expression. At the same time, the strong promoter P<sub>43</sub> of <i>B.megaterium</i> stimulated the expression of MBP in the downstream lead-producing peptide.  It makes the chelating peptide of Pb metal, which reduced the total amount of heavy metals in the soil to be harmless level. When there is no Pb ions presented in the environment, the expression of tetR was blocked and the inhibition of PltetO1 was released. It results in the lacI repressor binding to the lacO sequence, and leads to blocking the expression of MBP. This mechanism is effective in preventing the infinite expression of MBP against the <i>B. megaterium</i> itself.</p>
 
−
 
−
          </div>
 
−
        </div>
 
−
        <style>
 
−
        .myword{
 
−
  width: 1208px;
 
−
  margin: 0 auto;
 
−
margin-left:230px !important;
 
−
  line-height:28px
 
−
}
 
−
        .myword1{
 
−
  width: 1230px;
 
−
  margin: 0 auto;
 
−
margin-left:220px !important;
 
−
  line-height:28px
 
−
}
 
−
        .myword2{
 
−
  width: 758px;
 
−
  margin: 0 auto;
 
−
margin-left:230px !important;
 
−
  line-height:28px
 
−
}
 
−
.myword3{
 
−
  width: 400px;
 
−
  margin-top:600px;
 
−
margin-left:1008px;
 
−
  line-height:28px
 
−
}
 
−
.mycontent{
 
−
  position: absolute;
 
−
  top: 290px;
 
−
  right: 0;
 
−
  width: 100%;
 
−
  color: #000;
 
−
}
 
−
        </style>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 05:39, 13 August 2017

iGEM 2017_FAFU-CHINA