Difference between revisions of "Team:SSHS-Shenzhen"

Line 1: Line 1:
<html lang="zh-CN">
+
 
<head>
+
<html lang="en">
+
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
+
    <meta charset="UTF-8">
<meta name="generator" content="2018.0.0.379"/>
+
    <title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
</head>
+
 
<title>Home</title>
+
 
<!-- CSS -->
+
 
<style>
+
<style >
html{min-height:100%;min-width:100%;-ms-text-size-adjust:none;}body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:transparent;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;background-repeat:no-repeat;}button.submit-btn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.transition{-webkit-transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;}.transition *{-webkit-transition:inherit;transition:inherit;}table{border-collapse:collapse;border-spacing:0px;}fieldset,img{border:0px;border-style:solid;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}.form-grp input,.form-grp textarea{-webkit-appearance:none;-webkit-border-radius:0;}body{font-family:Arial, Helvetica Neue, Helvetica, sans-serif;text-align:left;font-size:14px;line-height:17px;word-wrap:break-word;text-rendering:optimizeLegibility;-moz-font-feature-settings:'liga';-ms-font-feature-settings:'liga';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';}a:link{color:#0000FF;text-decoration:underline;}a:visited{color:#800080;text-decoration:underline;}a:hover{color:#0000FF;text-decoration:underline;}a:active{color:#EE0000;text-decoration:underline;}a.nontext{color:black;text-decoration:none;font-style:normal;font-weight:normal;}.normal_text{color:#000000;direction:ltr;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:normal;letter-spacing:0px;line-height:17px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;vertical-align:0px;padding:0px;}.list0 li:before{position:absolute;right:100%;letter-spacing:0px;text-decoration:none;font-weight:normal;font-style:normal;}.rtl-list li:before{right:auto;left:100%;}.nls-None > li:before,.nls-None .list3 > li:before,.nls-None .list6 > li:before{margin-right:6px;content:'•';}.nls-None .list1 > li:before,.nls-None .list4 > li:before,.nls-None .list7 > li:before{margin-right:6px;content:'○';}.nls-None,.nls-None .list1,.nls-None .list2,.nls-None .list3,.nls-None .list4,.nls-None .list5,.nls-None .list6,.nls-None .list7,.nls-None .list8{padding-left:34px;}.nls-None.rtl-list,.nls-None .list1.rtl-list,.nls-None .list2.rtl-list,.nls-None .list3.rtl-list,.nls-None .list4.rtl-list,.nls-None .list5.rtl-list,.nls-None .list6.rtl-list,.nls-None .list7.rtl-list,.nls-None .list8.rtl-list{padding-left:0px;padding-right:34px;}.nls-None .list2 > li:before,.nls-None .list5 > li:before,.nls-None .list8 > li:before{margin-right:6px;content:'-';}.nls-None.rtl-list > li:before,.nls-None .list1.rtl-list > li:before,.nls-None .list2.rtl-list > li:before,.nls-None .list3.rtl-list > li:before,.nls-None .list4.rtl-list > li:before,.nls-None .list5.rtl-list > li:before,.nls-None .list6.rtl-list > li:before,.nls-None .list7.rtl-list > li:before,.nls-None .list8.rtl-list > li:before{margin-right:0px;margin-left:6px;}.TabbedPanelsTab{white-space:nowrap;}.MenuBar .MenuBarView,.MenuBar .SubMenuView{display:block;list-style:none;}.MenuBar .SubMenu{display:none;position:absolute;}.NoWrap{white-space:nowrap;word-wrap:normal;}.rootelem{margin-left:auto;margin-right:auto;}.colelem{display:inline;float:left;clear:both;}.clearfix:after{content:"\0020";visibility:hidden;display:block;height:0px;clear:both;}*:first-child+html .clearfix{zoom:1;}.clip_frame{overflow:hidden;}.popup_anchor{position:relative;width:0px;height:0px;}.allow_click_through *{pointer-events:auto;}.popup_element{z-index:100000;}.svg{display:block;vertical-align:top;}span.wrap{content:'';clear:left;display:block;}span.actAsInlineDiv{display:inline-block;}.position_content,.excludeFromNormalFlow{float:left;}.preload_images{position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px;}.preload{height:1px;width:1px;}.animateStates{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}[data-whatinput="mouse"] *:focus,[data-whatinput="touch"] *:focus,input:focus,textarea:focus{outline:none;}textarea{resize:none;overflow:auto;}.allow_click_through,.fld-prompt{pointer-events:none;}.wrapped-input{position:absolute;top:0px;left:0px;background:transparent;border:none;}.submit-btn{z-index:50000;cursor:pointer;}.anchor_item{width:22px;height:18px;}.MenuBar .SubMenuVisible,.MenuBarVertical .SubMenuVisible,.MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block{display:block;}.widget_invisible,.js .invi,.js .mse_pre_init{visibility:hidden;}.ose_ei{visibility:hidden;z-index:0;}.no_vert_scroll{overflow-y:hidden;}.always_vert_scroll{overflow-y:scroll;}.always_horz_scroll{overflow-x:scroll;}.fullscreen{overflow:hidden;left:0px;top:0px;position:fixed;height:100%;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.fullwidth{position:absolute;}.borderbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.scroll_wrapper{position:absolute;overflow:auto;left:0px;right:0px;top:0px;bottom:0px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.browser_width > *{position:absolute;left:0px;right:0px;}.grpelem,.accordion_wrapper{display:inline;float:left;}.fld-checkbox input[type=checkbox],.fld-radiobutton input[type=radio]{position:absolute;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);height:1px;width:1px;margin:-1px;padding:0px;border:0px;}.fld-checkbox input[type=checkbox] + label,.fld-radiobutton input[type=radio] + label{display:inline-block;background-repeat:no-repeat;cursor:pointer;float:left;width:100%;height:100%;}.pointer_cursor,.fld-recaptcha-mode,.fld-recaptcha-refresh,.fld-recaptcha-help{cursor:pointer;}p,h1,h2,h3,h4,h5,h6,ol,ul,span.actAsPara{max-height:1000000px;}.superscript{vertical-align:super;font-size:66%;line-height:0px;}.subscript{vertical-align:sub;font-size:66%;line-height:0px;}.horizontalSlideShow{-ms-touch-action:pan-y;touch-action:pan-y;}.verticalSlideShow{-ms-touch-action:pan-x;touch-action:pan-x;}.colelem100,.verticalspacer{clear:both;}.list0 li,.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img,.css_verticalspacer .verticalspacer{position:relative;}.popup_element.Inactive,.js .disn,.js .an_invi,.hidden,.breakpoint{display:none;}#muse_css_mq{position:absolute;display:none;background-color:#FFFFFE;}.fluid_height_spacer{width:0.01px;}.muse_check_css{display:none;position:fixed;}@media screen and (-webkit-min-device-pixel-ratio:0){body{text-rendering:auto;}}
+
    /*解决上边和右边的东西*/
#u194{background-color:#2E4554;}#u194_align_to_page{max-width:1200px;}#u962{background-color:transparent;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);}#menuu197{border-width:0px;border-color:transparent;background-color:transparent;}#u206{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u206:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u207-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u206:hover #u207-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u488{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u488:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u490-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u488:hover #u490-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u509{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u509:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u510-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u509:hover #u510-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u530{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u530:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u531-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u530:hover #u531-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u553{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u553:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u556-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u553:hover #u556-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u574{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u574:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u575-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u574:hover #u575-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u205,#u487,#u508,#u529,#u550,#u571,#u592{background-color:transparent;}#u593{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u593:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u206.MuseMenuActive,#u488.MuseMenuActive,#u509.MuseMenuActive,#u530.MuseMenuActive,#u553.MuseMenuActive,#u574.MuseMenuActive,#u593.MuseMenuActive{background-color:#4B6A7A;border-radius:10px 10px 0px 0px ;}#u594-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u593:hover #u594-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u206.MuseMenuActive #u207-4,#u488.MuseMenuActive #u490-4,#u509.MuseMenuActive #u510-4,#u530.MuseMenuActive #u531-4,#u553.MuseMenuActive #u556-4,#u574.MuseMenuActive #u575-4,#u593.MuseMenuActive #u594-4{background-color:transparent;border-radius:0px;}#u206.MuseMenuActive #u207-4 p,#u488.MuseMenuActive #u490-4 p,#u509.MuseMenuActive #u510-4 p,#u530.MuseMenuActive #u531-4 p,#u553.MuseMenuActive #u556-4 p,#u574.MuseMenuActive #u575-4 p,#u593.MuseMenuActive #u594-4 p{font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}.MenuItem{cursor:pointer;}#u350{background-color:#4B6A7A;}#u984-4{background-color:transparent;line-height:24px;text-align:center;font-size:20px;}#u984{font-size:20px;}
+
    #globalWrapper{
.version.index{color:#000009;background-color:#E68A6E;}#page{z-index:1;min-height:480px;background-image:none;border-width:0px;border-color:#000000;background-color:transparent;padding-bottom:20px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;}#ppu194{z-index:0;margin-right:-10000px;width:133.34%;}#pu194{z-index:2;width:0.01px;left:0px;margin-left:0px;}#u194_align_to_page{margin-left:auto;margin-right:auto;position:relative;}#u962{z-index:3;margin-bottom:-25px;position:relative;margin-right:-10000px;margin-top:-25px;width:11.84%;left:-1.42%;}.js body{visibility:hidden;}.js body.initialized{visibility:visible;}#u194,#u194-bw{z-index:2;min-height:92px;}#menuu197{z-index:6;width:1023px;height:38px;position:relative;margin-right:-10000px;margin-top:54px;left:20px;}#u205{width:144px;min-height:38px;position:relative;margin-right:-10000px;}#u206{width:144px;padding-bottom:16px;position:relative;}#u206:hover{width:144px;min-height:0px;margin:0px;}#u207-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u206:hover #u207-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u487{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:147px;}#u488{width:144px;padding-bottom:16px;position:relative;}#u206.MuseMenuActive,#u488:hover{width:144px;min-height:0px;margin:0px;}#u490-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u206.MuseMenuActive #u207-4,#u488:hover #u490-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u508{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:293px;}#u509{width:144px;padding-bottom:16px;position:relative;}#u488.MuseMenuActive,#u509:hover{width:144px;min-height:0px;margin:0px;}#u510-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u488.MuseMenuActive #u490-4,#u509:hover #u510-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u529{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:440px;}#u530{width:144px;padding-bottom:16px;position:relative;}#u509.MuseMenuActive,#u530:hover{width:144px;min-height:0px;margin:0px;}#u531-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u509.MuseMenuActive #u510-4,#u530:hover #u531-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u550{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:586px;}#u553{width:144px;padding-bottom:16px;position:relative;}#u530.MuseMenuActive,#u553:hover{width:144px;min-height:0px;margin:0px;}#u556-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u530.MuseMenuActive #u531-4,#u553:hover #u556-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u571{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:733px;}#u574{width:144px;padding-bottom:16px;position:relative;}#u553.MuseMenuActive,#u574:hover{width:144px;min-height:0px;margin:0px;}#u575-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u553.MuseMenuActive #u556-4,#u574:hover #u575-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u592{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:879px;}#u593{width:144px;padding-bottom:16px;position:relative;}#u574.MuseMenuActive,#u593:hover{width:144px;min-height:0px;margin:0px;}#u593.MuseMenuActive{width:144px;min-height:0px;margin:0px;}#u594-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u574.MuseMenuActive #u575-4,#u593:hover #u594-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u593.MuseMenuActive #u594-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u350{z-index:5;height:8px;}#u350-bw{z-index:5;height:8px;left:0px;margin-left:-200px;}#pu1092{z-index:53;width:100%;margin-left:-12.5%;}#u1092{z-index:53;width:1600px;background-color:transparent;position:relative;margin-right:-10000px;margin-left:50%;left:-800.0000000000002px;}#u1102-4{z-index:56;width:1200px;min-height:54px;background-color:transparent;line-height:60px;text-align:center;font-size:50px;font-weight:bold;position:relative;margin-right:-10000px;margin-top:120px;margin-left:50%;left:-600.0000000000002px;}#u981{z-index:55;height:80px;}#u981-bw{z-index:55;height:80px;left:0px;margin-left:-200px;}#u1103-4{z-index:60;min-height:162px;background-color:transparent;line-height:24px;font-size:20px;position:relative;width:52.38%;margin-left:11.32%;left:0px;}#u1111{z-index:64;height:80px;}.ie #u981,.ie #u1111{background-color:#FFFFFF;opacity:0.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);}#u1111-bw{z-index:64;height:80px;left:0px;margin-left:-200px;}.css_verticalspacer .verticalspacer{height:calc(100vh - 836px);}#u984-4{z-index:49;min-height:13px;}#u984-4-bw{z-index:49;min-height:13px;margin-top:18px;}#muse_css_mq,.html{background-color:#FFFFFF;}body{position:relative;min-width:900px;}.verticalspacer{min-height:1px;}#u962_img{width:100%;}
+
        margin: 0;
 +
        padding: 0;
 +
    }
 +
    #content{
 +
        width: 100%;
 +
        padding: 0;
 +
        margin: -12px 0 0;
 +
    }
 +
    #top_title{
 +
        display: none;
 +
    }
 +
    #sideMenu{
 +
        display: none;
 +
    }
 +
    #content,
 +
    .vs-content,
 +
    .vs-wrapper section {
 +
        background-color: transparent !important;
 +
    }
 +
    .my-backTop:visited {
 +
        color: #F8A886 !important;
 +
    }
 +
    /*解决上边和右边的东西*/
 +
    body{background-color:#E8F1CB;
 +
    }
 +
    .header {
 +
        font-size: 30px;
 +
        padding:0px;
 +
        margin:0px;
 +
        top:0;
 +
        left:0;
 +
        width:100%;
 +
        position: fixed;
 +
        height:3em;
 +
        z-index:99;
 +
        float: left;
 +
        background-color: #FFFFFF;
 +
 
 +
    }
 +
 
 +
    p{
 +
        padding:5px;}
 +
    h4{text-align:center;}
 +
    ul li
 +
    {
 +
        list-style:none;
 +
        margin:15px;
 +
        padding-top:6px;
 +
        padding-bottom:6px;
 +
        padding-left: 0;
 +
        float: left;
 +
    }
 +
 
 +
    li a,.dropbtn,a:link,a:visited{
 +
        text-decoration: none;
 +
        font-family: "Arial";
 +
        color: #3C3C3C;
 +
        padding:20px;
 +
        text-align:center;
 +
        font-size: 20px;
 +
    }
 +
    li a:hover,.dropdown:hover.dropbtn{
 +
        color: #07cf65;
 +
        text-shadow:2px 2px 2px #c5f484;
 +
    }
 +
 
 +
    .dropdown {
 +
        position: relative;
 +
        display: inline-block;
 +
        float: left;
 +
    }
 +
 
 +
    .dropdown-content {
 +
        display: none;
 +
        position: absolute;
 +
        background-color: #FFFFFF;
 +
        min-width: 300px;
 +
 
 +
    }
 +
 
 +
 
 +
    .dropdown-content a {
 +
        color: #3C3C3C;
 +
        padding: 12px 16px;
 +
        text-decoration: none;
 +
        display: block;
 +
        font-size: 20px;
 +
    }
 +
 
 +
    .dropdown-content a:hover {
 +
        background-color: transparent;}
 +
 
 +
    .dropdown:hover .dropdown-content {
 +
        display: block;
 +
    }
 +
 
 +
 
 +
    #page{
 +
        text-align:justify;
 +
        padding-left:170px;
 +
        padding-right:170px;
 +
        padding-top:80px;
 +
        padding-bottom:100px;
 +
        line-height:25px;
 +
 
 +
    }
 +
 
 +
 
 +
