Team:LZU-China/hp

From 2014.igem.org

(Difference between revisions)
(Created page with "- →This page is Human Practice: ")
 
(17 intermediate revisions not shown)
Line 1: Line 1:
-
/*This page is Human Practice*/
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns=" http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 +
<title>LZU-China 2014</title>
 +
<style type="text/css">
 +
 
 +
body,ul,li,ol{list-style:none;padding:0px;margin:0px;font-size:12px;font-family:微软雅黑;}
 +
img{border:0px;}
 +
.picList{width:100%;float:left;}
 +
.picList .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList .col img{width:100%;}
 +
.picList .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text
 +
 
 +
-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList2{width:100%;float:left;}
 +
.picList2 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList2 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList2 .col img{width:100%;}
 +
.picList2 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-
 +
 
 +
height:25px;padding:10px;opacity:0.8;text-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList3{width:100%;float:left;}
 +
.picList3 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList3 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList3 .col img{width:100%;}
 +
.picList3 .col a{
 +
display:block;
 +
width:580;
 +
height:377px;
 +
top:357px;
 +
background:rgba(0,0,0,0.7);
 +
color:white;
 +
font-style:normal;
 +
line-height:25px;
 +
padding:10px;
 +
opacity:0.8;
 +
text-decoration:none;
 +
}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList4{width:100%;float:left;}
 +
.picList4 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList4 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList4 .col img{width:100%;}
 +
.picList4 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-
 +
 
 +
height:25px;padding:10px;opacity:0.8;text-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList5{width:100%;float:left;}
 +
.picList5 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList5 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList5 .col img{width:100%;}
 +
.picList5 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-
 +
 
 +
height:25px;padding:10px;opacity:0.8;text-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList6{width:100%;float:left;}
 +
.picList6 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList6 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList6 .col img{width:100%;}
 +
.picList6 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-
 +
 
 +
height:25px;padding:10px;opacity:0.8;text-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList7{width:100%;float:left;}
 +
.picList7 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList7 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList7 .col img{width:100%;}
 +
.picList7 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-
 +
 
 +
height:25px;padding:10px;opacity:0.8;text-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
.picList8{width:100%;float:left;}
 +
.picList8 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
 +
.picList8 .col img,.col a{position:absolute;top:0px;left:0px;}
 +
.picList8 .col img{width:100%;}
 +
.picList8 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-
 +
 
 +
height:25px;padding:10px;opacity:0.8;text-decoration:none;}
 +
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}
 +
 
 +
*{margin:0px;padding:0px;}
 +
body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}
 +
b#p1, b#p2, b#p3, b#p4, b#p5 {display:none;}
 +
#accordian {padding:0; margin:20px auto; list-style:none; width:730px; height:300px; overflow:hidden; position:relative; border:1px solid #682;}
 +
#accordian li {width:50px; height:300px; float:left;
 +
-moz-transition: 0.7s;
 +
-ms-transition: 0.7s;
 +
-o-transition: 0.7s;
 +
-webkit-transition: 0.7s;
 +
transition: 0.7s;
 +
}
 +
#accordian div {width:530px; height:300px; position:relative;}
 +
#accordian div span {display:block; background:rgba(0,0,0,.3); width:460px; height:30px; position:absolute; bottom:300px; right:0; padding:10px; color:#fff;
 +
 
 +
font:normal 13px/30px 'georgia', serif; border-top:1px solid #000;
 +
}
 +
#accordian div span a {color:#fff;}
 +
#accordian li div > a {display:block; width:49px; height:300px; float:left; position:relative; color:#fff; text-decoration:none;box-shadow:-10px 0 10px -10px rgba
 +
 
 +
(0,0,0,0.6);}
 +
#accordian li div > a b {display:block; width:280px; padding-left:20px; height:50px; position:absolute; left:50px; bottom:0; font:bold 24px/50px 'georgia', serif;
 +
 
 +
text-shadow:0 0 2px rgba(0, 0, 0, 0.6);
 +
transform: rotate(-90deg);
 +
transform-origin:bottom left;
 +
-ms-transform: rotate(-90deg);
 +
-ms-transform-origin:bottom left;
 +
-webkit-transform: rotate(-90deg);
 +
-webkit-transform-origin:bottom left;
 +
-moz-transform: rotate(-90deg);
 +
-moz-transform-origin:bottom left;
 +
-o-transform: rotate(-90deg);
 +
-o-transform-origin:bottom left;
 +
}
 +
#accordian li div > a b {*left:0;}
 +
#accordian li img {display:block; float:left;}
 +
#accordian li.p1 {width:530px;}
 +
#accordian li.p1 div span {bottom:0;}
 +
#accordian li a.a1 {background:#b33866; border-left:1px solid #682;}
 +
#accordian li a.a2 {background:#8d4984; border-left:1px solid #9b5;}
 +
#accordian li a.a3 {background:#6559a1; border-left:1px solid #ce5;}
 +
#accordian li a.a4 {background:#3c6cc0; border-left:1px solid #ef7;}
 +
#accordian li a.a5 {background:#187adb; border-left:1px solid #28b;}
 +
#p1:target ~ #accordian li {width:50px;}
 +
#p1:target ~ #accordian li div span {bottom:300px;}
 +
#p1:target ~ #accordian li.p1 {width:530px;}
 +
#p1:target ~ #accordian li.p1 div span {bottom:0;}
 +
