Difference between revisions of "Team:HZAU-China/Human Practices"

Line 3: Line 3:
  
 
<head>
 
<head>
    <meta charset="UTF-8">
+
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="bootstrap.min.css" rel="stylesheet">
+
  <link href="bootstrap.min.css" rel="stylesheet">
    <!-- 导航栏CSS -->
+
  <!-- 导航栏CSS -->
    <style type="text/css">
+
  <style type="text/css">
        #sideMenu,
+
    #sideMenu,
        #top_title,
+
    #top_title,
        #team_submenu {
+
    #team_submenu {
            display: none;
+
      display: none;
        }
+
    }
  
        #HQ_page p {
+
    #HQ_page p {
            margin: 0 !important;
+
      margin: 0 !important;
        }
+
    }
  
        #content {
+
    #content {
            padding: 0px;
+
      padding: 0px;
            width: 100%;
+
      width: 100%;
            margin-top: 0px;
+
      margin-top: 0px;
            margin-left: 0px;
+
      margin-left: 0px;
        }
+
    }
  
        #bodyContent h1,
+
    #bodyContent h1,
        #bodyContent h2,
+
    #bodyContent h2,
        #bodyContent h3,
+
    #bodyContent h3,
        #bodyContent h4,
+
    #bodyContent h4,
        #bodyContent h5 {
+
    #bodyContent h5 {
            margin-bottom: 0px;
+
      margin-bottom: 0px;
        }
+
    }
  
        #team_name {
+
    #team_name {
            display: none
+
      display: none
        }
+
    }
  
        .global_wrapper {
+
    .global_wrapper {
            padding: 0px 0px 0px 0px;
+
      padding: 0px 0px 0px 0px;
        }
+
    }
  
        #top_menu_14 {
+
    #top_menu_14 {
            height: 16px;
+
      height: 16px;
        }
+
    }
  
        * {
+
    * {
            margin: 0;
+
      margin: 0;
            padding: 0;
+
      padding: 0;
            list-style: none;
+
      list-style: none;
            list-style-type: none;
+
      list-style-type: none;
            text-decoration: none !important;
+
      text-decoration: none !important;
        }
+
    }
  
        body {
+
    body {
            margin: 0;
+
      margin: 0;
            padding: 0;
+
      padding: 0;
            background-color: #F3F3F3;
+
      background-color: #F3F3F3;
            font-size: 16px;
+
      font-size: 16px;
            font-family: Arial, Verdana, Sans-serif;
+
      font-family: Arial, Verdana, Sans-serif;
            letter-spacing: 0;
+
      letter-spacing: 0;
            color: #FFFFFF;
+
      color: #FFFFFF;
        }
+
    }
  
        .daohang {
+
    .daohang {
            background-color: #323643;
+
      background-color: #323643;
            position: relative;
+
      position: relative;
            color: #ffffff;
+
      color: #ffffff;
            height: 64px;
+
      height: 64px;
            top: -2px;
+
      top: -2px;
        }
+
    }
  
        .logo-daohang {
+
    .logo-daohang {
            height: 64px;
+
      height: 64px;
            left: 10%;
+
      left: 10%;
            float: left;
+
      float: left;
            position: relative;
+
      position: relative;
        }
+
    }
  
        .daohang a {
+
    .daohang a {
            display: block;
+
      display: block;
            text-decoration: none;
+
      text-decoration: none;
        }
+
    }
  
        .daohang .shade {
+
    .daohang .shade {
            position: absolute;
+
      position: absolute;
            width: 100%;
+
      width: 100%;
            height: 160px;
+
      height: 160px;
            top: 64px;
+
      top: 64px;
            left: 0;
+
      left: 0;
            z-index: 1;
+
      z-index: 1;
            background-color: #EEEEEE;
+
      background-color: #EEEEEE;
            box-shadow: 0 5px 15px #CCCCCC;
+
      box-shadow: 0 5px 15px #CCCCCC;
            display: none;
+
      display: none;
            border-bottom: #ffffff solid 1px;
+
      border-bottom: #ffffff solid 1px;
            border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
+
      border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
        }
+
    }
  
        .daohang .caidan {
+
    .daohang .caidan {
            position: absolute;
+
      position: absolute;
            top: 0;
+
      top: 0;
            right: 10%;
+
      right: 10%;
            margin: 0;
+
      margin: 0;
            z-index: 2;
+
      z-index: 2;
            padding: 0;
+
      padding: 0;
            list-style: none;
+
      list-style: none;
            width: 730px;
+
      width: 730px;
            float: right;
+
      float: right;
            overflow: hidden;
+
      overflow: hidden;
            height: 64px;
+
      height: 64px;
        }
+
    }
  
        .daohang .caidan>li {
+
    .daohang .caidan>li {
            padding: 0;
+
      padding: 0;
            float: left;
+
      float: left;
            margin: 0;
+
      margin: 0;
            text-align: center;
+
      text-align: center;
            height: 224px;
+
      height: 224px;
        }
+
    }
  
        .daohang .shortName {
+
    .daohang .shortName {
            width: 110px;
+
      width: 110px;
        }
+
    }
  
        .daohang .longName {
+
    .daohang .longName {
            width: 170px;
+
      width: 170px;
        }
+
    }
  
        .daohang .nav_head {
+
    .daohang .nav_head {
            height: 64px;
+
      height: 64px;
            line-height: 64px;
+
      line-height: 64px;
            color: #ffffff;
+
      color: #ffffff;
            font-size: 16px !important;
+
      font-size: 16px !important;
        }
+
    }
  
        .daohang .xsjPic {
+
    .daohang .xsjPic {
            display: inline-block;
+
      display: inline-block;
            width: 10px;
+
      width: 10px;
            height: 10px;
+
      height: 10px;
            vertical-align: middle;
+
      vertical-align: middle;
            background-size: 100% 100%;
+
      background-size: 100% 100%;
            background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
+
      background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
        }
+
    }
  
        .daohang .xjtPic {
+
    .daohang .xjtPic {
            display: inline-block;
+
      display: inline-block;
            width: 10px;
+
      width: 10px;
            height: 10px;
+
      height: 10px;
            vertical-align: middle;
+
      vertical-align: middle;
            background-size: 100% 100%;
+
      background-size: 100% 100%;
            background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
+
      background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
        }
+
    }
  
        .daohang a:hover span {
+
    .daohang a:hover span {
            transform: rotateY(180deg);
+
      transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
+
      -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
+
      -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
+
      -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
+
      -ms-transform: rotateY(180deg);
            transition: all 0.5s ease-in-out;
+
      transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
+
      -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
+
      -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
+
      -o-transition: all 0.5s ease-in-out;
        }
+
    }
  
        .daohang .item {
+
    .daohang .item {
            font-size: 16px;
+
      font-size: 16px;
            height: 40px;
+
      height: 40px;
            line-height: 40px;
+
      line-height: 40px;
            color: #333333;
+
      color: #333333;
            position: relative;
+
      position: relative;
        }
+
    }
  
        .daohang .caidan:hover {
+
    .daohang .caidan:hover {
            height: 264px;
+
      height: 264px;
            transition: height 0.3s;
+
      transition: height 0.3s;
        }
+
    }
  
        .daohang .caidan:hover+.shade {
+
    .daohang .caidan:hover+.shade {
            display: block;
+
      display: block;
        }
+
    }
  
        .daohang .caidan>li.hiLight:hover {
+
    .daohang .caidan>li.hiLight:hover {
            background-color: #ffffff;
+
      background-color: #ffffff;
        }
+
    }
  
        .daohang .caidan>li:hover .nav_head {
+
    .daohang .caidan>li:hover .nav_head {
            background-color: #EA0D04;
+
      background-color: #EA0D04;
        }
+
    }
  
        .daohang .caidan>li:hover .item {}
