Difference between revisions of "Team:Scut-Champion-Park/Project/Overview.html/"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{Template:Team:SCUT/Home/mainhead}}
 
<html xmlns="http://www.w3.org/1999/xhtml" lang='en'><head>
 
<html xmlns="http://www.w3.org/1999/xhtml" lang='en'><head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Line 5: Line 5:
 
<meta http-equiv="cache-control" content="no-cache">
 
<meta http-equiv="cache-control" content="no-cache">
 
<title>iGEM - Champion Park</title>
 
<title>iGEM - Champion Park</title>
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
body {
+
<script type="text/javascript" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script>
background-color: #1b1f37;
+
margin: 0;
+
padding: 0;
+
text-align: center;
+
font-size: 62.5%;
+
font-family: Helvetica;
+
}
+
a {
+
text-decoration: none;
+
}
+
table {
+
margin: 0;
+
padding: 0;
+
border: none;
+
border-spacing: 0;
+
}
+
.clear {
+
clear: both;
+
}
+
.header {
+
position: relative;
+
margin: 0 auto;
+
}
+
.banner {
+
margin: 0 auto;
+
min-height: 600px;
+
width: 100%;
+
background: url("https://static.igem.org/mediawiki/2015/f/f3/Igem_header_image.png") no-repeat ;
+
background-size: 100%;
+
}
+
.igem_logo {
+
position: absolute;
+
left: 10%;
+
width: 105px;
+
height: 141px;
+
background: url("https://static.igem.org/mediawiki/2015/0/08/Igem_logo.png") no-repeat ;
+
}
+
.team_logo {
+
margin: 0 auto;
+
width: 257px;
+
height: 240px;
+
background: url("https://static.igem.org/mediawiki/2015/b/bd/Team_logo.png") no-repeat ;
+
}
+
.menu_left {
+
float: left;
+
margin-top: 99px;
+
height: 42px;
+
width: 8%;
+
line-height: 42px;
+
background-color: #000000;
+
filter:alpha(opacity=75); 
+
    -moz-opacity:0.75; 
+
    -khtml-opacity: 0.75; 
+
    opacity: 0.75;
+
}
+
.menu_right {
+
float: right;
+
margin-top: 99px;
+
height: 42px;
+
width: 80%;
+
line-height: 42px;
+
background-color: #000000;
+
filter:alpha(opacity=75); 
+
    -moz-opacity:0.75; 
+
    -khtml-opacity: 0.75; 
+
    opacity: 0.75;
+
    z-index: 333;
+
    position: relative;
+
}
+
.menu-bar {
+
margin-right: 20px;
+
}
+
.menu-table {
+
margin: 0 auto;
+
}
+
.menu-table td {
+
vertical-align: top;
+
}
+
.menu-table td span{
+
color: #1cc9f1;
+
  display: inline-block;
+
  font-size: 1.3em;
+
  font-weight: bold;
+
  height: 32px;
+
  margin: 0;
+
  padding: 0;
+
}
+
.menu-table td p:hover {
+
cursor: pointer;
+
}
+
.menu-list {
+
margin:-4px 0 0 0;
+
padding: 0;
+
list-style: none;
+
display: none;
+
}
+
.menu-list li {
+
text-align: center;
+
line-height: 20px;
+
margin-bottom: 2px;
+
color: #1b1f3a;
+
background-color: #a4e9f9;
+
font-size: 1.2em;
+
z-index: 333;
+
}
+
.menu-list li:hover{
+
color: #77dff7;
+
background-color: #1b1f3a;
+
cursor: pointer;
+
}
+
  
/* ----黑色遮罩层----- */
 
.container-decorator {
 
min-height: 345px;
 
margin: 0 auto;
 
}
 
.container-decorator-shade {
 
position: relative;
 
left: 50%;
 
margin-left: -512px;
 
width: 1024px;
 
height: 206px;
 
background: url("https://static.igem.org/mediawiki/2015/3/3a/Container_shade.png") no-repeat;
 
background-size: 100%;
 
z-index: 0;
 
}
 