#p2:target ~ #accordian li {width:50px;}
 +
#p2:target ~ #accordian li div span {bottom:300px;}
 +
#p2:target ~ #accordian li.p2 {width:530px;}
 +
#p2:target ~ #accordian li.p2 div span {bottom:0;}
 +
#p3:target ~ #accordian li {width:50px;}
 +
#p3:target ~ #accordian li div span {bottom:300px;}
 +
#p3:target ~ #accordian li.p3 {width:530px;}
 +
#p3:target ~ #accordian li.p3 div span {bottom:0;}
 +
#p4:target ~ #accordian li {width:50px;}
 +
#p4:target ~ #accordian li div span {bottom:300px;}
 +
#p4:target ~ #accordian li.p4 {width:530px;}
 +
#p4:target ~ #accordian li.p4 div span {bottom:0;}
 +
#p5:target ~ #accordian li {width:50px;}
 +
#p5:target ~ #accordian li div span {bottom:300px;}
 +
#p5:target ~ #accordian li.p5 {width:530px;}
 +
#p5:target ~ #accordian li.p5 div span {bottom:0;}
 +
 
 +
 
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 
 +
body {
 +
background-color: #fff;
 +
}
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 
 +
.sidemenu li {display: block;}
 +
 
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 
 +
.sidemenu a.greyout { color: #909090; }
 +
 
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
 
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 
 +
.contentpara {margin-bottom: 30px;}
 +
 
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 
 +
fieldset {border: 1px solid #337f53;}
 +
 
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 
 +
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
 +
 
 +
.newsItem p {margin-top: 10px;}
 +
 
 +
.annItem {
 +
border: 2px solid #49b677;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
 +
 
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
 +
 
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 
 +
@charset "utf-8";
 +
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{
 +
margin:0;
 +
padding:0;
 +
font-size: 14px;
 +
text-align: left;
 +
}
 +
html{background-color:#e9ecec}
 +
table{table-layout:fixed;border-collapse:collapse}
 +
section,article,aside,header,footer,nav,dialog,figure{display:block}
 +
.clearfix:after{content:"\20";display:block;height:0;line-height:0;font-size:0;clear:both}
 +
body,button,input,select,textarea,td,th{color:#333;font:12px/1.5 tahoma,arial,\5b8b\4f53}
 +
h1,h2,h3,h4,h5,h6{font-size:100%}
 +
address,cite,dfn,em,var{font-style:normal}
 +
code,kbd,pre,samp{font-family:courier new,courier,monospace}
 +
small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#06C}
 +
a:hover{text-decoration:underline;color:#06C}
 +
sup{vertical-align:text-top}
 +
sub{vertical-align:text-bottom}
 +
legend{color:#000}
 +
fieldset,img{border:0 none}
 +
button,input,select,textarea{font-size:100%}
 +
table{
 +
border-collapse:collapse;
 +
border-spacing:0;
 +
text-align: center;
 +
}
 +
input:focus{outline:none}
 +
.hd-main{height:60px;background:#fff;z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333}
 +
.f-icon{background-image:url('http://www.codefans.net/jscss/demoimg/201403//frame-icon.png');background-repeat:no-repeat}
 +
.hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0}
 +
.hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
 +
.hd-main .pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}
 +
.hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent
 +
 
 +
transparent rgba(255, 255, 255,0.8) transparent;_filter:chroma(color=tomato);_border-color:tomato tomato rgba(255, 255, 255,0.8)
 +
 
 +
tomato;position:relative;display:block;left:20px;z-index:7}
 +
.hd-main .pulldown .content{background:rgba(255, 255, 255,0.8);color:#333;text-align:left;border-radius:3px;border:rgb(175,175,175) 1px solid;border-width:0 1px 1px
 +
 
 +
1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:6}
 +
.hd-main .pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
 +
.hd-main .logo{background-image:url('https://static.igem.org/mediawiki/2014/7/72/2014logomin.png');background-repeat:no-
 +
 
 +
repeat;display:block;height:36px;width:175px;float:left;margin-left:10px;background-position:0 0;margin-top:5px;display:inline}
 +
.hd-main .navs{padding:0 0 3px 25px;height:45px;float:left}
 +
.hd-main .navs a,.hd-main .info a,.hd-main .navs a:visited,.hd-main .info a:visited,.hd-main .navs a:active,.hd-main .info a:active{color:#d8d8d8}
 +
.hd-main .navs a:hover,.hd-main .navs a:active{text-decoration:none;background-color:#0f0f0f}
 +
.hd-main .navs .def-nav,.hd-main .navs .pulldown-nav,.hd-main .navs .separate{display:block;float:left;height:48px;font:18px/30px "Microsoft YaHei","Microsoft
 +
 
 +
JhengHei";color:#d8d8d8;text-align:center;width:125px;line-height:48px}
 +
.hd-main .navs .def-nav .app-url{left:185px;width:425px;top:48px}
 +
.hd-main .navs .def-nav .pulldown-canvas-url{width:575px;height:109px}
 +
.hd-main .navs .def-nav .app-url .arrow{left:140px}
 +
.hd-main .navs .app-url .content{padding:17px 0 0 22px;height:91px}
 +
.hd-main .navs .app-url .content a,.hd-main .navs .app-url .content a:hover{color:#333}
 +
.hd-main .navs .app-url .li{cursor:pointer;padding-top:8px;width:66px;height:66px;border-radius:3px;display:block;float:left;text-align:center}
 +
.hd-main .navs .app-url .li:hover{background-color:#e0e1e5}
 +
.hd-main .navs .app-url .li .icon{margin:0 auto;width:50px;height:50px;display:block;background:url('https://static.igem.org/mediawiki/2014/9/94/Icons50X50nb.png') no-
 +
 
 +
repeat}
 +
.hd-main .navs .app-url .li:hover .icon{background-image:url('https://static.igem.org/mediawiki/2014/9/94/Icons50X50nb.png')}
 +
.hd-main .navs .app-url .tongxunlu .icon{background-position:-50px 0}
 +
.hd-main .navs .app-url .xiangce .icon{background-position:-100px 0}
 +
.hd-main .navs .app-url .note .icon{background-position:-150px 0}
 +
.hd-main .navs .app-url .duanxin .icon{background-position:-200px 0}
 +
.hd-main .navs .app-url .zhaohui .icon{background-position:-250px 0}
 +
.hd-main .navs .app-url .youxi .icon{background-position:-300px 0}
 +
.hd-main .navs .app-url .li .text{height:30px;display:block;font:10px/30px "Microsoft YaHei","Microsoft JhengHei"}
 +
.hd-main .navs .separate{margin:0;height:48px;width:2px;background:#2A2B2D}
 +
.hd-main .navs .pulldown-nav{position:relative}
 +
.hd-main .navs .pulldown-nav em{
 +
position:absolute;
 +
display:block;
 +
left:99px;
 +
top:18px;
 +
height:12px;
 +
width:12px;
 +
font-size:0;
 +
background-position:-89px -45px
 +
}
 +
.hd-main .navs .pulldown-nav:hover .f-icon,.hd-main .navs .pulldown-nav:active .f-icon{position:absolute;display:block;right:11px;top:18px;height:12px;width:12px;font
 +
 
 +
-size:0;background-position:-89px -55px}
 +
.hd-main .navs .current,.hd-main .navs .current .pulldown-nav{font-weight:bold;color:#FFF;display:inline-block;width:125px;height:49px;background-color:#0f0f0f;text-
 +
 
 +
align:center;line-height:48px}
 +
.hd-main .navs .current:hover{color:#ECECEC}
 +
.hd-main .navs .current .hover{background-color:#dedede;color:#333;}
 +
.hd-main .info,.hd-main .info ul{height:36px;float:right;text-align:right;margin-top:3px;white-space:nowrap}
 +
.hd-main .info a{color:#d8d8d8}
 +
.hd-main .info a:hover{color:#FFF;text-decoration:underline}
 +
.hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-block;*display:inline;*zoom:1;height:16px;border-right:#393939 1px
 +
 
 +
solid;color:#d8d8d8;font:12px/16px "SimSun"}
 +
.hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0}
 +
.hd-main .info .has-pulldown{padding-right:28px}
 +
.hd-main .info .has-pulldown .pull-arrow{position:absolute;display:block;right:10px;top:1px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
 +
.hd-main .info .no-separate{border:none}
 +
.hd-main .info .user-name{position:relative;padding-left:24px}
 +
.hd-main .info .user-name .name{display:inline-block;display:inline\0;white-space:nowrap;max-width:75px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
 +
.hd-main .info .user-name .identity{position:absolute;top:0;left:0;height:16px;width:16px;background-position:-89px -88px}
 +
.hd-main .info .user-name .is-vip{background-position:-89px -68px}
 +
.hd-main .info .user-info,.hd-main .info .more-info{top:9px;left:auto;right:-24px;width:170px} /*User栏目宽度*/
 +
.hd-main .info .notice-nu{display:inline-block;padding-left:4px;background-position:-86px -109px;height:14px;-webkit-text-size-adjust:none;font-size:10px;font-
 +
 
 +
style:normal}
 +
.hd-main .info .notice-nu .f-icon{display:inline-block;padding-right:4px;background-position:right -109px;color:#FFF}  /*此处原为#FFF*/
 +
.hd-main .info .user-info .arrow{left:70px;*left:-32px}
 +
.hd-main .info .user-info .content,.hd-main .info .more-info .content{padding:10px 0;height:180px}
 +
.hd-main .info .more{padding:0;display:inline;line-height:inherit;background:none}
 +
.hd-main .info .more-info .content{height:150px}
 +
.hd-main .info .user-info .content a,.hd-main .info .more-info .content a{display:block;padding-left:33px;height:30px;line-height:30px;color:#888}
 +
.hd-main .info .user-info .content a:hover,.hd-main .info .more-info .content a:hover{color:#333;text-decoration:none;background:#e0e1e5}
 +
.hd-main .info .user-info .li,.hd-main .info .more-info .li{display:block;padding:2px 0;height:30px}
 +
.hd-main .info .user-info .separate-li,.hd-main .info .more-info .separate-li{display:block;margin:3px 11px;border-top:#EBEBEC 1px solid;border-bottom:#FFF 1px solid}
 +
.hd-main .info .more-info{right:0}
 +
.hd-main .info .more-info .arrow{left:94px;*left:-8px}
 +
#apDiv1 {
 +
position:absolute;
 +
left:3px;
 +
top:4px;
 +
width:100%;
 +
height:900px;
 +
z-index:0;
 +
background-color: #66CCFF;
 +
}
 +
/*<![CDATA[*/
 +
body {
 +
margin:0;
 +
padding:0 10px 0 10px;
 +
border:0;
 +
height:100%;
 +
overflow:auto;
 +
background-color: #FFF;
 +
}
 +
#menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:rgba(0,83,163,0);}
 +
* html #menu {position:absolute; right:16px; top:0;}/*only for ie*/
 +
html {overflow:auto !important; overflow:hidden;}
 +
 
 +
#apDiv2 {
 +
position:absolute;
 +
left:0;
 +
top:50px;
 +
width:100%;
 +
height:265px;
 +
z-index:0;
 +
background-color: #187BDB;
 +
}
 +
#apDiv3 {
 +
position:absolute;
 +
left:0px;
 +
top:328px;
 +
width:100%;
 +
height:150px;
 +
z-index:0;
 +
}
 +
#apDiv3 table tr td p {
 +
font-size: 15px;
 +
text-align: center;
 +
}
 +
#apDiv4 {
 +
position:absolute;
 +
left:0;
 +
top:704px;
 +
width:100%;
 +
height:56px;
 +
z-index:0;
 +
}
 +
#apDiv5 {
 +
position:absolute;
 +
left:0;
 +
top:9088px;
 +
width:100%;
 +
height:25;
 +
z-index:1;
 +
background-color: #5FC1C5;
 +
}
 +
#apDiv3 div {
 +
font-size: 46px;
 +
text-align: center;
 +
}
 +
#apDiv4 table tr td div {
 +
font-size: 45px;
 +
color: #000;
 +
text-align: left;
 +
}
 +
#apDiv4 table tr td table tr td {
 +
font-size: 16px;
 +
line-height: 30px;
 +
}
 +
body,td,th {
 +
color: #000;
 +
}
 +
#apDiv6 {
 +
position:absolute;
 +
left:575px;
 +
top:8977px;
 +
width:220px;
 +
height:221px;
 +
z-index:2;
 +
}
 +
#apDiv2 table tr td p {
 +
font-size: 45px;
 +
text-align: center;
 +
color: #FFF;
 +
font-weight: bold;
 +
}
 +
#apDiv7 {
 +
position:absolute;
 +
left:50%;
 +
top:226px;
 +
width:257px;
 +
height:151px;
 +
z-index:auto;
 +
}
 +
#apDiv3 div {
 +
font-size: 14px;
 +
}
 +
#apDiv8 {
 +
position:absolute;
 +
left:0;
 +
top:3780px;
 +
width:100%;
 +
height:470px;
 +
z-index:0;
 +
}
 +
#apDiv4 table tr td table tr td p {
 +
font-size: 18px;
 +
line-height: 32px;
 +
}
 +
#apDiv8 table tr td table tr td {
 +
font-size: 45px;
 +
}
 +
#apDiv8 table tr td table tr td p {
 +
font-size: 18px;
 +
line-height: 31px;
 +
}
 +
#apDiv9 {
 +
position:absolute;
 +
left:0px;
 +
top:5951px;
 +
width:100%;
 +
height:55px;
 +
z-index:0;
 +
}
 +
#apDiv9 table tr td table tr td table tr td {
 +
font-size: 35px;
 +
}
 +
#apDiv9 table tr td table tr td table tr td p {
 +
font-size: 18px;
 +
line-height: 31px;
 +
}
 +