#teamtext{
 +
text-align:justify;
 +
padding-left:170px;
 +
padding-right:50px;
 +
padding-top:80px;
 +
padding-bottom:100px;
 +
line-height:25px;
 +
 
 +
 
 +
}
 +
#teamphoto{
 +
text-align:justify;
 +
padding-left:50px;
 +
padding-right:170px;
 +
padding-top:80px;
 +
padding-bottom:100px;
 +
line-height:25px;
 +
 
 +
 
 +
}
 +
#teamall{
 +
display: flex;
 +
flex-direction: row;
 +
column-count: 2;
 +
 
 +
}
 +
 
 +
    #sec1{
 +
        width: auto;
 +
        background-color:#e8f1cb;
 +
    }
 +
    #sec2{
 +
        width: auto;
 +
        background-color:#d0e8c1;
 +
    }
 +
    #sec3{
 +
        width: auto;
 +
        background-color:#ffffff;
 +
    }
 +
 
 +
 
 
</style>
 
</style>
<!-- JS includes -->
+
<body>
<!--[if lt IE 9]>
+
 
<![endif]-->
+
<div class="header">
</head>
+
    <ul>
<body>
+
        <li>
+
            <div class="dropdown">
<div class="clearfix borderbox" id="page"><!-- group -->
+
                <a href="https://2018.igem.org/Team:SMS_Shenzhen">Home</a>