+
    .daohang .caidan>li:hover .item {}
  
  
        .daohang .shortName .item:before {
+
    .daohang .shortName .item:before {
            content: '';
+
      content: '';
            display: block;
+
      display: block;
            position: absolute;
+
      position: absolute;
            width: 80px;
+
      width: 80px;
            height: 1px;
+
      height: 1px;
            bottom: 5px;
+
      bottom: 5px;
            left: 15px;
+
      left: 15px;
            background-color: #CCCCCC;
+
      background-color: #CCCCCC;
        }
+
    }
  
        .daohang .shortName .item:hover:after {
+
    .daohang .shortName .item:hover:after {
            content: '';
+
      content: '';
            display: block;
+
      display: block;
            position: absolute;
+
      position: absolute;
            width: 80px;
+
      width: 80px;
            height: 2px;
+
      height: 2px;
            bottom: 5px;
+
      bottom: 5px;
            left: 15px;
+
      left: 15px;
            background-color: #f51720;
+
      background-color: #f51720;
        }
+
    }
  
        .daohang .longName .item:before {
+
    .daohang .longName .item:before {
            content: '';
+
      content: '';
            display: block;
+
      display: block;
            position: absolute;
+
      position: absolute;
            width: 130px;
+
      width: 130px;
            height: 1px;
+
      height: 1px;
            bottom: 5px;
+
      bottom: 5px;
            left: 20px;
+
      left: 20px;
            background-color: #CCCCCC;
+
      background-color: #CCCCCC;
        }
+
    }
  
        .daohang .longName .item:hover:after {
+
    .daohang .longName .item:hover:after {
            content: '';
+
      content: '';
            display: block;
+
      display: block;
            position: absolute;
+
      position: absolute;
            width: 130px;
+
      width: 130px;
            height: 2px;
+
      height: 2px;
            bottom: 5px;
+
      bottom: 5px;
            left: 20px;
+
      left: 20px;
            background-color: #f51720;
+
      background-color: #f51720;
        }
+
    }
  
        @media screen and (max-width: 1200px) {
+
    @media screen and (max-width: 1200px) {
            .logo-daohang {
+
      .logo-daohang {
                left: 3%;
+
        left: 3%;
            }
+
      }
  
            .daohangyi {
+
      .daohangyi {
                font-size: 12px;
+
        font-size: 12px;
            }
+
      }
        }
+
    }
  
        @media screen and (max-width: 900px) {
+
    @media screen and (max-width: 900px) {
  
            .daohang .caidan {
+
      .daohang .caidan {
                right: 0;
+
        right: 0;
                width: 100%;
+
        width: 100%;
            }
+
      }
  
            .logo-daohang {
+
      .logo-daohang {
                display: none;
+
        display: none;
            }
+
      }
  
            .daohang .shortName {
+
      .daohang .shortName {
                width: 15vw;
+
        width: 15vw;
            }
+
      }
  
            .daohang .longName {
+
      .daohang .longName {
                width: 25vw;
+
        width: 25vw;
            }
+
      }
  
            .daohangyi img {
+
      .daohangyi img {
                display: none;
+
        display: none;
            }
+
      }
  
            .daohang .longName .item:before {
+
      .daohang .longName .item:before {
                width: 150px;
+
        width: 150px;
                left: 20px;
+
        left: 20px;
            }
+
      }
  
            .daohang .longName .item:hover:after {
+
      .daohang .longName .item:hover:after {
                width: 150px;
+
        width: 150px;
                left: 20px;
+
        left: 20px;
            }
+
      }
        }
+
    }
    </style>
+
  </style>
    <!-- 内容CSS -->
+
  <!-- 内容CSS -->
    <style class="text/css">
+
  <style class="text/css">
        .clearfix:after {
+
    .clearfix:after {
 
             content: ".";
 
             content: ".";
 
             display: block;
 
             display: block;
Line 491: Line 491:
 
         }
 
         }
 
     </style>
 
     </style>
    <!-- 滚动菜单栏CSS -->
+
  <!-- 滚动菜单栏CSS -->
    <style>
+
  <style>
        #float01 {}
+
    #float01 {}
  
 
         #float02 {}
 
         #float02 {}
Line 645: Line 645:
 
         }
 
         }
 
     </style>
 
     </style>
    <!-- 折叠框CSS -->
+
  <!-- 折叠框CSS -->
    <style>
