Difference between revisions of "Team:FAFU-CHINA"

 
(48 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
{{FAFU-CHINA/Bootstrap.css}}
 
{{FAFU-CHINA/Bootstrap.css}}
 
<html>
 
<html>
 +
<head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />   
 +
<meta name="apple-mobile-web-app-capable" content="yes" />   
 +
<meta name="format-detection" content="telephone=no" /> </head>
 +
<body>
 +
 +
<style>
 +
body{
 +
opacity: 0.9;
 +
    background-color: #F1e6ce
 +
;
 +
 +
}
 +
 +
.imagestyle{
 +
width: 100%;
 +
height: 500px;
 +
top:30px;
 +
}
 +
.introducetext{
 +
      margin-top: 8px;
 +
    margin-left: 44%;
 +
    font-style: italic;
 +
    color: #BC464C;
 +
    margin-top:77px;
 +
 +
}
 +
.introducetext2{
 +
    width: 80%;
 +
    padding: 20px;
 +
    margin: 12px;
 +
    background-color: #D0E090;
 +
    border: 15px solid #BC464C;
 +
    border-style: initial;
 +
    margin-top: 30px;
 +
    font-size: 18px;
 +
    margin:0 auto;
 +
    margin-top:20px;
 +
    border-radius:20px 20px 20px 20px
 +
}
 +
 +
.imagestyle1{
 +
    width: 396px;
 +
    height: 400px;
 +
    margin-left: 28%;
 +
}
 +
.lastpart{
 +
    height: 300px;
 +
}
 +
 +
.logoo2{
 +
      float:left;
 +
      width:200px;
 +
    }
 +
.logimg{
 +
    /*height: 50%;*/
 +
    width: 143%;
 +
    margin-top: -139%;}
 +
 +
.logoo1{
 +
    height:auto;
 +
    width: 200px;
 +
    float: right;
 +
    margin-top: -207px}
 +
.logoo1 img{
 +
    width: 60%;
 +
    height: 60%;
 +
    /*margin-top: -6%*/
 +
    }
 +
 +
 +
.lasttupian{width: 80%;
 +
margin-top:93px;
 +
border-radius:20px
 +
}
 +
.zuobain{
 +
float:left;
 +
width: 30%
 +
}
 +
</style>
  
  
  
<body>
 
 
<style>
 
<style>
.navbar-default {
+
  .navbar-default {
  background-color: #93bd46;
+
    background-color: #93bd46;
  border-color: #6a8d2c;
+
    border-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-brand {
+
  .navbar-default .navbar-brand {
  color: #e9f9e7 !important;
+
    color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-brand:hover,
+
  .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
+
  .navbar-default .navbar-brand:focus {
  color: #ffffff;
+
    color: #ffffff;
}
+
  }
.navbar-default .navbar-text {
+
  .navbar-default .navbar-text {
  color: #e9f9e7 !important;
+
    color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-nav > li > a {
+
  .navbar-default .navbar-nav > li > a {
  color: #e9f9e7 !important;
+
    color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-nav > li > a:hover,
+
  .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
+
  .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff !important;
+
    color: #ffffff !important;
}
+
  }
.navbar-default .navbar-nav > li > .dropdown-menu {
+
  .navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #93bd46;
+
    background-color: #93bd46;
}
+
  }
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
+
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #e9f9e7 !important;
+
    color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
+
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
+
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff !important;
+
    color: #ffffff !important;
  background-color: #6a8d2c;
+
    background-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
+
  .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #6a8d2c;
+
    background-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff !important;
+
    color: #ffffff !important;
  background-color: #6a8d2c;
+
    background-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-nav > .active > a,
+
  .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
+
  .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
+
  .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff !important;
+
    color: #ffffff !important;
  background-color: #6a8d2c;
+
    background-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-nav > .open > a,
+
  .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
+
  .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
+
  .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff !important;
+
    color: #ffffff !important;
  background-color: #6a8d2c;
+
    background-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-toggle {
+
  .navbar-default .navbar-toggle {
  border-color: #6a8d2c;
+
    border-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-toggle:hover,
+
  .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
+
  .navbar-default .navbar-toggle:focus {
  background-color: #6a8d2c;
+
    background-color: #6a8d2c;
}
+
  }
.navbar-default .navbar-toggle .icon-bar {
+
  .navbar-default .navbar-toggle .icon-bar {
  background-color: #e9f9e7 !important;
+
    background-color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-collapse,
+
  .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
+
  .navbar-default .navbar-form {
  border-color: #e9f9e7 !important;
+
    border-color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-link {
+
  .navbar-default .navbar-link {
  color: #e9f9e7 !important;
+
    color: #e9f9e7 !important;
}
+
  }
.navbar-default .navbar-link:hover {
+
  .navbar-default .navbar-link:hover {
  color: #ffffff !important;
+
    color: #ffffff !important;
}
+
  }
 +
 
 +
  @media (max-width: 767px) {
 +
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #e9f9e7 !important;
 +
    }
 +
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #ffffff !important;
 +
    }
 +
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
    }
 +
  }
 +
  .dropdown-menu li a{
 +
    background-color: #93bd46;
 +
  }
 +
  .dropdown-menu .active a{
 +
    background-color:#6a8d2c;
 +
  }
 +
 
 +
 
 +
  body,html{
 +
    padding:0;
 +
    margin:0;
 +
  }
 +
  .dropdown ul li,.dropdown ul{
 +
    background-color:gainsboro;
 +
  }
 +
  .navbar .nav > li .dropdown-menu { 
 +
    margin: 0; 
 +
  } 
 +
  .navbar .nav > li:hover .dropdown-menu { 
 +
    display: block; 
 +
  }
 +
  .noma{
 +
    width:70%;
 +
    margin:0 auto;
 +
    padding:0;
 +
  }
  
@media (max-width: 767px) {
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
color: #e9f9e7 !important;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
color: #ffffff !important;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
color: #ffffff !important;
 
background-color: #6a8d2c;
 
  }
 
}
 
.dropdown-menu li a{
 
background-color: #93bd46;
 
}
 
.dropdown-menu .active a{
 
background-color:#6a8d2c;
 
}
 
  
 
 
 
 
body,html{
 
padding:0;
 
margin:0;
 
}
 
.dropdown ul li,.dropdown ul{
 
background-color:gainsboro;
 
}
 
.navbar .nav > li .dropdown-menu { 
 
margin: 0; 
 
 
.navbar .nav > li:hover .dropdown-menu { 
 
display: block; 
 
}
 
.noma{
 
width:70%;
 
margin:0 auto;
 
padding:0;
 
}
 
 
</style>
 
</style>
<nav class="navbar navbar-default navbar-fixed-top" style="margin-top:13px;">
+
<nav class="navbar navbar-default " style="margin-top:145px;z-index: 888">
 
   <div class="container-fluid noma">
 
   <div class="container-fluid noma">
  
Line 134: Line 211:
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
<ul class="nav navbar-nav">
 
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
+
<li class="active"><a href="#">Home</a></li>
  
<li class="dropdown active">
+
<li class="dropdown">
 
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 
  <ul class="dropdown-menu">
 
  <ul class="dropdown-menu">
<li class="active"><a href="https://2017.igem.org/Team:FAFU-CHINA/Description">Overview</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Design</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Background">Background</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Applied_Design">Background</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Interlab</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/InterLab">Interlab</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Experiments</a></li>
+
<li class="chooseone"><a href="https://2017.igem.org/Team:FAFU-CHINA/Plant">Module 1: Phyto-route</a></li>
 +
<li class="choosetwo"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments#sss2">Module 2: Metal-trap</a></li>
 +
<li class="choosethree"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments#sss3">Module 3: Safeguard</a></li>
 
  </ul>
 
  </ul>
 
</li>
 
</li>
Line 148: Line 227:
 
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
  <ul class="dropdown-menu">
 
  <ul class="dropdown-menu">
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Results</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Demonstrate">Demonstrate</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Measurement ">Data</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Judging_Form">Judging Form</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Judging Criteria</a></li>
+
<!--<li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Community</a></li>-->
<li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Community</a></li>
+
 
  </ul>
 
  </ul>
 
</li>
 
</li>
Line 159: Line 237:
 
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
 
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
 
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Protocols ">Protocols</a></li>
 
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Protocols ">Protocols</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Diary">Diary</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Notebook</a></li>
 
  </ul>
 
  </ul>
 
</li>
 
</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/Parts">Parts</a></li>
 +
<!-- <li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Results <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Overview</a></li>
 +
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Measurement">Measurement</a></li>
 +
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/HP/Gold_Integrated">Gold Integrated</a></li>
 +
<li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Entrepreneurship</a></li>
 +
<li><a href="hhttps://2017.igem.org/Team:Example2/Software">Software</a></li>
 +
<li><a href="https://2017.igem.org/Team:Example2/Hardware">Hardware</a></li>
 +
<li><a href="https://2017.igem.org/Team:Example2/Plant">Plant</a></li>
 +
  </ul>
 +
</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/Human_Practices">Human Practice</a></li>
 
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practice</a></li>
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
+
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team members</a></li>
 +
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Attributions">Attributions</a></li>
 +
  </ul>
 +
</li>
 
</ul>
 
</ul>
 
     </div><!-- /.navbar-collapse -->
 
     </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
+
    </div><!-- /.navbar-collapse -->
 
</nav>
 
</nav>
 +
    <!--logo图片位置-->
 +
    <div class="logstyle">
 +
        <div class="logoo2"><img class="logimg" src="https://static.igem.org/mediawiki/2017/a/ae/T--FAFU-CHINA--006.jpg" ></div>
 +
        <div class="logoo1"><img src="https://static.igem.org/mediawiki/2017/c/c7/T--FAFU-CHINA--007.png" ></div>
 +
    </div>
 +
   
 +
  <div class="introducetext">
 +
            <h1 >
 +
          Overview
 +
          </h1>
 +
    </div>
 +
   
 +
    <div class="introducetext2">
 +
    <div><p  style="text-align:center; color: #6a8d2c ; font-size:25px;font-family:inherit;">Synergism of Phosphate-solubilizing microoranisms-plant</p>
 +
        <p style="text-align: center; color: #6a8d2c; font-size:25px;font-family: inherit;">interactions for bioremediation of metalliferous soils</p></div>
 +
        <div>
 +
            <span class="span1">
 +
          <p style="font-family: -webkit-body;font-size: 15px;">We hope to establish a sustainable, regulable and reusable project to solve the soil polluted by heavy metals. Phosphate-solubilizing bacteria have important functions. In our project, we used the mechanism of the alliance between microbe and plant, by manufacturing <i>Bacillus megaterium</i>, which is a kind of phosphate-solubilizing microorganism exists in the root system, forcing it enhance the plant remediation from two aspects, accumulating heavy metals and defend adversity stress. To achieve the goal of spatial specificity, we make most of the expression system which is regulated by root organic acid. We also used MBP (metal binding protein) and ACC deaminase to make accumulation of heavy metal in root system’s soil success. Finally, heavy metals will transfer to plant itself. A series of transformation we made in phosphate-solubilizing bacteria in our project will solve the weakness of hyper-accumulators, therefore, the remediation method will be put into use widely.
 +
<br/>&nbsp;&nbsp;&nbsp;&nbsp;</p></span>
 +
           
 +
            </span>
 +
        </div>
 +
    </div>
 +
    </div>
  
  
 +
 
 +
<style type="text/css">
 +
    .liuchengtu{
 +
    width: 60%
 +
    margin: 0 auto
 +
    height:auto;
 +
    }
 +
    .liuchengtu1{
 +
    width: 50%;
 +
    margin-top: 100px
 +
    }
 +
    </style>
 +
<div align="center" class="liuchengtu">
 +
  <img class="liuchengtu1" src="https://static.igem.org/mediawiki/2017/e/e0/T--FAFU-CHINA--009.png">
 +
</div>
  
  
  
 +
 
 +
<style>
 +
.secondbg{
 +
background-color: #D0E090;
 +
margin:0 auto;
 +
padding:0;
 +
width:90%;
 +
    display:inline;
 +
}
 +
/* entire container, keeps perspective */
 +
.flip-container {
 +
perspective: 1000;
 +
}
 +
/* flip the pane when hovered */
 +
.flip-container:hover .flipper {
 +
transform: rotateY(180deg);
 +
}
  
 +
.flip-container, .front,.back{
 +
width: 320px;
 +
height: 490px;
 +
}
  
 +
/* flip speed goes here */
 +
.flipper {
 +
transition: 0.4s;
 +
transform-style: preserve-3d;
  
 +
position: relative;
  
 +
}
  
 +
/* hide back of pane during swap */
 +
.front, .back {
 +
-webkit-backface-visibility: hidden;
 +
    -moz-backface-visibility: hidden;
  
 +
-ms-backface-visibility: hidden;
 +
-o-backface-visibility: hidden;
  
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
    border-radius:30px
 +
}
  
 +
/* front pane, placed above back */
 +
.front {
 +
z-index: 1;
 +
}
  
 +
/* back, initially hidden pane */
 +
.back {
 +
transform: rotateY(180deg);
 +
background-color: #D0E090;
 +
font-size: 20px
 +
}
 +
.front img{
 +
width:300px;
 +
}
 +
.back div {
 +
width:300px;
 +
height:450px;
 +
    margin-left: 10px
 +
/*background-color:#EBE6E6;*/
 +
}
 +
.toopp{
 +
padding:0;
 +
margin:0;
 +
}
 +
.picleft{
 +
float:right;
 +
margin:0;
 +
padding:0;
 +
width:40%;
 +
}
 +
.picleft img{
 +
width:100%;
 +
}
 +
.lleft{
 +
float:left;
 +
width:60%;
 +
}
 +
.lleft img{
 +
width:65%;
 +
float:left;
 +
margin:150px 0 0 100px;
 +
}
 +
.fgx{
 +
border:1px #D4CCCC solid;
 +
width:100%;
 +
opacity:0.5;
 +
}
 +
.fgx2{
 +
margin:10px 0;
 +
padding:0;
 +
border:1px #D4CCCC solid;
 +
box-shadow: 10px 10px 5px #888888;
 +
opacity:0.5;
 +
}
 +
.botpic{
 +
margin:0 0 0 50px;
 +
padding:0;
 +
float:left;
  
 +
}
 +
</style>
 +
<div>
 +
<div class="secondbg">
 +
<div class="fgx2"></div>
 +
<div class="botpic">
 +
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
 +
<div class="flipper">
 +
<div class="front">
 +
<!-- 前面内容 -->
 +
          <img src="https://static.igem.org/mediawiki/2017/3/32/T--FAFU-CHINA--012.png">
 +
</div>
 +
<div class="back">
 +
<!-- 背面内容 -->
 +
<div><p style="font-size:16px;font-family: -webkit-body;"><br/>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.
 +
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.
 +
<br/>&nbsp;&nbsp;&nbsp;&nbsp;</p></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
 +
 +
<div class="botpic">
 +
    <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
 +
      <div class="flipper">
 +
        <div class="front">
 +
          <!-- 前面内容 -->
 +
          <img src="https://static.igem.org/mediawiki/2017/d/d9/T--FAFU-CHINA--014.png">
 +
        </div>
 +
        <div class="back">
 +
          <!-- 背面内容 -->
 +
          <div style="font-family: -webkit-body;"><br/><br/>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. </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
  
  
 +
  
 +
<div class="botpic">
 +
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
 +
<div class="flipper">
 +
<div class="front">
 +
<!-- 前面内容 -->
 +
<img src="https://static.igem.org/mediawiki/2017/0/0d/T--FAFU-CHINA--013.png">
 +
</div>
 +
<div class="back">
 +
<!-- 背面内容 -->
 +
<div><p style="font-size:16px;font-family: -webkit-body;">&nbsp;&nbsp;&nbsp;Phosphorus is the second important key element after nitrogen as a mineral nutrient in terms of quantitative plant equirement. However, plants can use only a small amount of this P since 75–90% of added P is precipitated by metal–cation complexes, and rapidly becomes fixed in soils. In this regard, phosphate solubilizing microbes are considered as the most efficient and eco-friendly means for phytoremediation of metalliferous soils.
 +
          Although, several bacterial strains have been identified as PSB their performance under in situ conditions is not reliable. Therefore,we genetically engineered our chassis B. megaterium as a new strategy to accelerate phytoremediation process.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
  
  
 
+
<div class="botpic">
 
+
     <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
 
+
      <div class="flipper">
 
+
        <div class="front">
 
+
         
 
+
          <img src="https://static.igem.org/mediawiki/2017/b/bf/T--FAFU-CHINA--015.png">
 
+
        </div>
 
+
        <div class="back">
<style>
+
         
body{
+
          <div><p style="font-family: -webkit-body;font-size: 18px" ><br/>In our project, the circuit uses a genetic ‘toggle switch’ architecture in which reciprocal repression by the LacI and TetR transcription factors form transcription states that are maintained by the circuit’s linked feedback loops. Inhibition of TetR expression by anhydrotetracy-cline (ATc), a compound that is not normally found in nature, is necessary for expression of LacI. Removal of ATc from the environment activates the expression of TetR, which leads to cell death.  
opacity: 0.9;
+
          </p></div>
        background-color: #262222;
+
+
}
+
#bodic{
+
width: 100%;
+
    height: audo;
+
    position: fixed;
+
    top: 20px;
+
    margin-left: 46%;
+
}
+
#bodic div{
+
margin-left: 25px;
+
    float: left;
+
    font-size: 20px;
+
    color: #FFF;
+
    padding: 0;
+
    text-align: right;
+
}
+
#bodic div:hover{
+
        width:10%;
+
    background-color:rgba(255,255,204,0.5);
+
    border-left:#C00 3px solid;
+
    float:left;
+
    font-size:20px;
+
    color:#FFF;
+
    padding:2px;
+
    text-align:center;
+
}
+
#bodic div:first-child{
+
-webkit-border-radius:30px 0 0 0;
+
-moz-border-radius:30px 0 0 0;
+
border-radius:30px 0 0 0;
+
}
+
#bodic div:nth-child(5){
+
-webkit-border-radius:0 30px 0 0;
+
-moz-border-radius:0 30px 0 0;
+
border-radius:0 30px 0 0;
+
}
+
#bodic div a{
+
text-decoration: none;
+
color:#FFF;
+
}
+
.imagestyle{
+
width: 100%;
+
height: 500px;
+
top:30px;
+
}
+
.introducetext{
+
      margin-top: 8px;
+
    margin-left: 44%;
+
    font-style: italic;
+
    color: lavender;
+
}
+
.introducetext2{
+
    width: 98%;
+
    padding: 20px;
+
    margin: 12px;
+
    background-color: #aaa;
+
    border: 15px solid rebeccapurple;
+
    border-style: dotted;
+
    margin-top: 30px;
+
}
+
.imagestyle1{
+
    width: 396px;
+
    height: 400px;
+
    margin-left: 28%;
+
}
+
.lastpart{
+
    height: 300px;
+
}
+
 