<div class="clearfix grpelem" id="ppu194"><!-- column -->
+
            </div>
<div class="clearfix colelem" id="pu194"><!-- group -->
+
 
<div class="browser_width grpelem" id="u194-bw">
+
            <div class="dropdown">
<div id="u194"><!-- group -->
+
                <a href="https://2018.igem.org/Team:SMS_Shenzhen/Description" class="dropbtn">Project</a>
<div class="clearfix" id="u194_align_to_page">
+
                <div class="dropdown-content">
<div class="clip_frame grpelem" id="u962"><!-- image -->
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Description">Description</a>
<img class="block" id="u962_img" src="https://static.igem.org/mediawiki/2018/3/3c/T--SSHS-Shenzhen--gao.png" alt="" data-heightwidthratio="1" data-image-width="142" data-image-height="142"/>
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Applied_Design">Applied Design</a>
</div>
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Model">Model</a>
</div>
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Demonstrate">Demonstrate</a>
</div>
+
                </div>
</div>
+
            </div>
<nav class="MenuBar clearfix grpelem" id="menuu197" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- horizontal box -->
+
 
<div class="MenuItemContainer clearfix grpelem" id="u205"><!-- vertical box -->
+
            <div class="dropdown">
<a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive transition rounded-corners clearfix colelem" id="u206" href="https://2018.igem.org/Team:SSHS-Shenzhen"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u207-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Home</p></div></a>
+
                <a href="https://2018.igem.org/Team:SMS_Shenzhen/Experiments" class="dropbtn">Experiments</a>
