ShuguangWang (Talk | contribs) |
|||
(46 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
− | {{HZAU-China}} | + | {{HZAU-China/Bootstrap}} |
<html> | <html> | ||
+ | <head> | ||
+ | <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"> | ||
+ | <link href="bootstrap.min.css" rel="stylesheet"> | ||
+ | <!-- 导航栏CSS --> | ||
+ | <style type="text/css"> | ||
+ | #sideMenu, | ||
+ | #top_title, | ||
+ | #team_submenu { | ||
+ | display: none; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | margin: 0 !important; | ||
+ | } | ||
− | + | #content { | |
+ | padding: 0px; | ||
+ | width: 100%; | ||
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | #bodyContent h1, | ||
+ | #bodyContent h2, | ||
+ | #bodyContent h3, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
− | + | #team_name { | |
− | + | display: none | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .global_wrapper { | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | } | ||
− | + | #top_menu_14 { | |
− | + | height: 16px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | list-style-type: none; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-color: #F3F3F3; | ||
+ | font-size: 16px; | ||
+ | font-family: Arial, Verdana, Sans-serif; | ||
+ | letter-spacing: 0; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .daohang { | ||
+ | background-color: #323643; | ||
+ | position: relative; | ||
+ | color: #ffffff; | ||
+ | height: 64px; | ||
+ | top: -2px; | ||
+ | } | ||
+ | |||
+ | .logo-daohang { | ||
+ | height: 64px; | ||
+ | left: 10%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .daohang a { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .daohang .shade { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 160px; | ||
+ | top: 64px; | ||
+ | left: 0; | ||
+ | z-index: 1; | ||
+ | background-color: #EEEEEE; | ||
+ | box-shadow: 0 5px 15px #CCCCCC; | ||
+ | display: none; | ||
+ | border-bottom: #ffffff solid 1px; | ||
+ | border-bottom: rgba(255, 255, 255, 0.3) solid 1px; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 10%; | ||
+ | margin: 0; | ||
+ | z-index: 2; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | width: 730px; | ||
+ | float: right; | ||
+ | overflow: hidden; | ||
+ | height: 64px; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan>li { | ||
+ | padding: 0; | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | text-align: center; | ||
+ | height: 224px; | ||
+ | } | ||
+ | |||
+ | .daohang .shortName { | ||
+ | width: 110px; | ||
+ | } | ||
+ | |||
+ | .daohang .longName { | ||
+ | width: 170px; | ||
+ | } | ||
+ | |||
+ | .daohang .nav_head { | ||
+ | height: 64px; | ||
+ | line-height: 64px; | ||
+ | color: #ffffff; | ||
+ | font-size: 16px !important; | ||
+ | } | ||
+ | |||
+ | .daohang .xsjPic { | ||
+ | display: inline-block; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | vertical-align: middle; | ||
+ | background-size: 100% 100%; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg") | ||
+ | } | ||
+ | |||
+ | .daohang .xjtPic { | ||
+ | display: inline-block; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | vertical-align: middle; | ||
+ | background-size: 100% 100%; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg") | ||
+ | } | ||
+ | |||
+ | .daohang a:hover span { | ||
+ | transform: rotateY(180deg); | ||
+ | -webkit-transform: rotateY(180deg); | ||
+ | -moz-transform: rotateY(180deg); | ||
+ | -o-transform: rotateY(180deg); | ||
+ | -ms-transform: rotateY(180deg); | ||
+ | transition: all 0.5s ease-in-out; | ||
+ | -webkit-transition: all 0.5s ease-in-out; | ||
+ | -moz-transition: all 0.5s ease-in-out; | ||
+ | -o-transition: all 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .daohang .item { | ||
+ | font-size: 16px; | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | color: #333333; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan:hover { | ||
+ | height: 264px; | ||
+ | transition: height 0.3s; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan:hover+.shade { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan>li.hiLight:hover { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan>li:hover .nav_head { | ||
+ | background-color: #EA0D04; | ||
+ | } | ||
+ | |||
+ | .daohang .caidan>li:hover .item {} | ||
+ | |||
+ | |||
+ | .daohang .shortName .item:before { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | width: 80px; | ||
+ | height: 1px; | ||
+ | bottom: 5px; | ||
+ | left: 15px; | ||
+ | background-color: #CCCCCC; | ||
+ | } | ||
+ | |||
+ | .daohang .shortName .item:hover:after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | width: 80px; | ||
+ | height: 2px; | ||
+ | bottom: 5px; | ||
+ | left: 15px; | ||
+ | background-color: #f51720; | ||
+ | } | ||
+ | |||
+ | .daohang .longName .item:before { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | width: 130px; | ||
+ | height: 1px; | ||
+ | bottom: 5px; | ||
+ | left: 20px; | ||
+ | background-color: #CCCCCC; | ||
+ | } | ||
+ | |||
+ | .daohang .longName .item:hover:after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | width: 130px; | ||
+ | height: 2px; | ||
+ | bottom: 5px; | ||
+ | left: 20px; | ||
+ | background-color: #f51720; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1200px) { | ||
+ | .logo-daohang { | ||
+ | left: 3%; | ||
+ | } | ||
+ | |||
+ | .daohangyi { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 880px) { | ||
+ | |||
+ | .daohang .caidan { | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .logo-daohang { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .daohang .shortName { | ||
+ | width: 15vw; | ||
+ | } | ||
+ | |||
+ | .daohang .longName { | ||
+ | width: 25vw; | ||
+ | } | ||
+ | |||
+ | .daohangyi img { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .daohang .longName .item:before { | ||
+ | width: 150px; | ||
+ | left: 20px; | ||
+ | } | ||
+ | |||
+ | .daohang .longName .item:hover:after { | ||
+ | width: 150px; | ||
+ | left: 20px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <!-- 内容CSS --> | ||
+ | <style class="text/css"> | ||
+ | .clearfix:after { | ||
+ | content: "."; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | .neirong { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | background-color: #F3F3F3; | ||
+ | } | ||
+ | |||
+ | .zhengwen { | ||
+ | width: 80%; | ||
+ | /* height: auto; */ | ||
+ | margin: 20px 40px 0 0; | ||
+ | /* right: 2%; */ | ||
+ | /* top: 90px; */ | ||
+ | padding: 50px 3%; | ||
+ | float: right; | ||
+ | /* position: relative; */ | ||
+ | background-color: #FFF; | ||
+ | box-shadow: 0 1px 3px #676767; | ||
+ | /* border: 2px solid black; */ | ||
+ | /* border-radius: 3px; */ | ||
+ | /* overflow: hidden; */ | ||
+ | /* display: block; */ | ||
+ | /* font-family: Arial, Verdana, Sans-serif; */ | ||
+ | } | ||
+ | |||
+ | .cebian { | ||
+ | width: 180px; | ||
+ | /* height: 80vh; */ | ||
+ | float: left; | ||
+ | /* left: 1vw; */ | ||
+ | top: 150px; | ||
+ | position: fixed; | ||
+ | box-shadow: 0 1px 3px #676767; | ||
+ | /* border:2px solid black */ | ||
+ | /* background-color: #323643 */ | ||
+ | } | ||
+ | |||
+ | .zhengwen p{ | ||
+ | text-align: justify !important; | ||
+ | font-family: 'Times New Roman',Helvetica,'Open Sans', Arial, sans-serif !important; | ||
+ | color: #3B3B3B; | ||
+ | font-size: 26px !important; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | |||
+ | .daimg { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin: 20px 0; | ||
+ | box-shadow: 0 1px 3px #676767; | ||
+ | } | ||
+ | |||
+ | .h1 { | ||
+ | height: 80px; | ||
+ | line-height: 80px; | ||
+ | font-weight: bold; | ||
+ | font-family: 'Product Sans', sans-serif; | ||
+ | font-size: 40px; | ||
+ | color: #3B3B3B; | ||
+ | border-bottom: 2px solid #676767; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .h2 { | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | font-weight: bold; | ||
+ | /* font-weight: bold; */ | ||
+ | font-family: 'Product Sans', sans-serif; | ||
+ | font-size: 30px; | ||
+ | color: #484848; | ||
+ | /* margin-bottom: 20px; */ | ||
+ | } | ||
+ | |||
+ | .h3 { | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | font-weight: bold; | ||
+ | /* font-weight: bold; */ | ||
+ | font-family: 'Product Sans', sans-serif; | ||
+ | font-size: 24px; | ||
+ | color: #484848; | ||
+ | /* margin-bottom: 20px; */ | ||
+ | } | ||
+ | |||
+ | .zhengwen .tuandui_list { | ||
+ | position: relative; | ||
+ | margin-top: 40px; | ||
+ | height: 520px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .tuandui_list>li { | ||
+ | padding: 0; | ||
+ | width: 20%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin: 0 2.4%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .zhengwen .laoshi_list { | ||
+ | position: relative; | ||
+ | margin-top: 40px; | ||
+ | height: 430px; | ||
+ | } | ||
+ | |||
+ | .laoshi_list>li { | ||
+ | padding: 0; | ||
+ | width: 20%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin: 0 2.4%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .duiyuan { | ||
+ | margin: 20px 0; | ||
+ | /* border: 1px solid red; */ | ||
+ | } | ||
+ | |||
+ | .laoshi { | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | |||
+ | .duiyuan img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | border-top: 3px solid #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | } | ||
+ | |||
+ | .laoshi img { | ||
+ | width: 100%; | ||
+ | height: 50vh; | ||
+ | border-top: 3px solid #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | } | ||
+ | |||
+ | .duiyuan .xingming { | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | background-color: #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | box-shadow: 0 1px 3px #CCCCCC; | ||
+ | font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .laoshi .xingming { | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | background-color: #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | box-shadow: 0 1px 3px #CCCCCC; | ||
+ | font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .duiyuan .jieshao { | ||
+ | width: 100%; | ||
+ | height: 200px; | ||
+ | background-color: #f6eee0; | ||
+ | border-bottom: 3px solid #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | /* border-bottom-left-radius: 5px; | ||
+ | border-bottom-right-radius: 5px; */ | ||
+ | } | ||
+ | |||
+ | .duiyuan .jieshao .saohua { | ||
+ | padding: 10px 4px 0px 4px !important; | ||
+ | color: black; | ||
+ | font-family: Arial; | ||
+ | font-style: italic; | ||
+ | font-size: 15px !important; | ||
+ | list-style-type: none; | ||
+ | text-align: justify; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- 滚动菜单栏CSS --> | ||
+ | <style> | ||
+ | #float01 {} | ||
+ | |||
+ | #float02 {} | ||
+ | |||
+ | div.floatCtro { | ||
+ | width: 100%; | ||
+ | /* height: auto; */ | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | background: #fff; | ||
+ | |||
+ | } | ||
+ | |||
+ | .daohangyi { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | /* height: auto; */ | ||
+ | /* text-align: left !important; */ | ||
+ | color: #ffffff !important; | ||
+ | font-size: 16px; | ||
+ | padding:0; | ||
+ | background-color: #323643; | ||
+ | border-bottom: 1px solid black; | ||
+ | padding:0 3%; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | div.floatCtro .daohanger { | ||
+ | width: 100%; | ||
+ | text-align: left !important; | ||
+ | height: auto; | ||
+ | line-height: 25px; | ||
+ | font-family: Arial; | ||
+ | font-size: 14px !important; | ||
+ | color: #676767; | ||
+ | margin: 0; | ||
+ | padding:10px 8%; | ||
+ | cursor: pointer; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | div.floatCtro a { | ||
+ | display: inline-block; | ||
+ | display: none; | ||
+ | width: 100%; | ||
+ | height: 40px; | ||
+ | padding:10px 8%; | ||
+ | /* margin: 10px 0 0 0; */ | ||
+ | background: #FFF; | ||
+ | color: #000 !important; | ||
+ | vertical-align: middle; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | div.floatCtro a span { | ||
+ | display: block; | ||
+ | height: auto; | ||
+ | text-align: left !important; | ||
+ | line-height: 18px; | ||
+ | font-family: Arial; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | div.floatCtro a:hover { | ||
+ | /* background: #76b39d; */ | ||
+ | color: #EA0D04 !important; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | /* .cebian a:hover { | ||
+ | color: #f6eee0 !important; | ||
+ | } */ | ||
+ | |||
+ | div.floatCtro .daohanger:hover { | ||
+ | /* background: #76b39d; */ | ||
+ | color: #1fa67a; | ||
+ | text-decoration: underline !important; | ||
+ | } | ||
+ | |||
+ | div.floatCtro .daohanger.cur { | ||
+ | /* background: #1fa67a; */ | ||
+ | color: #1fa67a; | ||
+ | } | ||
+ | |||
+ | .biaoti { | ||
+ | display: inline-block; | ||
+ | margin: 8px 0; | ||
+ | /* width: 50%; */ | ||
+ | /* margin-left: 6%; */ | ||
+ | /* text-align: center; */ | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .daohangyi img { | ||
+ | display: inline-block; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | vertical-align: middle; | ||
+ | background-size: 100% 100%; | ||
+ | |||
+ | } | ||
+ | .cebian div:hover img{ | ||
+ | transform: rotateY(180deg); | ||
+ | -webkit-transform: rotateY(180deg); | ||
+ | -moz-transform: rotateY(180deg); | ||
+ | -o-transform: rotateY(180deg); | ||
+ | -ms-transform: rotateY(180deg); | ||
+ | transition: all 0.5s ease-in-out; | ||
+ | -webkit-transition: all 0.5s ease-in-out; | ||
+ | -moz-transition: all 0.5s ease-in-out; | ||
+ | -o-transition: all 0.5s ease-in-out; | ||
+ | } | ||
+ | .cebian a:hover img{ | ||
+ | transform: rotate(360deg); | ||
+ | -webkit-transform: rotate(360deg); | ||
+ | -moz-transform: rotate(360deg); | ||
+ | -o-transform: rotate(360deg); | ||
+ | -ms-transform: rotate(360deg); | ||
+ | transition: all 0.5s ease-in-out; | ||
+ | -webkit-transition: all 0.5s ease-in-out; | ||
+ | -moz-transition: all 0.5s ease-in-out; | ||
+ | -o-transition: all 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1200px) { | ||
+ | |||
+ | .cebian { | ||
+ | width: 15%; | ||
+ | } | ||
+ | |||
+ | .zhengwen { | ||
+ | margin: 20px 20px 0 0; | ||
+ | |||
+ | .daohangyi { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .daohangyi img { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 900px) { | ||
+ | |||
+ | .daohangyi img { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .laoshi img { | ||
+ | height: 30vh; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <!-- 导航栏 --> | ||
+ | <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" | ||
+ | class="logo-daohang"></a> | ||
+ | <ul class="caidan"> | ||
+ | <li class="hiLight shortName"> | ||
+ | <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China"> | ||
+ | <span>Project</span> | ||
+ | <span class="xsjPic"></span> | ||
+ | </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/Results">Results</a> | ||
+ | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a> | ||
+ | </li> | ||
+ | <li class="hiLight shortName"> | ||
+ | <a class="nav_head" href="#"> | ||
+ | <span>Wetlab</span> | ||
+ | <span class="xjtPic"></span> | ||
+ | </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/InterLab">InterLab</a> | ||
+ | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a> | ||
+ | |||
+ | </li> | ||
+ | <li class="hiLight shortName"> | ||
+ | <a class="nav_head" href="#"> | ||
+ | <span>Drylab</span> | ||
+ | <span class="xjtPic"></span> | ||
+ | </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> | ||
+ | </li> | ||
+ | <li class="hiLight longName"> | ||
+ | <a class="nav_head" href="#"> | ||
+ | <span>Human Practices</span> | ||
+ | <span class="xjtPic"></span> | ||
+ | </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/Public_Engagement">Public Engagement</a> | ||
+ | </li> | ||
+ | <li class="hiLight shortName"> | ||
+ | <a class="nav_head" href="#"> | ||
+ | <span>About Us</span> | ||
+ | <span class="xjtPic"></span> | ||
+ | </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/Collaborations">Collaborations</a> | ||
+ | </li> | ||
+ | <li class="hiLight shortName"> | ||
+ | <a class="nav_head" href="#"> | ||
+ | <span>Parts</span> | ||
+ | <span class="xjtPic"></span> | ||
+ | </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> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <div class="shade"></div> | ||
+ | </nav> | ||
+ | <!-- 内容 --> | ||
+ | <div class="neirong clearfix"> | ||
+ | <!-- 正文 --> | ||
+ | <div class="zhengwen"> | ||
+ | <div id="float01" class="cur"> | ||
+ | <div class="h1">Background</div> | ||
+ | <p>The importance of cancer treatments has already come to light. This year, we turned to this common | ||
+ | concern and found out a new approach to help its solution.</p> | ||
+ | <div class="h2">Cancer</div> | ||
+ | <p>Cancers, the feral diseases that link to abnormal cell growth and surrounding tissues invasion, were | ||
+ | earliest written in the Edwin Smith Papyrus in about 1600 BC<sup>1</sup>. Because of its high | ||
+ | mortality and | ||
+ | the extreme suffering, efficient therapies firmly come into the public consciousness. During these | ||
+ | years, cancers have impelled the development of medical technology which serves as the powerful | ||
+ | tool to defend against and advances in technology; this also have led to a rise in life expectancy. | ||
+ | Despite its improvement, the result of Global Cancer Statistics 2018 predicts that there will be | ||
+ | about 18.1 million new cancer cases (17.0 million excluding nonmelanoma skin cancer) and 9.6 | ||
+ | million cancer deaths (9.5 million excluding nonmelanoma skin cancer) at the end of 2018<sup>2</sup>. | ||
+ | It's | ||
+ | obvious that we still have a long way to go. </p> | ||
+ | |||
+ | <div class="h2">Pyroptosis</div> | ||
+ | <p>We utilize a newly reported mechanism, pyroptosis, to treat cancers. Pyroptosis is a lytic form | ||
+ | of inflammatory cell death which is mediated by activation of Caspases 1, 3, 4, 5 and 11. The | ||
+ | morphology of pyroptosis is characterized by cell swelling and rupturing which causes releasing of | ||
+ | cytoplasmic contents of the cell, including proinflammatory cytokines, endogenous ligands, | ||
+ | alarmins, ATP and other danger-associated molecules<sup>3</sup>. What's important is that | ||
+ | protein | ||
+ | Gasdermin D (GSDMD) has been found as an essential effector of pyroptosis in recent studies<sup>4</sup>. | ||
+ | When | ||
+ | host cells are defending the infection, full-length Gasdermin D will be cleaved by Caspases and the | ||
+ | process will expose the N-terminal of Gasdemin D (PFD, pore form domain) from RD (repressor | ||
+ | domain). PFD can oligomerize and form pores on the plasma membrane from the intracellular side,and | ||
+ | then sodium and water rush into the cell, causing cell rupture. | ||
+ | Simultaneously, cytokines such as IL-1βand IL-18 are released into the extracellular environment | ||
+ | through the Gasdermin pores (<b>Figure 1</b>).</p> | ||
+ | <p>Some features about the relationship between pyroptosis and cancers are demonstrated in recent | ||
+ | studies:</p> | ||
+ | <p>1. Berberine inhibits the viability of HepG2 cell through induction of pyroptosis<sup>5</sup>.</p> | ||
+ | <p>2. Caspase 1 rescues the sensitivity of radiant lethality in prostate cancer, increasing the | ||
+ | proportion of died cancer cells after radiation therapy<sup>6</sup>.</p> | ||
+ | <p>3. <i>Nlrp3</i><sup>-/-</sup> mice without pyroptosis pathway are susceptible to catch | ||
+ | colitis-associated colon cancer<sup>7</sup>.</p> | ||
+ | <p>These meaningful studies help us to exploit advantage of pyroptosis in tumor therapy.</p> | ||
+ | <div style="width: 80%; margin: 0px auto"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/13/T--HZAU-China--description1.jpg" width="100%"> | ||
+ | </div> | ||
+ | <p style="width: 100%; text-align: center !important;"><b>Figure 1.</b> Schematic diagram of | ||
+ | pyroptosis.</p> | ||
+ | <div class="h2">Carrier</div> | ||
+ | <p>Our project aims to cure cancer by triggering pyroptosis through translocating the N-terminal of | ||
+ | GSDMD | ||
+ | (GSDMD-N275). There are many vectors can be used such as oncolytic virus, macromolecular carrier | ||
+ | and | ||
+ | bacteria. In our project, we chose <i>Salmonella enterica</i> serovar Typhimurium str. SL1344 | ||
+ | as a carrier. Why we chose <i>Salmonella</i> as our carrier is based on the following reasons. | ||
+ | First, GSDMD-N275 can only induce pyroptosis from the inside of a cell, therefore <i>Salmonella</i> | ||
+ | is a | ||
+ | brilliant candidate as an intracellular parasite. Second, <i>Salmonella</i> is a widely used | ||
+ | carrier to cancer therapy because its natural taxis to tumor<sup>8</sup>. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div id="float02"> | ||
+ | <div class="h1">Significance</div> | ||
+ | <p>It's important to highlight the significance our project.</p><br> | ||
+ | <p> <b>1. Switch apoptosis to pyroptosis in chemical therapy</b><br> | ||
+ | Numerous patients accept chemotherapy during their fight against cancers though there are terrible | ||
+ | drawbacks. Chemotherapy drugs can activate caspase-3-mediated pyroptosis in normal cells while | ||
+ | apoptosis in cancer cells, resulting in severe healthy tissue damage and inefficient tumor cure<sup>9</sup>. | ||
+ | However, our designed circuit can trigger pyroptosis in cancer cells to solve this problem (<b>Figure | ||
+ | 2</b>).</p> | ||
+ | <div style="width: 80%; margin: 0px auto"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/0a/T--HZAU-China--description2.jpg" width="100%"> | ||
+ | </div> | ||
+ | <p><b>Figure 2.</b> Difference between traditional approach and our approach for cancer therapy. G refers to GSDMD-N275 and E refers to GSDME.</p><br> | ||
+ | <p> <b>2. Pyroptosis make tumor expose to immune system</b><br> | ||
+ | The lysate of cell rupture during pyroptosis can destroy tumor microenvironment which is vital to | ||
+ | tumor growth. Pyroptosis not only releases "find me" signals but also "eat me" signals<sup>10</sup>. | ||
+ | Pyroptosis induces greater ATP release than apoptosis to attract more immune cells into tumor bed, | ||
+ | which is one of the "find me" signals. Also, ATP can bind to purinergic P2RX7 receptors on | ||
+ | dentritic cell (DC), | ||
+ | activating the NLRP3/ASC/Caspase-1 inflammasome and secreting interleukin-1β (IL-1β), which is | ||
+ | required for CD8<sup>+</sup> T cells to release IFN-γ which lyse tumor cells<sup>11</sup>. The "eat | ||
+ | me" signal is the | ||
+ | phosphatidylserine externalization which recruits macrophages to engulf the tumor cells (<b>Figure | ||
+ | 3</b>).</p> | ||
+ | <div style="width: 80%; margin: 0px auto"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d2/T--HZAU-China--description3.jpg" width="100%"> | ||
+ | </div> | ||
+ | <p style="width: 100%; text-align: center !important;"><b>Figure 3.</b> Schematic diagram of immune | ||
+ | response during pyroptosis.</p><br> | ||
+ | |||
+ | <p> <b>3. Pyroptosis combined with antibody-dependent cellular cytotoxicity (ADCC) will become more | ||
+ | efficient</b><br> | ||
+ | Some monoclonal antibodies such as trastuzumab (TRAST), alemtuzumab, cetuximab and panitumumab | ||
+ | have been utilized for both solid tumors and hematologic malignancies treatments through | ||
+ | ADCC<sup>12</sup> (<b>Figure 4</b>). It's a special way to recruit natural killer cells (NK cells), macrophages, γδ T | ||
+ | cells, and | ||
+ | dendritic cells to against cancer. However, lower activity of NK cells hinders the development of | ||
+ | this | ||
+ | approach<sup>13</sup>. In our project, we give a new approach to solve this problem. IL-18 released | ||
+ | from | ||
+ | pyroptotic cells can stimulate NK cells proliferation and activation<sup>14</sup>. Meanwhile, | ||
+ | pyroptosis also up-regulates intercellular cell adhesion molecule-1 (ICAM-1 or CD54) which binds to | ||
+ | alpha integrin on the tumor cell, resulting in enhancing the affinity between NK cells and tumor | ||
+ | cells<sup>15</sup> (<b>Figure 5</b>).</p> | ||
+ | <div style="width: 80%; margin: 0px auto"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e4/T--HZAU-China--description4.jpg" width="100%"> | ||
+ | </div> | ||
+ | <p style="width: 100%; text-align: center !important;"><b>Figure 4. </b>Schematic diagram of antibody-dependent cellular cytotoxicity. </p> | ||
+ | |||
+ | <div style="width: 80%; margin: 0px auto"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/fa/T--HZAU-China--description5.jpg" width="100%"> | ||
+ | </div> | ||
+ | <p style="width: 100%; text-align: center !important;"><b>Figure 5. </b> Activation and proliferation of NK cells.</p><br> | ||
+ | <p> <b>4. Safe utilization of the N-terminal of GSDMD</b><br> | ||
+ | Recent studies demonstrated that the N-terminal of GSDMD performs function through binding to | ||
+ | inositol phosphate (present in inner leaflet of cell membrane) in eukaryotic cell but cardiolipin | ||
+ | (present in the inner and outer leaflets of cell membranes) in bacteria<sup>16</sup>. Thus, the | ||
+ | N-terminal of | ||
+ | GSDMD releasing from bacteria is avirulent to normal cells (because of its extracellular location | ||
+ | to normal cells), but can attack tumor cells and redundant bacteria from inside.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="float03"> | ||
+ | <div class="h1">Reference</div> | ||
+ | <p>1. Steven, Hajdu. A note from history: Landmarks in history of cancer, part 1. Cancer, 117(5), | ||
+ | 1097-1102 (2011a).</p> | ||
+ | <p>2. Bray, F. et al. Global cancer statistics 2018: GLOBOCAN estimates of incidence and mortality | ||
+ | worldwide for 36 cancers in 185 countries. CA A J. Clin. 00, 1–31 (2018).</p> | ||
+ | <p>3. Kovacs, S. B. & Miao, E. A. Gasdermins: Effectors of Pyroptosis. Trends Cell Biol 27, 673-684, | ||
+ | doi:10.1016/j.tcb.2017.05.005 (2017).</p> | ||
+ | <p>4. Ding, J. et al. Pore-forming activity and structural autoinhibition of the gasdermin family. | ||
+ | Nature 535, 111-116, doi:10.1038/nature18590 (2016).</p> | ||
+ | <p>5. Chu Q. et al. Pyroptosis is involved in the pathogenesis of human hepatocellular carcinoma. | ||
+ | Oncotarget 7, 84658-84665, doi:10.18632/oncotarget.12384 (2016). </p> | ||
+ | <p>6. Rachel N. Winter, A. K., Andrew Borkowski, and Natasha Kyprianou. Loss of Caspase-3 Protein | ||
+ | Expression in Human Prostate Cancer. CANCER RESEARCH 61, 1227-1232 (2001).</p> | ||
+ | <p>7. Allen, I. C. et al. The NLRP3 inflammasome functions as a negative regulator of tumorigenesis | ||
+ | during colitis-associated cancer. J Exp Med 207, 1045-1056, doi:10.1084/jem.20100050 (2010).</p> | ||
+ | <p>8. Forbes, N. S. Engineering the perfect (bacterial) cancer therapy. Nat Rev Cancer 10, 785-794, | ||
+ | doi:10.1038/nrc2934 (2010).</p> | ||
+ | <p>9. Wang, Y. et al. Chemotherapy drugs induce pyroptosis through caspase-3 cleavage of a gasdermin. | ||
+ | Nature 547, 99-103, doi:10.1038/nature22393 (2017).</p> | ||
+ | <p>10. Wang, Q. et al. Pyroptotic cells externalize eat-me and release find-me signals and are | ||
+ | efficiently engulfed by macrophages. Int Immunol 25, 363-372, doi:10.1093/intimm/dxs161 (2013).</p> | ||
+ | <p>11. Ghiringhelli, F. et al. Activation of the NLRP3 inflammasome in dendritic cells induces | ||
+ | IL-1beta-dependent adaptive immunity against tumors. Nat Med 15, 1170-1178, doi:10.1038/nm.2028 | ||
+ | (2009).</p> | ||
+ | <p>12. Nelson, A. L. & Reichert, J. M. Development trends for therapeutic antibody fragments. Nat. | ||
+ | Biotechnol. 27, 331–337 (2009).</p> | ||
+ | <p>13. Kohrt, H. E. et al. Combination strategies to enhance antitumor ADCC. Immunotherapy 4, 511–527 | ||
+ | (2012).</p> | ||
+ | <p>14. Cheng, M., Chen, Y., Xiao, W., Sun, R. & Tian, Z. NK cell-based immunotherapy for malignant | ||
+ | diseases. Cell. Mol. Immunol. 10, 230–252 (2013).</p> | ||
+ | <p>15. Kohrt, H., Rajasekaran, N., Chester, C., Yonezawa, A. & Zhao, X. Enhancement of | ||
+ | antibody-dependent cell mediated cytotoxicity: a new era in cancer treatment. ImmunoTargets Ther. | ||
+ | 91 (2015). doi:10.2147/ITT.S61292</p> | ||
+ | <p>16. Liu, X. et al. Inflammasome-activated gasdermin D causes pyroptosis by forming membrane pores. | ||
+ | Nature 535, 153-158, doi:10.1038/nature18629 (2016).</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 侧边 --> | ||
+ | <div class="cebian"> | ||
+ | <!-- 滚动菜单栏 --> | ||
+ | <div class="daohangyi"> | ||
+ | <span class="biaoti">Description</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span> | ||
+ | </div> | ||
+ | <div class="floatCtro"> | ||
+ | <p class="daohanger">Background</p> | ||
+ | <p class="daohanger">Significance</p> | ||
+ | <p class="daohanger">Reference</p> | ||
+ | <a> | ||
+ | <span>Back to Top</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | <!-- <div class="daohangyi"> --> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Design"> | ||
+ | <span class="biaoti">Design</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Results"> | ||
+ | <span class="biaoti">Results</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Demonstrate"> | ||
+ | <span class="biaoti">Demonstrate</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <!-- </div> --> | ||
+ | <!-- 滚动菜单栏 --> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- 滚动菜单栏jQuery --> | ||
+ | <script src="jquery.js" type="text/javascript"></script> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | var AllHet = $(window).height(); | ||
+ | var mainHet = $('.floatCtro').height(); | ||
+ | var fixedTop = (AllHet - mainHet) / 2 | ||
+ | // $('div.floatCtro').css({top:fixedTop+'px'}); | ||
+ | $('div.floatCtro p').click(function () { | ||
+ | var ind = $('div.floatCtro p').index(this) + 1; | ||
+ | var topVal = $('#float0' + ind).offset().top; | ||
+ | $('body,html').animate({ scrollTop: topVal }, 1000) | ||
+ | }) | ||
+ | $('div.floatCtro a').click(function () { | ||
+ | $('body,html').animate({ scrollTop: 0 }, 1000) | ||
+ | }) | ||
+ | $(window).scroll(scrolls) | ||
+ | scrolls() | ||
+ | function scrolls() { | ||
+ | var f1, f2, f3, bck; | ||
+ | var fixRight = $('div.floatCtro p'); | ||
+ | var blackTop = $('div.floatCtro a') | ||
+ | var sTop = $(window).scrollTop(); | ||
+ | fl = $('#float01').offset().top; | ||
+ | f2 = $('#float02').offset().top; | ||
+ | f3 = $('#float03').offset().top; | ||
+ | |||
+ | if (sTop <= f2 - 100) { | ||
+ | blackTop.fadeOut(300).css('display', 'none') | ||
+ | } | ||
+ | else { | ||
+ | blackTop.fadeIn(300).css('display', 'block') | ||
+ | } | ||
+ | |||
+ | if (sTop >= fl) { | ||
+ | fixRight.eq(0).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | if (sTop >= f2 - 100) { | ||
+ | fixRight.eq(1).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | if (sTop >= f3 - 100) { | ||
+ | fixRight.eq(2).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | <!-- 滚动菜单栏jQuery --> | ||
+ | |||
+ | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 21:16, 17 October 2018
The importance of cancer treatments has already come to light. This year, we turned to this common concern and found out a new approach to help its solution.
Cancers, the feral diseases that link to abnormal cell growth and surrounding tissues invasion, were earliest written in the Edwin Smith Papyrus in about 1600 BC1. Because of its high mortality and the extreme suffering, efficient therapies firmly come into the public consciousness. During these years, cancers have impelled the development of medical technology which serves as the powerful tool to defend against and advances in technology; this also have led to a rise in life expectancy. Despite its improvement, the result of Global Cancer Statistics 2018 predicts that there will be about 18.1 million new cancer cases (17.0 million excluding nonmelanoma skin cancer) and 9.6 million cancer deaths (9.5 million excluding nonmelanoma skin cancer) at the end of 20182. It's obvious that we still have a long way to go.
We utilize a newly reported mechanism, pyroptosis, to treat cancers. Pyroptosis is a lytic form of inflammatory cell death which is mediated by activation of Caspases 1, 3, 4, 5 and 11. The morphology of pyroptosis is characterized by cell swelling and rupturing which causes releasing of cytoplasmic contents of the cell, including proinflammatory cytokines, endogenous ligands, alarmins, ATP and other danger-associated molecules3. What's important is that protein Gasdermin D (GSDMD) has been found as an essential effector of pyroptosis in recent studies4. When host cells are defending the infection, full-length Gasdermin D will be cleaved by Caspases and the process will expose the N-terminal of Gasdemin D (PFD, pore form domain) from RD (repressor domain). PFD can oligomerize and form pores on the plasma membrane from the intracellular side,and then sodium and water rush into the cell, causing cell rupture. Simultaneously, cytokines such as IL-1βand IL-18 are released into the extracellular environment through the Gasdermin pores (Figure 1).
Some features about the relationship between pyroptosis and cancers are demonstrated in recent studies:
1. Berberine inhibits the viability of HepG2 cell through induction of pyroptosis5.
2. Caspase 1 rescues the sensitivity of radiant lethality in prostate cancer, increasing the proportion of died cancer cells after radiation therapy6.
3. Nlrp3-/- mice without pyroptosis pathway are susceptible to catch colitis-associated colon cancer7.
These meaningful studies help us to exploit advantage of pyroptosis in tumor therapy.
Figure 1. Schematic diagram of pyroptosis.
Our project aims to cure cancer by triggering pyroptosis through translocating the N-terminal of GSDMD (GSDMD-N275). There are many vectors can be used such as oncolytic virus, macromolecular carrier and bacteria. In our project, we chose Salmonella enterica serovar Typhimurium str. SL1344 as a carrier. Why we chose Salmonella as our carrier is based on the following reasons. First, GSDMD-N275 can only induce pyroptosis from the inside of a cell, therefore Salmonella is a brilliant candidate as an intracellular parasite. Second, Salmonella is a widely used carrier to cancer therapy because its natural taxis to tumor8.
It's important to highlight the significance our project.
1. Switch apoptosis to pyroptosis in chemical therapy
Numerous patients accept chemotherapy during their fight against cancers though there are terrible
drawbacks. Chemotherapy drugs can activate caspase-3-mediated pyroptosis in normal cells while
apoptosis in cancer cells, resulting in severe healthy tissue damage and inefficient tumor cure9.
However, our designed circuit can trigger pyroptosis in cancer cells to solve this problem (Figure
2).
Figure 2. Difference between traditional approach and our approach for cancer therapy. G refers to GSDMD-N275 and E refers to GSDME.
2. Pyroptosis make tumor expose to immune system
The lysate of cell rupture during pyroptosis can destroy tumor microenvironment which is vital to
tumor growth. Pyroptosis not only releases "find me" signals but also "eat me" signals10.
Pyroptosis induces greater ATP release than apoptosis to attract more immune cells into tumor bed,
which is one of the "find me" signals. Also, ATP can bind to purinergic P2RX7 receptors on
dentritic cell (DC),
activating the NLRP3/ASC/Caspase-1 inflammasome and secreting interleukin-1β (IL-1β), which is
required for CD8+ T cells to release IFN-γ which lyse tumor cells11. The "eat
me" signal is the
phosphatidylserine externalization which recruits macrophages to engulf the tumor cells (Figure
3).
Figure 3. Schematic diagram of immune response during pyroptosis.
3. Pyroptosis combined with antibody-dependent cellular cytotoxicity (ADCC) will become more
efficient
Some monoclonal antibodies such as trastuzumab (TRAST), alemtuzumab, cetuximab and panitumumab
have been utilized for both solid tumors and hematologic malignancies treatments through
ADCC12 (Figure 4). It's a special way to recruit natural killer cells (NK cells), macrophages, γδ T
cells, and
dendritic cells to against cancer. However, lower activity of NK cells hinders the development of
this
approach13. In our project, we give a new approach to solve this problem. IL-18 released
from
pyroptotic cells can stimulate NK cells proliferation and activation14. Meanwhile,
pyroptosis also up-regulates intercellular cell adhesion molecule-1 (ICAM-1 or CD54) which binds to
alpha integrin on the tumor cell, resulting in enhancing the affinity between NK cells and tumor
cells15 (Figure 5).
Figure 4. Schematic diagram of antibody-dependent cellular cytotoxicity.
Figure 5. Activation and proliferation of NK cells.
4. Safe utilization of the N-terminal of GSDMD
Recent studies demonstrated that the N-terminal of GSDMD performs function through binding to
inositol phosphate (present in inner leaflet of cell membrane) in eukaryotic cell but cardiolipin
(present in the inner and outer leaflets of cell membranes) in bacteria16. Thus, the
N-terminal of
GSDMD releasing from bacteria is avirulent to normal cells (because of its extracellular location
to normal cells), but can attack tumor cells and redundant bacteria from inside.
1. Steven, Hajdu. A note from history: Landmarks in history of cancer, part 1. Cancer, 117(5), 1097-1102 (2011a).
2. Bray, F. et al. Global cancer statistics 2018: GLOBOCAN estimates of incidence and mortality worldwide for 36 cancers in 185 countries. CA A J. Clin. 00, 1–31 (2018).
3. Kovacs, S. B. & Miao, E. A. Gasdermins: Effectors of Pyroptosis. Trends Cell Biol 27, 673-684, doi:10.1016/j.tcb.2017.05.005 (2017).
4. Ding, J. et al. Pore-forming activity and structural autoinhibition of the gasdermin family. Nature 535, 111-116, doi:10.1038/nature18590 (2016).
5. Chu Q. et al. Pyroptosis is involved in the pathogenesis of human hepatocellular carcinoma. Oncotarget 7, 84658-84665, doi:10.18632/oncotarget.12384 (2016).
6. Rachel N. Winter, A. K., Andrew Borkowski, and Natasha Kyprianou. Loss of Caspase-3 Protein Expression in Human Prostate Cancer. CANCER RESEARCH 61, 1227-1232 (2001).
7. Allen, I. C. et al. The NLRP3 inflammasome functions as a negative regulator of tumorigenesis during colitis-associated cancer. J Exp Med 207, 1045-1056, doi:10.1084/jem.20100050 (2010).
8. Forbes, N. S. Engineering the perfect (bacterial) cancer therapy. Nat Rev Cancer 10, 785-794, doi:10.1038/nrc2934 (2010).
9. Wang, Y. et al. Chemotherapy drugs induce pyroptosis through caspase-3 cleavage of a gasdermin. Nature 547, 99-103, doi:10.1038/nature22393 (2017).
10. Wang, Q. et al. Pyroptotic cells externalize eat-me and release find-me signals and are efficiently engulfed by macrophages. Int Immunol 25, 363-372, doi:10.1093/intimm/dxs161 (2013).
11. Ghiringhelli, F. et al. Activation of the NLRP3 inflammasome in dendritic cells induces IL-1beta-dependent adaptive immunity against tumors. Nat Med 15, 1170-1178, doi:10.1038/nm.2028 (2009).
12. Nelson, A. L. & Reichert, J. M. Development trends for therapeutic antibody fragments. Nat. Biotechnol. 27, 331–337 (2009).
13. Kohrt, H. E. et al. Combination strategies to enhance antitumor ADCC. Immunotherapy 4, 511–527 (2012).
14. Cheng, M., Chen, Y., Xiao, W., Sun, R. & Tian, Z. NK cell-based immunotherapy for malignant diseases. Cell. Mol. Immunol. 10, 230–252 (2013).
15. Kohrt, H., Rajasekaran, N., Chester, C., Yonezawa, A. & Zhao, X. Enhancement of antibody-dependent cell mediated cytotoxicity: a new era in cancer treatment. ImmunoTargets Ther. 91 (2015). doi:10.2147/ITT.S61292
16. Liu, X. et al. Inflammasome-activated gasdermin D causes pyroptosis by forming membrane pores. Nature 535, 153-158, doi:10.1038/nature18629 (2016).