#apDiv4 table tr td table tr td div div {
 +
font-size: 15px;
 +
}
 +
#apDiv4 table tr td table tr td table tr td {
 +
font-size: 15px;
 +
}
 +
#apDiv4 table tr td table tr td table tr td {
 +
font-size: 15px;
 +
}
 +
#apDiv8 table tr td table tr td table tr td {
 +
font-size: 18px;
 +
}
 +
#apDiv10 {
 +
position:absolute;
 +
left:0;
 +
top:6956px;
 +
width:1004px;
 +
height:539px;
 +
z-index:5;
 +
}
 +
#apDiv9 table tr td table tr td table tr td table tr td {
 +
font-size: 18px;
 +
}
 +
#apDiv11 {
 +
position:absolute;
 +
left:0;
 +
top:7040px;
 +
width:100%;
 +
height:140px;
 +
z-index:0;
 +
}
 +
#apDiv11 table tr td table tr td {
 +
font-size: 35px;
 +
}
 +
#apDiv11 table tr td table tr td p {
 +
font-size: 18px;
 +
line-height: 32px;
 +
}
 +
#apDiv11 table tr td table tr td table tr td {
 +
font-size: 18px;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body id="" class="">
 +
<div id="apDiv2">
 +
  <table width="100%" border="0" >
 +
    <tr>
 +
      <td width="1201" height="265" rowspan="2"><p><img src="https://static.igem.org/mediawiki/2014/0/03/5.HP.jpg" width="1366" height="270" /></p></td>
 +
      <td width="100%" height="199" bgcolor="#187ADB">&nbsp;</td>
 +
    </tr>
 +
    <tr>
 +
      <td height="70">&nbsp;</td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv3">
 +
  <p>&nbsp;</p>
 +
  <div>
 +
  <div id="info">
 +