</div>
+
                <div class="dropdown-content">
<div class="MenuItemContainer clearfix grpelem" id="u487"><!-- vertical box -->
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Experiments">Summary</a>
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u488" href="project.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u490-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Project</p></div></a>
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Results">Results</a>
</div>
+
                </div>
<div class="MenuItemContainer clearfix grpelem" id="u508"><!-- vertical box -->
+
            </div>
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u509" href="experiments.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u510-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Experiments</p></div></a>
+
            <div class="dropdown">
</div>
+
                <a href="https://2018.igem.org/Team:SMS_Shenzhen/Parts" >Parts</a>
<div class="MenuItemContainer clearfix grpelem" id="u529"><!-- vertical box -->
+
                <div class="dropdown-content">
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u530" href="human-practice.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u531-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Human Practice</p></div></a>
+
<a href="https://2018.igem.org/Team:SMS_Shenzhen/Parts">Summary</a>
</div>
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Basic_Part">Basic Parts</a>
<div class="MenuItemContainer clearfix grpelem" id="u550"><!-- vertical box -->
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Composite_Part">Composite Parts</a>
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u553" href="parts.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u556-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Parts</p></div></a>
+
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Contribution">Contribution</a>
</div>
+
                </div>
<div class="MenuItemContainer clearfix grpelem" id="u571"><!-- vertical box -->
+
            </div>
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u574" href="safety.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u575-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Safety</p></div></a>
+
 