.container-decorator-content {
 
position: relative;
 
left: 50%;
 
margin-left: -512px;
 
width: 1024px;
 
min-height: 587px;
 
background-color: #000000;
 
z-index: 0;
 
 
filter:alpha(opacity=60); 
 
    -moz-opacity:0.60; 
 
    -khtml-opacity: 0.60; 
 
    opacity: 0.60;
 
 
    border-bottom-left-radius: 7px;
 
    -moz-border-bottom-left-radius: 7px;
 
    -webkit-border-bottom-left-radius: 7px;
 
    border-bottom-right-radius: 7px;
 
    -moz-border-bottom-right-radius: 7px;
 
    -webkit-border-bottom-right-radius: 7px;
 
 
}
 
/* ----黑色遮罩层----- */
 
 
/* ----主要内容部分----- */
 
.content-container {
 
margin: 0 auto;
 
font-family: "Microsoft YaHei"  !important;
 
text-align: center;
 
z-index: 666;
 
}
 
.main-container {
 
position: relative;
 
left: 50%;
 
margin-left: -512px;
 
width: 1024px;
 
min-height: 818px;
 
}
 
.content {
 
padding: 0px;
 
}
 
 
/* ----主要内容部分----- */
 
 
.footer {
 
min-height: 200px;
 
width: 100%;
 
background: url("https://static.igem.org/mediawiki/2015/1/11/Igem_footer_image.png") no-repeat ;
 
background-size: 100% 100%;
 
font-family: "Microsoft YaHei"  !important;
 
}
 
.team_info {
 
padding-top: 44px;
 
color: #ffffff;
 
filter:alpha(opacity=24); 
 
    -moz-opacity:0.24; 
 
    -khtml-opacity: 0.24; 
 
    opacity: 0.24;
 
}
 
 
</style>
 
  
 
<style type="text/css">
 
<style type="text/css">
Line 208: Line 22:
 
background:url("https://static.igem.org/mediawiki/2015/b/b5/Project-Overview-bg.png") no-repeat;
 
background:url("https://static.igem.org/mediawiki/2015/b/b5/Project-Overview-bg.png") no-repeat;
 
}
 
}
+
#overview-shade{
 +
        height:1106px;
 +
        min-height:1105px;
 +
}
 
#background-text{
 
#background-text{
 
margin-left:30px;
 
margin-left:30px;
Line 258: Line 75:
  
  
<script type="text/javascript">
+
function setElementSize() { //动态设置各元素尺寸
+
var doc_width = $(document).width();
+
var header_width = doc_width * 0.4887;
+
var footer_width = doc_width * 0.1541;
+
 
+
$(".banner").css('min-height', header_width); //设置header背景图片高度
+
$(".footer").css('min-height', footer_width); //设置footer背景图片高度
+
$(".container-decorator").css('margin-top', -(header_width-175)); //设置遮罩层高度
+
$(".container-decorator-content ").css('height', $(".content-container").height()-206); //设置主遮罩层宽度
+
$(".content-container").css('margin-top', -$(".container-decorator").height()); //设置main-container高度
+
}
+
 
+
$(function($) {
+
setElementSize();
+
 
+
/*  下拉菜单 */
+
$(".menu-table td").bind("mouseover", function() {
+
$(this).children(".menu-list").slideDown();
+
});
+
$(".menu-table td").bind("mouseleave", function() {
+
$(this).children(".menu-list").slideUp();
+
});
+
 
+
/* 菜单点击事件 */
+
$(".menu-list li").bind('click', function() {
+
$(".menu-tag").css('border-bottom', 'none'); //清除所有下划线
+
$(this).parent().siblings('.menu-tag').css('border-bottom', '3px solid #a4e9f9'); //在对应父菜单条目下添加下划线
+
 
+
var li_obj = $(this);
+
var url = './' + $(this).attr('url'); //获取页面url
+
$.ajax({
+
url: url,
+
type: 'GET',
+
success:  function(html){
+
$(".content").html(html);
+
}
+
 
+
})
+
.done(function() {
+
console.log("success");
+
 
+
})
+
.fail(function() {
+
console.log("error");
+
})
+
.always(function() {
+
console.log("complete");
+
});
+
});
+
});
+
</script>
+
 