<b id="p1"></b>
 +
<b id="p2"></b>
 +
<b id="p3"></b>
 +
<b id="p4"></b>
 +
<b id="p5"></b>
 +
<ul id="accordian">
 +
<li class="p1">
 +
<div>
 +
<a class="a1" href="#p1"><b>Investigate & Survey</b></a>
 +
<img src="https://static.igem.org/mediawiki/2014/9/9c/Ques1.jpg" alt="" title="">
 +
<span>We made the survey regardless of gender, nationality.</span>
 +
</div>
 +
</li>
 +
<li class="p2">
 +
<div>
 +
<a class="a2" href="#p2"><b>Team meeting</b></a>
 +
<img src="https://static.igem.org/mediawiki/2014/9/96/Meeting1.JPG" alt="" title="">
 +
<span>Team meeting were held punctually.</span>
 +
</div>
 +
</li>
 +
<li class="p3">
 +
<div>
 +
<a class="a3" href="#p3"><b>Meetups</b></a>
 +
<img src="https://static.igem.org/mediawiki/2014/1/1f/Mup2.JPG" alt="" title="">
 +
<span>Attending Meetups CCiC.</span>
 +
</div>
 +
</li>
 +
<li class="p4">
 +
<div>
 +
<a class="a4" href="#p4"><b>Information Sessions</b></a>
 +
