Difference between revisions of "Team:TJUSLS China/Design"

Line 1: Line 1:
 +
 
<html>
 
<html>
  
 
<head>
 
<head>
     <!-- head -->
+
     <meta charset="UTF-8">
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
     <title></title>
     <!--start slider -->
+
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&amp;ctype=text/css">
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
     <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script>
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider?action=raw&amp;ctype=text/css" media="all">
+
     <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_one?action=raw&ctype=text/javascript"></script>
     <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk_js?action=raw&ctype=text/javascript"></script>
+
     <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery_min?action=raw&ctype=text/javascript"></script>
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery_min?action=raw&ctype=text/javascript"></script>
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery-ui_min?action=raw&ctype=text/javascript"></script>
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider1?action=raw&ctype=text/javascript"></script>
+
    <!--end slider -->
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery-hover-effect?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript">
+
        //Image Hover
+
        jQuery(document).ready(function(){
+
            jQuery(function() {
+
                jQuery('ul.da-thumbs > li').hoverdir();
+
            });
+
        });
+
    </script>
+
    <!-- Add fancyBox main JS and CSS files -->
+
    <script src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery.magnific-popup?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_magnific-popup?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
+
    <script>
+
        $(document).ready(function() {
+
            $('.popup-with-zoom-anim').magnificPopup({
+
                type: 'inline',
+
                fixedContentPos: false,
+
                fixedBgPos: true,
+
                overflowY: 'auto',
+
                closeBtnInside: true,
+
                preloader: false,
+
                midClick: true,
+
                removalDelay: 300,
+
                mainClass: 'my-mfp-zoom-in'
+
            });
+
        });
+
    </script>
+
    <!--nav-->
+
    <script>
+
        $(function() {
+
            var pull = $('#pull');
+
            menu = $('nav ul');
+
            menuHeight = menu.height();
+
 
+
            $(pull).on('click', function(e) {
+
                e.preventDefault();
+
                menu.slideToggle();
+
            });
+
 
+
            $(window).resize(function(){
+
                var w = $(window).width();
+
                if(w > 320 && menu.is(':hidden')) {
+
                    menu.removeAttr('style');
+
                }
+
            });
+
        });
+
    </script>
+
 
+
    <!-- origin -->
+
    <script>
+
        buttonClick = {};
+
    </script>
+
    <title>Home</title>
+
    <!--<script src="js/jquery.min.js"></script>-->
+
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_bootstr?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all">
+
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta name="keywords" content="Solutem  Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/jquery-min?
+
action=raw&ctype=text/javascript"></script>
+
    <!---- start-smoth-scrolling---->
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/move-top?
+
action=raw&ctype=text/javascript"></script>
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/easing?
+
action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript">
+
        jQuery(document).ready(function($) {
+
            $(".scroll").click(function(event){
+
                event.preventDefault();
+
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
+
            });
+
        });
+
    </script>
+
    <!---End-smoth-scrolling---->
+
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_component?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"  />
+
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/modernizr.custom?
+
action=raw&ctype=text/javascript"></script>
+
 
</head>
 
</head>
 +
 
<style>
 
<style>
     #bodyContent h2 {
+
     .sec-list-wenzi h3 {
         font-size: 2em;
+
 
 +
        text-align: left;
 +
    }
 +
    .sec-list-wenzi {
 +
         text-align: center;
 
     }
 
     }
  
     .cbp-spmenu-push-toleft {
+
     .sec-list-wenzi .sec-wenzi-content {
         left: -115px;
+
         font-size: 18px;
 +
        padding: 0 3em;
 +
        text-align: left;
 +
        color: #000000;
 +
        margin-bottom: 10px;
 
     }
 
     }
  
     #content {