</head>
 
</head>
 
<body >
 
<body >
Line 370: Line 136:
 
         <div class="container-decorator">
 
         <div class="container-decorator">
 
             <div class="container-decorator-shade"></div>
 
             <div class="container-decorator-shade"></div>
             <div class="container-decorator-content"></div>
+
             <div id="overview-shade" class="container-decorator-content"></div>
 
           </div>
 
           </div>
 
           <!---        黑色遮罩层      -->
 
           <!---        黑色遮罩层      -->

Latest revision as of 02:18, 13 September 2015

Template:Team:SCUT/Home/mainhead iGEM - Champion Park

Project Achievements

Our Tetracycline biosensor can detect the tetracycline residues in agricultural products (such as: meat, eggs, milk, etc.). By using the approach of synthetic biology, our Tetracycline biosensor provides a new way to detect tetracycline. Click here to see the complete achievement.

Background

Currently, the overuse of antibiotics has not been effectively regulated in China. A survey from 4152 Internet users of 31 provinces and autonomous regions in China shows that 74% investigation families have been or have equipped with antibiotics. Moreover, the application rate of antibiotics in hospitalized patients is 80% in China, far more than the international standards (30%).


Many problem stems are from overuse and misuse of antimicrobial agents in human medicine, however, large-scale use of antimicrobials in agriculture also contributes to the crisis. For treatment, prevention of diseases and the need of promoting animal growth, some of the farmers use antibiotics extensively which cause the rise of antibiotic-resistant pathogens. Yonghong Xiao, professor of Clinical Pharmacology Research Institute of Peking University, pointed out that the annual production of raw materials antibiotics close to 210,000 tons, while 97,000 tons antibiotics is used in livestock breeding industry, which accounted for 46.1% of the total production.

Motivation and Innovation

The misuse of antibiotics is endangering human health and ecological balance. In terms of medicine use, we can develop standards to use antibiotics reasonably. But agricultural uses of antibiotics produce environmental exposures in a variety of reservoirs, which are impossible to be guarded against. Our group hopes to use synthetic biology method to provide a simple, reliable and efficient method for detecting the antibiotics.


After investigation, we choose tetracycline as the research object because of its extensive existence in animal husbandry. The overuse and misuse of antibiotics of tetracycline class may make these drugs residues in edible animal, which will cause a damage in human liver, kidney and digestive tract. A long-term residue will also make the bacteria microbial tolerance, which may cause a double infection.


Whereas,Currently antibiotics (including tetracycline) detection methods are more complex. Not only the instruments are very expensive, but also the cost of detection is high, which brings many inconvenience to the sample detection. Our group hopes to use synthetic biology to provide a simple, reliable and efficient method for the detection of antibiotics. And we hope it can serve testing organizations and the ordinary families to ensure their food safe.

Project Proposals

Our group constructed the tetracycline inducible expression system. And through plasmid mediated, the system was transfected into Escherichia coli TOP10 and GS115 Pichia pastoris. It can generate a rtTA transcription activation factor in cells. RtTA combining with tetracycline antibiotics can activate the fluorescent protein expression system, which can instructs the tetracycline class of antibiotics by fluorescence detection.

rtTA: combined with rTetR (reverse TetR) and VP16 transcriptional activation of regional. RTetR derived from the mutation of the 4 amino acids in TetR.

The fluorescent protein expression system: TRE (Tet-responsive element), PminCMV (minimal CMV minimal promoter promoter) and fluorescent protein gene composed of it.