作者 王毅

1

... ... @@ -2,29 +2,29 @@
<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">
<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;
... ... @@ -32,7 +32,7 @@
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: unset;
display: none !important;
... ... @@ -43,12 +43,12 @@
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
flex-flow: column;
}
.content-word-right .single_part {
display: flex;
margin-bottom: 50px;
... ... @@ -58,42 +58,42 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
opacity: 0.7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
height: 800px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
background: #EBFBF8;
background: #ebfbf8;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
background: #83ad9f;
color: #000000;
font-size: 18px;
font-weight: bold;
... ... @@ -101,17 +101,17 @@
line-height: 74px;
width: 100%;
}
.part_inner_content {
padding: 20px 40px;
}
.person_introduce_box {
padding-top: 100px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next {
width: 32px;
height: 22px;
... ... @@ -120,33 +120,47 @@
left: 50%;
margin-left: -11px;
}
.news_container{
.news_container {
display: flex;
flex-flow: column;
}
.singleNews {
height: 56px;
border-bottom: 1px dashed #999;
display: flex;
flex-flow:column;
align-items: center;
cursor: pointer;
width: 840px;
font-size: 16px;
}
.singleNews .time {
color: #00a16c;
margin-right: 35px;
}
.single_news_content {
color: #232323;
}
.top_line {
text-align: left;
padding-left: 35px;
background: #ebfbf8;
color: #00a16c;
font-weight: bold;
}
.contant {
width: 1122px;
margin: 228px auto 0 auto;
font-size: 21px;
font-weight: 400;
color: rgba(0, 161, 108, 1);
line-height: 20px;
}
.singleNews{
height: 56px;
border-bottom: 1px dashed #999;
display: flex;
align-items: center;
cursor: pointer;
width: 840px;
font-size: 16px;
}
.singleNews .time{
color: #00A16C;
margin-right: 35px;
}
.single_news_content{
color: #232323
}
.top_line{
text-align: left;
padding-left: 35px;
background: #EBFBF8;
color: #00A16C;
font-weight: bold;
}
</style>
</head>
... ... @@ -154,23 +168,22 @@
<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>
<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="">
<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">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -182,180 +195,175 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
Mission and Vision
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
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">
<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 Department
</a>
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<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">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<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>
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
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>
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
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'>
<div class="sec_menu_items">
<a href="../care/history_time.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
Nursing Activities
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
News & Events
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
Partnership Institutions
</a>
<!--<a href="../international/exchange.html" class="inner_item">-->
<!--International Exchanges News-->
<!--International Exchanges News-->
<!--</a>-->
</div>
</li>
... ... @@ -367,20 +375,23 @@
<div class="content padding0">
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/care_top.png" width="100%" alt="">
</div>
</div> -->
</div>
<div class="content">
<div class="content-word">
<div class="ondata">under construction</div>
<div class="navpath">
Nursing Care<span>></span> Cancer Survivorship Support
</div>
<div class="contant">
under construction
</div>
<!-- <div class="content-word">
<div class="ondata">under construction</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>
... ... @@ -389,41 +400,51 @@
<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>
<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',
$(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',
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')
})
$(".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>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<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" />
... ... @@ -13,587 +11,545 @@
<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;
display: flex;
display: -webkit-flex;
}
.single_mark {
width: 1000px;
margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.single_mark img {
width: 100%;
}
.content-word-left {
width: 350px;
min-height: 400px;
flex: unset;
align-self: flex-start;
}
.content-word-right {
border-left: 1px solid #000;
}
.content-word-left h4 {
color: #232323;
line-height: 1.6;
cursor: pointer;
}
/* .content-word-left h4.active,
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
display: flex;
display: -webkit-flex;
}
.single_mark {
width: 1000px;
margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.single_mark img {
width: 100%;
}
.content-word-left {
width: 350px;
min-height: 400px;
flex: unset;
align-self: flex-start;
}
.content-word-right {
border-left: 1px solid #000;
}
.content-word-left h4 {
color: #232323;
line-height: 1.6;
cursor: pointer;
}
/* .content-word-left h4.active,
.content-word-left h4:hover {
color: #00A16C;
} */
.single_part_right {
color: #00a16c;
padding-left: 50px;
display: none;
max-width: 800px;
}
.single_part_right p {
margin-top: 30px;
margin-bottom: 20px;
}
.single_part_right.active {
display: block;
}
.contant {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
}
.contant_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
margin-bottom: 46px;
cursor: pointer;
width: 120px;
}
.contant_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
margin-bottom: 46px;
}
.contant_left {
position: relative;
}
.contant_left::after {
content: "";
width: 2px;
height: 733px;
background: rgba(114, 113, 113, 1);
position: absolute;
top: 0;
right: -150px;
}
.contant_right {
margin-left: 280px;
}
.contant_img {
width: 634px;
}
.contant_img img {
width: 100%;
}
.contant_one_title {
margin: 18px 0;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
}
.neirong {
width: 790px;
}
.wire2_img {
width: 100%;
}
.wire2_title {
margin-top: 30px;
font-size: 20px;
color: #727171;
font-weight: bold;
line-height: 26px;
}
.wire2_word {
margin-top: 10px;
font-size: 20px;
color: #727171;
line-height: 26px;
}
.wire3 {
margin-bottom: 64px;
}
.wire3_img {
width: 362px;
}
.wire3_img img {
width: 100%;
}
.wire3_title {
margin-top: 16px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 25px;
}
.wire4_title {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.wire4_img {
margin-top: 14px;
width: 100%;
}
.wire4_img img {
width: 100%;
}
.wire_word {
margin-top: 24px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.wire4_bottom_img {
width: 580px;
margin: 46px auto 0 auto;
}
.wire4_bottom_img img {
width: 100%;
}
.single_part_right {
color: #00a16c;
padding-left: 50px;
display: none;
max-width: 800px;
}
.single_part_right p {
margin-top: 30px;
margin-bottom: 20px;
}
.single_part_right.active {
display: block;
}
.contant {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
}
.contant_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
margin-bottom: 46px;
cursor: pointer;
width: 120px;
}
.contant_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
margin-bottom: 46px;
}
.contant_left {
position: relative;
}
.contant_left::after {
content: "";
width: 2px;
height: 733px;
background: rgba(114, 113, 113, 1);
position: absolute;
top: 0;
right: -150px;
}
.contant_right {
margin-left: 280px;
}
.contant_img {
width: 634px;
}
.contant_img img {
width: 100%;
}
.contant_one_title {
margin: 18px 0;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
}
.neirong {
width: 790px;
}
.wire2_img {
width: 100%;
}
.wire2_title {
margin-top: 30px;
font-size: 20px;
color: #727171;
font-weight: bold;
line-height: 26px;
}
.wire2_word {
margin-top: 10px;
font-size: 20px;
color: #727171;
line-height: 26px;
}
.wire3 {
margin-bottom: 64px;
}
.wire3_img {
width: 362px;
}
.wire3_img img {
width: 100%;
}
.wire3_title {
margin-top: 16px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 25px;
}
.wire4_title {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.wire4_img {
margin-top: 14px;
width: 100%;
}
.wire4_img img {
width: 100%;
}
.wire_word {
margin-top: 24px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.wire4_bottom_img {
width: 580px;
margin: 46px auto 0 auto;
}
.wire4_bottom_img img {
width: 100%;
}
</style>
</head>
</head>
<body>
<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"
>
<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="" />
<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>
</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">
<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">
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/history.html" class="inner_item">
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div
href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'"
class="inner_item"
>
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
<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">
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div
href="../research/research.html"
onclick="location.href='../research/research.html'"
class="inner_item"
>
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div
href="../research/education.html"
onclick="location.href='../research/education.html'"
class="inner_item"
>
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
<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">
</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">
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
<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">
</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">
<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"
>
<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">
</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>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
<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.2.html" class="inner_item">
<a href="../care/profession.2.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
<a href="../care/achievement.html" class="inner_item">
</div>
</div>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
<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">
</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">
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
<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>
</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">
<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="navpath">
Nursing Care<span>></span>About Us
<span>></span>Important Events
</div>
<div class="contant">
<dis class="contant_left">
<div class="contant_title contant_titles">About Us</div>
<div class="contant_title">Leadership Team</div>
<div class="contant_title">Recognition</div>
<div class="contant_title">Important Events</div>
</dis>
<div class="xunhuan">
<div class="contant_right neirong" style="display: none">
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_5.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="contant_one_title">
1927 Jihua Senior Nurse School
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_3.png" alt="" />
</div>
<div class="contant_one_title">
2005 Director Yongqin Jiang worked as Board Member of the ISNCC
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_2.png" alt="" />
</div>
<div class="contant_one_title">
2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_1.png" alt="" />
</div>
<div class="contant_one_title">
2015 Wanmin Qiang<br />
The first chairman of Chinese Association of Nursers in Oncology
</div>
</div>
</div>
<div class="contant_right neirong" style="display: none">
<div class="wire2_img">
<img src="../images/leaser6.png" alt="" />
</div>
<div class="wire2_title">
Our Team
</div>
<div class="wire2_word">
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.<br />
According to “China's Hospital Rankings in Science and
Technology”, Nursing has top the ranking in cancer care for
consecutively 2 years .<br />
The National Key Disciplines Fields<br />
National Working Women’s Collective with Red Flag
</div>
<div class="wire2_title">
Contact Us
</div>
<div class="wire2_word">
Tianjin Medical University Cancer Institute & Hospital<br />
West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China
Phone : nursing department :<br />
0086-22-23524903 Home care center: 0086-22-23353454
</div>
</div>
<div class="contant_right neirong" style="display: none">
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader1.png" alt="" />
</div>
<div class="wire3_title">Wanmin Qiang</div>
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader2.png" alt="" />
</div>
<div class="wire3_title">ling Yan</div>
<div class="content">
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Important Events
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader3.png" alt="" />
</div>
<div class="wire3_title">Jing Zhao</div>
</div>
</div>
<div class="contant_right neirong">
<div class="wire4_title">
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.
</div>
<div class="wire4_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="wire_word">
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.
</div>
<div class="wire4_bottom_img">
<img src="../images/about_img.png" alt=" " />
<div class="contant">
<dis class="contant_left">
<div class="contant_title contant_titles">About Us</div>
<div class="contant_title">Leadership Team</div>
<div class="contant_title">Recognition</div>
<div class="contant_title">Important Events</div>
</dis>
<div class="xunhuan">
<!-- 1 -->
<div class="contant_right neirong" >
<div class="wire4_title">
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.
</div>
<div class="wire4_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="wire_word">
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.
</div>
<div class="wire4_bottom_img">
<img src="../images/about_img.png" alt=" " />
</div>
</div>
<!-- 2 -->
<div class="contant_right neirong" style="display: none">
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader1.png" alt="" />
</div>
<div class="wire3_title">Wanmin Qiang</div>
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader2.png" alt="" />
</div>
<div class="wire3_title">ling Yan</div>
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader3.png" alt="" />
</div>
<div class="wire3_title">Jing Zhao</div>
</div>
</div>
<!-- 3 -->
<div class="contant_right neirong" style="display: none">
<div class="wire2_img">
<img src="../images/leaser6.png" alt="" />
</div>
<div class="wire2_title">
Our Team
</div>
<div class="wire2_word">
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.<br
/> According to “China's Hospital Rankings in Science and Technology”, Nursing has top the ranking in cancer care for consecutively 2 years .<br /> The National Key Disciplines Fields<br /> National Working Women’s Collective
with Red Flag
</div>
<div class="wire2_title">
Contact Us
</div>
<div class="wire2_word">
Tianjin Medical University Cancer Institute & Hospital<br /> West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China Phone : nursing department :<br /> 0086-22-23524903 Home care center: 0086-22-23353454
</div>
</div>
<!--4 -->
<div class="contant_right neirong" style="display: none">
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_5.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="contant_one_title">
1927 Jihua Senior Nurse School
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_3.png" alt="" />
</div>
<div class="contant_one_title">
2005 Director Yongqin Jiang worked as Board Member of the ISNCC
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_2.png" alt="" />
</div>
<div class="contant_one_title">
2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_1.png" alt="" />
</div>
<div class="contant_one_title">
2015 Wanmin Qiang<br /> The first chairman of Chinese Association of Nursers in Oncology
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="content-word ">
<!-- <div class="content-word ">
<div class="content-word-left ">
<h4 class=" ">
Evidence-based Nursing Team
... ... @@ -636,70 +592,73 @@
</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>
<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>
$(".contant_title").mouseover(function() {
$(this)
.addClass("contant_titles")
.siblings()
.removeClass("contant_titles");
});
$(".contant_title").click(function() {
$(this)
.addClass("contant_titles")
.siblings()
.removeClass("contant_titles");
var index = $(this).index();
console.log(index);
$(this).parents(".contant").find(".neirong")
.eq(index)
.show()
.siblings()
.hide();
});
// $(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 .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
// })
$(".contant_title").mouseover(function() {
$(this)
.addClass("contant_titles")
.siblings()
.removeClass("contant_titles");
});
$(".contant_title").click(function() {
$(this)
.addClass("contant_titles")
.siblings()
.removeClass("contant_titles");
var index = $(this).index();
console.log(index);
$(this)
.parents(".contant")
.find(".neirong")
.eq(index)
.show()
.siblings()
.hide();
});
// $(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 .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
// })
</script>
</body>
</html>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -133,13 +133,19 @@
font-size: 24px;
color: #727171;
line-height: 32px;
font-weight: bold
font-weight: bold;
}
.contant_inform{
.contant_inform {
margin-top: 10px;
font-size: 20px;
color: #727171;
line-height: 32px
line-height: 32px;
}
.swiper-container {
width: 850px;
margin: 60px auto;
}
</style>
</head>
... ... @@ -182,7 +188,7 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -317,27 +323,27 @@
About Us
</a>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Profession
</a>
<a href="../care/profession.2.html" class="inner_item">
<a href="../care/profession.2.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
</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>
... ... @@ -385,6 +391,34 @@
<span>></span>Surgical Oncology<span>></span>Intensive Care Unit
</div>
<div class="contant">
<div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-active" style="height:336px;background: #727171 ">
<a href="./person_detail.2.1.2.html">
<img src="../images/" alt="" />
</a>
</div>
<div class="swiper-slide swiper-slide-next" style="height:336px;">
<a href="./person_detail.2.1.2.html">
<img src="../images/wang.png" alt="" height="100%"/>
</a>
</div>
<div class="swiper-slide" style="height:336px;background: #727171">
<a href="./person_detail.2.1.2.html">
<img src="../images/" alt="" />
</a>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span
><span class="swiper-pagination-bullet"></span
><span class="swiper-pagination-bullet"></span>
</div>
</div>
<div class="contant_img">
<img src="../images/24.png" alt="" />
</div>
... ... @@ -407,13 +441,12 @@
dozens of articles in SCI, Chinese and core journals. Participated in two books compilation. In the past three years, our department has hosted the Academic Conference for National Oncology and Intensive Care Medicine for 3 times,
and all of them have been well received by experts and participants. Wang Donghao, the leader of the department, served as Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. At the
same time, the backbone of the department has served in the Chinese Medical Association for Critical Care Medicine, the Enteral Parenteral Nutrition Association, the Tianjin Medical Association, the Physician Society, and the Anti-Cancer
Association.
<br />The department constantly consolidates the professional foundation, promotes the spirit of craftsmen, and builds a professional team that can be able to take responsibility. Under the leadership of Director Wang Donghao,
ICU practices “Studies on the Theoretical and Practical Issues of Party Building”, constantly strengthens the construction of the style of work, thoroughly implements the spirit of The 19th session of National Congress of the Communist
Party of China, and takes the protection of people's health as the goal of professional development. Three doctors and nurses in the Department were awarded “The Tianjin May 1 Labour Medal”. Two members were awarded the title of
“Hao Yi Sheng” and "Hao Hu Shi" to the satisfaction of the people of Tianjin. Many nurses have achieved excellent results in Tianjin Nursing Skills Competition. The department has successively won the title of advanced grass-roots
Party organizations of Tianjin Medical University, Youth Civilization, Pioneer of Teaching and Workers, Party member pioneer, Advanced Party Organization, Advanced collective with noble medical ethics, which has been awarded the
title of five-star department for many years, and has won high praise and trust from hospitals, society and the people.
Association. <br />The department constantly consolidates the professional foundation, promotes the spirit of craftsmen, and builds a professional team that can be able to take responsibility. Under the leadership of Director Wang
Donghao, ICU practices “Studies on the Theoretical and Practical Issues of Party Building”, constantly strengthens the construction of the style of work, thoroughly implements the spirit of The 19th session of National Congress
of the Communist Party of China, and takes the protection of people's health as the goal of professional development. Three doctors and nurses in the Department were awarded “The Tianjin May 1 Labour Medal”. Two members were awarded
the title of “Hao Yi Sheng” and "Hao Hu Shi" to the satisfaction of the people of Tianjin. Many nurses have achieved excellent results in Tianjin Nursing Skills Competition. The department has successively won the title of advanced
grass-roots Party organizations of Tianjin Medical University, Youth Civilization, Pioneer of Teaching and Workers, Party member pioneer, Advanced Party Organization, Advanced collective with noble medical ethics, which has been
awarded the title of five-star department for many years, and has won high praise and trust from hospitals, society and the people.
</div>
</div>
</div>
... ... @@ -499,17 +532,17 @@
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true
});
// 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
});
// var swiper = new Swiper(".swiper-container1", {
// pagination: ".swiper-pagination",
// slidesPerView: 3,
// paginationClickable: true,
// spaceBetween: 30
// });
$(".content-word-left").on("click", "h4", function() {
$(this)
... ... @@ -522,6 +555,12 @@
.siblings()
.removeClass("active");
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 40
});
</script>
</body>
... ...
... ... @@ -367,7 +367,7 @@
<div class="contant_right_title">Gynecologic Oncology</div>
</div>
<div class="contant_right_second">
<div class="contant_right_title">Intensive Care Unit</div>
<div class="contant_right_title"><a href="./depart_detail.html">Intensive Care Unit</a></div>
<div class="contant_right_title">Intervention Therapy</div>
<div class="contant_right_title">Lung Cancer</div>
<div class="contant_right_title">
... ...
... ... @@ -164,13 +164,15 @@
color: #232323;
line-height: 24px;
}
.contant_word{
margin-top: 40px
.contant_word {
margin-top: 40px;
}
.contant_one{
.contant_one {
font-size: 20px;
color: #565656;
line-height: 30px
line-height: 30px;
}
</style>
</head>
... ... @@ -213,7 +215,7 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -348,27 +350,27 @@
About Us
</a>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Profession
</a>
<a href="../care/profession.2.html" class="inner_item">
<a href="../care/profession.2.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
</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>
... ... @@ -416,6 +418,7 @@
<span>></span>Surgical Oncology<span>></span>Intensive Care Unit
</div>
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/wang.png" alt="" />
... ... @@ -426,19 +429,45 @@
<div class="contant_names">Director of Intensive Care Unit,</div>
</div>
<div class="contant_word">
<div class="contant_one">Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. </div>
<div class="contant_one">Standing Committee of China Geriatrics Society for Critical Care Medicine </div>
<div class="contant_one">Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.</div>
<div class="contant_one">Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.</div>
<div class="contant_one">Standing Committee of the Tianjin Medical Association for Critical Care Medicine.</div>
<div class="contant_one">Standing Committee of the Tianjin Medical Association for Fluid Therapy. </div>
<div class="contant_one">Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition. </div>
<div class="contant_one">Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine. </div>
<div class="contant_one">Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control. </div>
<div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.</div>
<div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center. </div>
<div class="contant_one">Member of the Antibiotics Advisory Experts Committee.</div>
<div class="contant_one">Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.</div>
<div class="contant_one">
Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine.
</div>
<div class="contant_one">
Standing Committee of China Geriatrics Society for Critical Care Medicine
</div>
<div class="contant_one">
Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.
</div>
<div class="contant_one">
Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.
</div>
<div class="contant_one">
Standing Committee of the Tianjin Medical Association for Critical Care Medicine.
</div>
<div class="contant_one">
Standing Committee of the Tianjin Medical Association for Fluid Therapy.
</div>
<div class="contant_one">
Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition.
</div>
<div class="contant_one">
Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine.
</div>
<div class="contant_one">
Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control.
</div>
<div class="contant_one">
Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.
</div>
<div class="contant_one">
Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center.
</div>
<div class="contant_one">
Member of the Antibiotics Advisory Experts Committee.
</div>
<div class="contant_one">
Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.
</div>
</div>
</div>
</div>
... ... @@ -552,6 +581,18 @@
.siblings()
.removeClass("active");
});
$(".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>
... ...
... ... @@ -2,48 +2,56 @@
<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">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.left_ship_box{
width: 330px;
}
.header-title-right {
width: 300px;
margin-bottom: 80px;
margin: 0 auto;
}
.header-title-right h3{
color:#00A16C;
font-size: 21px;
}
.content-word-left{
margin-top: 60px;
border-right: 1px solid #666;
width: 300px;
flex: unset;
}
.content-word-left h4{
line-height: 2.5;
cursor: pointer;
font-weight: bold;
}
.content-word-left h4:hover, .content-word-left h4.active {
color: #00A16C;
}
.content{
min-height: 500px;
}
.form-group{
width: 300px;
margin: 0 auto;
}
.left_ship_box {
width: 330px;
}
.header-title-right {
width: 300px;
margin-bottom: 80px;
margin: 0 auto;
}
.header-title-right h3 {
color: #00a16c;
font-size: 21px;
}
.content-word-left {
margin-top: 60px;
border-right: 1px solid #666;
width: 300px;
flex: unset;
}
.content-word-left h4 {
line-height: 2.5;
cursor: pointer;
font-weight: bold;
}
.content-word-left h4:hover,
.content-word-left h4.active {
color: #00a16c;
}
.content {
min-height: 500px;
}
.form-group {
width: 300px;
margin: 0 auto;
}
</style>
</head>
... ... @@ -51,23 +59,22 @@ font-weight: bold;
<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>
<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="">
<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">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -79,179 +86,173 @@ font-weight: bold;
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
Mission and Vision
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div class="inner_item">
<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 Department
</a>
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
Clinical Activities
</a>
<a href="trials.html" class="inner_item">
Clinical Trials
</a>
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<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">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<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>
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
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>
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
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'>
<div class="sec_menu_items">
<a href="../care/history_time.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
Nursing Activities
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
Research Achievement
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
News & Events
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -265,51 +266,55 @@ font-weight: bold;
<img src="../images/clinical_top.png" width="100%" alt="">
</div> -->
<div class="content ">
<div class="content ">
<div class="navpath">
Clinical Resources<span>></span>Clinical Trials
</div>
<div class="content ">
<div class="navpath">Clinical Resources<span>></span>Clinical Trials</div>
<div class="content-word">
<div class="content-word-left">
<h4 class="">
About Us
</h4>
<h4 class="">
Work Flow Chart
</h4>
<h4 class="active">
Find A Clinical Trail
</h4>
<h4 class="">
DepartMent Feature
</h4>
<h4 class="">
Research Achievement
</h4>
<h4 class="">
<div class="content-word">
<div class="content-word-left">
<h4 class="">
About Us
</h4>
<h4 class="">
Work Flow Chart
</h4>
<h4 class="active">
Find A Clinical Trail
</h4>
<h4 class="">
DepartMent Feature
</h4>
<h4 class="">
Research Achievement
</h4>
<!-- <h4 class="">
Exchange
</h4>
<h4 class="">
Contact
</h4>
</div>
<div class="content-word-right active">
<div class="header-title-right">
<h3>Enter Key Words</h3>
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px">
</button>
</div>
</div>
</h4> -->
</div>
<div class="content-word-right active">
<div class="header-title-right">
<h3>Enter Key Words</h3>
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg" />
<button type="button" class="btn btn-warning btn-lg ">
<img
src="../images/01pc-main/pic (11).png"
alt=""
style="margin-bottom: 6px"
/>
</button>
</div>
</div>
</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>
... ... @@ -318,18 +323,16 @@ font-weight: bold;
<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>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -113,7 +113,8 @@
}
.wire {
width: 950px;
width: 630px;
/* width: 950px; */
position: relative;
}
... ... @@ -168,7 +169,7 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -303,27 +304,27 @@
About Us
</a>
<div class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Nursing Activities
<div class="third_menu_items">
<a href="../care/profession.html" class="inner_item">
Profession
</a>
<a href="../care/profession.2.html" class="inner_item">
<a href="../care/profession.2.html" class="inner_item">
Social Support
</a>
<a href="../care/activity.html" class="inner_item">
<a href="../care/activity.html" class="inner_item">
Heart-warming Service
</a>
<a href="../care/profession.3.html" class="inner_item">
<a href="../care/profession.3.html" class="inner_item">
Caring for Nurse
</a>
</div>
</div>
</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>
... ...