+
     .sec-list-wenzi > img{
        width: 100%;
+
         text-align: center;
        padding: 15px;
+
        border: none;
+
        color: black;
+
        margin-left: 20px;
+
        margin-right: auto;
+
         background-color: #ffffff;
+
        position: relative;
+
 
     }
 
     }
 +
    #content{width:100%;padding:0px;margin:0px;background-color: #ededed;}
 
     #sideMenu, #top_title
 
     #sideMenu, #top_title
 
     {
 
     {
 
         display: none;
 
         display: none;
 
     }
 
     }
 
+
    body{font: 16px sans-serif;}
     .right10{
+
     .footer_bg .footer {
         right: 10px;
+
         padding: 0;
 +
        border-top: 6px solid #222222;
 
     }
 
     }
     .right190{
+
     .footer_bg .footer_btm {
         right: 190px;
+
         margin-top: 4%;
 +
        border-top: none;
 +
        padding: 2% 4%;
 +
        padding-top: 2%;
 +
        max-width: 1458px;
 +
        margin: 0 auto;
 
     }
 
     }
  
 +
    .sec-list-wenzi .sec-wenzi-list {
 +
        font-weight: 900;
 +
        text-align: left;
 +
    }
 
</style>
 
</style>
 
<body>
 
<body>
<div class="cbp-spmenu-push" id="body">
+
<!--menu-->
    <div class="header_bg">
+
<div class="header-box">
        <div class="wrap">
+
    <div class="header">
            <div class="header">
+
        <!-- start h_menu4 -->
                <div class="logo">
+
        <div class="h_menu4">
                    <a href="index.html"><img src="images/logo.png" alt="" /></a>
+
            <a class="toggleMenu" href="">Menu</a>
                </div>
+
            <ul id="top_ul_my" class="nav">
                <!-- start h_menu4 -->
+
                <script>
                <div class="h_menu4">
+
                    function getHover(number){
                    <a class="toggleMenu" href="">Menu</a>
+
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
                    <ul id="top_ul_my" class="nav">
+
                        console.log(top_ul_my_lis);
                        <script>
+
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
                            function getHover(number){
+
                        else top_ul_my_lis[0].setAttribute("class", "active");
                                var top_ul_my_lis = $("#top_ul_my").find(">li");
+
                                if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
+
                                else top_ul_my_lis[0].setAttribute("class", "active");
+
  
                                for(var i = 1; i < top_ul_my_lis.length; i++){
+
                        for(var i = 1; i < top_ul_my_lis.length; i++){
                                    if(i == number) {
+
                            if(i == number) {
                                        top_ul_my_lis[i].setAttribute("class", "hover");
+
                                top_ul_my_lis[i].setAttribute("class", "hover");
                                    }else{
+
                            }else{
                                        top_ul_my_lis[i].setAttribute("class", "");
+
                                top_ul_my_lis[i].setAttribute("class", "");
                                    }
+
                                }
+
 
                             }
 
                             }
 +
                        }
 +
                    }
  
                            $(document).ready(function() {
+
                    $(".header").hover(function(event){
                                //console.log("ready");
+
                        event.stopPropagation();
                                var top_ul_my_lis = $("#top_ul_my").find(">li");
+
                        $('#top_ul_my li').attr("class","");
                                for(var i = 1; i < top_ul_my_lis.length; i++) {
+
                    });
                                    $(top_ul_my_lis[i]).mouseover(getHover(i));
+
                                }
+
                            });
+
  
                        </script>
+
                </script>
                        <li class="active"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li>
+
                <li onmouseover="getHover(0)"><a href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li>
                        <li ><a href="https://2016.igem.org/Team:TJUSLS_China/Project" class="root">project</a>
+
                <li onmouseover="getHover(1)" class=""><a href="" class="root">project</a>
                            <ul>
+
                    <ul>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
                               
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT/PROTOCOLS">protocols</a></li>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
+
                            </ul>
+
                        </li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
+
                            <ul>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
+
  
                            </ul>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
                         </li>
+
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">Results</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
+
                    </ul>
                            <ul>