<img src="https://static.igem.org/mediawiki/2014/6/64/Is1.JPG" alt="" title="">
 +
<span>Popularization of science</span>
 +
</div>
 +
</li>
 +
<li class="p5">
 +
<div>
 +
<a class="a5" href="#p5"><b>Cooperations</b></a>
 +
<img src="https://static.igem.org/mediawiki/2014/4/4f/Mkydi.jpg" alt="" title="">
 +
<span>Cooperation with Membrane Scientific Institution(Vertical Version Photo )</span>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
  </div>
 +
  <p>&nbsp;</p>
 +
  <table width="100%" border="0" align="center">
 +
    <tr>
 +
      <td width="20%">&nbsp;</td>
 +
    </tr>
 +
    <tr>
 +
      <td width="20%">&nbsp;</td>
 +
    </tr>
 +
    <tr>
 +
      <td width="20%">&nbsp;</td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv4" >
 +
  <p>&nbsp;</p>
 +
  <table width="100%" height="627" border="0">
 +
    <tr>
 +
      <td height="623" valign="top"><p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;INVESTIGATE AND SURVEY</div>
 +
      <table width="100%" border="0">
 +
        <tr>
 +
          <td width="30%">&nbsp;</td>
 +
          <td width="57%">&nbsp;
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We have designed  a questionnaire to survey the masses' attitude toward sewage treatment, power 
 +
 
 +
generation, and MFCs. This questionnaire was made up by 16 questions and the  respondents are random selected by all ages, genders and positions in China and 
 +
 
 +
U.K.&nbsp;</p>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td width="10%">&nbsp;</td>
 +
                <td width="100%">&nbsp;            <div>
 +
              <div class='picList'>
 +
<div class='col'>
 +
<img src='https://static.igem.org/mediawiki/2014/0/06/600_IMG_1495.jpg'/><a href='#'>Complete the survey<br/>Students are taught to complete the survey made
 +
 
 +
by our own.</a>
 +
</div>
 +
    </div>
 +
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
<script type="text/javascript">
 +
var temp=357;
 +
