作者 朱振飞

初始化

要显示太多修改。

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

/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/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 navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Departmen
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html"
onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research.html" class="inner_item">
Research programs
</a>
<a href="../clinical/research.html" class="inner_item">
Achievements
</a>
<a href="../clinical/research.html" class="inner_item">
Key Labaratories
</a>
<a href="../clinical/center.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../clinical/departments.html" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../clinical/education.html" class="inner_item">
International Study
</a>
<a href="../clinical/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</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%20(1).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Mission and Vision</h5>
<div>
<img src="../images/02pc-downmeun/pic%20(2).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Leadership</h5>
<div>
<img src="../images/02pc-downmeun/pic%20(3).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>History and Milestones</h5>
<div>
<img src="../images/02pc-downmeun/pic%20(4).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Quick Facts</h5>
<div>
<img src="../images/02pc-downmeun/pic%20(5).png" alt="">
</div>
</div>
<div class="mddown-img-item">
<h5>Organization Management</h5>
<div>
<img src="../images/02pc-downmeun/pic%20(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 & Hospital
</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: info@tjmuch.com
</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: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
// 移动端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 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="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/researcher.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="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> -->
<div class="bold_title">
HISTORY <br>
AND<br>
MILESTONES
</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: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
<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;
}
.full_pc{
background: url(../images/leadership_bg) center center no-repeat;
padding: 80px 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="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../clinical/research2.html" class="inner_item">
Achievements
</a>
<a href="../clinical/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/leadership_top.png" width="100%" alt="">
</div>
<div class="full_pc">
<div class="content">
<div class=" top_title_inner" style='color: #FFF'>LEADERSHIP</div>
<!-- content -->
<div class="inner_content">
<div class="leader_item" style="background: #EDF6ED;">Prof. Wei Lu <br>Secretary of CPC</div>
<div class="leader_item" style="background: #e1e1e1;">Prof. Ping Wang <br>President</div>
</div>
<div class="sec">Vice Presidents</div>
<div class="inner_content">
<div class="leader_item" style="background: #F6EDED;">Prof. Qiang Zhao</div>
<div class="leader_item" style="background: #EFE1E1">Ms. Li Liu</div>
<div class="leader_item" style="background: #F6EDED;">Prof. Ming Gao</div>
</div>
<div class="inner_content">
<div class="leader_item" style="background: #EDEDF5;">Prof. Jihui Hao</div>
<div class="leader_item" style="background: #E1E1EF;">Mr. Xiaoliang Zhang </div>
<div class="leader_item" style="background: #EDEDF5;">Ms.Jing Hei</div>
</div>
<div class="inner_content">
<div class="leader_item" style="background: #FAFAE9;">Prof. Kexin Chen</div>
<div class="leader_item" style="background: #F4F4DA;">Prof. Bo Xu</div>
<div class="leader_item" style="background: #FAFAE9;">Prof. Yi Ba</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: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
</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>
.content{
background: none;
}
</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="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../clinical/research2.html" class="inner_item">
Achievements
</a>
<a href="../clinical/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/f_1.png" width="100%" alt="">
</div>
<div class="full_content">
<div class="content" style="padding-bottom:0">
<div class="top_title_inner">
MISSION AND VISION
</div>
</div>
<div class="content flex_content">
<div class="imgwordthree">
<div class="fstitem">
<div class="bgblack">
<img src="../images/f_m.png" alt="">
</div>
<h4>MISSION</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" 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" 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>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
</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="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../clinical/research2.html" class="inner_item">
Achievements
</a>
<a href="../clinical/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</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: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="images/yikeda.png" width="160px" alt=""></li>
<li><img src="images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<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: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="images/yikeda.png" width="160px" alt=""></li>
<li><img src="images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
});
var swiper = new Swiper('#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: #000;
padding: 0;
margin: 0;
}
.content-word-right {
color: #01a26e;
flex: unset;
width: 400px !important;
margin: 0 auto;
transform: translateX(-70%);
}
.single_data_inner{
font-size: 16px
}
.single_data_inner p{
margin-bottom: 5px;
}
.word_item{
width: 300px;
flex: unset;
}
.first_item{
width:500px;
}
.word_item .single_box{
width: auto;
height: auto;
}
.q_title{
display: flex;
align-items: center;
margin-bottom: 15px
}
.q_title img{
height: 30px;
width: 30px;
margin-right: 15px;
align-self: flex-end;
margin-bottom: 5px;
}
.left_desc{
display: inline-block;width: 200px;
}
</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="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/quick_1.png" width="100%" alt="">
</div>
<div class="content">
<div class="top_title_inner">
QUICK FACTS
</div>
<div class="content-word">
<div class="word_item first_item">
<div class="single_date">
<div class="single_box">
<img src="../images/q1.png" alt="">
</div>
<div class="single_data_inner">
<div class="q_title">
<img src="../images/jiantou.png" style="transform:rotate(90deg); width: 30px; " alt=""
srcset="">
<H3>
Main Campus
</H3>
</div>
<p>
<span class="left_desc">• Cover Area: 63,000㎡</span>
<span>• Building Area: 175,052㎡</span>
</P>
<P>
<span class="left_desc">• Beds: 2,198</span>
<span>• Staffs: 2,993</span>
</P>
<P>
<span>• Outpatient visits: 1,224,629</span>
</P>
<P>
<span class="left_desc">• In-patients visits: 103,123</span>
<span>• Operations: 32,462</span>
</P>
</div>
</div>
</div>
<div class="word_item">
<div class="single_date" style="width: 240px; margin:0 auto; justify-content:flex-end;">
<div class="single_data_inner">
<div class="q_title">
<H3>
Airport Free Trade Zone Hospital
</H3>
</div>
</P>
<P>
• Building Area: 116,255㎡
</P>
<P>
• Beds: 1,000
</P>
<P>
• Staffs: 450
</P>
<div class="center" style="padding: 20px">
<img src="../images/jiantou.png" alt=""
style="transform:rotate(270deg); width: 30px; " />
</div>
</div>
</div>
<div class="single_box">
<img src="../images/q2.png" alt="">
</div>
</div>
<div class="word_item">
<div class="single_date" style="justify-content:flex-start;padding-top: 7px" >
<div class="single_data_inner">
<div class="q_title">
<img src="../images/jiantou.png" style="transform:rotate(-90deg); "
alt="" srcset="">
<div>
<H3>
Binhai Hospital
</H3>
<P>
• Covers 150,000㎡
</P>
<P>
• Beds:1200
</P>
<P>
• Put into use in 2020
</P>
</div>
</div>
</div>
<div class="single_box">
<img src="../images/q3.png" alt="">
</div>
</div>
</div>
<!-- <div class="content-word-right">
</div>
<div class="content-word-left">
</div> -->
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
</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>
.prof_box{
justify-content: flex-start;
}
</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="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../clinical/research2.html" class="inner_item">
Achievements
</a>
<a href="../clinical/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</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">
<div class="top_title_inner">
WELCOME MESSAGE
</div>
<h4>Welcome to the Tianjin Medical University Cancer Institute & Hospital</h4>
<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.</p>
<p>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 journal “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>We are confident that we will offer the best treatment and care for cancer patients through
promoting cancer research, treatment, and education.</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<br>
Secretary of CPC
</div>
</div>
<div class="prof_item">
<div class="prof_img_box">
<img src="../images/prof1.png" width="100%" alt="">
</div>
<div class="prof_desc">
Ping Wang, M.D.,
<br>
President and Professor
</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: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
</script>
</body>
</html>
\ No newline at end of file
... ...
/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
... ...