+
                </li>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
+
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
+
                    <ul>
                             
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
  
                            </ul>
+
                    </ul>
                        </li>
+
                </li>
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
+
                <li class="active" onmouseover="getHover(3)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
+
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
                        </li>
+
  
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
+
                </li>
                            <ul>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
+
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
+
                             
+
  
                            </ul>
+
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
</li>
+
                    <ul>
                          
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
+
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
 +
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
  
                            <ul>
+
                    <ul>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
                            </ul>
+
                        </li>
+
 
                     </ul>
 
                     </ul>
                    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&ctype=text/javascript"></script>
+
                </li>
                </div>
+
            </ul>
                <!-- end h_menu4 -->
+
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
 
+
                <div class="clear"></div>
+
            </div>
+
 
         </div>
 
         </div>
 +
        <!-- end h_menu4 -->
 +
        <div class="clear"></div>
 
     </div>
 
     </div>
 +
    <div class="sec-menu">
 +
        <img class="sec-menu-dot" src="https://static.igem.org/mediawiki/2016/f/f9/T--TJUSLS_China--sec-menu.png"/>
 +
        <img class="sec-menu-close" src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--sec-menu-close.png"/>
 +
        <ul>
 +
            <li><a href="#part1">Overview</a></li>
 +
            <li><a href="#part2">Training Protein System</a></li>
 +
            <li><a href="#part3">Hydrophobic Protein</a></li>
  
     <!--header-banner-->
+
        </ul>
     <div class="header-banner">
+
     </div>
         <div class="banner-grids">
+
</div>
             <div class="baneer-grid1">
+
<!--title-->
 +
<div class="second-title">
 +
    Design
 +
     <div class="second-title-img">
 +
         <img src="https://static.igem.org/mediawiki/2016/8/86/T--TJUSLS_China--second-logo.png"/>
 +
    </div>
 +
</div>
 +
<!--content-->
 +
<div class="second-content">
 +
    <div class="sec-list-wenzi">
 +
        <h3 id="part1">Overview</h3>
 +
        <div class="sec-wenzi-content">Our team aimed to create a training protein system. We put a lot of effort to let the modified enzymes have a better work. First, Our team turned to get the enzyme’s three-dimensional structure. After that, the system was separated into two parts to improve its activity. One was to mutate its gene sequence; another was to make a surface display separately using E.coli and Yeast. Besides, we used the hydrophobic protein to modify the surface of reaction system to increase its activity. The project was impressive in a number of ways.
 +
             <br>Crucially, we went to the Environmental Protection Agency (EPA) to discuss with experts in the field of Plastic recycling and degradation. We understood more deeply the problem we were facing to solve and how to put the thoughts into reality to solve the white pollution.
 +
        </div>
 +
        <h3 id="part2">Training Protein System</h3>
 +
        <div class="sec-wenzi-content">This time, we put forward a new system about enzymology called Training Protein. System. It can be applied on every enzyme. According to its self-characteristic, people will do targeted modify on the enzyme in order to an extensive application.
 +
            <br>Frist and the foremost, researchers should analyze the three-dimensional enzyme structure and understand its characteristic for well-directed proceeding to the next section. The next step has two paths, one is directed mutation, which site is chosen by analyzing the three-dimensional protein structure to find its functional domains, and the other is surface display. Surface display can improve the catalytic efficiency of the enzyme, and avoid the trouble of protein purification.
 +
        </div>
  
            </div>
 
            <div class="baneer-grid2">
 
  
            </div>
+
        <h3 id="part3">Hydrophobic Protein</h3>
            <div class="baneer-grid3">