</div>
+
            <div class="dropdown">
<div class="MenuItemContainer clearfix grpelem" id="u592"><!-- vertical box -->
+
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Collaborations">Collaborations</a>
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u593" href="team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u594-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Team</p></div></a>
+
            </div>
</div>
+
 
</nav>
+
            <div class="dropdown">
</div>
+
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Human_Practices" class="dropbtn">Human Practice</a>
<div class="browser_width colelem" id="u350-bw">
+
                <div class="dropdown-content">
<div id="u350"><!-- simple frame --></div>
+
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Human_Practices">Summary</a>
</div>
+
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Silver">Silver</a>
<div class="clearfix colelem" id="pu1092"><!-- group -->
+
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Gold_Integrated">Gold</a>
<div class="clip_frame grpelem" id="u1092" data-sizePolicy="fixed" data-pintopage="page_fixedCenter" data-leftAdjustmentDoneBy="pu1092"><!-- image -->
+
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Engagement">Engagement</a>
<img class="block" id="u1092_img" src="https://static.igem.org/mediawiki/2018/e/e1/T--SSHS-Shenzhen--homepage-banner.png" alt="" width="1600" height="300"/>
+
                </div>
</div>
+
            </div>
<div class="clearfix grpelem" id="u1102-4" data-sizePolicy="fixed" data-pintopage="page_fixedCenter" data-leftAdjustmentDoneBy="pu1092"><!-- content -->
+
            <div class="dropdown">