$('.picList .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
</script>
 +
          </div></td>
 +
              </tr>
 +
            </table>
 +
            <p>&nbsp;</p>
 +
 
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We have found that in China, 68.23%  of the respondents believe that they suffer from water pollution
 +
 
 +
and 15.38% of  them think their hometown is seriously polluted. But in U.K., surprisingly, 70.59%  of the people believe that they do not suffer from any kind of water
 +
 
 +
pollution.  This interesting phenomenon appears in London (which we initially thought the  water was serious polluted by industry long times ago), all of the
 +
 
 +
respondents  from London think that the water, for example in Thames, was clean and clear. </p>
 +
 
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
 +
 
 +
src="https://static.igem.org/mediawiki/2014/f/f9/Human1.jpg" width="600" height="400" /></p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;People  show hesitation towards sewage treatment using bacteria. 32.31% of the Chinese  respondents can
 +
 
 +
fully accept the recycled water using bacteria. For 64.62% of  them, recycled water using bacteria is not drinkable but it is acceptable for  toilet flushing. When
 +
 
 +
gene modified bacteria involved, this number is decreased  to 61.54%. Obviously, 9.23% of the Chinese people refuse to using this kind of  water and even 3.08% of them
 +
 
 +
fight against gene modified gem using for sewage  treatment. This situation is similar in U.K.&nbsp;  </p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2014/7/76/Human2.jpg"
 +
 
 +
width="600" height="400" /></p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Things have changed in Microbial Fuel Cells, Thermo power are the main  power supply for China and UK
 +
 
 +
(although most of the Englishmen do not know  that.&nbsp; These two countries, although  located in different continents, share different incomes and outcomes, 
 +
 
 +
demonstrates a similar trend about MFC. Over 84.62% of Chinese think that the  electric bill is not expensive and 82.35% of Britain respondents hold the same  view.
 +
 
 +
</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="https://static.igem.org/mediawiki/2014/c/c5/Human3.jpg" width="600"
 +
 
 +
height="400" /></p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;78.46% of the respondents in China believe that it is necessary for their  own country to develop the
 +
 
 +
use of MFCs, in U.K., this number is 52.94%. Overall, many people doubt it is safe to drink the water purified by bacteria,  but they are still optimistic to the
 +
 
 +
future of MFCs.&nbsp;&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="https://static.igem.org/mediawiki/2014/8/80/Human4.jpg" width="600"
 +
 
 +
height="400" /></p>
 +
            <p><br />
 +
            </p></td>
 +
          <td width="13%">&nbsp;</td>
 +
        </tr>
 +
      </table>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv5">
 +
  <table width="1365" border="0"">
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="1365" height="463"><img src="https://static.igem.org/mediawiki/2014/0/07/Dblbluebar.jpg"
 +
 
 +
width="1365" height="463" /></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv6"><img src="https://static.igem.org/mediawiki/2014/6/6e/Lzulogo.png" width="220" height="221" /></div>
 +
<div id="apDiv8">
 +
  <p>&nbsp;</p>
 +
  <table width="100%" border="0">
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"><p>&nbsp;</p>
 +
        <p>&nbsp;</p>
 +
        <table width="100%" border="0"  >
 +
        <tr>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TEAM MEETING &amp; MEETUPS</td>
 +
        </tr>
 +
      </table></td>
 +
    </tr>
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><table width="100%" border="0">
 +
        <tr>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="30%">&nbsp;</td>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="57%"><p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We have held a number of presentations to introduce fundamental knowledge of synthetic biology, iGEM
 +
 
 +
competition and the program we would complete ourselves to students studying in different grades and majors.Those lectures made hundreds of students understand the
 +
 
 +
basic principle of MFCs, and the prospect of using MFCs to solve the environmental problems.</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In addition, our  team attended several meetups, we joined CCiC (Central China iGEMers&rsquo; 
 +
 
 +
Consortium) hold in Central China Agricultural University, Wuhan, China. The  conference aims to help teams improve performance in the 2014 iGEM competition,  arouse
 +
 
 +
awareness of intra-regional collaboration so as to enhance better  communication among iGEM teams in China by establishing the CCiC. We listened  to the reports given
 +
 
 +
by peer groups shared our ideas with them as well in  August.</p>
 +
            <p>&nbsp;</p>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
 +
                  <div>
 +
                    <div class='picList2'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/0/00/600_DSC_8645.JPG' alt=""/><a href='#'>Xiao Zhang was introducing our work in
 +
 
 +
the CCiC meetups.<br/>
 +
                        During the CCiC iGEMer Meetups, LZU-China gave the plenary lecture to all the participants. And this lecture was critically acclaimed by a lot
 +
 
 +
of specialists and students.</a> </div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList2 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table><table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
 +
                  <div>
 +
                    <div class='picList3'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/f/fa/Dxjzsc.jpg' alt=""/><a
 +
 
 +
href='#'>Shengcang Zhu and Xuejing Du are listening to the lecture in CCiC.<br/>Not only for our group but also other groups gave their experimental reports in CCiC so
 +
 
 +
we learned a lot from others.</a> </div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList3 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table></p>
 +
            <p>&nbsp; </p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In October, we went to Beijing to visit another team-BIT and cooperated  with them.            </p>
 +
            <p>            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
 +
                  <div>
 +
                    <div class='picList4'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/3/33/Hpbit.jpg' alt=""/><a
 +
 
 +
href='#'>Conference photo of LZU-China and BIT interlaboratory cooperation.<br/>In October, there was an interlaboratory cooperation between LZU-Chia and BIT in Beijing. </a> </div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList4 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p></td>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="13%">&nbsp;</td>
 +
        </tr>
 +
      </table></td>
 +
    </tr>
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv9">
 +
  <h5>&nbsp;</h5>
 +
  <table width="100%" border="0">
 +
    <tr>
 +
      <td><table width="100%" border="0">
 +
        <tr>
 +
          <td><table width="100%" border="0">
 +
            <tr>
 +
              <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; INFORMATION SESSIONS</td>
 +
            </tr>
 +
</table></td>
 +
        </tr>
 +
        <tr>
 +
          <td height="218"><table width="100%" border="0">
 +
            <tr>
 +
              <td width="30%">&nbsp;</td>
 +
              <td width="57%"><p>&nbsp;</p>
 +
                <p>&nbsp;</p>
 +
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We have held a number of presentations to  introduce fundamental knowledge of synthetic biology, iGEM
 +
 
 +
competition and the  program we would complete ourselves to students studying in different grades  and majors.Those lectures made hundreds of students understand the
 +
 
 +
basic  principle of MFCs, and the prospect of using MFCs to solve the environmental  problems.</p>
 +
                <p>            <table width="100%" border="0">
 +
              <tr>
 +
                <td width="10%">&nbsp;</td>
 +
                <td >&nbsp;
 +
                  <div>
 +
                    <div class='picList5'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/a/a8/SSSS1.jpg' alt=""/><a href='#'>Hongxia Zhao's statement of our
 +
 
 +
project<br/>Unlike students majoring in biology, most of students in other majors were not familiar with MFCs, thanks Hongxia, her presentation changed the
 +
 
 +
situation</a> </div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList5 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table>&nbsp;</p>
 +
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In addition, we have also contacted some of  the high school in Lanzhou, China. We planed to hold
 +
 
 +
similar presentations to  popularize scientific common sense among high school students in order to charm  them with the magic power of synthetic biology before the
 +
 
 +
time we will go to  Giant Jamboree.</p>
 +
<p>&nbsp;</p>
 +
                <p>&nbsp;&nbsp;&nbsp;</p></td>
 +
              <td width="13%">&nbsp;</td>
 +
            </tr>
 +
          </table>
 +
            <p>&nbsp;</p></td>
 +
        </tr>
 +
        <tr>
 +
          <td><p>&nbsp;</p>
 +
            <p>&nbsp;</p></td>
 +
        </tr>
 +
      </table></td>
 +
    </tr>
 +
  </table>
 +
  <h5>&nbsp;</h5>
 +
</div>
 +
<div id="apDiv11">
 +
  <table width="100%" border="0">
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"><p>&nbsp;</p>
 +
        <p>&nbsp;</p>
 +
        <table width="100%" border="0"  >
 +
          <tr>
 +
            <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;COOPERATION WITH OTHER SCIENTIFIC
 +
 
 +
INSTITUTIONS</td>
 +
          </tr>
 +
      </table></td>
 +
    </tr>
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><table width="100%" border="0">
 +
        <tr>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="30%">&nbsp;</td>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="57%"><p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cooperation with other scientific institutions is also which we took part in: we went to Membrane
 +
 
 +
Science and Technology Research Institute of Gansu Province, CNPC for study, and even went to countryside to investigate the condition of water pollution. </p>
 +
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
 +
                <td width="100%" background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
 +
                  <div>
 +
                    <div class='picList6'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/1/13/Allcop.png' alt=""/><a href='#'> Our cooperations<br/>These are our friend
 +
 
 +
cooperations, thanks to their help!.</a></div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList6 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
 +
                <td width="100%" background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
 +
                  <div>
 +
                    <div class='picList7'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/f/f6/Fept.jpg' alt=""/><a href='#'>Foreign experts<br/>We invited experts from other
 +
 
 +
country to give us lectures.</a></div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList7 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp; </p>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
 +
                  <div>
 +
                    <div class='picList8'>
 +
                      <div class='col'> <img src='https://static.igem.org/mediawiki/2014/a/a0/Slyfw.jpg' alt=""/><a href='#'>Song's rural survey<br/>Liyang Song went to one
 +
 
 +
small village the investigate the local water condition </a></div>
 +
                    </div>
 +
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
                    <script type="text/javascript">
 +
var temp=357;
 +
$('.picList8 .col').hover(function(){
 +
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
 +
});
 +
                    </script>
 +
                  </div></td>
 +
              </tr>
 +
            </table></td>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="13%">&nbsp;</td>
 +
        </tr>
 +
      </table>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
    </tr>
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><p>&nbsp;</p>
 +
        <p>&nbsp;</p></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div >
 +
  <div style=" height:890px;"> </div>
 +
<div id="menu">
 +
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".def-nav,.info-i").hover(function(){
 +
$(this).find(".pulldown-nav").addClass("hover");
 +
$(this).find(".pulldown").show();
 +
},function(){
 +
$(this).find(".pulldown").hide();
 +
$(this).find(".pulldown-nav").removeClass("hover");
 +
});
 +
});
 +