+
        <div class="sec-wenzi-content">This year, we focus on solving the white pollution problem. Not only do we manage to put Training Protein System into use on PETase, but, on the basis of the character of PETase degradation, our project has been extended.We have improved the function and characterization of two previously existing BioBrick Part which are created by our own team in a previous year of iGEM(BBa_K1582000&BBa_K1582001).Our particular desigin is shown as follows.</div>
 +
        <div class="sec-wenzi-list" style="text-align: center"><a href="http://parts.igem.org/Part:BBa_K1582000">BBa_K1582000</a></div>
 +
        <div class="sec-wenzi-list" style="text-align: center"><a href="http://parts.igem.org/Part:BBa_K1582001">BBa_K1582001</a></div>
  
             </div>
+
        <div class="sec-wenzi-content">Hydrophobin is a small molecular weight protein produced by filamentous fungi, which is characterized by the ability to form a layer of amphiphilic protein membrane at the interface in order to reverse the nature of the interface covered. Hydrophobin amphipathicity refers to the hydrophobic nature that the hydrophilic end of a hydrophobin. The hydrophobic protein and PETase fuse fusion protein, whose characteristics are adsorption of PET film and PET film properties degradation.
 +
             <br>The yeast cell wall is hydrophilic while the hydrophobic protein is hydrophobic. Due to its amphiphilic nature, the hydrophobic protein binds to the surface of yeast cells spontaneously and binds the hydrophobic surface toward the extracellular side, which adsorbs the PET film through the hydrophobic interaction force. Utilized amphiphilic and high temperature, acid and alkali resistance characteristics of hydrophobic protein, co-display the PETase and hydrophobic protein on the surface of eukaryotic cells helps in greatly improving the enzyme activity and broaden the reaction conditions of the enzyme.
 +
            <br>At present, result in yeast industrial fermentation technology matures, using yeast as the host cell is conducive to the future industrial applications.
 +
</div>
  
            <div class="clearfix"></div>
+
        <img src="https://static.igem.org/mediawiki/2016/2/20/T--TJUSLS_China--Design1.jpg" width="800" height="400">
        </div>
+
        <br><br><img src="https://static.igem.org/mediawiki/2016/c/cd/T--TJUSLS_China--Design2.jpg" width="800" height="400">
        <div class="top-header">
+
        <br><br><img src="https://static.igem.org/mediawiki/2016/a/a8/T--TJUSLS_China--design.jpg" width="800" height="400">
            <div class="container">
+
                <div class="logo">
+
                    <a href="index.html">TJUSLS</a>
+
                </div>
+
                <div class="top-nav">
+
                    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
+
                        <h3>Project</h3>
+
                        <a href="https://2016.igem.org/wiki/index.php?title=Team:TJUSLS_China" class="active">home</a>
+
                        <a href="#part1">part1</a>
+
                        <a href="#part2">part2</a>
+
                        <a href="#part3">part3</a>
+
                        <a href="#part4">part4</a>
+
                        <a href="#part5">part5</a>
+
                    </nav>
+
                    <div class="main buttonset">
+
                        <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
+
                        <button id="showrightpush" onclick="buttonClick.showRightPush()"><img src="https://static.igem.org/mediawiki/2016/f/f6/Menu-icon.png" alt=""/></button>
+
                        <!--<span class="menu"></span>-->
+
                    </div>
+
                    <script>
+
                        buttonClick.swapClass=function(id, classa, classb){
+
                            var body = $("#"+id);
+
                            var classnames = body.attr("class").split(" ");
+
                            var isFirst = true;
+
                            var newclassname = "";
+
                            for(i=0; i < classnames.length; i++){
+
                                if(classnames[i] == "") continue;
+
                                if(classnames[i] == classa){
+
                                    newclassname += " " + classb;
+
                                    isFirst = false;
+
                                }else if(classnames[i] == classb){
+
                                    newclassname += " " + classa;
+
                                    isFirst = false;
+
                                }else{
+
                                    newclassname += " " + classnames[i];
+
                                }
+
                            }
+
                            if(isFirst) newclassname += " " + classa;
+
                            body.attr("class", newclassname);
+
                        };
