Difference between revisions of "Team:FAFU-CHINA"

 
(78 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{FAFU-CHINA}}
 +
{{FAFU-CHINA/Bootstrap.js}}
 +
{{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>
  
−
<head>
 
−
    <meta charset="utf-8">
 
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <title>iGEM 2017_FAFU-CHINA</title>
 
−
    <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
−
<link href="https://2016.igem.org/Template:Tec-Monterrey/css/style?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>
 
−
<body>
 
 
<style>
 
<style>
 
body{
 
body{
−
margin: 0 auto;
+
opacity: 0.9;
−
height:100%;
+
    background-color: #F1e6ce
−
background:url(https://static.igem.org/mediawiki/2017/d/d0/T--FAFU-CHINA--12.1.png) scroll center;
+
;
−
background-repeat:no-repeat;
+
−
background-size:100%;
+
}
−
font: 12px "宋体";
+
  
−
}
+
.imagestyle{
−
.maxx{
+
width: 100%;
−
height:auto;
+
height: 500px;
−
width:1200px;
+
top:30px;
−
margin:0 auto;
+
 
}
 
}
−
</style>
+
.introducetext{
−
<div class="maxx">
+
      margin-top: 8px;
 +
    margin-left: 44%;
 +
    font-style: italic;
 +
    color: #BC464C;
 +
    margin-top:77px;
  
−
    <style>
+
}
−
        .menuss, .menuss ul {
+
.introducetext2{
−
            list-style: none;
+
    width: 80%;
−
            padding: 0;
+
    padding: 20px;
−
            margin: 0;
+
    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
 +
}
  
−
        .menuss {
+
.imagestyle1{
−
            height: 58px;
+
    width: 396px;
−
            margin-top: 20px;
+
    height: 400px;
−
        }
+
    margin-left: 28%;
 +
}
 +
.lastpart{
 +
    height: 300px;
 +
}
  
−
        .menuss li {
+
.logoo2{
−
            background-color: #0C0000;
+
      float:left;
−
            border-bottom: 2px solid #181818;
+
      width:200px;
−
            border-top: 2px solid #303030;
+
    }
−
            min-width:16.66%;
+
.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%*/
 +
    }
  
−
        .menuss > li {
 
−
            display: block;
 
−
            float: left;
 
−
            position: relative;
 
−
        }
 
  
 +
.lasttupian{width: 80%;
 +
margin-top:93px;
 +
border-radius:20px
 +
}
 +
.zuobain{
 +
float:left;
 +
width: 30%
 +
}
 +
</style>
  
  
−
        .menuss > li:first-child {
 
−
            border-radius: 25px 0 0 0;
 
−
        }
 
−
        .menuss > li:last-child {
 
−
            border-radius: 0 25px 0 0;
 
−
        }
 
  
 +
<style>
 +
  .navbar-default {
 +
    background-color: #93bd46;
 +
    border-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-brand {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-brand:hover,
 +
  .navbar-default .navbar-brand:focus {
 +
    color: #ffffff;
 +
  }
 +
  .navbar-default .navbar-text {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > a {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > a:hover,
 +
  .navbar-default .navbar-nav > li > a:focus {
 +
    color: #ffffff !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu {
 +
    background-color: #93bd46;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
 +
    background-color: #6a8d2c;
 +
  }
 +
  .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;
 +
  }
 +
  .navbar-default .navbar-nav > .active > a,
 +
  .navbar-default .navbar-nav > .active > a:hover,
 +
  .navbar-default .navbar-nav > .active > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-nav > .open > a,
 +
  .navbar-default .navbar-nav > .open > a:hover,
 +
  .navbar-default .navbar-nav > .open > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-toggle {
 +
    border-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-toggle:hover,
 +
  .navbar-default .navbar-toggle:focus {
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-toggle .icon-bar {
 +
    background-color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-collapse,
 +
  .navbar-default .navbar-form {
 +
    border-color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-link {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-link:hover {
 +
    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;
 +
  }
  
−
        .menuss a {
+
 
−
            border-left: 3px solid rgba(0, 0, 0, 0);
+
  body,html{
−
          /*background: url("../img/back.jpg");*/
+
    padding:0;
−
            color: #808080;
+
    margin:0;
−
            display: block;
+
  }
−
            font-size: 18px;
+
  .dropdown ul li,.dropdown ul{
−
            line-height: 54px;
+
    background-color:gainsboro;
−
            padding: 0 25px;
+
  }
−
            text-decoration: none;
+
  .navbar .nav > li .dropdown-menu { 
−
            text-transform: uppercase;
+
    margin: 0;
−
        }
+
  } 
 +
  .navbar .nav > li:hover .dropdown-menu { 
 +
    display: block;
 +
  }
 +
  .noma{
 +
    width:70%;
 +
    margin:0 auto;
 +
    padding:0;
 +
  }
  
−
        .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;
 
−
            /*改变加深父元素的背景*/
 
−
        }
 
−
 
−
 
−
        .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;
 
−
        }
 
  
−
        .submenuss {
+
</style>
−
            left: 0;
+
<nav class="navbar navbar-default " style="margin-top:145px;z-index: 888">
−
            max-height: 0;
+
  <div class="container-fluid noma">
−
            position: absolute;
+
−
            top: 100%;
+
−
            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;
 
−
            -moz-transition: opacity .4s, -moz-transform .5s;
 
−
            -ms-transition: opacity .4s, -ms-transform .5s;
 
−
            -o-transition: opacity .4s, -o-transform .5s;
 
−
            transition: opacity .4s, transform .5s;
 
−
            /*实现下拉菜单螺旋淡出*/
 
−
        }
 
  
−
        .menuss .submenuss li:hover a {
+
    <!-- Collect the nav links, forms, and other content for toggling -->
−
            border-left: 3px solid #454545;
+
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
            border-radius: 0;
+
<ul class="nav navbar-nav">
−
            color: #ffffff;
+
<li class="active"><a href="#">Home</a></li>
−
        }
+
  
−
        .menuss > li:hover .submenuss, .menuss > li:focus .submenuss {
+
<li class="dropdown">
−
             max-height: 2000px;
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
−
             z-index: 10;
+
  <ul class="dropdown-menu">
−
         }
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Design</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/InterLab">Interlab</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>
 +
</li>
 +
<li class="dropdown">
 +
  <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">
 +
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Demonstrate">Demonstrate</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:Example2/Entrepreneurship">Community</a></li>-->
 +
  </ul>
 +
</li>
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Extras <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
<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/Notebook">Notebook</a></li>
 +
  </ul>
 +
</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 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>
 +
    </div><!-- /.navbar-collapse -->
 +
    </div><!-- /.navbar-collapse -->
 +
</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>
  
−
        .menuss > li:hover .submenuss li, .menuss > li:focus .submenuss li {
 
−
            opacity: 1;
 
−
            -webkit-transform: none;
 
−
            -moz-transform: none;
 
−
            -ms-transform: none;
 
−
            -o-transform: none;
 
−
            transform: none;
 
−
        }
 
−
        /*动画递进的时间 实现一个个螺旋子菜单*/
 
−
        .menuss li:hover .submenuss li:nth-child(1) {
 
−
            -webkit-transition-delay: 0s;
 
−
            -moz-transition-delay: 0s;
 
−
            -ms-transition-delay: 0s;
 
−
            -o-transition-delay: 0s;
 
−
            transition-delay: 0s;
 
−
        }
 
  
−
        .menuss li:hover .submenuss li:nth-child(2) {
+
 
−
            -webkit-transition-delay: 50ms;
+
<style type="text/css">
−
            -moz-transition-delay: 50ms;
+
    .liuchengtu{
−
            -ms-transition-delay: 50ms;
+
    width: 60%
−
            -o-transition-delay: 50ms;
+
    margin: 0 auto
−
            transition-delay: 50ms;
+
    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>
  
−
        .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;
+
<style>
−
            -moz-transition-delay: 200ms;
+
.secondbg{
−
            -ms-transition-delay: 200ms;
+
background-color: #D0E090;
−
            -o-transition-delay: 200ms;
+
margin:0 auto;
−
            transition-delay: 200ms;
+
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);
 +
}
  
−
        .menuss li:hover .submenuss li:nth-child(6) {
+
.flip-container, .front,.back{
−
            -webkit-transition-delay: 250ms;
+
width: 320px;
−
            -moz-transition-delay: 250ms;
+
height: 490px;
−
            -ms-transition-delay: 250ms;
+
}
−
            -o-transition-delay: 250ms;
+
−
            transition-delay: 250ms;
+
−
        }
+
  
−
        .menuss li:hover .submenuss li:nth-child(7) {
+
/* flip speed goes here */
−
            -webkit-transition-delay: 300ms;
+
.flipper {
−
            -moz-transition-delay: 300ms;
+
transition: 0.4s;
−
            -ms-transition-delay: 300ms;
+
transform-style: preserve-3d;
−
            -o-transition-delay: 300ms;
+
−
            transition-delay: 300ms;
+
−
        }
+
  
−
        .menuss li:hover .submenuss li:nth-child(8) {
+
position: relative;
−
            -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) {
+
/* hide back of pane during swap */
−
            -webkit-transition-delay: 300ms;
+
.front, .back {
−
            -moz-transition-delay: 300ms;
+
-webkit-backface-visibility: hidden;
−
            -ms-transition-delay: 300ms;
+
    -moz-backface-visibility: hidden;
−
            -o-transition-delay: 300ms;
+
−
            transition-delay: 300ms;
+
−
        }
+
  
−
        .submenuss li:nth-child(3) {
+
-ms-backface-visibility: hidden;
−
            -webkit-transition-delay: 250ms;
+
-o-backface-visibility: hidden;
−
            -moz-transition-delay: 250ms;
+
−
            -ms-transition-delay: 250ms;
+
−
            -o-transition-delay: 250ms;
+
−
            transition-delay: 250ms;
+
−
        }
+
  
−
        .submenuss li:nth-child(4) {
+
position: absolute;
−
            -webkit-transition-delay: 200ms;
+
top: 0;
−
            -moz-transition-delay: 200ms;
+
left: 0;
−
            -ms-transition-delay: 200ms;
+
    border-radius:30px
−
            -o-transition-delay: 200ms;
+
}
−
            transition-delay: 200ms;
+
−
        }
+
  
−
        .submenuss li:nth-child(5) {
+
/* front pane, placed above back */
−
            -webkit-transition-delay: 150ms;
+
.front {
−
            -moz-transition-delay: 150ms;
+
z-index: 1;
−
            -ms-transition-delay: 150ms;
+
}
−
            -o-transition-delay: 150ms;
+
−
            transition-delay: 150ms;
+
−
        }
+
  
−
        .submenuss li:nth-child(6) {
+
/* back, initially hidden pane */
−
            -webkit-transition-delay: 100ms;
+
.back {
−
            -moz-transition-delay: 100ms;
+
transform: rotateY(180deg);
−
            -ms-transition-delay: 100ms;
+
background-color: #D0E090;
−
            -o-transition-delay: 100ms;
+
font-size: 20px
−
            transition-delay: 100ms;
+
}
−
        }
+
.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;
  
−
        .submenuss li:nth-child(7) {
+
}
−
            -webkit-transition-delay: 50ms;
+
</style>
−
            -moz-transition-delay: 50ms;
+
<div>
−
            -ms-transition-delay: 50ms;
+
<div class="secondbg">
−
            -o-transition-delay: 50ms;
+
<div class="fgx2"></div>
−
            transition-delay: 50ms;
+
<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>
  
−
        .submenuss li:nth-child(8) {
+
−
            -webkit-transition-delay: 0s;
+
−
            -moz-transition-delay: 0s;
+
<div class="botpic">
−
            -ms-transition-delay: 0s;
+
    <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
−
            -o-transition-delay: 0s;
+
      <div class="flipper">
−
            transition-delay: 0s;
+
        <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>
  
−
    </style>
+
 
−
   
+
−
    <div class="nav">
+
 
−
    <ul class="menuss">
+
<div class="botpic">
−
        <li class="xyz"><a href="https://2017.igem.org/Team:FAFU-CHINA">HOME</a></li>
+
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
−
        <li><a href="javascript:;">PROJECT</a>
+
<div class="flipper">
−
            <ul class="submenuss">
+
<div class="front">
−
                <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>
+
<img src="https://static.igem.org/mediawiki/2017/0/0d/T--FAFU-CHINA--013.png">
−
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Results</a></li>
+
</div>
−
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Model">Model</a></li>
+
<div class="back">
−
                <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
+
<!-- 背面内容 -->
−
            </ul>
+
<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.
−
        </li>
+
          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>
−
        <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>
 +
</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">
 +
         
 +
          <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.
 +
          </p></div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div style="clear:both;"></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.