</script>
 +
<div class="hd-main clearfix" id="header">
 +
<a class="logo" href="https://2014.igem.org/Team:LZU-China"></a>
 +
<div class="navs">
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China">Home</a>
 +
<span class="separate"></span>
 +
<div class="def-nav current has-pulldown-special">
 +
<a class="pulldown-nav" href=""><em class="f-icon"></em>Project</a>
 +
<div class="pulldown app-url">
 +
<div class="content">
 +
<a class="li disk" href="https://2014.igem.org/Team:LZU-China/background">
 +
<span class="icon"></span>
 +
<span class="text">Background</span>
 +
</a>
 +
<a class="li tongxunlu" href="https://2014.igem.org/Team:LZU-China/wetlab">
 +
<span class="icon"></span>
 +
<span class="text">Wet Lab</span>
 +
</a>
 +
<a class="li xiangce" href="https://2014.igem.org/Team:LZU-China/drylab">
 +
<span class="icon"></span>
 +
<span class="text">Dry Lab</span>
 +
</a>
 +
<a class="li note" href="https://2014.igem.org/Team:LZU-China/Parts">
 +
<span class="icon"></span>
 +
<span class="text">Parts</span>
 +
</a>
 +
                    <a class="li duanxin" href="https://2014.igem.org/Team:LZU-China/interlab">
 +
<span class="icon"></span>
 +
<span class="text">Interlab</span>
 +
</a>
 +
<a class="li zhaohui" href="https://2014.igem.org/Team:LZU-China/future">
 +
<span class="icon"></span>
 +
<span class="text">Future Work</span>
 +
</a>
 +
</div>
 +
  </div>
 +
</div>
 +
    <span class="separate"></span>
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China/Notebook">Note Book</a>
 +
        <span class="separate"></span>
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China/Safety">Safety</a>
 +
        <span class="separate"></span>
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China/hp">H. Practice</a>
 +
</div>
 +
<div class="info">
 +
<ul>
 +
<li class="info-i user-name has-pulldown">
 +
<em class="f-icon pull-arrow"></em>
 +
<a class="f-icon identity" href="https://2014.igem.org/Team:LZU-China/Team" title="Our team"></a>
 +
<span class="name top-username">Our Team</span>
 +
<div class="pulldown user-info">
 +
<em class="arrow"></em>
 +
<div class="content">
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Team">Team Members</a></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Instructors">Advisors</a></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Instructors">Instructors</a></span>
 +
                        <span class="separate-li no-height"></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Attribution">Attribution</a></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/acknowledgement">Acknowledgements</a></span>
 +