+
                        buttonClick.showRightPush=function(){
+
                            buttonClick.swapClass('body', 'cbp-spmenu-push-toleft', '');
+
                            buttonClick.swapClass('cbp-spmenu-s2', 'cbp-spmenu-open', '');
+
                            buttonClick.swapClass('toTop', 'right190', 'right10');
+
                        }
+
                    </script>
+
  
                    <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
 
                    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/classie?
 
action=raw&ctype=text/javascript"></script>
 
                    <!-- /script-for-menu -->
 
                </div>
 
                <div class="clearfix"> </div>
 
            </div>
 
        </div>
 
    </div>
 
    <!--end-header-->
 
    <div class="content">
 
        <!--welcome-->
 
        <!--<div class="welcome">
 
            <div class="container">
 
                <div class="welcome-grid">
 
                    <div class="col-md-6 welcom-grid">
 
                        <img src="https://static.igem.org/mediawiki/2016/f/fd/Img7.jpg" class="img-responsive" alt="/">
 
                    </div>
 
                    <div class="col-md-6 welcom-grid1">
 
                        <h3>welcome!</h3>
 
                        <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. </p>
 
                    </div>
 
                </div>
 
 
             </div>
 
             </div>
  
        </div>-->
 
        <!--end-welcome-->
 
        <!--charities-->
 
        <!--<div class="charities">
 
            <div class="container">
 
                <h3>our charities</h3>
 
                <div class="charitie-grids">
 
                    <div class="col-md-3 charitie-grid">
 
                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
 
                        <h4>Adoption Child</h4>
 
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
                    </div>
 
                    <div class="col-md-3 charitie-grid">
 
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
 
                        <h4>Charity actions</h4>
 
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
                    </div>
 
                    <div class="col-md-3 charitie-grid">
 
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
 
                        <h4>Child Protection</h4>
 
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
                    </div>
 
                    <div class="col-md-3 charitie-grid">
 
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
 
                        <h4>Pellentesque sed</h4>
 
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
                    </div>
 
                    <div class="clearfix"></div>
 
                </div>
 
            </div>
 
        </div>-->
 
        <!--charities-->
 
        <!--<div class="Testimonials" id="testimonials">
 
            <div class="container">
 
                <div class="testimonial-header">
 
                    <h3>testimonial</h3>
 
                </div>
 
                <div class="test-monials">
 
                    &lt;!&ndash; start content_slider &ndash;&gt;
 
                    <div id="owl-demo" class="owl-carousel">
 
                        <div class="item">
 
                            <div class="testmonial-text">
 
                                <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. </p>
 
                                <h4><a href="#">John Doe</a></h4>
 
                            </div>
 
                            <div class="clearfix"> </div>
 
                        </div>
 
                        <div class="item">
 
                            <div class="testmonial-text">
 
                                <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p>
 
                                <h4><a href="#">Mark Trand</a></h4>
 
                            </div>
 
                            <div class="clearfix"> </div>
 
                        </div>
 
                        <div class="item">
 
                            <div class="testmonial-text">
 
                                <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p>
 
                                <h4><a href="#">John Doe</a></h4>
 
                            </div>
 
                            <div class="clearfix"> </div>
 
                        </div>
 
  
                    </div>
+
             <div class="clear"></div>
 
+
                    &lt;!&ndash;&#45;&#45;sreen-gallery-cursual&#45;&#45;&ndash;&gt;
+
                    <div class="sreen-gallery-cursual">
+
                        &lt;!&ndash; requried-jsfiles-for owl &ndash;&gt;
+
                        <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_owl_carousel?action=raw&amp;ctype=text/css">
+
                        <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/owl_carousel?action=raw&amp;ctype=text/javascript"></script>
+
                        <script>
+
                            $(document).ready(function() {
+
                                $("#owl-demo").owlCarousel({
+
                                    items : 1,
+
                                    lazyLoad : true,
+
                                    autoPlay : true,
+
                                    navigation : false,
+
                                    navigationText :  false,
+
                                    pagination : true,
+
                                });
+
                            });
