作者 王毅

1

... ... @@ -2,13 +2,13 @@
<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 {
... ... @@ -61,7 +61,7 @@
.content-word-left h4 {
color: #232323;
opacity: .7;
opacity: 0.7;
line-height: 2.5;
padding: 0;
margin: 0;
... ... @@ -85,7 +85,7 @@
}
.depart_introduce {
background: #EBFBF8;
background: #ebfbf8;
color: #232323;
box-sizing: border-box;
padding: 20px;
... ... @@ -93,7 +93,7 @@
.part_top {
height: 74px;
background: #83AD9F;
background: #83ad9f;
color: #000000;
font-size: 18px;
font-weight: bold;
... ... @@ -120,11 +120,13 @@
left: 50%;
margin-left: -11px;
}
.news_container{
.news_container {
display: flex;
flex-flow:column;
flex-flow: column;
}
.singleNews{
.singleNews {
height: 56px;
border-bottom: 1px dashed #999;
display: flex;
... ... @@ -133,20 +135,32 @@
width: 840px;
font-size: 16px;
}
.singleNews .time{
color: #00A16C;
.singleNews .time {
color: #00a16c;
margin-right: 35px;
}
.single_news_content{
color: #232323
.single_news_content {
color: #232323;
}
.top_line{
.top_line {
text-align: left;
padding-left: 35px;
background: #EBFBF8;
color: #00A16C;
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;
}
</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">
<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,7 +195,7 @@
<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>
... ... @@ -201,7 +214,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div class="inner_item">
Clinical Departments
<div class="third_menu_items">
... ... @@ -235,13 +248,11 @@
</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">
<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">
... ... @@ -258,8 +269,7 @@
</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">
... ... @@ -280,7 +290,7 @@
</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">
... ... @@ -312,12 +322,11 @@
</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>
... ... @@ -336,12 +345,11 @@
<a href="../care/news.html" class="inner_item">
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>
... ... @@ -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" />
... ... @@ -201,27 +199,23 @@
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"
>
<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>
... ... @@ -231,18 +225,10 @@
<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="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="" />
</div>
... ... @@ -276,11 +262,7 @@
<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"
>
<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">
... ... @@ -317,11 +299,7 @@
<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"
>
<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">
... ... @@ -338,11 +316,7 @@
</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">
... ... @@ -356,7 +330,6 @@
</a>
</div>
</div>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -388,15 +361,11 @@
<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">
... ... @@ -430,7 +399,6 @@
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -475,49 +443,45 @@
<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>
<!-- 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="contant_one">
<div class="contant_img">
<div class="wire4_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 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="contant_one_title">
2005 Director Yongqin Jiang worked as Board Member of the ISNCC
<div class="wire4_bottom_img">
<img src="../images/about_img.png" alt=" " />
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_2.png" alt="" />
<!-- 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="contant_one_title">
2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
<div class="wire3_title">Wanmin Qiang</div>
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader2.png" alt="" />
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_1.png" alt="" />
<div class="wire3_title">ling Yan</div>
</div>
<div class="contant_one_title">
2015 Wanmin Qiang<br />
The first chairman of Chinese Association of Nursers in Oncology
<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="" />
... ... @@ -526,72 +490,64 @@
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
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
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="wire3">
<div class="wire3_img">
<img src="../images/leader1.png" alt="" />
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_5.png" alt="" />
</div>
<div class="wire3_title">Wanmin Qiang</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader2.png" alt="" />
</div>
<div class="wire3_title">ling Yan</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader3.png" alt="" />
<div class="contant_one_title">
1927 Jihua Senior Nurse School
</div>
<div class="wire3_title">Jing Zhao</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_3.png" alt="" />
</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 class="contant_one_title">
2005 Director Yongqin Jiang worked as Board Member of the ISNCC
</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 class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_2.png" alt="" />
</div>
<div class="wire4_bottom_img">
<img src="../images/about_img.png" alt=" " />
<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 class="content-word ">
<div class="content-word-left ">
... ... @@ -671,7 +627,9 @@
.removeClass("contant_titles");
var index = $(this).index();
console.log(index);
$(this).parents(".contant").find(".neirong")
$(this)
.parents(".contant")
.find(".neirong")
.eq(index)
.show()
.siblings()
... ... @@ -701,5 +659,6 @@
// $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
// })
</script>
</body>
</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>
... ... @@ -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>
... ... @@ -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,45 +2,53 @@
<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{
.left_ship_box {
width: 330px;
}
.header-title-right {
width: 300px;
margin-bottom: 80px;
margin: 0 auto;
}
.header-title-right h3{
color:#00A16C;
.header-title-right h3 {
color: #00a16c;
font-size: 21px;
}
.content-word-left{
.content-word-left {
margin-top: 60px;
border-right: 1px solid #666;
width: 300px;
flex: unset;
}
.content-word-left h4{
.content-word-left h4 {
line-height: 2.5;
cursor: pointer;
font-weight: bold;
font-weight: bold;
}
.content-word-left h4:hover, .content-word-left h4.active {
color: #00A16C;
.content-word-left h4:hover,
.content-word-left h4.active {
color: #00a16c;
}
.content{
.content {
min-height: 500px;
}
.form-group{
.form-group {
width: 300px;
margin: 0 auto;
}
... ... @@ -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">
<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,7 +86,7 @@ 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>
... ... @@ -98,7 +105,7 @@ font-weight: bold;
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div class="inner_item">
Clinical Departments
<div class="third_menu_items">
... ... @@ -132,13 +139,11 @@ font-weight: bold;
</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">
<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">
... ... @@ -155,8 +160,7 @@ font-weight: bold;
</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">
... ... @@ -177,7 +181,7 @@ font-weight: bold;
</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">
... ... @@ -209,12 +213,11 @@ font-weight: bold;
</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>
... ... @@ -233,12 +236,11 @@ font-weight: bold;
<a href="../care/news.html" class="inner_item">
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>
... ... @@ -251,7 +253,6 @@ font-weight: bold;
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -265,9 +266,10 @@ 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="navpath">
Clinical Resources<span>></span>Clinical Trials
</div>
<div class="content-word">
<div class="content-word-left">
... ... @@ -286,20 +288,24 @@ font-weight: bold;
<h4 class="">
Research Achievement
</h4>
<h4 class="">
<!-- <h4 class="">
Exchange
</h4>
<h4 class="">
Contact
</h4>
</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">
<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">
<img
src="../images/01pc-main/pic (11).png"
alt=""
style="margin-bottom: 6px"
/>
</button>
</div>
</div>
... ... @@ -309,7 +315,6 @@ font-weight: bold;
</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;
}
... ...