作者 王毅

123

要显示太多修改。

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

<!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;
}
.contant {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
/* align-items: center; */
margin-top: 80px;
}
.contant_right {
margin-left: 170px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
/* align-items: center; */
}
.left_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 35px;
margin-bottom: 46px;
}
.left_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
line-height: 35px;
margin-bottom: 46px;
}
.contant_right_second {
margin-left: 122px;
}
.contant_right_title {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 24px;
margin-bottom: 50px;
text-decoration: underline;
cursor: pointer;
}
.wire {
width: 630px;
/* width: 950px; */
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 620px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
</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 class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item"> </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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
Introduction
</a>
<a href="../clinical/trials_one.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials_two.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials_three.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 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 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>
</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">
Introduction
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
</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>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">NURSING CARE</a>
<div class="sec_menu_items">
<div class="inner_item" style="position: relative">
Introduction
<div class="third_menu_items">
<a href="../care/history_time.html" class="inner_item">
Our Team
</a>
<a href="../care/history_time_two.html" class=" inner_item ">
Imoportant Events
</a>
<a href="../care/history_time_three.html " class="inner_item ">
Honor & Awards
</a>
<a href="../care/history_time_four.html " class="inner_item ">
Contact Us
</a>
</div>
</div>
<div class="inner_item " style="position: relative ">
Nursing Activities
<div class="third_menu_items ">
<a href="../care/profession.html " class="inner_item ">
Professional Teams
</a>
<a href="../care/five-two_2.html" class="inner_item ">
Public Services
</a>
<a href="../care/profession_one.html" class="inner_item ">
Compassionate Care
</a>
<a href="../care/profession_two.html" class="inner_item ">
Caring for Nurses
</a>
</div>
</div>
<div class="inner_item " style="position: relative ">
Nursing Teaching
<div class="third_menu_items ">
<a href="../care/training.1.html" class="inner_item ">
Clinical Nursing Teaching
</a>
<a href="../care/five-three_2.html" class="inner_item ">
Postgraduate Development
</a>
</div>
</div>
<div class="inner_item ">
Nursing Research
<div class="third_menu_items ">
<a href="../care/five-four_detail1.html " class="inner_item ">
Publications:SCI Papers
</a>
<a href="../care/five-four_detail2.html" class="inner_item ">
Research Projects
</a>
<a href="../care/five-four_detail3.html" class="inner_item ">
Innovations & Patents
</a>
<a href="../care/five-four_detail4.html " class="inner_item ">
Publications:Books
</a>
</div>
</div>
<a href="../care/cancer.html " class="inner_item ">
Survivorship Support
</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 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/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
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
About Us
</a>
<a href="../clinical/trials.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials.html" class="inner_item">
Department Feature
</a>
<a href="../clinical/trials.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 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
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>
</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>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">NURSING CARE</a>
<div class='sec_menu_items'>
<a href=".../care/history_time.html" class="inner_item">
About Us
</a>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Profession
</a>
<a href="../care/profession.1.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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="navpath">
About Us<span>></span>Leadership
</div>
<div class="contant">
<div class="contant_left">
<div class="left_title">
<a href="./leadership.html">Leadership</a>
</div>
<div class="left_titles">
<a href="./leadership_two.html">Vice Presidents</a>
</div>
</div>
<div class="wire">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Prof. Qiang Zhao
</div>
<div class="contant_right_title">
Ms. Li Liu
</div>
<div class="contant_right_title">Prof. Ming Gao</div>
<div class="contant_right_title">Prof. Jihui Hao</div>
<div class="contant_right_title">Mr. Xiaoliang Zhang</div>
<div class="contant_right_title">Ms. Jing Hei</div>
<div class="contant_right_title">Prof. Kexin Chen</div>
<div class="contant_right_title">Prof. Bo Xu</div>
<div class="contant_right_title"></div>
<div class="contant_right_title">Prof. Yi Ba</div>
</div>
</div>
</div>
</div>
<!-- <div class=" top_title_inner" style='color: #FFF'>LEADERSHIP</div>
<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>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: unset;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
margin: 0 auto;
}
.content-word-right.active {
display: flex !important;
flex-flow: column;
}
.content-word-right .single_part {
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
position: relative;
height: 1380px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
background: #EBFBF8;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 74px;
width: 100%;
}
.part_inner_content {
padding: 20px
}
.person_introduce_box {
padding-top: 100px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next {
width: 300px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -150px;
cursor: pointer;
}
.singleNews {
cursor: pointer;
font-size: 16px;
width: 800px;
display: block;
margin: 0 auto;
}
.single_news_content {
color: #232323;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line {
text-align: left;
padding-left: 15px;
font-weight: bold;
background: #FFF;
}
.cooper_desc {
color: #727171;
font-size: 18px;
padding: 15px;
width: 100%;
}
.single_Conferences p {
margin-bottom: 30px;
margin-top: 10px;
}
.news_container {
width: 800px;
margin: 0 auto;
}
</style>
<style>
.contant {
width: 1122px;
margin: 0 auto
}
.contant_word {
font-size: 20px;
font-weight: 600;
line-height: 36px;
color: #727171;
text-align: justify;
margin-top: 50px;
margin-bottom: 10px
}
.contant_img {
width: 808px;
margin: 28px auto 0 auto
}
.contant_img img {
width: 100%
}
</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/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 class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
<!-- -->
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
Introduction
</a>
<a href="../clinical/trials.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials.html" class="inner_item">
Department Feature
</a>
<a href="../clinical/trials.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 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 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:;">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">
Introduction
</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>
<!-- -->
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/history_time.html" class="inner_item">
Introduction
</a>
<a href="../care/cancer.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/achievement.html" class="inner_item">
Nursing Teaching
</a>
<div class="inner_item">
Nursing Research
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Publications:SCI Papers
</a>
<a href="../care/profession.1.html" class="inner_item">
Research Projects
</a>
<a href="../care/activity.html" class="inner_item">
Innovations & Patents
</a>
<a href="../care/profession.3.html" class="inner_item">
Publications:Books
</a>
</div>
</div>
<a href="../care/cancer.html" class="inner_item">
Survivorship Support
</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 class="content">
<div class="navpath">
Nursing Care<span>></span>Nursing Activities
<span>></span> Compassionate Care
</div>
<div class="contant">
<div class="contant_word">We organize a program with a different theme every year to improve the patient's medical experience and enable them to have a better hospital experience. We have gained a deep understanding of the patient's needs and discerned their innermost
heart, enabling us to give them more psychological support and meet their needs beyond their expectation, which helps them to fulfill themselves.</div>
<div class="contant_img">
<img src="../images/5-2-3_img1.png" alt="">
</div>
<div class="contant_img">
<img src="../images/5-2-3_img2.png" alt="">
</div>
<div class="contant_img">
<img src="../images/5-2-3_img3.png" alt="">
</div>
<div class="contant_img">
<img src="../images/5-2-3_img4.png" alt="">
</div>
<div class="contant_img">
<img src="../images/5-2-3_img5.png" alt="">
</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
});
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/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");
}
.navpath{
margin: 90px 0 72px 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 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="navpath">About Us<span>></span>Quick Facts</div>
<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@tjmuchf.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;
} */
.new_contant {
margin: 80px auto 0 auto;
width: 1104px;
}
.new_contant_img {
width: 100%;
height: 522px;
/* background: pink; */
}
.new_contant_img img {
width: 100%;
height: 100%;
}
.new_contant_title {
margin: 32px 0 40px 0;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #727171;
}
</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/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 class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</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 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 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>
</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 class="navpath">About Us<span>></span>History and Milestones</div>
<div class="new_contant">
<div class="new_contant_one">
<div class="new_contant_img">
<img src="../images/46.png" alt="" />
</div>
<div class="new_contant_title">2019-New Outpatient Building</div>
</div>
<div class="new_contant_one">
<div class="new_contant_img">
<img src="../images/47.png" alt="">
</div>
<div class="new_contant_title">
2018-Airport Free Trade Zone Hospital(Branch Hospital)
</div>
</div>
<div class="new_contant_one">
<div class="new_contant_img">
<img src="../images/48.png" alt="">
</div>
<div class="new_contant_title">
2013-National Clinical Research Center for Cancer
</div>
</div>
<div class="new_contant_one">
<div class="new_contant_img">
<img src="../images/49.png" alt="">
</div>
<div class="new_contant_title">
2011-Comprehensive Center for Clinic and Research
</div>
</div>
<div class="new_contant_one">
<div class="new_contant_img">
<img src="../images/50.png" alt="">
</div>
<div class="new_contant_title">
2003-Comprehensive Breast Cancer Center
</div>
</div>
<div class="new_contant_two">
<div class="new_contant_title">
1997-Affiliated to Tianjin Medical University
</div>
<div class="new_contant_img">
<img src="../images/51.png" alt="">
</div>
<div class="new_contant_title">1987</div>
</div>
<div class="new_contant_two">
<div class="new_contant_img">
<img src="../images/52.png" alt="">
</div>
<div class="new_contant_title">
1986-Renamed as “Tianjin Cancer Institute & Hospital”
</div>
</div>
<div class="new_contant_two">
<div class="new_contant_title">
1951-Tianjin Municipal People's Hospital
</div>
<div class="new_contant_img">
<img src="../images/53.png" alt="">
</div>
<div class="new_contant_title">
1924-Dr. Machenzie Memorial Hospital
</div>
</div>
<div class="new_contant_two">
<div class="new_contant_img">
<img src="../images/1834nian.png" alt="">
</div>
<div class="new_contant_title">
1868-The London Christian Church Hospital
</div>
<div class="new_contant_title">1861-British Army Hospital</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: 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/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
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
About Us
</a>
<a href="../clinical/trials.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials.html" class="inner_item">
DepartMent Feature
</a>
<a href="../clinical/trials.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 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
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>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/history_time.html" class="inner_item">
About Us
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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;
}
.new_contant {
margin: 98px auto 0 auto;
width: 1050px;
text-align: center;
}
.new_contant_title {
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: -1px;
color: #737373;
}
.new_contant_word {
margin-top: 36px;
margin-bottom: 46px;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #737373;
}
</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/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 class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</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 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 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:;">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>
</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>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Profession
</a>
<a href="../care/profession.1.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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 class="navpath">About Us<span>></span>Mission and Vision</div>
<div class="new_contant">
<div class="new_contant_one">
<div class="new_contant_title">MISSION</div>
<div class="new_contant_word">
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.
</div>
</div>
<div class="new_contant_one">
<div class="new_contant_title">VISION</div>
<div class="new_contant_word">
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.
</div>
</div>
<div class="new_contant_one">
<div class="new_contant_title">MOTTO</div>
<div class="new_contant_word">
<p>
To provide patients with uttermost integrityand state-of-the-art medicine
</p>
<p style="margin-top: 30px">To improve our profession with ingenuity and innovations</p>
</div>
</div>
</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/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
class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
About Us
</a>
<a href="../clinical/trials.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials.html" class="inner_item">
DepartMent Feature
</a>
<a href="../clinical/trials.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 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
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>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/history_time.html" class="inner_item">
About Us
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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;
} */
.contant {
width: 611px;
margin: 56px auto 0 auto
}
.contant_img {
width: 100%;
height: 400px;
/* background: pink */
}
.contant_word {
margin-top: 32px
}
.contant_title {
font-size: 30px;
font-weight: bold;
color: rgba(2, 2, 2, 1);
}
.contant_words {
font-size: 20px;
font-weight: bold;
color: #666666;
position: relative;
padding-left: 20px;
line-height: 40px
}
.contant_words::before {
content: "";
width: 10px;
height: 10px;
background: #666666;
border-radius: 50%;
position: absolute;
top: 14px;
left: 0;
}
.contant_two,
.contant_three {
margin-top: 34px
}
</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/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 class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
About Us
</a>
<a href="../clinical/trials.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials.html" class="inner_item">
DepartMent Feature
</a>
<a href="../clinical/trials.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 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 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>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/history_time.html" class="inner_item">
About Us
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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="navpath">About Us<span>></span>Quick Facts</div>
<div class="contant">
<div class="contant_one">
<div class="contant_img">
<img src="../images/54.png" alt="">
</div>
<div class="contant_word">
<div class="contant_title">Main Campus</div>
<div class="contant_words">Cover Area: 63,000㎡</div>
<div class="contant_words">Building Area: 175,052m2</div>
<div class="contant_words">Beds: 2,198</div>
<div class="contant_words">Staffs: 2,993</div>
<div class="contant_words">Outpatient visits: 1,224,629</div>
<div class="contant_words">In-patients visits: 103,123</div>
<div class="contant_words">Operations: 32,462</div>
</div>
</div>
<div class="contant_two">
<div class="contant_img">
<img src="../images/55.png" alt="">
</div>
<div class="contant_word">
<div class="contant_title">Airport Free Trade Zone Hospital</div>
<div class="contant_words">Building Area: 116,255㎡</div>
<div class="contant_words">Beds:1000</div>
<div class="contant_words">Staffs: 450</div>
</div>
</div>
<div class="contant_three">
<div class="contant_img">
<img src="../images/56.png" alt="">
</div>
<div class="contant_word">
<div class="contant_title">Binhai Hospital</div>
<div class="contant_words">Covers 150,000㎡</div>
<div class="contant_words">Beds:1200</div>
<div class="contant_words">Put into use in 2020</div>
</div>
</div>
</div>
<!-- <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 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;
}
.new_img {
width: 100%;
height: 508px;
margin-top: 86px;
margin-bottom: 60px;
}
.new_imgs {
width: 100%;
height: 822px;
/* background-color: #626262; */
margin-top: 112px;
}
.new_img img,
.new_imgs img {
width: 100%;
height: 100%;
}
</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/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 Oncology
</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 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 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:;">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>
</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>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Profession
</a>
<a href="../care/profession.1.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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="navpath">About Us<span>></span>Welcome Message</div>
<div class="new_img">
<img src="../images/45.png" alt="">
</div>
<!-- <div class="top_title_inner">
WELCOME MESSAGE
</div> -->
<h4 style="margin-bottom: 40px">
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.
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>
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 class="new_imgs">
<img src="../images/18.png" alt="">
</div>
</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
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 20px;
}
.content-word {
position: relative;
align-items: flex-start;
}
.content-word-right {
flex: unset;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
width: 600px;
padding: 0;
position: relative;
text-align: left;
}
.content-word-right.active {
display: flex !important;
flex-flow: column;
}
.content-word-right .single_part {
width: 243px;
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left{
background: #EBFBF8;
flex: 1;
position: relative;
text-align: center;
height: 795px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce{
background: #EBFBF8;
color: #232323;
box-sizing: border-box;
padding: 20px;
height: 720px;
}
.part_top{
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: left;
line-height: 74px;
width: 100%;
padding-left: 25px;
}
.part_inner_content{
padding: 20px 40px;
position: relative;
}
.person_introduce_box{
margin-top: 60px;
padding-top: 30px;
}
.next{
width: 32px;
height: 22px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
}
.photo_box{
justify-content: space-between;
}
.photo_item_box{
width: 363px;
background-color: #FFF;
}
.photo_item_desc{
height: auto;
}
.current_box{
background: #EBFBF8;
padding: 35px
}
.single_current{
display: flex;
display: -webkit-flex;
}
.current_box{
margin-top: 50px;
}
.current_box h3{
color: #00A16C;
}
.single_current_desc{
align-self: flex-end;
font-size: 17px;
margin-left: 15px;
}
.single_current{
margin-top: 50px;
}
.photo_item_imageBox{
width: auto;
height: auto;
}
.get_more{
cursor: pointer;
margin-top: 20px;
}
.person_detail{
width: 180px;
height: 190px;
position: absolute;
bottom: 30px;
left: 60px;
}
.person_detail2{
right: 60px;
left: unset;
bottom: 200px;
}
.person_detail3{
bottom: 260px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/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 class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
About Us
</a>
<a href="../clinical/trials.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials.html" class="inner_item">
DepartMent Feature
</a>
<a href="../clinical/trials.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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
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
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>
</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>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/history_time.html" class="inner_item">
About Us
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</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 class="content padding0">
<!-- Swiper -->
<div class="img-header">
<img src="../images/care_top.png" width="100%" alt="">
</div>
</div>
<div class="content">
<div class="content-word">
<div class="content-word-right active">
<div class="part_top">
About Us
</div>
<div class="depart_introduce">
<p style="font-size: 16px;line-height: 1.5">
Culture <br>
In 1861, British doctor Ma Gen Ji established London Church Hospital which was the
first
western medicine hospital in Tianjin and was the predecessor of Tianjin Medical
University
Cancer Institute & Hospital. In 1927, the hospital established Jihua Senior Nurse
School
established to cultivate nurses. Meanwhile,the hospital collects a personal letter from
Dr
Florence Nightingale .<br>
Ideals<br>
We innovated the belief of “Patients’ Needs first,Evidence-based Nursing”,which
embodied
humanity and individualization, to provide “Whole-course, whole-person, whole-family
and
whole-team” nursing mode for patients and patients’ family.
</p>
<img src="../images/about_img.png" alt="" srcset="" style="width: 560px">
</div>
</div>
<div class="content-word-left">
<div class="part_inner_content">
<a href="../care/person_detail.html" class="person_detail person_detail1"></a>
<a href="../care/person_detail.1.html" class="person_detail person_detail2"></a>
<a href="../care/person_detail.2.html" class="person_detail person_detail3"></a>
<img src="../images/nurse_time_zone.png" width="450px" alt="" srcset="">
</div>
</div>
</div>
<!-- <div class="current_box">
<h3>Current Director of Nursing Department</h3>
<div class="single_current">
<div class="imgbox">
<img src="../images/current1.png" alt="" srcset="">
</div>
<div class="single_current_desc">
Wanmin Qiang,
Director Nurse of Tianjin Medical University Cancer Institute & Hospital, Postgraduate tutors of
Tianjin Medical University and Tianjin University of Traditional Chinese Medicine,Good Nurse
with People’s Satisfaction, Top Ten Medical Workers(Sole Nurse), Former Chairman of China
Anti-Cancer Association Oncological Nursing Committee, Editorial board of Chinese Journal of
nursing, Chinese Journal of nursing management, Journal of Nurses Training,and 33 members of the
Chinese Society of Nursing, Tianjin Nursing Association and other academic organizations.
</div>
</div>
<div class="single_current">
<div class="imgbox">
<img src="../images/current2.png" alt="" srcset="">
</div>
<div class="single_current_desc">
Chen Rongxiu,Chief nurse ,
the 43rd Nightingale Medal of the International Committee of the Red Cross,
Former Director Nurse of Tianjin Medical University Cancer Institute & Hospital(1983-2005),
Director of the Quality Control Center of Tianjin Health Committee, Hosted the " New Recruiting
Nurse Training Series", "Oncology Nursing", "Practical Nursing Technology", " Community Care and
Self-Management about Cancer", "Hospital Nursing Management Standards and Quality Assessment
Standards" and other books,Editorial board of Chinese Journal of nursing, Chinese Journal of
nursing management. Meanwhile, She was committed to improving the quality management standards of
Tianjin, the construction of nursing management team, the training of specialist nurses. She
carries out related research on the evaluation of nursing quality indicators and human resources
management in Tianjin, which effectively promoted the scientific management of nursing quality
and improved the quality of clinical care in Tianjin.
</div>
</div>
<div class="single_current">
<div class="imgbox">
<img src="../images/current3.png" alt="" srcset="">
</div>
<div class="single_current_desc">
Jiang Yongqin
Former Director Jiang Yongqin served as a Board Members of the ISNCC, and won the International
of Nursing in Cancer Care from Contribution Award.
</div>
</div>
</div> -->
<div class="person_introduce_box">
<h3>Leadership Team</h3>
<div class="photo_box">
<a class="photo_item_box" href="person_detail.html">
<div class="photo_item_imageBox">
<img src="../images/leader1.png" width="100%" alt="" srcset="">
</div>
<div class="photo_item_desc">
<div class="item_name">Wanmin Qiang</div>
</div>
</a>
<a class="photo_item_box">
<div class="photo_item_imageBox">
<img src="../images/leader2.png" width="100%" alt="" srcset="">
</div>
<div class="photo_item_desc">
<div class="item_name">ling Yan </div>
</div>
</a>
<a class="photo_item_box">
<div class="photo_item_imageBox">
<img src="../images/leader3.png" width="100%" alt="" srcset="">
</div>
<div class="photo_item_desc">
<div class="item_name">Jing Zhao</div>
</div>
</a>
</div>
</div>
<a class="get_more" href="teamlist.html">
<img src="../images/click_more.png" width="100%" alt="" srcset="">
</a>
<div class="content-word" style="margin-top: 50px">
<div class="content-word-right active">
<div class="depart_introduce" style="height: 390px;">
<h3>Recognition</h3>
<p style="font-size: 18px;line-height: 1.8">
Our Team <br>
At present, there are 1277 nurses and 83% of nurses with a bachelor degree or above, 27 with
a master's degree or above, 4 acted as master's tutor, 25 has a part-time academic position
at provincial or municipal level or above.
</p>
</div>
</div>
<div class="content-word-left" style="height: auto">
<img src="../images/leader6.png" width='100%' alt="" srcset="">
</div>
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
</script>
</body>
</html>
\ No newline at end of file
... ...