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 <i>Salmonella</i> is a kind of safe bacterium which is widely
+
                                microbes, he points out that <i>Salmonella</i> is a kind of safe bacterium which is
                used in
+
                                widely
                researches around the world. After knocking out a series of genes, the harm of
+
                                used in
                <i>Salmonella</i>
+
                                researches around the world. After knocking out a series of genes, the harm of
                is
+
                                <i>Salmonella</i>
                acceptable. He also points out that <i>Salmonella</i> has very common with <i>E.coli</i> on behalf
+
                                is
                that
+
                                acceptable. He also points out that <i>Salmonella</i> has very common with <i>E.coli</i>
                both
+
                                on behalf
                bacteria are in Enterobacteriaceae. This means that we can incubate <i>Salmonella</i> on the
+
                                that
                same
+
                                both
                condition and cultivation with <i>E. coli</i>. In addition, <i>Salmonella</i> is very similar to <i>E.
+
                                bacteria are in Enterobacteriaceae. This means that we can incubate <i>Salmonella</i>
                coli</i>
+
                                on the
                in
+
                                same
                genetics, which means many metabolic reactions happen in <i>E. coli</i> would also happen in
+
                                condition and cultivation with <i>E. coli</i>. In addition, <i>Salmonella</i> is very
              <i>Salmonella</i>. Besides, he tells us that there are many intracellular parasites well
+
                                similar to <i>E.
                studied
+
                                    coli</i>
                such
+
                                in
                as Listeria , so we have many choices in the future. In conclusion, his indispensable
+
                                genetics, which means many metabolic reactions happen in <i>E. coli</i> would also
                instructions have made up our minds to engineer on <i>Salmonella</i>.
+
                                happen in
                <br><br>
+
                                <i>Salmonella</i>. Besides, he tells us that there are many intracellular parasites
              </div>
+
                                well
            </div>
+
                                studied
          </div>
+
                                such
        </div>
+
                                as Listeria , so we have many choices in the future. In conclusion, his indispensable
        <div style="margin: 20px 0;" class="row">
+
                                instructions have made up our minds to engineer on <i>Salmonella</i>.
          <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
+
                                <br><br>
            <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"
+
                            </div>
              width=100% alt="">
+
                        </div>
          </div>
+
                    </div>
          <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
+
                </div>
 +
                <div style="margin: 20px 0;" class="row">
 +
                    <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"
 +
                            width=100% alt="">
 +
                    </div>
 +
                    <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"> <a href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Education & Public
        <p>After attending meetings and analyzing questionnaires, we learned that there are many concerns about
+
                        Engagement</a></div>
          the use of bacteria to treat cancer. We thought people's scruple is largely because they know
+
                <p>After attending meetings and analyzing questionnaires, we learned that there are many concerns about
          little about bacterial therapy and synthetic biology. So, we not only set up a blog for
+
                    the use of bacteria to treat cancer. We thought people's scruple is largely because they know
          popularizing science about synthetic biology and our project, but also gave lectures to freshmen in
+
                    little about bacterial therapy and synthetic biology. So, we not only set up a blog for
          our university about our work to get more feedback. Through above activities, we expanded the scope
+
                    popularizing science about synthetic biology and our project, but also gave lectures to freshmen in
          of our survey. By making people more aware of synthetic biology and bacterial therapy, they became
+
                    our university about our work to get more feedback. Through above activities, we expanded the scope
          more receptive to our project. In the survey results and discussion on our blog, we realized that
+
                    of our survey. By making people more aware of synthetic biology and bacterial therapy, they became
          more knowledge can significantly reduce peoples’ worries. During our education engagement, we also
+
                    more receptive to our project. In the survey results and discussion on our blog, we realized that
          had more safety thinking and better performance in our experimental design.</p>
+
                    more knowledge can significantly reduce peoples’ worries. During our education engagement, we also
      </div>
+
                    had more safety thinking and better performance in our experimental design.</p>
      <div id="float03">
+
            </div>
        <div class="h1">Integrated Human Practice</div>
+
            <div id="float03">
        <p>Pyroptosis therapy, as a new approach derived from cell natural defense mechanism, can bring positive
+
                <div class="h1">Integrated Human Practice</div>
          effects to human health with our rightful use. We all know that one day synthetic biologists will develop
+
                <p>Pyroptosis therapy, as a new approach derived from cell natural defense mechanism, can bring
          artificial life forms as vehicles. At that point, pyroptosis carried out by these excellent tools will
+
                    positive
          release its enormous potential, work just like the nanorobots in science fiction movies, leaving cancer cells
+
                    effects to human health with our rightful use. We all know that one day synthetic biologists will
          nowhere to hide. Within the right hands, it can provide us with new opportunities of making the world a
+
                    develop
          better place. </p>
+
                    artificial life forms as vehicles. At that point, pyroptosis carried out by these excellent tools
        <div style="width: 70%; margin: 30px auto">
+
                    will
          <img src="https://static.igem.org/mediawiki/2018/2/25/T--HZAU-China--hp2.png" width=100% alt="">
+
                    release its enormous potential, work just like the nanorobots in science fiction movies, leaving
        </div>
+
                    cancer cells
        <p>For a new treatment, a person or institution cannot represent all human beings to define it.