+
</style>
+
<style type="text/css">
+
.eyes{
+
perspective: 1000px;
+
}
+
.box{
+
/*设置3D效果*/
+
transform-style: preserve-3d;
+
/*盒子的大小*/
+
width: 200px;
+
height: 200px;
+
background: red;
+
/*设置盒子的位置,便于观察*/
+
margin: 90px auto;
+
/*复合方式设置动画 三者分别为:动画名 执行一次时间 执行方式*/
+
animation: zhuan 20s ease;
+
/*令动画无限执行下去*/
+
animation-iteration-count: infinite;
+
animation-timing-function: linear;
+
}
+
.box div{
+
width: 200px;
+
height: 200px;
+
opacity: 0.9;
+
/*设置过渡*/
+
transition: all 15s ease 0s;
+
position: absolute;
+
}
+
/*调整位置,制作成一个六边形*/
+
.box .div1{
+
     background: blue;
+
    background-image: url(https://static.igem.org/mediawiki/2017/8/84/T-FAFU-CHINA-002.png);
+
    background-position: center;
+
    background-size: 200px;
+
    transform: translateZ(100px);
+
}
+
.box .div2{
+
    background: green;
+
    background-image: url(https://static.igem.org/mediawiki/2017/5/5b/T--FAFU-CHINA--001.png);
+
    background-position: center;
+
    background-size: 200px;
+
    transform: translateZ(-100px);
+
}
+
.box .div3{
+
    background: yellow;
+
    background-image: url(https://static.igem.org/mediawiki/2017/7/74/233.png);
+
    background-position: center;
+
    background-size: 200px;
+
    transform: rotateX(90deg) translateZ(100px);
+
}
+
.box .div4{
+
background: green;
+
transform: rotateX(270deg) translateZ(100px);
+
}
+
.box .div5{
+
background: gray;
+
transform: rotateY(-90deg) translateZ(100px);
+
}
+
.box .div6{
+
background: brown;
+
transform: rotateY(90deg) translateZ(100px);
+
}
+
/*添加3D旋转效果 让其绕X、Y轴同时旋转90度*/
+
@keyframes zhuan{
+
from{
+
transform: rotateX(0deg) rotateY(0deg);
+
}
+
to{
+
transform: rotateX(360deg) rotateY(360deg);
+
}
+
}
+
/*给正方体添加一个hover效果*/
+
.box:hover .div1{
+
transform: translateZ(200px);
+
}
+
.box:hover .div2{
+
transform: translateZ(-200px);
+
}
+
.box:hover .div3{
+
transform: rotateX(90deg) translateZ(200px);
+
}
+
.box:hover .div4{
+
transform: rotateX(270deg) translateZ(200px);
+
}
+
.box:hover .div5{
+
transform: rotateY(-90deg) translateZ(200px);
+
}
+
.box:hover .div6{
+
transform: rotateY(90deg) translateZ(200px)
+
}
+
.square{
+
    width: 615px;
+
    height: 492px;
+
    border: 39px solid #8a6d3b;
+
    margin-top: 64px;
+
    background-color: #41beb8;
+
    margin-left: 28%;
+
    border-style: groove;
+
}
+
.logstyle{
+
width: 200px;
+
    height: 200px;
+
    float: left;
+
}
+
.logimg{
+
    height: 155px;
+
    width: 155px;
+
}
+
.logtext{
+
        font-size: 15px;
+
    color: red;
+
    margin-left: 2px;
+
    padding: 1px;
+
}
+
</style>
+
<body>
+
<div id="bodic">
+
<div>
+
<a href="#">Home</a>
+
</div>
+
<div>
+
<a href="https://2017.igem.org/Team:FAFU-CHINA/Description ">Project</a>
+
</div>
+
<div>
+
<a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practices</a>
+
</div>
+
<div>
+
<a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Notebook</a>
+
</div>
+
<div>
+
<a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a>
+
</div>
+
</div>
+
    <!--log图片位置-->
+
    <div class="logstyle">
+
        <img class="logimg" src="https://static.igem.org/mediawiki/2017/f/fc/QQ%E5%9B%BE%E7%89%8720170628104754.png">
+
        <span class="logtext">Welcome to FAFU-CHINA</span>
+
    </div>
+
    <!--图片轮播-->
+
    <div class="square">
+
    <div class="eyes">
+
    <div class="box">
+
    <div class="div1"></div>
+
    <div class="div2"></div>
+
    <div class="div3"></div>
+
    <div class="div4"></div>
+
    <div class="div5"></div>
+
    <div class="div6"></div>
+
    </div>
+
    </div>
+
    </div>
+
  <!--其他介绍-->
+
  <div class="introducetext">
+
            <h2>
+
          Overview
+
            </h2>
+
    </div>
+
    <div class="introducetext2">
+
        <div>
+
            <span class="span1"> <p>&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.<br/>&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.<br/>&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 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></span>
+
            <img class="imagestyle1" src="https://static.igem.org/mediawiki/2017/0/04/T--FAFU-CHINA---1.png"  alt="" />
+
            <span class="span2">
+
                <p>&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 P43 of B.megaterium 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 B. megaterium itself.</p>
+
            </span>
+
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
    <div class="lastpart">
+
  </div>
 +
  </div>
 +
  <div style="clear:both;"></div>
  
    </div>
+
</div>
 +
<br/><br/><br/><br/><br/>
 +
<p style="text-align: center"><img src="https://static.igem.org/mediawiki/2017/8/8d/T--FAFU-CHINA--zuixinbanhezuotu.png" style="width:80%;border-radius:20px 20px 20px 20px"/></p>
 +
  </div>
 +
<br/><br/><br/>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:49, 2 November 2017

Overview

Synergism of Phosphate-solubilizing microoranisms-plant

interactions for bioremediation of metalliferous soils

We hope to establish a sustainable, regulable and reusable project to solve the soil polluted by heavy metals. Phosphate-solubilizing bacteria have important functions. In our project, we used the mechanism of the alliance between microbe and plant, by manufacturing Bacillus megaterium, which is a kind of phosphate-solubilizing microorganism exists in the root system, forcing it enhance the plant remediation from two aspects, accumulating heavy metals and defend adversity stress. To achieve the goal of spatial specificity, we make most of the expression system which is regulated by root organic acid. We also used MBP (metal binding protein) and ACC deaminase to make accumulation of heavy metal in root system’s soil success. Finally, heavy metals will transfer to plant itself. A series of transformation we made in phosphate-solubilizing bacteria in our project will solve the weakness of hyper-accumulators, therefore, the remediation method will be put into use widely.
    


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. 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.
    



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.

   Phosphorus is the second important key element after nitrogen as a mineral nutrient in terms of quantitative plant equirement. However, plants can use only a small amount of this P since 75–90% of added P is precipitated by metal–cation complexes, and rapidly becomes fixed in soils. In this regard, phosphate solubilizing microbes are considered as the most efficient and eco-friendly means for phytoremediation of metalliferous soils. Although, several bacterial strains have been identified as PSB their performance under in situ conditions is not reliable. Therefore,we genetically engineered our chassis B. megaterium as a new strategy to accelerate phytoremediation process.


In our project, the circuit uses a genetic ‘toggle switch’ architecture in which reciprocal repression by the LacI and TetR transcription factors form transcription states that are maintained by the circuit’s linked feedback loops. Inhibition of TetR expression by anhydrotetracy-cline (ATc), a compound that is not normally found in nature, is necessary for expression of LacI. Removal of ATc from the environment activates the expression of TetR, which leads to cell death.