<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
/* .single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: unset;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
}
.content-word-right .single_part {
width: 243px;
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left{
background: #EBFBF8;
height: 863px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce{
background: #EBFBF8;
min-height: 400px;
color: #232323;
margin-top: 60px;
padding: 20px;
width: 100%;
}
.part_top{
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 74px;
}
.content-word{
align-items: flex-start;
}
.part_inner_content{
padding: 20px 40px;
}
.person_introduce_box{
border-top: 5px solid #999;
margin-top: 100px;
padding-top: 50px;
}
.person_introduce_box h3{
color: #00A16C;
}
.next{
width: 32px;
height: 22px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
} */
.contant {
width: 1122px;
margin: 0 auto;
}
.contant_img {
margin-top: 66px;
width: 100%;
height: 606px;
background: #9fa0a0;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_word {
margin-top: 38px;
}
.contant_title {
font-size: 24px;
color: #727171;
line-height: 30px;
font-weight: bold;
}
.contant_word_title {
font-size: 20px;
color: #727171;
line-height: 30px;
margin: 14px 0;
}
.contant_words {
font-size: 20px;
color: #727171;
line-height: 30px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<a href="../research/research.html" class="inner_item">
Research
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../about/contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div> -->
<div class="content">
<div class="navpath">
Clinical Resources<span>></span>Clinical Departments
<span>></span>Center of Excellences<span>></span>Biotherapy Cancer Center
</div>
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/detail_2-1-5.png" alt="" />
</div>
<div class="contant_word">
<div class="contant_title">Department of Biotherapy</div>
<div class="contant_word_title">
clinical therapy translational research
</div>
<div class="contant_words">
Biotherapy Department mainly carry out the comprehensive
</div>
<div class="contant_words">treatment of medical oncology</div>
<div class="contant_words">Adoptive immunotherapy</div>
<div class="contant_words">cancer vaccine</div>
</div>
</div>
</div>
<!-- <div class="content-word">
<div class="content-word-right active">
<img src="../images/detail_2-1-5.png" alt="" srcset="" />
<div class="depart_introduce">
<h4>
Department of Biotherapy
</h4>
<p style="font-size: 18px">
clinical therapy translational research <br /> Biotherapy Department mainly carry out the comprehensive<br /> treatment of medical oncology<br /> Adoptive immunotherapy<br /> cancer vaccine
</p>
</div>
<img src="../images/next.png" class="next" alt="" srcset="" />
</div>
</div> -->
<!-- <div class="person_introduce_box">
<h3>ACADEMIC LEADER</h3>
<div class="photo_box">
<a class="photo_item_box">
<div class="photo_item_imageBox"></div>
<div class="photo_item_desc">
<div class="item_name">under construction</div>
</div>
</a>
<a class="photo_item_box">
<div class="photo_item_imageBox"></div>
<div class="photo_item_desc">
<div class="item_name">under construction</div>
</div>
</a>
<a class="photo_item_box">
<div class="photo_item_imageBox"></div>
<div class="photo_item_desc">
<div class="item_name">under construction</div>
</div>
</a>
<a class="photo_item_box">
<div class="photo_item_imageBox"></div>
<div class="photo_item_desc">
<div class="item_name">under construction</div>
</div>
</a>
</div>
</div> -->
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function() {
$(".btn-group")
.find(".navbtn-a")
.click(function() {
console.log(this);
$(this)
.siblings(".navbtn-a")
.removeClass("navbtnActive"); // 删除其他兄弟元素的样式
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true
});
var swiper = new Swiper(".swiper-container1", {
pagination: ".swiper-pagination",
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$(".content-word-left").on("click", "h4", function() {
$(this)
.addClass("active")
.siblings()
.removeClass("active");
$(".content-word-right")
.eq($(this).index())
.addClass("active")
.siblings()
.removeClass("active");
});
</script>
</body>
</html>