PC / tmuch · 提交

转到一个项目

作者 朱振飞
提交 d5787689e17a237a766bed6b0b8c2b7fb0e1e8c2 1 个父辈 47a11ab6

1

内嵌 并排对比
正在显示 16 个修改的文件 包含 0 行增加 和 4745 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 16 of 16+ 个文件。

/node_modules
/gulpfile.js
/.idea
<!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 {
margin-bottom: 44px;
width: auto;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
position: absolute;
top: 0;
left: 50%;
height: 100%;
display: flex;
display: -webkit-flex;
flex-flow: column;
justify-content: space-between;
box-sizing: border-box;
}
.single_date {
height: 55px;
display: flex;
display: -webkit-flex;
flex-flow: column;
justify-content: space-between;
}
.single_date h3 {
color: #00A16C;
padding: 0;
margin: 0;
}
.content-word-right {
color: #01a26e;
flex: unset;
width: 400px !important;
margin: 0 auto;
transform: translateX(-70%);
}
.timeZone{
display: block;
margin: 0 auto;
}
</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 navbtnActive navbtn-a" role="button">
<a href="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/h_1.png" width="100%" alt="">
</div>
<div class="content">
<!-- <div class="content-word">
<div class="content-word-right">
<div class="single_box">
<img src="../images/h1.png" alt="">
</div>
<div class="single_box">
<img src="../images/h2.png" alt="">
</div>
<div class="single_box">
<img src="../images/h3.png" alt="">
</div>
<div class="single_box">
<img src="../images/h4.png" alt="">
</div>
<div class="single_box">
<img src="../images/h5.png" alt="">
</div>
<div class="single_box">
<img src="../images/h6.png" alt="">
</div>
</div>
<div class="content-word-left">
<div class="single_date">
<H3>2018</H3>
<P>Airport Free Trade Zone Hospital</P>
</div>
<div class="single_date">
<H3>2013</H3>
<P>National Clinical Research Center for Cancer</P>
</div>
<div class="single_date">
<H3>2011</H3>
<P>Comprehensive Center for Clinic and Research</P>
</div>
<div class="single_date">
<H3>2003</H3>
<P>Comprehensive Breast Cancer Center</P>
</div>
<div class="single_date">
<H3>1997</H3>
<P>Affiliated to Tianjin Medical University </P>
</div>
<div class="single_date">
<H3>1987</H3>
<P>Renamed as “Tianjin Cancer Institute & Hospital”</P>
</div>
<div class="single_date">
<H3>1977</H3>
<P>Tianjin Cancer Research Institute</P>
</div>
<div class="single_date">
<H3>1971</H3>
<P>Cancer Hospital</P>
</div>
<div class="single_date">
<H3>1951</H3>
<P>Tianjin Municipal People's Hospital</P>
</div>
<div class="single_date">
<H3>1861</H3>
<P>British Army Hospital</P>
</div>
</div>
</div> -->
<img src="../images/time_zone.png" class='timeZone' alt="">
</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: tcih@263.net.cn</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>
<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>
</body>
</html>
\ No newline at end of file
<!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>
.ships_list{
flex: unset;
width: 900px;
margin: 0 auto;
}
.ships_item{
width: 178px;
margin:0 0 40px 100px;
}
.ships_item:nth-child(3n+1){
margin-left: 0;
}
</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 navbtnActive navbtn-a" role="button">
<a href="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/leadership_top.png" width="100%" alt="">
</div>
<div class="content ">
<div class='single_ship_box'>
<!-- <div class='left_ship_box'>
<h4>SECRETARY OF CPC</h4>
</div> -->
<div class="ships_list">
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/lu.png" width="100%" alt="">
</div>
<div class="ships_name">Prof. Wei Lu</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/ping.png" width="100%" alt="">
</div>
<div class="ships_name">Prof. Ping Wang</div>
</div>
</div>
</div>
<div class='single_ship_box'>
<!-- <div class='left_ship_box'>
<h4>SECRETARY OF CPC</h4>
</div> -->
<div class="ships_list">
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/zhao.png" width="100%" alt="">
</div>
<div class="ships_name">Prof. Qiang Zhao</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
</div>
<div class="ships_name">Ms. Li Liu</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
</div>
<div class="ships_name">Prof. Jing Hei</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/gao.png" width="100%" alt="">
</div>
<div class="ships_name">Prof. Ming Gao</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/jinhui.png" width="100%" alt="">
</div>
<div class="ships_name">Prof. Jihui Hao</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
</div>
<div class="ships_name">Mr.Xiaoliang Zhang</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/kexin.png" width='100%' alt="">
</div>
<div class="ships_name"> Prof. Kexin Chen</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/xu.png" width="100%" alt="">
</div>
<div class="ships_name">Prof. Bo Xu</div>
</div>
<div class="ships_item">
<div class="ships_item_imgbox">
<img src="../images/ba.png" width="100%" alt="">
</div>
<div class="ships_name">Prof.Yi Ba</div>
</div>
</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: tcih@263.net.cn</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
});
</script>
</body>
</html>
\ No newline at end of file
<!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>
</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 navbtnActive navbtn-a" role="button">
<a href="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/f_1.png" width="100%" alt="">
</div>
<div class="content flex_content">
<div class="left_imgbox">
<img src="../images/vision_left.png" width="100%" alt="">
</div>
<div class="right_desc">
<p>
<h5>MISSION</h5>
The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best
treatment and care for
cancer patients through promoting cancer research, treatment and education and to achieve the goal
of decreasing the
incidence of cancer and improving the quality of life of cancer patients in China.
</p>
<p>
<h5>VISION</h5>
The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously
strengthen its status as a
major national and international center for cancer research, treatment, prevention and education
and to closely
collaborate with leading cancer centers worldwide in the fight against all types of cancer.
</p>
<p>
<h5>MOTTO</h5>
To provide patients with uttermost integrityand state-of-the-art medicine
To improve our profession with ingenuity and innovations
</p>
</div>
<!-- <div class="imgwordthree">
<div class="fstitem">
<div class="bgblack">
<img src="../images/f_m.png" width="100%" alt="">
</div>
<h4>Immuno-Biotechnology</h4>
<p>The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best treatment and care for cancer patients through promoting cancer research, treatment and education and to achieve the goal of decreasing
the incidence of cancer and improving the quality of life of cancer patients in China.</p>
</div>
<div class="fstitem">
<div class="bgblack">
<img src="../images/f_v.png" width="100%" alt="">
</div>
<h4>Vision</h4>
<p>The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously strengthen its status as a major national and international center for cancer research, treatment, prevention and education and to closely collaborate
with leading cancer centers worldwide in the fight against all types of cancer.</p>
</div>
<div class="fstitem">
<div class="bgblack">
<img src="../images/f_mo.png" width="100%" alt="">
</div>
<h4>Motto</h4>
<p>To provide patients with uttermost integrityand state-of-the-art medicine <br><br> To improve our profession with ingenuity and innovations</p>
</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: tcih@263.net.cn</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
});
</script>
</body>
</html>
\ No newline at end of file
<!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/base.css">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
</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 navbtnActive navbtn-a" role="button">
<a href="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="content">
<div class="content-one">
<div class="content-one-img">
<div class="content-word-center">
<img src="../images/banner.png" width="100%" alt="">
</div>
</div>
<div class="content-one-word content-word-center">
<h2>WELOCME MESSAGE</h2>
<p>
Welcome to the Tianjin Medical University Cancer Institute & Hospital! <br> Tianjin Medical
University Cancer Institute & Hospital is the birthplace of oncology in China. The hospital was
originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie
Memorial Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's
Hospital" in 1951. In 1952, the first tumor ward
in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977
Tianjin Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved
to the present site and was renamed
“The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the
Tianjin Medical University and was officially named as The Tianjin Medical University Cancer
Institute and Hospital (TMUCIH).
</p>
<a href="welcome.html" class="learn-more">LEARN MORE></a>
</div>
</div>
<div class="content-second">
<div class="content-second-img">
<img src="../images/peixun.png" width="100%" alt="">
</div>
<div class="content-second-word content-word-center">
<div class="three-phcontent">
<div class="phcontent">
<h2>MISSION</h2>
<p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide
the best treatment and care for cancer patients through promoting cancer research,
treatment and education and to achieve the goal of decreasing
the incidence of cancer and improving the quality of life of cancer patients in China.</p>
</div>
<div class="phcontent">
<h2>VISION</h2>
<p> The vision of Tianjin Medical University Cancer Institute and Hospital is to
continuously strengthen its status as a major national and international center for
cancer research, treatment, prevention and education and to closely
collaborate with leading cancer centers worldwide in the fight against all types of
cancer. </p>
</div>
<div class="phcontent">
<h2>MOTTO</h2>
<p>
To provide patients with uttermost integrity and state-of-the-art medicine To improve
our profession with ingenuity and innovations
</p>
</div>
</div>
<a href="history.html" class="learn-more">LEARN MORE></a>
</div>
</div>
<div class="content-third">
<div class="content-word-center">
<img src="../images/zhidao.png" width="100%" alt="">
</div>
<div class="content-three-word content-word-center">
<h2>History and Milestones</h2>
<ul class="history">
<li>
1861 British Army Hospital
</li>
<li>
1951 Tianjin Municipal People's Hospital
</li>
<li>
1971 Cancer Hospital
</li>
<li>
1977 Tianjin Cancer Research Institute
</li>
</ul>
<a href="../details03-03.html" class="learn-more">LEARN MORE></a>
</div>
</div>
<div class="content-four ">
<h2>QUICK FACTS</h2>
<div class="swiper-container" id="d_slider">
<div class="swiper-wrapper ">
<div class="swiper-slide content-four-img">
<img src="../images/1.png" alt="">
<div class="swiper_desc">
<div class="inner_desc">
</div>
</div>
</div>
<div class="swiper-slide content-four-img">
<img src="../images/2.png" alt="">
<div class="swiper_desc">
<div class="inner_desc">
Advanced National Training Courses of 63000 square meters and Cancer Insitute &
Hospital!Welcome to the TianJin
</div>
</div>
</div>
<div class="swiper-slide content-four-img">
<img src="../images/3.png" alt="">
<div class="swiper_desc">
<div class="inner_desc">
Advanced National Training Courses of 63000 square meters and Cancer Insitute &
Hospital!Welcome to the TianJin
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<img src="../images/03pc-second/pic%20(7).png" class="arrow-left" alt="">
<div class="swiper-pagination"></div>
<img src="../images/03pc-second/pic%20(8).png" class="arrow-right" alt="">
</div>
<div class="content-one-word content-word-center">
<h2>ORGANIZATION MANAGEMENT</h2>
<p>
Tianjin Medical University Cancer Institute& Hospital is the birthplace of oncology in China.
The hospital was originally established in 1861 as The British Army Hospital, and later renamed
as the London Christian Church Hospital and Dr. Machenzie Memorial
Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in
1951. In 1952, the first tumor ward in China was established in our hospital by pioneering
oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the
present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital
was affiliated to the Tianjin Medical
University and was officially named as The Tianjin Medical University Cancer Institute and
Hospital (TMUCIH).
</p>
<a href="history.html" class="learn-more">LEARN MORE></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: tcih@263.net.cn</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>
<div class="mobile container-fluid">
<nav class="title-left-right">
<a class="navbar-brand logo title-left" href="#">
<img class="brand-logo" src="../images/01mobile-main/pic%20(5).png" alt="">
</a>
<a class="title-right" href="./mobilepage/mbsecondmenuAbout.html">
<img class="navbar-toggle " src="../images/01mobile-main/pic%20(3).png" alt="">
</a>
</nav>
<div class="container">
<div class="word-title">
<h2>WELOCME MESSAGE</h2>
<p>Welocme to the Tianjin readers will have trouble with your forms if you don't include a label for
every input. For these input groups, ensure that any additional label or functionality is conveyed
to assistive technologies.any For these
input groups, ensure that any additional label or functionality is conveyed to assistive
technologies.any additional label or functionality is conveyed to assistive technologies.</p>
<a href="welcome.html" class="learn-more">
LEARN MORE >
</a>
</div>
<div class="word-title">
<img class="mb2rem" src="../images/04mobile-secondpage/pic%20(3).png" alt="">
<h2>MISSION</h2>
<p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best
treatment and care for cancer patients through promoting cancer research, treatment and education
and to achieve the goal of decreasing the
incidence of cancer and improving the quality of life of cancer patients in China.</p>
<h2>VISION</h2>
<p> The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously
strengthen its status as a major national and international center for cancer research, treatment,
prevention and education and to closely collaborate
with leading cancer centers worldwide in the fight against all types of cancer. </p>
<h2>MOTTO</h2>
<p>
To provide patients with uttermost integrity and state-of-the-art medicine To improve our
profession with ingenuity and innovations
</p>
<a href="history.html" class="learn-more">
LEARN MORE >
</a>
</div>
<div class="word-title">
<img class="mb2rem" src="../images/04mobile-secondpage/pic%20(1).png" alt="">
<h2>History and Milestones</h2>
<p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
label for everytrouble with your forms if you don't include a label for every input. For these
input groups, ensure that any additional label or functionality
is conveyed to assistive technologies.any additional label or functionality is conveyed to
assistive technologies.</p>
<a href="../details03-03.html" class="learn-more">
LEARN MORE >
</a>
</div>
<div class="word-title">
<!-- Swiper -->
<div class="swiper-container swiper-container-m1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
<!-- <p>
A description list is perfect for defining terms.A description list is perfect for defining terms.A description list is perfect
for defining terms.A description list is perfect for defining terms.A description list is
perfect for defining terms.A description list is perfect for defining terms.
</p> -->
</div>
<div class="swiper-slide">
<div>
<img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
</div>
</div>
<div class="swiper-slide">
<img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<h2 class="mt3rem">ORGANIZATION MANGEMENT</h2>
<p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
label for everytrouble with your forms if you don't include a label for every input. For these
input groups, ensure that any additional dditional label or functionality
is conveyed to assistive technologies.</p>
<a href="../index.html" class="learn-more">
LEARN MORE >
</a>
</div>
<div class="footer-log">
<img src="../images/01mobile-main/pic%20(1).png" alt="">
</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: tcih@263.net.cn</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('#d_slider', {
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
allowTouchMove: true,
lazy: {
loadPrevNext: true,
loadPrevNextAmount: 3,
},
centeredSlides: true,
spaceBetween: 50,
slidesOffsetBefore: 40,
loop: true,
slidesPerView: 'auto',
on: {},
pagination: {
el: '.swiper-pagination',
clickable: true,
renderBullet: function (index, className) {
return '<div class="' + className + '"><span></span><i></i></div>';
},
},
navigation: {
nextEl: '.arrow-right',
prevEl: '.arrow-left',
},
});
</script>
</body>
</html>
\ No newline at end of file
<!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 {
margin-bottom: 44px;
width: auto;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
position: absolute;
top: 0;
left: 50%;
height: 100%;
display: flex;
display: -webkit-flex;
flex-flow: column;
justify-content: space-between;
box-sizing: border-box;
}
.single_date {
height: auto;
display: flex;
display: -webkit-flex;
flex-flow: column;
justify-content: space-between;
}
.single_date h3 {
color: #666666;
padding: 0;
margin: 0;
margin-bottom: 15px;
}
.content-word-right {
color: #01a26e;
flex: unset;
width: 400px !important;
margin: 0 auto;
transform: translateX(-70%);
}
</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 navbtnActive navbtn-a" role="button">
<a href="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/quick_1.png" width="100%" alt="">
</div>
<div class="content">
<div class="content-word">
<div class="content-word-right">
<div class="single_box">
<img src="../images/q1.png" alt="">
</div>
<div class="single_box">
<img src="../images/q2.png" alt="">
</div>
<div class="single_box">
<img src="../images/q3.png" alt="">
</div>
</div>
<div class="content-word-left">
<div class="single_date">
<H3>
Main Campus
</H3>
<P>
Cover Area: 63,000㎡
</P>
<P>
Building Area: 175,052㎡
</P>
<P>
Beds: 2,198
</P>
<P>
Staffs: 2,993
</P>
<p>Outpatient visits: 1,224,629</p>
<p>n-patients visits: 103,123</p>
<p>Operations: 32,462</p>
</div>
<div class="single_date">
<H3>
Airport Free Trade Zone Hospital
</H3>
</P>
<P>
Building Area: 116,255㎡
</P>
<P>
Beds: 1,000
</P>
<P>
Staffs: 450
</P>
</div>
<div class="single_date">
<H3>
Binhai Hospital
</H3>
<P>
Covers 150,000㎡
</P>
<P>
Beds: 1200
</P>
<P>
Put into use in 2020
</P>
</div>
</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: tcih@263.net.cn</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
});
</script>
</body>
</html>
\ No newline at end of file
<!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>
</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 navbtnActive navbtn-a" role="button">
<a href="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/wel_banner.png" width="100%" alt="">
</div>
<div class="content">
<div class="content-word">
<div class="content-word-left">
<h5> Welcome to the TianJin Medical Universtiy Cancel Institute & Hospital</h5>
<p>
Tianjin Medical University Cancer Institute & Hospital is the birthplace of oncology in China.
The hospital was originally established in 1861 as The British Army Hospital, and later renamed
as the London Christian Church Hospital and Dr. Machenzie Memorial
Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in
1951. In 1952, the first tumor ward in China was established in our hospital by pioneering
oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the
present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital
was affiliated to the Tianjin Medical
University and was officially named as The Tianjin Medical University Cancer Institute and
Hospital (TMUCIH). </p>
<p>
With one and half centuries of history, TMUCIH has developed into one of the largest
specialized hospitals in China with integrated patient care, education, training, research and
preventative medicine with 2500 beds, 46 clinical and diagnostic departments
and 13 basic research departments. In 2013, Tianjin Medical University Cancer Institute and
Hospital was designated as National Clinical Research Center for Cancer by the Ministry of
Science and Technology of The People’s Republic
of China. In 2017, Oncology was ranked as the National “World-Class” Academic Development by
The Ministry of Education, the Ministry of Finance, and the National Development and Reform
Commission. </p>
<p>
The hospital covers area of 63,000 square meters and 175,052square meters of the building area.
In 2017, there were 1,150,000 outpatient clinic visits, 86,000 In-patients visits and 30,000
operations. TMUCIH has 3000 full-time staff members; among them
are 275 senior professionals including an academician from The Chinese Academy of Engineering,
a Specially Appointed Professor and two Visiting Professors from the National Yangtze Scholar
Plan, 15 experts who enjoy The Special
Allowance from the State Council and 6 experts ranked as Excellent Talents of the New Century
by the Ministry of Education. <br> The most recognized specialties in the hospital are basic
and clinical research
on breast cancer, lung cancer, biotherapy, molecular imaging, radiation oncology, medical
oncology, pathology as well as cancer Epidemiology. Oncology is a National Key subject and
a“National 211 Project” Key Construction Subject.
The hospital has a Key Breast Cancer Prevention and Treatment Laboratory authorized by the
Ministry of Education and two Ministry of Education Innovation Teams, a National Experimental
Clinical Medicine Institute, and a Ministry
of Health National Continuing Medical Education Base, . Oncology, chest surgery, pathology and
nursing are selected national key clinical construction specialties. The hospital Breast Cancer
Center is the largest one in China.
</p>
<p>
TMUCIH launched “Advanced National Oncologists and pathologists training course” commissioned
by the Ministry of Health. TMUCIH has been offering 51 advanced courses for oncologists and 37
courses for pathologists nationwide since 1954. There are more
than 5,500 doctors who have been trained here. TMUCIH issued the first Cancer Journals
“Chinese Journal of Clinical Oncology (CJCO)”, which is one of the major state level journals,
in 1963. The English edition of CJCO was launched
in 2004. China Anti-Cancer Association (CACA) was also established in TMUCIH in 1984. CACA has
now developed 64 professional societies and 31 local anti-cancer associations around China with
a total membership exceeding 200000.
</p>
<p>
Our hospital strives for excellence, strict management and first class service to fulfill our
hospital motto of “Providing patients with uttermost integrity and state-of-art medicine and
improving our profession with ingenuity and innovation”. The hospital
has won special honors, such as National Civilization Unite; Health Circle National Advanced
Unite; and Young Civilized Institution authorized by Ministry of Health.
</p>
<p>
</p>
<p>
Ping Wang, M.D., </p>
<p>
President and Professor </p>
<p>
Tianjin Medical University Cancer Institute & Hospital</p>
</p>
</div>
</div>
<!-- 形象墙 -->
<div class='prof_box'>
<div class="prof_item">
<div class="prof_img_box">
<img src="../images/prof2.png" width="100%" alt="">
</div>
<div class="prof_desc">
Prof. Wei Lu
</div>
</div>
<div class="prof_item">
<div class="prof_img_box">
<img src="../images/prof1.png" width="100%" alt="">
</div>
<div class="prof_desc">
Prof. Ping Wang
</div>
</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: tcih@263.net.cn</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
});
</script>
</body>
</html>
\ No newline at end of file
<!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/index.css">
<link rel="stylesheet" href="./css/base.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.content {
padding-bottom: 0;
}
.footer-content {
margin-top: 0;
}
.header-title-right {
padding-left: 0;
margin: 0 auto;
}
.single_img_warp {
top: 0;
margin-top: 90px;
}
.text{
line-height: 1.5;
font-size: 16px;
}
.national_text{
width: 400px;
margin: 0 auto;
}
</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 pc_warp">
<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="../pcSecond.html">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="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/news.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../about/contact.html">CONTACT US</a>
</li>
</ul>
</div>
<div class="content nopadding">
<div class="bottom-wrapper">
<h3>CLINICAL DEPARTMENTS</h3>
<div class="swiper-container swiper-container1" id="pc_bottom_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#">
<img src="./images/intensive.png" width="100%" alt="">
</a>
<dl>
<dt>Surgery Department</dt>
<!-- <dd>Tianjin Medical University Cancer Institute & Hospital is the birthplace of
oncology in China. The hospital was originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church
Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed
as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in
China was established in our hospital by pioneering
oncologist Prof.</dd> -->
</dl>
</div>
<div class="swiper-slide">
<a href="#">
<img src="./images/medical_department.png" width="100%" alt="">
</a>
<dl>
<dt>Medical Department</dt>
<!-- <dd>Tianjin Medical University Cancer Institute & Hospital is the birthplace of
oncology in China. The hospital was originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church
Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed
as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in
China was established in our hospital by pioneering
oncologist Prof. </dd> -->
</dl>
</div>
<div class="swiper-slide">
<a href="#">
<img src="./images/oncology.png" width="100%" alt="">
</a>
<dl>
<dt>Radiation Oncology</dt>
<!-- <dd>Tianjin Medical University Cancer Institute & Hospital is the birthplace of
oncology in China. The hospital was originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church
Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed
as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in
China was established in our hospital by pioneering
oncologist Prof. </dd> -->
</dl>
</div>
<div class="swiper-slide">
<a href="#">
<img src="./images/department.png" width="100%" alt="">
</a>
<dl>
<dt>Diagnostic Department</dt>
<!-- <dd>Tianjin Medical University Cancer Institute & Hospital is the birthplace of
oncology in China. The hospital was originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church
Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed
as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in
China was established in our hospital by pioneering
oncologist Prof. </dd> -->
</dl>
</div>
<div class="swiper-slide">
<a href="#">
<img src="./images/excellence.png" width="100%" alt="">
</a>
<dl>
<dt>Centers of Excellence</dt>
<!-- <dd>Tianjin Medical University Cancer Institute & Hospital is the birthplace of
oncology in China. The hospital was originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church
Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed
as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in
China was established in our hospital by pioneering
oncologist Prof. </dd> -->
</dl>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination1"></div>
<a href="about/history.html" class="learn-more">LEARN MORE &gt;</a>
</div>
</div>
</div>
<!--fulid banner-->
<div class="content-second-img m80">
<h3>NURSING SERVICES</h3>
<div class="text center">
<a>About Us</a> <br>
<a>What We Do</a> <br>
<a>Nurse Training</a> <br>
<a>Research Departments</a> <br>
<a>International Exchangess</a>
</div>
<a href="about/history.html" class="learn-more">LEARN MORE &gt;</a>
</div>
<div class="content ">
<img src="./images/sec_clinical.png" width="100%" alt="">
</div>
<div class="find_doctor">
<div class="header-title-right">
<h3>Find A Doctor</h3>
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="./images/01pc-main/pic (9).png" alt="">
</button>
</div>
<h4>click here</h4>
</div>
<a href="about/history.html" class="learn-more">LEARN MORE &gt;</a>
</div>
<div class="content-second-img m80">
<h3>NATIONAL CANCER CLINICAL RESEARCH CENTER</h3>
<div class="text national_text ">
科技部于2013年6月公布了首批13家国家临床医学研究中心。通过积极申报，经过答辩评审等工作，我院成功入选首批国家临床医学研究中心，同时与中国医学科学院肿瘤医院也成为目前我国肿瘤学领域中仅有的两个“国家肿瘤临床医学研究中心”。
津医科大学肿瘤医院作为集医、教、研、防为一体的肿瘤防治中心，成功入选肿瘤领域的首批国家临床医学中心。
</div>
<a href="about/history.html" class="learn-more">LEARN MORE &gt;</a>
</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: tcih@263.net.cn</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 () {
$(".menuPage").click(function () {
location.href = "./mobilepage/mbsecondmenuAbout.html"
})
$(".mbMenu").click(function () {
location.href = "./mobilepage/mbsecondmenu.html"
})
})
var swiper = new Swiper('#top_swiper', {
pagination: '.swiper-pagination',
paginationClickable: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
slidesPerView: 'auto',
spaceBetween: 30
});
var swiper = new Swiper('#pc_bottom_swiper', {
slidesPerView: 5,
spaceBetween: 30,
loop: false,
autoplay: false,
touch: false
// pagination: {
// el: '.swiper-pagination',
// clickable: true,
// },
});
// 移动端swiper
var swiper = new Swiper('.swiper-container-m1', {
pagination: '.swiper-pagination',
paginationClickable: true
});
</script>
</body>
</html>
\ No newline at end of file
<!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;
}
.content-word-right {
flex: 1;
display: none!important;
display: -webkit-flex;
flex-wrap: wrap;
border-left: 2px solid #121212;
}
.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 h4:hover,
.content-word-left h4.active {
color: #00A16C;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
</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"><img src="../images/chinese.png" height="34px" alt=""></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="../pcSecond.html">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="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../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="content-word">
<div class="content-word-left">
<h4 class="active">
SURGERY DEPARTMENTS
</h4>
<h4 class="">
MEDICAL DEPARTMENTS
</h4>
<h4 class="">
RADIATION ONCOLOGYS
</h4>
<h4 class="">
DIAGNOSTIC DEPARTMENTS
</h4>
<h4 class="">
CENTERS OF EXCELLENCES
</h4>
</div>
<div class="content-word-right active">
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de101.png" width="100%" alt="">
</div>
<p>Department of Lung Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de102.png" width="100%" alt="">
</div>
<p>Department of Esophageal Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de103.png" width="100%" alt="">
</div>
<p>Department of Pancreatic Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<div class="part_box">
<img src="../images/cli_de104.png" width="100%" alt="">
</div>
</div>
<p>Department of Hepatobiliary Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de105.png" width="100%" alt="">
</div>
<p>Department of Gastric Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de106.png" width="100%" alt="">
</div>
<p>Department of Colorectal Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Gynecologic Oncology</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de108.png" width="100%" alt="">
</div>
<p>Department of Urogenital Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de109.png" width="100%" alt="">
</div>
<p>Department of Bone and Soft Tissue tumor</p>
</div>
<div class="single_part">
<div class="part_box">
<div class="part_box">
</div>
</div>
<p>Breast Cancer Department I</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Breast Cancer Department II</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Breast Cancer Department III</p>
</div>
<div class="single_part">
<div class="part_box">
<div class="part_box">
<img src="../images/cli_de113.png" width="100%" alt="">
</div>
</div>
<p>Department of Breast Reconstruction</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de114.png" width="100%" alt="">
</div>
<p>Pediatric Cancer Department</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de115.png" width="100%" alt="">
</div>
<p>Neuro-Surgery Department</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de116.png" width="100%" alt="">
</div>
<p>Department of Maxillofacial & Otorhinolaryngology</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de117.png" width="100%" alt="">
</div>
<p>Department of Thyroid & Cervical Cancer</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de118.png" width="100%" alt="">
</div>
<p>Phase I Clinical Trial Ward</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de119.png" width="100%" alt="">
</div>
<p>Department of Enhanced Recovery After Surgery</p>
</div>
<div class="single_part">
<div class="part_box">
<div class="part_box">
<img src="../images/cli_de120.png" width="100%" alt="">
</div>
</div>
<p>Department of Intensive Care Unit</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Intervention Therapy</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de122.png" width="100%" alt="">
</div>
<p>Anesthesia Department</p>
</div>
</div>
<div class="content-word-right ">
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de21.png" width="100%" alt="">
</div>
<p>Department of Thoracic Medical Oncology</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de22.png" width="100%" alt="">
</div>
<p>Department of Gastrointestinal Cancer Medical Oncology</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de23.png" width="100%" alt="">
</div>
<p>Department of Breast Cancer Medical Oncology</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Pain Management</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Biotherapy</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de26.png" width="100%" alt="">
</div>
<p>Department of Lymphoma</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de27.png" width="100%" alt="">
</div>
<p>Department of Hematology</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de28.png" width="100%" alt="">
</div>
<p>Department of V.I.P. Wards</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de29.png" width="100%" alt="">
</div>
<p>Department of Integrated chinese traditional and western medicine</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Radiotherapy</p>
</div>
</div>
<div class="content-word-right ">
<div class="single_part">
<div class="part_box">
</div>
<p>No Content</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>No Content</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>No Content</p>
</div>
</div>
<div class="content-word-right ">
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de41.png" width="100%" alt="">
</div>
<p>Ultrasound Department</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Breast Imaging</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de43.png" width="100%" alt="">
</div>
<p>Department of Molecular Imaging and Nuclear Medicine</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de44.png" width="100%" alt="">
</div>
<p>Department of Clinical Laboratory</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Department of Radiology</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de46.png" width="100%" alt="">
</div>
<p>Department of Cardio-Pulmonary Function</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de47.png" width="100%" alt="">
</div>
<p>Department of Anti-Infection Management</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de48.png" width="100%" alt="">
</div>
<p>Department of Medical Records</p>
</div>
<div class="single_part">
<div class="part_box">
<img src="../images/cli_de49.png" width="100%" alt="">
</div>
<p>Cancer Prevention Center</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>Endoscopy Department</p>
</div>
</div>
<div class="content-word-right ">
<div class="single_part">
<div class="part_box">
</div>
<p>No Content</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>No Content</p>
</div>
<div class="single_part">
<div class="part_box">
</div>
<p>No Content</p>
</div>
</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: tcih@263.net.cn</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>
\ No newline at end of file
<!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>
.left_ship_box{
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
font-size: 21px;
}
.ships_item {
width: 178px;
margin: 0 40px 40px 40px;
}
</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="../pcSecond.html">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="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/find_top.png" width="100%" alt="">
</div>
<div class="content ">
<div class='single_ship_box'>
<div class='left_ship_box'>
<div class="header-title-right">
<h3>Find a Doctor</h3>
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (9).png" alt="">
</button>
</div>
<h4>click here</h4>
</div>
<div class="header-title-right">
<h3>Clinical Departments</h3>
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (9).png" alt="">
</button>
</div>
<h4>click here</h4>
</div>
</div>
<div class="ships_list">
</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: tcih@263.net.cn</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>
</body>
</html>
\ No newline at end of file
<!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>
.left_ship_box{
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
font-size: 21px;
}
.content{
min-height: 500px;
color: #666;
}
.content_desc{
margin-top: 50px;
}
</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="../pcSecond.html">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="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/national_top.png" width="100%" alt="">
</div>
<div class="content ">
<h3 class="title">国家肿瘤临床医学研究中心（中国·天津）</h3>
<p class="content_desc">为落实《国家中长期科学和技术发展规划纲要(2006-2020年)》和《医学科技发展“十二五”规划》，加强医学科技创新体系建设，打造一批临床医学和转化研究的高地，科技部会同卫计委和总后卫生部，拟建设一批国家临床医学研究中心。2012年7月，科技部发布开展国家临床医学研究中心申报工作的通知，决定在恶性肿瘤(以肺癌、肠癌、乳腺癌、肝癌为主)、心血管病、神经系统疾病(包括脑血管病)、呼吸系统疾病、慢性肾病、代谢性疾病等6个重点疾病防治领域进行试点，每个领域试点建设1-3个国家中心。其主要任务是紧密结合本领域重点疾病防治的发展现状和趋势，研究提出本领域国家重点研究任务和实施方案；搭建专业化的临床研究公共服务平台，培育临床研究的领军人才、学科带头人和技术骨干，探索并优化临床研究的组织和管理机制；搭建协同研究网络，重点组织开展大规模、多中心、高质量的临床诊疗规范研究；开展新技术、新产品的评价研究和基础与临床紧密结合的转化医学研究等；拟订诊疗技术规范，开展基层卫生人员的技术培训，优化服务模式，建立有效的技术推广机制，指导和提升基层卫生人员诊疗服务能力。
科技部于2013年6月公布了首批13家国家临床医学研究中心。通过积极申报，经过答辩评审等工作，我院成功入选首批国家临床医学研究中心，同时与中国医学科学院肿瘤医院也成为目前我国肿瘤学领域中仅有的两个“国家肿瘤临床医学研究中心”。
津医科大学肿瘤医院作为集医、教、研、防为一体的肿瘤防治中心，成功入选肿瘤领域的首批国家临床医学中心。中心将构建常见恶性肿瘤个体化诊疗中心，完善多学科诊疗模式，以循证医学研究筛选合适的治疗方案，显著提升患者总体生存率作为着力解决的首要问题。培育临床研究的领军人才、学科带头人和技术骨干，搭建转化医学和临床研究高端平台，包括生物样本库和信息资源平台、诊疗新技术转化研究平台、诊疗新技术临床评价平台等；积极开展肿瘤防治转化医学研究，建立适合我国的肿瘤预防体系，研发肿瘤早期诊断和预后预测的新指标、新技术和新方法，探索肿瘤治疗的新靶点、新药物，提高肿瘤诊治的综合水平；探索并优化组织管理机制，着眼于临床诊治重大问题，将基础研究成果快速转化为临床诊疗新技术，再通过诊疗新技术临床评价平台进行系统评价，实现基础与临床紧密结合，促进现有诊治规范推陈出新的创新研究机制。并通过建立肿瘤防治转化医学协同研究网络，同时依托卫生部肿瘤诊治临床路径编制工作平台、卫生部全国肿瘤医师和病理医师进修班，促进肿瘤防治研究成果的推广和应用，修订并推广恶性肿瘤诊疗技术规范，开展基层肿瘤防治人员的技术培训，逐步建立有效的技术推广机制，提升我国肿瘤防治领域的综合实力，建立引领创新、辐射发展、亚洲具影响力的肿瘤转化医学研究中心！</p>
</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: tcih@263.net.cn</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>
</body>
</html>
\ No newline at end of file
<!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>
.left_ship_box{
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
font-size: 21px;
}
.content{
min-height: 500px;
}
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
width: 300px;
flex: unset;
}
.content-word-right {
flex: 1;
display: none!important;
display: -webkit-flex;
flex-wrap: wrap;
border-left: 2px solid #121212;
}
.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: center;
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 h4:hover,
.content-word-left h4.active {
color: #00A16C;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
</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="../pcSecond.html">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="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/nursing_top.png" width="100%" alt="">
</div>
<div class="content ">
<div class="content-word">
<div class="content-word-left">
<h4 class="active">
ABOUT US
</h4>
<h4 class="">
WHAT WE DO
</h4>
<h4 class="">
NURSE TRAINING
</h4>
<h4 class="">
RESEARCH DEPARTMENTS
</h4>
<h4 class="">
International Exchanges
</h4>
</div>
<!--<div class="content-word-right active">-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de101.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Lung Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de102.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Esophageal Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de103.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Pancreatic Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de104.png" width="100%" alt="">-->
<!--</div>-->
<!--</div>-->
<!--<p>Department of Hepatobiliary Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de105.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Gastric Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de106.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Colorectal Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Gynecologic Oncology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de108.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Urogenital Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de109.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Bone and Soft Tissue tumor</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--</div>-->
<!--<p>Breast Cancer Department I</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Breast Cancer Department II</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Breast Cancer Department III</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de113.png" width="100%" alt="">-->
<!--</div>-->
<!--</div>-->
<!--<p>Department of Breast Reconstruction</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de114.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Pediatric Cancer Department</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de115.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Neuro-Surgery Department</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de116.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Maxillofacial & Otorhinolaryngology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de117.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Thyroid & Cervical Cancer</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de118.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Phase I Clinical Trial Ward</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de119.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Enhanced Recovery After Surgery</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de120.png" width="100%" alt="">-->
<!--</div>-->
<!--</div>-->
<!--<p>Department of Intensive Care Unit</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Intervention Therapy</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de122.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Anesthesia Department</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="content-word-right ">-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de21.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Thoracic Medical Oncology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de22.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Gastrointestinal Cancer Medical Oncology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de23.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Breast Cancer Medical Oncology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Pain Management</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Biotherapy</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de26.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Lymphoma</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de27.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Hematology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de28.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of V.I.P. Wards</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de29.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Integrated chinese traditional and western medicine</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Radiotherapy</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="content-word-right ">-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>No Content</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>No Content</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>No Content</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="content-word-right ">-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de41.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Ultrasound Department</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Breast Imaging</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de43.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Molecular Imaging and Nuclear Medicine</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de44.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Clinical Laboratory/p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Department of Radiology</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de46.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Cardio-Pulmonary Function</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de47.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Anti-Infection Management</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de48.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Department of Medical Records</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--<img src="../images/cli_de49.png" width="100%" alt="">-->
<!--</div>-->
<!--<p>Cancer Prevention Center</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>Endoscopy Department</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="content-word-right ">-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>No Content</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>No Content</p>-->
<!--</div>-->
<!--<div class="single_part">-->
<!--<div class="part_box">-->
<!--</div>-->
<!--<p>No Content</p>-->
<!--</div>-->
<!--</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: tcih@263.net.cn</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>
</body>
</html>
\ No newline at end of file
<!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>
.left_ship_box{
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
font-size: 21px;
}
.content{
min-height: 500px;
}
</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="../pcSecond.html">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="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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="../contact.html">CONTACT US</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/clinical_top.png" width="100%" alt="">
</div>
<div class="content ">
<div class="ondata">
No Content
</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: tcih@263.net.cn</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>
</body>
</html>
\ No newline at end of file
<!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/index.css">
<link rel="stylesheet" href="./css/base.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.content {
top: 0;
padding-bottom: 40px;
}
.imgshow-wrapper {
margin-top: 0;
display: block;
}
.bottom-wrapper {
margin-top: 40px;
}
.content_word {
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.content_word p {
flex: 1;
-webkit-flex: 1;
padding: 0 20px;
}
.content_word p:first-child {
padding-left: 0;
}
.content_word p:last-child {
padding-right: 0;
}
.swiper-button-prev {
background-image: url("./images/left.png");
}
.swiper-button-next {
background-image: url("./images/right.png");
}
</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 pc_warp">
<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="../pcSecond.html">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 navbtn-a" role="button">
<a href="../clinical.html">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
</a>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
<a href='../clinical/national.html'>National Cancer Clinical <br>
Research Center</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../research.html">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/introduction.html" class="inner_item">
Introduction
</a>
<a href="../research/departments.html" class="inner_item">
Research Departments
</a>
<a href="../research/facility.html" class="inner_item">
Core Facilities
</a>
<a href="../research/news.html" class="inner_item">
Find a Researcher
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/transfer.html" class="inner_item">
Technology Transfer
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Cancer Journals
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../international.html">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 navbtnActive navbtn-a" role="button">
<a href="../about/contact.html">CONTACT US</a>
</li>
</ul>
</div>
<div id="gridSystemModal" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridModalLabel"
style="display: none;">
<div class="modal-dialog downDialog" role="document">
<div class="modal-content ">
<div class="modal-body ">
<div class="mddown-word">
<h4>Welcome to the Tianjin Medical University Cancer Institue & Hospital!</h4>
<h4>We are confident that we will offer the best treatment and care for cancer patients
through promoting cancer research,treatment,the education</h4>
</div>
<div class="mddown-img">
<div class="mddown-img-item">
<h5>Welcome message</h5>
<div>
<img src="./images/02pc-downmeun/pic (1).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Mission and Vision</h5>
<div>
<img src="./images/02pc-downmeun/pic (2).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Leadership</h5>
<div>
<img src="./images/02pc-downmeun/pic (3).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>History and Milestones</h5>
<div>
<img src="./images/02pc-downmeun/pic (4).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Quick Facts</h5>
<div>
<img src="./images/02pc-downmeun/pic (5).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Organization Management</h5>
<div>
<img src="./images/02pc-downmeun/pic (6).png" alt="">
</div>
</div>
</div>
<a class="mddown-footer" href="./pcSecond.html">
LEARN MORE ABOUT US >
</a>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="content nopadding">
<div class="imgshow-wrapper">
<div class="swiper-container swiper-container-m1" id="d_slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/space.png" width="100%" alt="">
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Add Pagination -->
</div>
</div>
<div class="bottom-wrapper">
<h4>
Tianjin Medical University Cancer Institute & Hospita
</h4>
<h4>
West Huan-Hu Rd, Ti Yuan Bei, Hexi District
</h4>
<h4>
Tianjin 300060
</h4>
<h4>
China
</h4>
<h4>
Tel/Fax: 0086-22-23359337
</h4>
<h4>
Email: tcih@263.net.cn
</h4>
</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: tcih@263.net.cn</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>
// 移动端swiper
var swiper = new Swiper('#d_slider', {
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
allowTouchMove: true,
// lazy: {
// loadPrevNext: true,
// loadPrevNextAmount: 3,
// },
centeredSlides: true,
slidesOffsetBefore: 0,
loop: true,
slidesPerView: 'auto',
on: {},
pagination: {
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
<script type="text/javascript">
var obj = {
sex: 'girl',
age: '15'
}
var sec = obj;
sec.sex = 'boy';
obj.sex = 'nn'
console.log(obj)
console.log(sec)
</script>
<script type="text/javascript">
var foo = 1
function third(){
console.log(foo)
var foo = 2;
console.log(foo)
}
third()
</script>
</body>
</html>
\ No newline at end of file
body {
font-family: 'Arial Regular';
}
a,
a:hover,
a:active {
text-decoration: none;
color: inherit;
}
ul {
margin: 0;
padding: 0;
}
.mb0 {
margin-bottom: 0;
}
.container-fluid.top_pc_brand {
padding: 40px 60px 20px;
position: relative;
z-index: 40;
}
.nav_menu_items {
background-color: #F5F6F6;
margin-bottom: 0;
padding: 0;
width: 100%;
display: flex;
display: -webkit-flex;
-webkit-align-items: stretch;
justify-content: space-between;
-webkit-justify-content: space-between;
position: relative;
z-index: 40;
}
.nav_menu_items li {
height: 60px;
flex-grow: 1;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
position: relative;
}
.nav_menu_items li a {
font-size: 18px;
color: #232323;
text-decoration: none;
font-family: "Arial-BoldMT";
font-weight: bold;
}
.nav_menu_items li:hover>a,
.nav_menu_items li.navbtnActive>a {
color: #00A16C;
}
.nav_menu_items li:hover .first_menu {
display: block;
}
.first_menu {
position: absolute;
left: 0;
top: 60px;
width: 100%;
display: none;
overflow: hidden;
transition: 2s;
z-index: 30;
background-color: #fff;
}
.inner_content {
margin: 0 50px;
}
.inner_txt {
padding: 32px 40px 0 0;
box-sizing: border-box;
text-align: left;
color: #666666;
}
.nav_menu_items li a.first_bottom {
height: 40px;
line-height: 40px;
background-color: #00a16c;
font-size: 16px;
text-align: center;
color: #FFF;
font-family: Arial;
display: block;
}
.nav_menu_items li a.first_bottom:hover,
.nav_menu_items li a.first_bottom:active {
text-decoration: none;
color: #EEE;
}
.inner_items {
display: flex;
padding-bottom: 45px;
}
.inner_items a {
flex: 1;
max-width: 248px;
}
.inner_item {
margin-right: 10px;
cursor: pointer;
}
.innert_text {
color: #00A16C;
font-size: 16px;
text-align: left;
margin-bottom: 8px;
}
/*.inner_box{*/
/*width: 225px;*/
/*height: 148px;*/
/*overflow: hidden;*/
/*}*/
.mask {
position: absolute;
top: 190px;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: calc(100% - 190px);
z-index: 10;
display: none;
transition: 1s;
}
.show .mask {
display: block;
}
.learnMore {
height: 40px;
background-color: #00A16C;
line-height: 40px;
color: #FFF;
font-size: 24px;
}
.pc {
position: relative;
}
.learn-more {
width: 230px;
height: 56px;
border-radius: 28px;
background-color: #f6b37f;
text-decoration: none;
color: #fff;
text-align: center;
line-height: 56px;
display: block;
margin: 40px auto;
}
.them_title {
color: #00a16c;
text-align: center;
margin: 50px auto;
}
.swiper-pagination-bullet-active {
background: #00a16c;
}
.search-group {
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
}
.search-group .search-input {
border-radius: 10px;
width: 130px;
}
.mt30 {
margin-top: 30px;
}
.langue {
margin-right: 15px;
font-size: 16px;
color: #050505;
}
.center {
text-align: center
}
.m80 {
margin: 120px 0 !important;
}
.first-ul {
display: flex;
display: -webkit-flex;
}
.first-ul li {
padding: 0 15px;
}
.content {
padding-top: 80px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 120px;
margin-left: 200px;
margin-right: 200px;
height: 100%;
background-color: #fff;
z-index: 5;
border-radius: 4px;
}
.container-fluid .content:first-child {
padding-top: 0;
}
.content-word {
display: flex;
}
.content-word-left {
flex: 3;
}
.content-word-right {
flex: 1;
color: #01a26e;
padding-top: 10px;
}
.prof_box{
display: flex;
display: -webkit-flex;
margin-top: 30px;
}
.prof_item{
width: 200px;
margin-right: 20px;
font-size: 16px;
}
.prof_img_box{
height: 200px;
overflow: hidden;
}
.prof_desc{
margin-top: 20px;
}
.flex_content{
display: flex;
display: -webkit-flex;
}
.left_imgbox{
flex: 1;
-webkit-flex: 1;
}
.right_desc{
flex: 2;
-webkit-flex: 2;
margin-left: 30px;
}
.single_ship_box{
display: flex;
display: -webkit-flex;
}
.left_ship_box{
width: 240px;
height: 300px;
align-self: flex-start;
border-right: 1px solid #000;
}
.ships_list{
display: flex;
display: -webkit-flex;
flex: 1;
padding:20px 30px;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
.ships_item{
width: 178px;
margin:0 0 40px 40px;
}
.ships_item_imgbox{
background-color: #999;
height: 196px;
}
.ships_name{
margin-top: 15px
}
.ondata{
height: 180px;
color: #00A16C;
font-size: 22px;
line-height: 180px;
}
.nopadding{
padding-top: 0
}
/* 修改 */
.sec_menu_items{
position: absolute;
background: #F5F6F6;
top: 58px;
left: 35px;
width: 300px;
min-height: 300px;
font-size: 16px;
color: #595858;
display: none;
padding-top: 18px;
}
.sec_menu_items::after{
content: '';
position: absolute;
background: #00A16C;
height: 5px;
width: 80%;
left: 0;
top: 0;
}
.nav_menu_items li:hover .sec_menu_items{
display: block
}
.nav_menu_items li .sec_menu_items a {
display: block;
font-weight: normal;
padding-left: 15px;
text-align: left;
font-size: 20px;
margin: 20px 0;
white-space: nowrap;
}
.nav_menu_items li .sec_menu_items a:hover{
color: #00A16C;
position: relative;
}
.nav_menu_items li .sec_menu_items a:hover:before {
content: '';
position: absolute;
width: 4px;
height: 100%;
left: 0;
top: 0;
background: #00A16C;
}