+
                        </script>
+
                        &lt;!&ndash; //requried-jsfiles-for owl &ndash;&gt;
+
                    </div>
+
                </div>
+
             </div>
+
        </div>-->
+
        <!---- testmonials ---->
+
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >aaaa</a></div>
+
        <!--event-water-->
+
        <div class="event">
+
            <div class="container">
+
                <h3>Recent from the event</h3>
+
                <div class="event-grids">
+
                    <div class="col-md-4 event-grid">
+
                        <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg"  class="img-responsive" alt="/">
+
                        <p class="link">09/05/2015 by<a href="#">Admin</a>13 comments</p>
+
                        <h4><a href="#">Vestibulum iaculis</a></h4>
+
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p>
+
                    </div>
+
                    <div class="col-md-4 event-grid">
+
                        <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg"  class="img-responsive" alt="/">
+
                        <p class="link">19/8/2013 by<a href="#">Admin</a>10 comments</p>
+
                        <h4><a href="#">Pellentesque sed dolor</a></h4>
+
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p>
+
                    </div>
+
                    <div class="col-md-4 event-grid">
+
                        <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg"  class="img-responsive" alt="/">
+
                        <p class="link">29/9/2015 by<a href="#">Admin</a>09 comments</p>
+
                        <h4><a hrf="#">Vestibulum iaculis</a></h4>
+
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p>
+
                    </div>
+
                    <div class="clearfix"></div>
+
                    <div style="background-color: #eee">
+
                        <div id="part1">
+
                            <p>
+
                                1111111111111111111111111111111111111111111111111
+
                                PETase
+
                                PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究:
+
                                第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。
+
                            </p>
+
                            <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/">
+
                        </div>
+
 
+
                        <div id="part2">
+
                            <p>
+
                                2222222222222222222222222222222222222222222222222
+
                                PETase
+
                                PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究:
+
                                第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。
+
                            </p>
+
                            <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/">
+
                        </div>
+
                        <div id="part3">
+
                            <p>
+
                                333333333333333333333333333333333333333333333333
+
                                PETase
+
                                PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究:
+
                                第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。
+
                            </p>
+
                            <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/">
+
                        </div>
+
                        <div id="part4">
+
                            <p>
+
                                44444444444444444444444444444444444444444444444444
+
                                PETase
+
                                PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究:
+
                                第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。
+
                            </p>
+
                            <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/">
+
                        </div>
+
                        <div id="part5">
+
                            <p>
+
                                55555555555555555555555555555555555555555555555555
+
                                PETase
+
                                PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究:
+
                                第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。
+
                            </p>
+
                            <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/">
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
         </div>
 
         </div>
        <!--event-->
 
        <!--contact-->
 
        <!--    <div class="contactus">
 
                <div class="container">
 
                    <div class="contactus-grids">
 
                        <div class="col-md-6 contactus-grid">
 
                            <h3>contact us</h3>
 
  
                                <span>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below
+
        <div class="wenzi-end"></div>
                                    for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum
+
        <div class="up"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg"/></div>
                                    et Malorum" by Cicero are also reproduced in their exact original form,
+
    </div>
                                    accompanied by English versions from the 1914 translation by H. Rackham.</span>
+
    <!--foot-->
                            <address>
+
    <div class="footer_bg">
                                <p>The Company Name Inc.</p>
+
        <div class="foot_wrap">
                                <p>7899 St Vincent Place,</p>
+
            <div class="footer">
                                <p>Glasgow,Le 99 Pr 45.</p>
+
                <div class="footer_btm">
                                <p>Telephone: +1 800 603 6035</p>
+
                    <div class="copy">
                                <p>FAX: +1 800 889 9898</p>
+
                         <p class="w3-link">Copyright 2016 TJUSLS</p>
                                <p>E-mail: <a href="mailto:example@mail.com">example@mail.com</a></p>