+
  <style>
        .collapseDiv {
+
    .collapseDiv {
 
           color: #333;
 
           color: #333;
 
           border-radius: 4px;
 
           border-radius: 4px;
Line 734: Line 734:
  
 
<body>
 
<body>
    <!-- 导航栏 -->
+
  <!-- 导航栏 -->
    <nav class="daohang">
+
  <nav class="daohang">
        <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
+
    <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
                class="logo-daohang"></a>
+
        class="logo-daohang"></a>
        <ul class="caidan">
+
    <ul class="caidan">
            <li class="hiLight shortName">
+
      <li class="hiLight shortName">
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
+
        <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
                    <span>Project</span>
+
          <span>Project</span>
                    <span class="xsjPic"></span>
+
          <span class="xsjPic"></span>
                </a>
+
        </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
            </li>
+
      </li>
            <li class="hiLight shortName">
+
      <li class="hiLight shortName">
                <a class="nav_head" href="#">
+
        <a class="nav_head" href="#">
                    <span>Wetlab</span>
+
          <span>Wetlab</span>
                    <span class="xjtPic"></span>
+
          <span class="xjtPic"></span>
                </a>
+
        </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
  
            </li>
+
      </li>
            <li class="hiLight shortName">
+
      <li class="hiLight shortName">
                <a class="nav_head" href="#">
+
        <a class="nav_head" href="#">
                    <span>Drylab</span>
+
          <span>Drylab</span>
                    <span class="xjtPic"></span>
+
          <span class="xjtPic"></span>
                </a>
+
        </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
            </li>
+
      </li>
            <li class="hiLight longName">
+
      <li class="hiLight longName">
                <a class="nav_head" href="#">
+
        <a class="nav_head" href="#">
                    <span>Human&nbsp;Practices</span>
+
          <span>Human&nbsp;Practices</span>
                    <span class="xjtPic"></span>
+
          <span class="xjtPic"></span>
                </a>
+
        </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
            </li>
+
      </li>
            <li class="hiLight shortName">
+
      <li class="hiLight shortName">
                <a class="nav_head" href="#">
+
        <a class="nav_head" href="#">
                    <span>About Us</span>
+
          <span>About Us</span>
                    <span class="xjtPic"></span>
+
          <span class="xjtPic"></span>
                </a>
+
        </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
            </li>
+
      </li>
            <li class="hiLight shortName">
+
      <li class="hiLight shortName">
                <a class="nav_head" href="#">
+
        <a class="nav_head" href="#">
                    <span>Parts</span>
+
          <span>Parts</span>
                    <span class="xjtPic"></span>
+
          <span class="xjtPic"></span>
                </a>
+
        </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
+
        <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
            </li>
+
      </li>
        </ul>
+
    </ul>
        <div class="shade"></div>
+
    <div class="shade"></div>
    </nav>
+
  </nav>
    <!-- 内容 -->
+
  <!-- 内容 -->
    <div class="neirong clearfix">
+
  <div class="neirong clearfix">
        <!-- 正文 -->
+
    <!-- 正文 -->
        <div class="zhengwen">
+
    <div class="zhengwen">
  
            <div id="float01" class="cur">
+
      <div id="float01" class="cur">
                <div class="h1">Overview</div>
+
        <div class="h1">Overview</div>
                <p>As the Chinese saying goes, “know the enemy and know yourself, and you can fight a hundred battles
+
        <p>As the Chinese saying goes, “know the enemy and know yourself, and you can fight a hundred battles
                    with no danger of defeat”. In the battle with cancer, we have gained great knowledge about the
+
          with no danger of defeat”. In the battle with cancer, we have gained great knowledge about the
                    “enemy”, as well as our own immune system. However, despite the success in curing early and middle
+
          “enemy”, as well as our own immune system. However, despite the success in curing early and middle
                    stage cancers we have made, the lack of public comprehension is still likely to cause panic. We
+
          stage cancers we have made, the lack of public comprehension is still likely to cause panic. We
                    sensed that our mission is to help the public learn more about cancer and its treatment, as well as
+
          sensed that our mission is to help the public learn more about cancer and its treatment, as well as
                    the difference that synthetic biology can make in future approach. To accomplish that, we held a
+
          the difference that synthetic biology can make in future approach. To accomplish that, we held a
                    live seminar to share our idea and then started to blog newly emerged cancer therapies, basic
+
          live seminar to share our idea and then started to blog newly emerged cancer therapies, basic
                    aspects of synthetic biology and our project. Meanwhile, letting the public know that their voices
+
          aspects of synthetic biology and our project. Meanwhile, letting the public know that their voices
                    have been heard is also very important, so we collected their opinions carefully through public
+
          have been heard is also very important, so we collected their opinions carefully through public
                    survey, designed new circuits for their safety concerns, and invited them for discussion on our
+
          survey, designed new circuits for their safety concerns, and invited them for discussion on our
                    team blog. To explore the further application and the potential risk, we also communicated with
+
          team blog. To explore the further application and the potential risk, we also communicated with
                    some cancer experts. We want to be a communicating bridge during this battle where information is
+
          some cancer experts. We want to be a communicating bridge during this battle where information is
                    accessible to everyone who needs it.</p>
+
          accessible to everyone who needs it.</p>
                <div style="width: 70%; margin: 30px auto">
+
        <div style="width: 70%; margin: 30px auto">
                    <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--hp1.png" width=100% alt="">
+
          <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--hp1.png" width=100% alt="">
                </div>
+
        </div>
  
            </div>
+
      </div>
            <div id="float02">
+
      <div id="float02">
                <div class="h1">Silver Human Practice</div>
+
        <div class="h1">Silver Human Practice</div>
                <div class="h2"><a href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a></div>
+
        <div class="h2"><a href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a></div>
                <p>This year, we have done a lot of work in order to meet the requirement of biosafety. After
+
        <p>This year, we have done a lot of work in order to meet the requirement of biosafety. After
                    collecting opinions from experts and the public, we learned that the general concerns are about:
+
          collecting opinions from experts and the public, we learned that the general concerns are about:
                    How is it safe to apply bacteriotherapy against cancer without causing unexpected damage or
+
          How is it safe to apply bacteriotherapy against cancer without causing unexpected damage or
                    infection? We took these concerns seriously and have found some practical solutions.</p>
+
          infection? We took these concerns seriously and have found some practical solutions.</p>
  
  
                <div class="h2">EXPERT interviews</div>
+
        <div class="h2">EXPERT interviews</div>
  
  
                <div style="margin: 20px 0;" class="row">
+
        <div style="margin: 20px 0;" class="row">
  
                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
+
          <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                        <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--laoshihe.jpg"
+
            <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--laoshihe.jpg"
                            width=100% alt="">
+
              width=100% alt="">
                    </div>
+
          </div>
  
  
  
                    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
+
          <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                        <div class="collapseDiv">
+
            <div class="collapseDiv">
                            <label for="zhedie-toggle1">Prf. Jin He</label>
+
              <label for="zhedie-toggle1">Prf. Jin He</label>
                            <input type="checkbox" id="zhedie-toggle1" />
+
              <input type="checkbox" id="zhedie-toggle1" />
                            <div id="zhedie1" class="text-success text-left">
+
              <div id="zhedie1" class="text-success text-left">
                                <b>College of Life Science and Technology, Huazhong Agricultural University.</b> <br>
+
                <b>College of Life Science and Technology, Huazhong Agricultural University.</b> <br>
                                Professor Jin He has given us a lot of useful suggestions and instructions. As an
+
                Professor Jin He has given us a lot of useful suggestions and instructions. As an
                                expert in
+
                expert in
                                microbes, he points out that Salmonella is a kind of safe bacterium which is widely
+
                microbes, he points out that Salmonella is a kind of safe bacterium which is widely
                                used in
+
                used in
                                researches around the world. After knocking out a series of genes, the harm of
+
                researches around the world. After knocking out a series of genes, the harm of
                                Salmonella
+
                Salmonella
                                is
+
                is
                                acceptable. He also points out that Salmonella has very common with E.coli on behalf
+
                acceptable. He also points out that Salmonella has very common with E.coli on behalf
                                that
+
                that
                                both
+
                both
                                bacteria are in Enterobacteriaceae. This means that we can incubate Salmonella on the
+
                bacteria are in Enterobacteriaceae. This means that we can incubate Salmonella on the
                                same
+
                same
                                condition and cultivation with E. coli. In addition, Salmonella is very similar to E.
+
                condition and cultivation with E. coli. In addition, Salmonella is very similar to E.
                                coli
+
                coli
                                in
+
                in
                                genetics, which means many metabolic reactions happen in E. coli would also happen in
+
                genetics, which means many metabolic reactions happen in E. coli would also happen in
                                Salmonella. Besides, he tells us that there are many intracellular parasites well
+
                Salmonella. Besides, he tells us that there are many intracellular parasites well
                                studied
+
                studied
                                such
+
                such
                                as Listeria , so we have many choices in the future. In conclusion, his indispensable
+
                as Listeria , so we have many choices in the future. In conclusion, his indispensable
                                instructions have made up our minds to engineer on Salmonella.
+
                instructions have made up our minds to engineer on Salmonella.
                                <br><br>
+
                <br><br>
                            </div>
+
              </div>
                        </div>
+
            </div>
                    </div>
+
          </div>
                </div>
+
        </div>
                <div style="margin: 20px 0;" class="row">
+
        <div style="margin: 20px 0;" class="row">
                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
+
          <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                        <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/0/08/T--HZAU-China--laoshijia.jpg"
+
            <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/0/08/T--HZAU-China--laoshijia.jpg"
                            width=100% alt="">
+
              width=100% alt="">
                    </div>
+
          </div>
                    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
+
          <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
  
                        <div class="collapseDiv">
+
            <div class="collapseDiv">
                            <label for="zhedie-toggle2">Dr. Qike Jia</label>
+
              <label for="zhedie-toggle2">Dr. Qike Jia</label>
                            <input type="checkbox" id="zhedie-toggle2" />
+
              <input type="checkbox" id="zhedie-toggle2" />
                            <div id="zhedie2" class="text-success text-left">
+
              <div id="zhedie2" class="text-success text-left">
                                <b>Doctor of Hubei Tumor Hospital, Wuhan, Hubei Province, PRC.</b> <br>
+
                <b>Doctor of Hubei Tumor Hospital, Wuhan, Hubei Province, PRC.</b> <br>
                                Doctor Qike Jia is a young doctor works in Hubei Tumor Hospital and has some experience
+
                Doctor Qike Jia is a young doctor works in Hubei Tumor Hospital and has some experience
                                in
+
                in
                                tumor treatment. He is familiar with all popular tumor therapies in China and has given
+
                tumor treatment. He is familiar with all popular tumor therapies in China and has given
                                us
+
                us
                                an
+
                an
                                overview of tumor treatments. When asked about what the most used therapy at present
+
                overview of tumor treatments. When asked about what the most used therapy at present
                                is,
+
                is,
                                the
+
                the
                                doctor directly pointed out that it is surgery without hesitate. He thinks that
+
                doctor directly pointed out that it is surgery without hesitate. He thinks that
                                operating
+
                operating
                                on
+
                on
                                patients is always the first thing to do when a doctor is facing a tumor in medium or
+
                patients is always the first thing to do when a doctor is facing a tumor in medium or
                                late
+
                late
                                stage. After cutting off tumor issues, radiation and chemical therapies can be carried
+
                stage. After cutting off tumor issues, radiation and chemical therapies can be carried
                                out
+
                out
                                for
+
                for
                                further clearance of tumor cells. When asked about the opinion to our project, he
+
                further clearance of tumor cells. When asked about the opinion to our project, he
                                encouraged us
+
                encouraged us
                                with a big smile on his face. He said our project is quite good and expectable,
+
                with a big smile on his face. He said our project is quite good and expectable,
                                although we
+
                although we
                                may
+
                may
                                have faced some trouble. Cell cultivation is a really hard work taking a lot of time
+
                have faced some trouble. Cell cultivation is a really hard work taking a lot of time
                                and
+
                and
                                spirits. Even if we could complete the project, we still need an enormous amount of
+
                spirits. Even if we could complete the project, we still need an enormous amount of
                                efforts
+
                efforts
                                to
+
                to
                                push our therapy to the market. He hoped that we could overcome all the difficulties
+
                push our therapy to the market. He hoped that we could overcome all the difficulties
                                and
+
                and
                                gain
+
                gain
                                the final success.
+
                the final success.
                                <br><br>
+
                <br><br>
                            </div>
+
              </div>
                        </div>
+
            </div>
                    </div>
+
          </div>
                </div>
+
        </div>
                <div style="margin: 20px 0;" class="row">
+
        <div style="margin: 20px 0;" class="row">
                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
+
          <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                        <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/f/f1/T--HZAU-China--laoshiqi.jpg"
+
            <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/f/f1/T--HZAU-China--laoshiqi.jpg"
                            width=100% alt="">
+
              width=100% alt="">
                    </div>
+
          </div>
                    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
+
          <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
  
                        <div class="collapseDiv">
+
            <div class="collapseDiv">
                            <label for="zhedie-toggle3">Dr. Yingchun Qi</label>
+
              <label for="zhedie-toggle3">Dr. Yingchun Qi</label>
                            <input type="checkbox" id="zhedie-toggle3" />
+
              <input type="checkbox" id="zhedie-toggle3" />
                            <div id="zhedie3" class="text-success text-left">
+
              <div id="zhedie3" class="text-success text-left">
                                <b>HZAU biological experimental teaching center deputy director
+
                <b>HZAU biological experimental teaching center deputy director
                                </b>
+
                </b>
                                Dr. Yingchun Qi is one of the people who have the closest connection with our lab.
+
                Dr. Yingchun Qi is one of the people who have the closest connection with our lab.
                                She
+
                She
                                is
+
                is
                                majored in cell culture and genetic transformation. Every year, she will conduct safety
+
                majored in cell culture and genetic transformation. Every year, she will conduct safety
                                education for us when we first build the team. At the same time, she also supervises
+
                education for us when we first build the team. At the same time, she also supervises
                                the
+
                the
                                daily
+
                daily
                                hygiene practices of our laboratories. In the conversation with her, we understand the
+
                hygiene practices of our laboratories. In the conversation with her, we understand the
                                importance of many security systems and their sources. And, she often comes to the lab
+
                importance of many security systems and their sources. And, she often comes to the lab
                                to
+
                to
                                see
+
                see
                                us and cares about our lives.
+
                us and cares about our lives.
                                <br><br>
+
                <br><br>
                            </div>
+
              </div>
                        </div>
+
            </div>
  
                    </div>
+
          </div>
                </div>
+
        </div>
                <div style="margin: 20px 0;" class="row">
+
        <div style="margin: 20px 0;" class="row">
                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
+
          <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                        <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--laoshicao.jpg"
+
            <img style="border:4px solid #E0CCAE; box-shadow: 0 1px 3px #676767; " src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--laoshicao.jpg"
                            width=100% alt="">
+
              width=100% alt="">
                    </div>
+
          </div>
                    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
+
          <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
  
                        <div class="collapseDiv">
+
            <div class="collapseDiv">
                            <label for="zhedie-toggle4">Prf. Cao Gang</label>
+
              <label for="zhedie-toggle4">Prf. Cao Gang</label>
                            <input type="checkbox" id="zhedie-toggle4" />
+
              <input type="checkbox" id="zhedie-toggle4" />
                            <div id="zhedie4" class="text-success text-left">
+
              <div id="zhedie4" class="text-success text-left">
                                <b>Professor of Huazhong Agricultural University, doctoral tutor, head of Department of
+
                <b>Professor of Huazhong Agricultural University, doctoral tutor, head of Department of
                                    Basic Veterinary Science, deputy director of Biomedical Center.</b> <br>
+
                  Basic Veterinary Science, deputy director of Biomedical Center.</b> <br>
                                In July, we had a nice symposium with Cao. At that time, our team didn’t come up with a
+
                In July, we had a nice symposium with Cao. At that time, our team didn’t come up with a
                                mature
+
                mature
                                project. Since Cao is major in Biomedical, we asked him for help and he responded us
+
                project. Since Cao is major in Biomedical, we asked him for help and he responded us
                                warmly. In
+
                warmly. In
                                a special symposium, He pointed the weakness is our naïve thoughts and helped us
+
                a special symposium, He pointed the weakness is our naïve thoughts and helped us
                                strengthen
+
                strengthen
                                the
+
                the
                                advantages. He taught us tremendous things about pyroptosis, including it’s pathway and
+
                advantages. He taught us tremendous things about pyroptosis, including it’s pathway and
                                recent
+
                recent
                                researches in that field, and encouraged us to march on. Cao is so enthusiastic about
+
                researches in that field, and encouraged us to march on. Cao is so enthusiastic about
                                our
+
                our
                                project and willing to give us a helping hand.
+
                project and willing to give us a helping hand.
                                <br><br>
+
                <br><br>
  
                            </div>
+
              </div>
                        </div>
+
            </div>
                    </div>
+
          </div>
                </div>
+
        </div>
  
  
                <div class="h2">Education & Public Engagement</div>
+
        <div class="h2">Education & Public Engagement</div>
                <p>After attending meetings and analyzing questionnaires, we learned that there are many concerns about
+
        <p>After attending meetings and analyzing questionnaires, we learned that there are many concerns about
                    the use of bacteria to treat cancer. We thought people's scruple is largely because they know
+
          the use of bacteria to treat cancer. We thought people's scruple is largely because they know
                    little about bacterial therapy and synthetic biology. So, we not only set up a blog for
+
          little about bacterial therapy and synthetic biology. So, we not only set up a blog for
                    popularizing science about synthetic biology and our project, but also gave lectures to freshmen in
+
          popularizing science about synthetic biology and our project, but also gave lectures to freshmen in
                    our university about our work to get more feedback. Through above activities, we expanded the scope
+
          our university about our work to get more feedback. Through above activities, we expanded the scope
                    of our survey. By making people more aware of synthetic biology and bacterial therapy, they became
+
          of our survey. By making people more aware of synthetic biology and bacterial therapy, they became
                    more receptive to our project. In the survey results and discussion on our blog, we realized that
+
          more receptive to our project. In the survey results and discussion on our blog, we realized that
                    more knowledge can significantly reduce peoples’ worries. During our education engagement, we also
+
          more knowledge can significantly reduce peoples’ worries. During our education engagement, we also
                    had more safety thinking and better performance in our experimental design.</p>
+
          had more safety thinking and better performance in our experimental design.</p>
            </div>
+
      </div>
            <div id="float03">
+
      <div id="float03">
                <div class="h1">Integrated Human Practice</div>
+
        <div class="h1">Integrated Human Practice</div>
                <p>Pyroptosis therapy, as a new approach derived from cell natural defense mechanism, can only make
+
        <p>Pyroptosis therapy, as a new approach derived from cell natural defense mechanism, can bring positive
                    positive effect on human health with our rightful use. We all know that one day synthetic
+
          effects to human health with our rightful use. We all know that one day synthetic biologists will develop
                    biologists will develop artificial life forms as vehicles. At that point, pyroptosis carried out by
+
          artificial life forms as vehicles. At that point, pyroptosis carried out by these excellent tools will
                    these excellent tools will release its enormous potential, work just like the nanorobots in science
+
          release its enormous potential, work just like the nanorobots in science fiction movies, leaving cancer cells
                    fiction movies, leaving cancer cells nowhere to hide. Within the right hands, it can provide us
+
          nowhere to hide. Within the right hands, it can provide us with new opportunities of making the world a
                    with new opportunities of making the world a better place. </p>
+
          better place. </p>
                <p>For a new treatment, a person or institution cannot represent all human beings to define it.
+
        <div style="width: 70%; margin: 30px auto">
                    Therefore, our integrated human practice aims to hear voices from both experts and the public, in
+
          <img src="https://static.igem.org/mediawiki/2018/2/25/T--HZAU-China--hp2.png" width=100% alt="">
                    order to analyze and improve our project. At the beginning, we participated in two conference
+
        </div>
                    meetings in mainland China, and had an in-depth communication with the teams who had conducted the
+
        <p>For a new treatment, a person or institution cannot represent all human beings to define it.
                    tumor treatment related projects like us. Then, we consulted several experts from Hubei Cancer
+
          Therefore, our integrated human practice aims to hear voices from both experts and the public, in
                    Hospital and professors of microbiology and biomedical in our school for their professional advice.
+
          order to analyze and improve our project. At the beginning, we participated in two conference
                    Besides the communications, we have done an insightful social survey, to gain better understanding
+
          meetings in mainland China, and had an in-depth communication with the teams who had conducted the
                    about what people concern about cancer, as well as their attitude towards our project. The social
+
          tumor treatment related projects like us. Then, we consulted several experts from Hubei Cancer
                    survey results inspired us to reconsider the security level and the future application of our
+
          Hospital and professors of microbiology and biomedical in our school for their professional advice.
                    project. Meanwhile, we sensed that other mission for us is to help the public learn more about
+
          Besides the communications, we have done an insightful social survey, to gain better understanding
                    cancer and its treatment, as well as the difference that synthetic biology can make in future
+
          about what people concern about cancer, as well as their attitude towards our project. The social
                    approach. To accomplish that, we held a live seminar to share our idea and then started to blog
+
          survey results inspired us to reconsider the security level and the future application of our
                    newly emerged cancer therapies, basic aspects of synthetic biology and our project. We also
+
          project. Meanwhile, we sensed that other mission for us is to help the public learn more about
                    established a science blog, in which we can keep offerring people cancer-related information with a
+
          cancer and its treatment, as well as the difference that synthetic biology can make in future
                    more lucid way to express. We also answered their questions in person for the best effects at
+
          approach. To accomplish that, we held a live seminar to share our idea and then started to blog
                    comment area.</p>
+
          newly emerged cancer therapies, basic aspects of synthetic biology and our project. We also
                <div class="h2">Enhanced Safe Properties</div>
+
          established a science blog, in which we can keep offerring people cancer-related information with a
                <p>We carried out our project with full compliance with the safety policies and safety rules (see also
+
          more lucid way to express. We also answered their questions in person for the best effects at
                    <a href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a> for details). In analyzing the
+
          comment area.</p>
                    results of expert consultation and public investigation (see
+
        <div class="h2">Enhanced Safe Properties</div>
                    also <a href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Education</a> for details),
+
        <p>We carried out our project with full compliance with the safety policies and safety rules (see also
                    we concluded that an enhancement of safe properties nevertheless
+
          <a href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a> for details). In analyzing the
                    should be considered as a first priority. After a careful reconsideration, we introduced two major
+
          results of expert consultation and public investigation (see
                    safety improvement. First, we knocked out the sifA gene from Salmonella Typhimurium str. SL1344
+
          also <a href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Education</a> for details),
                    genome by conjugation transfer, in order to weaken its pathogenicity. Although Salmonella has
+
          we concluded that an enhancement of safe properties nevertheless
                    already been used in some cancer therapy research, its pathogenic bacteria identity had limited its
+
          should be considered as a first priority. After a careful reconsideration, we introduced two major
                    anticancer application. After collecting opinions from experts, we decided to perform this gene
+
          safety improvement. First, we knocked out the sifA gene from Salmonella Typhimurium str. SL1344
                    knock-out. Then we demonstrated the effect of this change by using macrophage assay, where ΔsifA
+
          genome by conjugation transfer, in order to weaken its pathogenicity. Although Salmonella has
                    strain cannot replicate effectively in the host cell after infection, in contrast with the control
+
          already been used in some cancer therapy research, its pathogenic bacteria identity had limited its
                    group (see also <a href="https://2018.igem.org/Team:HZAU-China/Design">Design</a> and <a href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
+
          anticancer application. After collecting opinions from experts, we decided to perform this gene
                    for more information). This effect means the ΔsifA strain can be
+
          knock-out. Then we demonstrated the effect of this change by using macrophage assay, where ΔsifA
                    easily cleaned by human macrophage, which can prevent unexpected infection from occurring. On the
+
          strain cannot replicate effectively in the host cell after infection, in contrast with the control
                    other hand, even though Salmonella have natural taxis towards tumor microenvironment and attack
+
          group (see also <a href="https://2018.igem.org/Team:HZAU-China/Design">Design</a> and <a href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
                    tumor cells selectively, any destructions done to the non-tumor tissue remain unacceptable. For the
+
          for more information). This effect means the ΔsifA strain can be
                    purpose of an accurate attack, we displayed RGD motif on the bacteria surface to demonstrate an
+
          easily cleaned by human macrophage, which can prevent unexpected infection from occurring. On the
                    enhanced targeting specificity towards tumor cells covered by αvβ3 integrin (see also <a href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
+
          other hand, even though Salmonella have natural taxis towards tumor microenvironment and attack
                    and
+
          tumor cells selectively, any destructions done to the non-tumor tissue remain unacceptable. For the
                    <a href="https://2018.igem.org/Team:HZAU-China/Results">Results</a> for more information).</p>
+
          purpose of an accurate attack, we displayed RGD motif on the bacteria surface to demonstrate an
 +
          enhanced targeting specificity towards tumor cells covered by αvβ3 integrin (see also <a href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
 +
          and
 +
          <a href="https://2018.igem.org/Team:HZAU-China/Results">Results</a> for more information).</p>
  
  
  
  
            </div>
+
      </div>
        </div>
+
    </div>
        <!-- 侧边 -->
+
    <!-- 侧边 -->
        <div class="cebian">
+
    <div class="cebian">
            <!-- 滚动菜单栏 -->
+
      <!-- 滚动菜单栏 -->
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Safety">
+
      <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Safety">
                <span class="biaoti">Safety</span>
+
        <span class="biaoti">Safety</span>
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
+
        <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
            </a>
+
      </a>
            <div class="daohangyi">
+
      <div class="daohangyi">
                <span class="biaoti">Human Practices</span>
+
        <span class="biaoti">Human Practices</span>
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span>
+
        <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span>
            </div>
+
      </div>
            <div class="floatCtro">
+
      <div class="floatCtro">
                <p class="daohanger">Overview</p>
+
        <p class="daohanger">Overview</p>
                <p class="daohanger">Silver Human Practice</p>
+
        <p class="daohanger">Silver Human Practice</p>
                <p class="daohanger">Integrated Human Practice</p>
+
        <p class="daohanger">Integrated Human Practice</p>
                <a>
+
        <a>
                    <span>Back&nbsp;to&nbsp;Top</span>
+
          <span>Back&nbsp;to&nbsp;Top</span>
                </a>
+
        </a>
            </div>
+
      </div>
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">
+
      <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">
                <span class="biaoti">Public Engagement</span>
+
        <span class="biaoti">Public Engagement</span>
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
+
        <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
            </a>
+
      </a>
            <!-- 滚动菜单栏 -->
+
      <!-- 滚动菜单栏 -->
        </div>
+
 
     </div>
 
     </div>
 +
  </div>
  
    <!-- 滚动菜单栏jQuery -->
+
  <!-- 滚动菜单栏jQuery -->
    <script src="jquery.js" type="text/javascript"></script>
+
  <script src="jquery.js" type="text/javascript"></script>
    <script>
+
  <script>
        $(function () {
+
    $(function () {
            var AllHet = $(window).height();
+
      var AllHet = $(window).height();
            var mainHet = $('.floatCtro').height();
+
      var mainHet = $('.floatCtro').height();
            var fixedTop = (AllHet - mainHet) / 2
+
      var fixedTop = (AllHet - mainHet) / 2
            //  $('div.floatCtro').css({top:fixedTop+'px'});  
+
      //  $('div.floatCtro').css({top:fixedTop+'px'});  
            $('div.floatCtro p').click(function () {
+
      $('div.floatCtro p').click(function () {
                var ind = $('div.floatCtro p').index(this) + 1;
+
        var ind = $('div.floatCtro p').index(this) + 1;
                var topVal = $('#float0' + ind).offset().top;
+
        var topVal = $('#float0' + ind).offset().top;
                $('body,html').animate({ scrollTop: topVal }, 1000)
+
        $('body,html').animate({ scrollTop: topVal }, 1000)
            })
+
      })
            $('div.floatCtro a').click(function () {
+
      $('div.floatCtro a').click(function () {
                $('body,html').animate({ scrollTop: 0 }, 1000)
+
        $('body,html').animate({ scrollTop: 0 }, 1000)
            })
+
      })
            $(window).scroll(scrolls)
+
      $(window).scroll(scrolls)
            scrolls()
+
      scrolls()
            function scrolls() {
+
      function scrolls() {
                var f1, f2, f3, bck;
+
        var f1, f2, f3, bck;
                var fixRight = $('div.floatCtro p');
+
        var fixRight = $('div.floatCtro p');
                var blackTop = $('div.floatCtro a')
+
        var blackTop = $('div.floatCtro a')
                var sTop = $(window).scrollTop();
+
        var sTop = $(window).scrollTop();
                fl = $('#float01').offset().top;
+
        fl = $('#float01').offset().top;
                f2 = $('#float02').offset().top;
+
        f2 = $('#float02').offset().top;
                f3 = $('#float03').offset().top;
+
        f3 = $('#float03').offset().top;
  
                if (sTop <= f2 - 100) {
+
        if (sTop <= f2 - 100) {
                    blackTop.fadeOut(300).css('display', 'none')
+
          blackTop.fadeOut(300).css('display', 'none')
                }
+
        }
                else {
+
        else {
                    blackTop.fadeIn(300).css('display', 'block')
+
          blackTop.fadeIn(300).css('display', 'block')
                }
+
        }
  
                if (sTop >= fl) {
+
        if (sTop >= fl) {
                    fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
+
          fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
                }
+
        }
                if (sTop >= f2 - 100) {
+
        if (sTop >= f2 - 100) {
                    fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
+
          fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
                }
+
        }
                if (sTop >= f3 - 100) {
+
        if (sTop >= f3 - 100) {
                    fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
+
          fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
                }
+
        }
  
            }
+
      }
        })
+
    })
    </script>
+
  </script>
    <!-- 滚动菜单栏jQuery -->
+
  <!-- 滚动菜单栏jQuery -->
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 00:33, 18 October 2018

Overview

As the Chinese saying goes, “know the enemy and know yourself, and you can fight a hundred battles with no danger of defeat”. In the battle with cancer, we have gained great knowledge about the “enemy”, as well as our own immune system. However, despite the success in curing early and middle stage cancers we have made, the lack of public comprehension is still likely to cause panic. We sensed that our mission is to help the public learn more about cancer and its treatment, as well as the difference that synthetic biology can make in future approach. To accomplish that, we held a live seminar to share our idea and then started to blog newly emerged cancer therapies, basic aspects of synthetic biology and our project. Meanwhile, letting the public know that their voices have been heard is also very important, so we collected their opinions carefully through public survey, designed new circuits for their safety concerns, and invited them for discussion on our team blog. To explore the further application and the potential risk, we also communicated with some cancer experts. We want to be a communicating bridge during this battle where information is accessible to everyone who needs it.

Silver Human Practice

This year, we have done a lot of work in order to meet the requirement of biosafety. After collecting opinions from experts and the public, we learned that the general concerns are about: How is it safe to apply bacteriotherapy against cancer without causing unexpected damage or infection? We took these concerns seriously and have found some practical solutions.

EXPERT interviews
College of Life Science and Technology, Huazhong Agricultural University.
Professor Jin He has given us a lot of useful suggestions and instructions. As an expert in microbes, he points out that Salmonella is a kind of safe bacterium which is widely used in researches around the world. After knocking out a series of genes, the harm of Salmonella is acceptable. He also points out that Salmonella has very common with E.coli on behalf that both bacteria are in Enterobacteriaceae. This means that we can incubate Salmonella on the same condition and cultivation with E. coli. In addition, Salmonella is very similar to E. coli in genetics, which means many metabolic reactions happen in E. coli would also happen in Salmonella. Besides, he tells us that there are many intracellular parasites well studied such as Listeria , so we have many choices in the future. In conclusion, his indispensable instructions have made up our minds to engineer on Salmonella.

Doctor of Hubei Tumor Hospital, Wuhan, Hubei Province, PRC.
Doctor Qike Jia is a young doctor works in Hubei Tumor Hospital and has some experience in tumor treatment. He is familiar with all popular tumor therapies in China and has given us an overview of tumor treatments. When asked about what the most used therapy at present is, the doctor directly pointed out that it is surgery without hesitate. He thinks that operating on patients is always the first thing to do when a doctor is facing a tumor in medium or late stage. After cutting off tumor issues, radiation and chemical therapies can be carried out for further clearance of tumor cells. When asked about the opinion to our project, he encouraged us with a big smile on his face. He said our project is quite good and expectable, although we may have faced some trouble. Cell cultivation is a really hard work taking a lot of time and spirits. Even if we could complete the project, we still need an enormous amount of efforts to push our therapy to the market. He hoped that we could overcome all the difficulties and gain the final success.

HZAU biological experimental teaching center deputy director Dr. Yingchun Qi is one of the people who have the closest connection with our lab. She is majored in cell culture and genetic transformation. Every year, she will conduct safety education for us when we first build the team. At the same time, she also supervises the daily hygiene practices of our laboratories. In the conversation with her, we understand the importance of many security systems and their sources. And, she often comes to the lab to see us and cares about our lives.

Professor of Huazhong Agricultural University, doctoral tutor, head of Department of Basic Veterinary Science, deputy director of Biomedical Center.
In July, we had a nice symposium with Cao. At that time, our team didn’t come up with a mature project. Since Cao is major in Biomedical, we asked him for help and he responded us warmly. In a special symposium, He pointed the weakness is our naïve thoughts and helped us strengthen the advantages. He taught us tremendous things about pyroptosis, including it’s pathway and recent researches in that field, and encouraged us to march on. Cao is so enthusiastic about our project and willing to give us a helping hand.

Education & Public Engagement

After attending meetings and analyzing questionnaires, we learned that there are many concerns about the use of bacteria to treat cancer. We thought people's scruple is largely because they know little about bacterial therapy and synthetic biology. So, we not only set up a blog for popularizing science about synthetic biology and our project, but also gave lectures to freshmen in our university about our work to get more feedback. Through above activities, we expanded the scope of our survey. By making people more aware of synthetic biology and bacterial therapy, they became more receptive to our project. In the survey results and discussion on our blog, we realized that more knowledge can significantly reduce peoples’ worries. During our education engagement, we also had more safety thinking and better performance in our experimental design.

Integrated Human Practice

Pyroptosis therapy, as a new approach derived from cell natural defense mechanism, can bring positive effects to human health with our rightful use. We all know that one day synthetic biologists will develop artificial life forms as vehicles. At that point, pyroptosis carried out by these excellent tools will release its enormous potential, work just like the nanorobots in science fiction movies, leaving cancer cells nowhere to hide. Within the right hands, it can provide us with new opportunities of making the world a better place.

For a new treatment, a person or institution cannot represent all human beings to define it. Therefore, our integrated human practice aims to hear voices from both experts and the public, in order to analyze and improve our project. At the beginning, we participated in two conference meetings in mainland China, and had an in-depth communication with the teams who had conducted the tumor treatment related projects like us. Then, we consulted several experts from Hubei Cancer Hospital and professors of microbiology and biomedical in our school for their professional advice. Besides the communications, we have done an insightful social survey, to gain better understanding about what people concern about cancer, as well as their attitude towards our project. The social survey results inspired us to reconsider the security level and the future application of our project. Meanwhile, we sensed that other mission for us is to help the public learn more about cancer and its treatment, as well as the difference that synthetic biology can make in future approach. To accomplish that, we held a live seminar to share our idea and then started to blog newly emerged cancer therapies, basic aspects of synthetic biology and our project. We also established a science blog, in which we can keep offerring people cancer-related information with a more lucid way to express. We also answered their questions in person for the best effects at comment area.

Enhanced Safe Properties

We carried out our project with full compliance with the safety policies and safety rules (see also Safety for details). In analyzing the results of expert consultation and public investigation (see also Education for details), we concluded that an enhancement of safe properties nevertheless should be considered as a first priority. After a careful reconsideration, we introduced two major safety improvement. First, we knocked out the sifA gene from Salmonella Typhimurium str. SL1344 genome by conjugation transfer, in order to weaken its pathogenicity. Although Salmonella has already been used in some cancer therapy research, its pathogenic bacteria identity had limited its anticancer application. After collecting opinions from experts, we decided to perform this gene knock-out. Then we demonstrated the effect of this change by using macrophage assay, where ΔsifA strain cannot replicate effectively in the host cell after infection, in contrast with the control group (see also Design and Results for more information). This effect means the ΔsifA strain can be easily cleaned by human macrophage, which can prevent unexpected infection from occurring. On the other hand, even though Salmonella have natural taxis towards tumor microenvironment and attack tumor cells selectively, any destructions done to the non-tumor tissue remain unacceptable. For the purpose of an accurate attack, we displayed RGD motif on the bacteria surface to demonstrate an enhanced targeting specificity towards tumor cells covered by αvβ3 integrin (see also Design and Results for more information).

Safety
Human Practices

Overview

Silver Human Practice

Integrated Human Practice

Back to Top
Public Engagement