<span class="separate-li no-height"></span>
 +
</div>
 +
</div>
 +
</li>
 +
<li class="info-i no-separate default-text has-pulldown">
 +
<em class="f-icon pull-arrow"></em>
 +
<span class="more" hideFocus="hideFocus">More</span>
 +
<div class="pulldown more-info">
 +
<em class="arrow"></em>
 +
<div class="content">
 +
<span class="separate-li no-height"></span>
 +
<span class="li"><a href="https://igem.org/Team.cgi?year=2014&team_name=LZU-China">Team Profile</a></span>
 +
<span class="li"><a href="http://en.lzu.edu.cn/">Lanzhou University</a></span>
 +
<span class="li"><a href="https://2013.igem.org/Team:LZU-China">LZU-CHINA 2013</a></span>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
</body>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<script type="text/javascript">
 +
function MM_showHideLayers() { //v9.0
 +
  var i,p,v,obj,args=MM_showHideLayers.arguments;
 +
  for (i=0; i<(args.length-2); i+=3)
 +
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
 +
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
 +
    obj.visibility=v; }
 +
}
 +
</script>

Latest revision as of 21:57, 17 October 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> LZU-China 2014

 
 

 

 

 
 
 

 

 

 

 

 

        INVESTIGATE AND SURVEY
   

        We have designed a questionnaire to survey the masses' attitude toward sewage treatment, power generation, and MFCs. This questionnaire was made up by 16 questions and the respondents are random selected by all ages, genders and positions in China and U.K. 

   
Complete the survey
Students are taught to complete the survey made by our own.

 

        We have found that in China, 68.23% of the respondents believe that they suffer from water pollution and 15.38% of them think their hometown is seriously polluted. But in U.K., surprisingly, 70.59% of the people believe that they do not suffer from any kind of water pollution. This interesting phenomenon appears in London (which we initially thought the water was serious polluted by industry long times ago), all of the respondents from London think that the water, for example in Thames, was clean and clear.

                

        People show hesitation towards sewage treatment using bacteria. 32.31% of the Chinese respondents can fully accept the recycled water using bacteria. For 64.62% of them, recycled water using bacteria is not drinkable but it is acceptable for toilet flushing. When gene modified bacteria involved, this number is decreased to 61.54%. Obviously, 9.23% of the Chinese people refuse to using this kind of water and even 3.08% of them fight against gene modified gem using for sewage treatment. This situation is similar in U.K. 

               

        Things have changed in Microbial Fuel Cells, Thermo power are the main power supply for China and UK (although most of the Englishmen do not know that.  These two countries, although located in different continents, share different incomes and outcomes, demonstrates a similar trend about MFC. Over 84.62% of Chinese think that the electric bill is not expensive and 82.35% of Britain respondents hold the same view.

            

        78.46% of the respondents in China believe that it is necessary for their own country to develop the use of MFCs, in U.K., this number is 52.94%. Overall, many people doubt it is safe to drink the water purified by bacteria, but they are still optimistic to the future of MFCs.  

            


 

 

 

 

 

 

 

 

        TEAM MEETING & MEETUPS
 

 

 

        We have held a number of presentations to introduce fundamental knowledge of synthetic biology, iGEM competition and the program we would complete ourselves to students studying in different grades and majors.Those lectures made hundreds of students understand the basic principle of MFCs, and the prospect of using MFCs to solve the environmental problems.

        In addition, our team attended several meetups, we joined CCiC (Central China iGEMers’ Consortium) hold in Central China Agricultural University, Wuhan, China. The conference aims to help teams improve performance in the 2014 iGEM competition, arouse awareness of intra-regional collaboration so as to enhance better communication among iGEM teams in China by establishing the CCiC. We listened to the reports given by peer groups shared our ideas with them as well in August.

 

   
   
Shengcang Zhu and Xuejing Du are listening to the lecture in CCiC.
Not only for our group but also other groups gave their experimental reports in CCiC so we learned a lot from others.

 

        In October, we went to Beijing to visit another team-BIT and cooperated with them.

   
Conference photo of LZU-China and BIT interlaboratory cooperation.
In October, there was an interlaboratory cooperation between LZU-Chia and BIT in Beijing.

 

 

 

 

 

 

 

 

  

 

 
 
         INFORMATION SESSIONS
 

 

 

       We have held a number of presentations to introduce fundamental knowledge of synthetic biology, iGEM competition and the program we would complete ourselves to students studying in different grades and majors.Those lectures made hundreds of students understand the basic principle of MFCs, and the prospect of using MFCs to solve the environmental problems.

   
 

        In addition, we have also contacted some of the high school in Lanzhou, China. We planed to hold similar presentations to popularize scientific common sense among high school students in order to charm them with the magic power of synthetic biology before the time we will go to Giant Jamboree.

 

   

  

 

 

 
 

 

 

       COOPERATION WITH OTHER SCIENTIFIC INSTITUTIONS
 

 

        Cooperation with other scientific institutions is also which we took part in: we went to Membrane Science and Technology Research Institute of Gansu Province, CNPC for study, and even went to countryside to investigate the condition of water pollution.

        

 

   
Our cooperations
These are our friend cooperations, thanks to their help!.
   
Foreign experts
We invited experts from other country to give us lectures.

 

 

   
Song's rural survey
Liyang Song went to one small village the investigate the local water condition
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Retrieved from "http://2014.igem.org/Team:LZU-China/hp"