+
                            </address>
+
 
+
                        </div>
+
                        <div class="col-md-6 google-map">
+
                        </div>
+
                         <div class="clearfix"></div>
+
 
                     </div>
 
                     </div>
 +
                    <div class="clear"></div>
 
                 </div>
 
                 </div>
            </div>-->
 
        <!--end-contact-->
 
    </div >
 
    <div class="footer-section">
 
        <div class="container">
 
            <div class="footer-top">
 
                <p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">aaa</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">aaa</a></p>
 
 
             </div>
 
             </div>
            <script type="text/javascript">
 
                $(document).ready(function() {
 
                    /*
 
                    var defaults = {
 
                    containerID: 'toTop', // fading element id
 
                    containerHoverID: 'toTopHover', // fading element hover id
 
                    scrollSpeed: 1200,
 
                    easingType: 'linear'
 
                    };
 
                    */
 
 
                    $().UItoTop({ easingType: 'easeOutQuart' });
 
 
                });
 
            </script>
 
            <a href="#" id="toTop" class="right10" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
</div>
 
 
</body>
 
</body>
 
 
</html>
 
</html>

Revision as of 03:20, 19 October 2016

Menu
Design

Overview

Our team aimed to create a training protein system. We put a lot of effort to let the modified enzymes have a better work. First, Our team turned to get the enzyme’s three-dimensional structure. After that, the system was separated into two parts to improve its activity. One was to mutate its gene sequence; another was to make a surface display separately using E.coli and Yeast. Besides, we used the hydrophobic protein to modify the surface of reaction system to increase its activity. The project was impressive in a number of ways.
Crucially, we went to the Environmental Protection Agency (EPA) to discuss with experts in the field of Plastic recycling and degradation. We understood more deeply the problem we were facing to solve and how to put the thoughts into reality to solve the white pollution.

Training Protein System

This time, we put forward a new system about enzymology called Training Protein. System. It can be applied on every enzyme. According to its self-characteristic, people will do targeted modify on the enzyme in order to an extensive application.
Frist and the foremost, researchers should analyze the three-dimensional enzyme structure and understand its characteristic for well-directed proceeding to the next section. The next step has two paths, one is directed mutation, which site is chosen by analyzing the three-dimensional protein structure to find its functional domains, and the other is surface display. Surface display can improve the catalytic efficiency of the enzyme, and avoid the trouble of protein purification.

Hydrophobic Protein

This year, we focus on solving the white pollution problem. Not only do we manage to put Training Protein System into use on PETase, but, on the basis of the character of PETase degradation, our project has been extended.We have improved the function and characterization of two previously existing BioBrick Part which are created by our own team in a previous year of iGEM(BBa_K1582000&BBa_K1582001).Our particular desigin is shown as follows.
Hydrophobin is a small molecular weight protein produced by filamentous fungi, which is characterized by the ability to form a layer of amphiphilic protein membrane at the interface in order to reverse the nature of the interface covered. Hydrophobin amphipathicity refers to the hydrophobic nature that the hydrophilic end of a hydrophobin. The hydrophobic protein and PETase fuse fusion protein, whose characteristics are adsorption of PET film and PET film properties degradation.
The yeast cell wall is hydrophilic while the hydrophobic protein is hydrophobic. Due to its amphiphilic nature, the hydrophobic protein binds to the surface of yeast cells spontaneously and binds the hydrophobic surface toward the extracellular side, which adsorbs the PET film through the hydrophobic interaction force. Utilized amphiphilic and high temperature, acid and alkali resistance characteristics of hydrophobic protein, co-display the PETase and hydrophobic protein on the surface of eukaryotic cells helps in greatly improving the enzyme activity and broaden the reaction conditions of the enzyme.
At present, result in yeast industrial fermentation technology matures, using yeast as the host cell is conducive to the future industrial applications.