<p>Phyllotreta striolata killers</p>
+
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Safety" class="dropbtn">Safety</a>
</div>
+
            </div>
</div>
+
 
<div class="browser_width colelem" id="u981-bw">
+
            <div class="dropdown">
<div id="u981"><!-- simple frame --></div>
+
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team" class="dropbtn">Team</a>
</div>
+
                <div class="dropdown-content">
<div class="clearfix colelem" id="u1103-4" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter"><!-- content -->
+
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team">Team Members</a>
<p>Phyllotreta striolata is the most destructive insects worldwide. However, the present insect control strategies have certain limitations. We aim to develop a RNAi-based topical application approach. Ingestion of the sprayed siRNAs or shRNAs by P. striolata will induce the RNA silencing mechanism in the P. striolata and lead to its death. So far, we have designed the siRNAs for synthesis based on the sequences of the genes that are important for the development and survival of P. striolata. Currently we are rearing P. striolata to obtain enough the same age insects for feeding bioassays and gene silencing investigation. We will design corresponding small hairpin RNAs (shRNAs) and use E. coli expression system, or in vitro transcription system to produce these shRNAs in large scale.</p>
+
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Attributions">Attributions</a>
</div>
+
                </div>
<div class="browser_width colelem" id="u1111-bw">
+
            </div>
<div id="u1111"><!-- simple frame --></div>
+
 
</div>
+
            <!--照抄前年的代码了-->
</div>
+
 
<div class="verticalspacer" data-offset-top="776" data-content-above-spacer="775" data-content-below-spacer="61" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div>
+
        </li>
<div class="browser_width grpelem" id="u984-4-bw">
+
    </ul>
<div class="clearfix" id="u984-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
</div>
<p><span id="u984">2018 Shenzhen Senior High School iGEM</span></p>
+
 
</div>
+
<body>
</div>
+
 
</div>
+
<div id="sec1">
</body>
+
    <div id="page">
</html>
+
        <center>
 +
        <h2>Project Description</h2>
 +
        </center>
 +
        <p style="font-size:18px">This year, SMS_Shenzhen team will focus on using synthetic biologic method to prevent dental plaque. Dental plaque can be led by Streptococcus mutans, a bacteria lives in human's mouth. Clinging to the teeth in thin layers called biofilm, S. mutans digests sucrose and produces acids that can eat into enamel and cause cavities. Specifically, dextran is the main component of the biofilm. We find two enzymes, the first one is named "Dextranase", which can hydrolyze the dextran in the biofilm; and the second one is named "FruA", which can decompose the resource that S. mutans uses to produce bioflim. The gene of these two enzymes are cloned into E. coli and Lactobacillus. In our experiment, we would use E.coli to produce these two enzymes for relative measurement like enzyme activity. Then, for commercial design, we would produce leben with our Lactobacillus which can secrete these two enzymes.</p>
 +
    </div>
 +
</div>
 +
 
 +
</body>
 +
</html>

Revision as of 07:26, 9 August 2018

Title

Project Description

This year, SMS_Shenzhen team will focus on using synthetic biologic method to prevent dental plaque. Dental plaque can be led by Streptococcus mutans, a bacteria lives in human's mouth. Clinging to the teeth in thin layers called biofilm, S. mutans digests sucrose and produces acids that can eat into enamel and cause cavities. Specifically, dextran is the main component of the biofilm. We find two enzymes, the first one is named "Dextranase", which can hydrolyze the dextran in the biofilm; and the second one is named "FruA", which can decompose the resource that S. mutans uses to produce bioflim. The gene of these two enzymes are cloned into E. coli and Lactobacillus. In our experiment, we would use E.coli to produce these two enzymes for relative measurement like enzyme activity. Then, for commercial design, we would produce leben with our Lactobacillus which can secrete these two enzymes.