+
                    nowhere to hide. Within the right hands, it can provide us with new opportunities of making the
          Therefore, our integrated human practice aims to hear voices from both experts and the public, in
+
                    world a
          order to analyze and improve our project. At the beginning, we participated in two conference
+
                    better place. </p>
          meetings in mainland China, and had an in-depth communication with the teams who had conducted the
+
                <div style="width: 70%; margin: 30px auto">
          tumor treatment related projects like us. Then, we consulted several experts from Hubei Cancer
+
                    <img src="https://static.igem.org/mediawiki/2018/2/25/T--HZAU-China--hp2.png" width=100% alt="">
          Hospital and professors of microbiology and biomedical in our school for their professional advice.
+
                </div>
          Besides the communications, we have done an insightful social survey, to gain better understanding
+
                <p>For a new treatment, a person or institution cannot represent all human beings to define it.
          about what people concern about cancer, as well as their attitude towards our project. The social
+
                    Therefore, our integrated human practice aims to hear voices from both experts and the public, in
          survey results inspired us to reconsider the security level and the future application of our
+
                    order to analyze and improve our project. At the beginning, we participated in two conference
          project. Meanwhile, we sensed that other mission for us is to help the public learn more about
+
                    meetings in mainland China, and had an in-depth communication with the teams who had conducted the
          cancer and its treatment, as well as the difference that synthetic biology can make in future
+
                    tumor treatment related projects like us. Then, we consulted several experts from Hubei Cancer
          approach. To accomplish that, we held a live seminar to share our idea and then started to blog
+
                    Hospital and professors of microbiology and biomedical in our school for their professional advice.
          newly emerged cancer therapies, basic aspects of synthetic biology and our project. We also
+
                    Besides the communications, we have done an insightful social survey, to gain better understanding
          established a science blog, in which we can keep offerring people cancer-related information with a
+
                    about what people concern about cancer, as well as their attitude towards our project. The social
          more lucid way to express. We also answered their questions in person for the best effects at
+
                    survey results inspired us to reconsider the security level and the future application of our
          comment area.</p>
+
                    project. Meanwhile, we sensed that other mission for us is to help the public learn more about
        <div class="h2">Enhanced Safe Properties</div>
+
                    cancer and its treatment, as well as the difference that synthetic biology can make in future
        <p>We carried out our project with full compliance with the safety policies and safety rules (see also
+
                    approach. To accomplish that, we held a live seminar to share our idea and then started to blog
          <a href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a> for details). In analyzing the
+
                    newly emerged cancer therapies, basic aspects of synthetic biology and our project. We also
          results of expert consultation and public investigation (see
+
                    established a science blog, in which we can keep offerring people cancer-related information with a
          also <a href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Education</a> for details),
+
                    more lucid way to express. We also answered their questions in person for the best effects at
          we concluded that an enhancement of safe properties nevertheless
+
                    comment area.</p>
          should be considered as a first priority. After a careful reconsideration, we introduced two major
+
                <div class="h2">Enhanced Safe Properties</div>
          safety improvement. First, we knocked out the <i>sifA</i> gene from <i>Salmonella Typhimurium</i> str. SL1344
+
                <p>We carried out our project with full compliance with the safety policies and safety rules (see also
          genome by conjugation transfer, in order to weaken its pathogenicity. Although <i>Salmonella</i> has
+
                    <a href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a> for details). In analyzing the
          already been used in some cancer therapy research, its pathogenic bacteria identity had limited its
+
                    results of expert consultation and public investigation (see
          anticancer application. After collecting opinions from experts, we decided to perform this gene
+
                    also <a href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Education</a> for details),
          knock-out. Then we demonstrated the effect of this change by using macrophage assay, where ΔsifA
+
                    we concluded that an enhancement of safe properties nevertheless
          strain cannot replicate effectively in the host cell after infection, in contrast with the control
+
                    should be considered as a first priority. After a careful reconsideration, we introduced two major
          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>
+
                    safety improvement. First, we knocked out the <i>sifA</i> gene from <i>Salmonella Typhimurium</i>
          for more information). This effect means the ΔsifA strain can be
+
                    str. SL1344
          easily cleaned by human macrophage, which can prevent unexpected infection from occurring. On the
+
                    genome by conjugation transfer, in order to weaken its pathogenicity. Although <i>Salmonella</i>
          other hand, even though <i>Salmonella</i> have natural taxis towards tumor microenvironment and attack
+
                    has
          tumor cells selectively, any destructions done to the non-tumor tissue remain unacceptable. For the
+
                    already been used in some cancer therapy research, its pathogenic bacteria identity had limited its
          purpose of an accurate attack, we displayed RGD motif on the bacteria surface to demonstrate an
+
                    anticancer application. After collecting opinions from experts, we decided to perform this gene
          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>
+
                    knock-out. Then we demonstrated the effect of this change by using macrophage assay, where ΔsifA
          and
+
                    strain cannot replicate effectively in the host cell after infection, in contrast with the control
          <a href="https://2018.igem.org/Team:HZAU-China/Results">Results</a> for more information).</p>
+
                    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>
 +
                    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 <i>Salmonella</i> 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 <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 02:39, 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.

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