作者 wangyi

123

要显示太多修改。

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

... ... @@ -15,44 +15,44 @@
top: 0;
padding-bottom: 40px;
}
.imgshow-wrapper {
margin-top: 0;
display: block;
}
.bottom-wrapper {
margin-top: 40px;
}
.content_word {
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.content_word p {
flex: 1;
-webkit-flex: 1;
padding: 0 20px;
}
.content_word p:first-child {
padding-left: 0;
}
.content_word p:last-child {
padding-right: 0;
}
.swiper-button-prev {
background-image: url("../images/left.png");
}
.swiper-button-next {
background-image: url("../images/right.png");
}
.navpath {
margin: 90px 0 72px 0
}
... ... @@ -63,8 +63,7 @@
<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>
... ... @@ -87,7 +86,7 @@
</nav>
<div class="container-fluid pc pc_warp">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -98,9 +97,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -204,7 +203,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -539,15 +538,13 @@
</ul>
</div> -->
<div id="gridSystemModal" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridModalLabel"
style="display: none;">
<div id="gridSystemModal" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" style="display: none;">
<div class="modal-dialog downDialog" role="document">
<div class="modal-content ">
<div class="modal-body ">
<div class="mddown-word">
<h4>Welcome to the Tianjin Medical University Cancer Institue & Hospital!</h4>
<h4>We are confident that we will offer the best treatment and care for cancer patients
through promoting cancer research,treatment,the education</h4>
<h4>We are confident that we will offer the best treatment and care for cancer patients through promoting cancer research,treatment,the education</h4>
</div>
<div class="mddown-img">
<div class="mddown-img-item">
... ... @@ -599,7 +596,7 @@
<div class="content nopadding">
<div class="navpath">About Us<span>></span>Quick Facts</div>
<div class="imgshow-wrapper">
<div class="swiper-container swiper-container-m1" id="d_slider">
<!-- <div class="swiper-container swiper-container-m1" id="d_slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="../images/space.png" width="100%" alt="">
... ... @@ -608,8 +605,8 @@
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Add Pagination -->
</div>
</div> -->
<img src="../images/space.png" alt="" style="width:400px;height:200px">
</div>
<div class="bottom-wrapper">
<h4>
... ... @@ -628,7 +625,7 @@
Tel/Fax: 0086-22-23359337
</h4>
<h4>
Email: info@tjmuch.com
Email: info@tjmuchf.com
</h4>
</div>
... ... @@ -683,4 +680,5 @@
});
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -99,7 +99,8 @@
letter-spacing: 3px;
color: #00a16c;
}
.contant_img{
.contant_img {
margin-top: 48px
}
</style>
... ... @@ -132,7 +133,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -143,9 +144,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -249,7 +250,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -100,6 +100,33 @@
top: 0;
left: 80px;
}
.lead_first {
margin-top: 50px;
display: flex;
justify-content: space-around;
align-items: center
}
.lead_one_img {
width: 150px;
height: 200px;
background: #ccc
}
.lead_one_name {
font-size: 16px;
color: #333
}
.lead_one_word {
font-size: 16px;
color: #333
}
.lead_one_name {
margin-top: 10px
}
</style>
</head>
... ... @@ -585,7 +612,74 @@
<div class="navpath">
About Us<span>></span>Leadership
</div>
<div class="contant">
<div class="lead_box">
<div class="lead_first">
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Wei Lu</div>
<div class="lead_one_word">Secretary of CPC</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Ping Wang</div>
<div class="lead_one_word">President</div>
</div>
</div>
<div class="lead_first">
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Qiang Zhao</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Jihui Hao</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Kexin Chen</div>
</div>
</div>
<div class="lead_first">
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">Ms.Li Liu</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">Mr.Xiaoliang Zhang</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Bo Xu</div>
</div>
</div>
<div class="lead_first">
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Ming Gao</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Jing Hei</div>
</div>
<div class="lead_one">
<div class="lead_one_img">
</div>
<div class="lead_one_name">prof.Yi Ba</div>
</div>
</div>
</div>
<!-- <div class="contant">
<div class="contant_left">
<div class="left_titles">
<a href="./leadership.html">Leadership</a>
... ... @@ -606,7 +700,7 @@
</div>
</div>
</div>
</div>
</div> -->
<!-- <div class=" top_title_inner" style='color: #FFF'>LEADERSHIP</div>
<div class="inner_content">
<div class="leader_item" style="background: #EDF6ED;">Prof. Wei Lu <br>Secretary of CPC</div>
... ...
... ... @@ -70,7 +70,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -81,9 +81,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -187,7 +187,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -504,7 +504,7 @@
<img src="../images/f_1.png" width="100%" alt="">
</div> -->
<div class="full_content">
<div class="content" style="padding-bottom:0">
<div class="content" style="padding-bottom:50px;box-sizing: border-box">
<!-- <div class="top_title_inner">
MISSION AND VISION
</div> -->
... ...
... ... @@ -16,8 +16,7 @@
<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>
... ... @@ -40,7 +39,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -51,9 +50,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -157,7 +156,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -505,18 +504,10 @@
<div class="content-one-word content-word-center">
<h2>WELOCME MESSAGE</h2>
<p>
Welcome to the Tianjin Medical University Cancer Institute & Hospital! <br> Tianjin Medical
University Cancer Institute & Hospital is the birthplace of oncology in China. The hospital was
originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie
Memorial Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's
Hospital" in 1951. In 1952, the first tumor ward
in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977
Tianjin Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved
to the present site and was renamed
“The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the
Tianjin Medical University and was officially named as The Tianjin Medical University Cancer
Institute and Hospital (TMUCIH).
Welcome to the Tianjin Medical University Cancer Institute & Hospital! <br> Tianjin Medical University Cancer Institute & Hospital is the birthplace of oncology in China. The hospital was originally established in 1861 as The British
Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward
in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the present site and was renamed
“The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the Tianjin Medical University and was officially named as The Tianjin Medical University Cancer Institute and Hospital (TMUCIH).
</p>
<a href="welcome.html" class="learn-more">LEARN MORE></a>
</div>
... ... @@ -529,26 +520,20 @@
<div class="three-phcontent">
<div class="phcontent">
<h2>MISSION</h2>
<p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide
the best treatment and care for cancer patients through promoting cancer research,
treatment and education and to achieve the goal of decreasing
<p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best treatment and care for cancer patients through promoting cancer research, treatment and education and to achieve the goal of decreasing
the incidence of cancer and improving the quality of life of cancer patients in China.</p>
</div>
<div class="phcontent">
<h2>VISION</h2>
<p> The vision of Tianjin Medical University Cancer Institute and Hospital is to
continuously strengthen its status as a major national and international center for
cancer research, treatment, prevention and education and to closely
collaborate with leading cancer centers worldwide in the fight against all types of
cancer. </p>
<p> The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously strengthen its status as a major national and international center for cancer research, treatment, prevention and education and to closely
collaborate with leading cancer centers worldwide in the fight against all types of cancer. </p>
</div>
<div class="phcontent">
<h2>MOTTO</h2>
<p>
To provide patients with uttermost integrity and state-of-the-art medicine To improve
our profession with ingenuity and innovations
To provide patients with uttermost integrity and state-of-the-art medicine To improve our profession with ingenuity and innovations
</p>
</div>
</div>
... ... @@ -597,8 +582,7 @@
<img src="../images/2.png" alt="">
<div class="swiper_desc">
<div class="inner_desc">
Advanced National Training Courses of 63000 square meters and Cancer Insitute &
Hospital!Welcome to the TianJin
Advanced National Training Courses of 63000 square meters and Cancer Insitute & Hospital!Welcome to the TianJin
</div>
</div>
</div>
... ... @@ -606,8 +590,7 @@
<img src="../images/3.png" alt="">
<div class="swiper_desc">
<div class="inner_desc">
Advanced National Training Courses of 63000 square meters and Cancer Insitute &
Hospital!Welcome to the TianJin
Advanced National Training Courses of 63000 square meters and Cancer Insitute & Hospital!Welcome to the TianJin
</div>
</div>
</div>
... ... @@ -622,17 +605,10 @@
<div class="content-one-word content-word-center">
<h2>ORGANIZATION MANAGEMENT</h2>
<p>
Tianjin Medical University Cancer Institute& Hospital is the birthplace of oncology in China.
The hospital was originally established in 1861 as The British Army Hospital, and later renamed
as the London Christian Church Hospital and Dr. Machenzie Memorial
Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in
1951. In 1952, the first tumor ward in China was established in our hospital by pioneering
oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the
present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital
was affiliated to the Tianjin Medical
University and was officially named as The Tianjin Medical University Cancer Institute and
Hospital (TMUCIH).
Tianjin Medical University Cancer Institute& Hospital is the birthplace of oncology in China. The hospital was originally established in 1861 as The British Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie Memorial
Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the Tianjin Medical
University and was officially named as The Tianjin Medical University Cancer Institute and Hospital (TMUCIH).
</p>
<a href="history.html" class="learn-more">LEARN MORE></a>
... ... @@ -642,21 +618,21 @@
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="images/yikeda.png" width="160px" alt=""></li>
<li><img src="images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="images/yikeda.png" width="160px" alt=""></li>
<li><img src="images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<div class="mobile container-fluid">
... ... @@ -671,11 +647,8 @@
<div class="container">
<div class="word-title">
<h2>WELOCME MESSAGE</h2>
<p>Welocme to the Tianjin readers will have trouble with your forms if you don't include a label for
every input. For these input groups, ensure that any additional label or functionality is conveyed
to assistive technologies.any For these
input groups, ensure that any additional label or functionality is conveyed to assistive
technologies.any additional label or functionality is conveyed to assistive technologies.</p>
<p>Welocme to the Tianjin readers will have trouble with your forms if you don't include a label for every input. For these input groups, ensure that any additional label or functionality is conveyed to assistive technologies.any For these
input groups, ensure that any additional label or functionality is conveyed to assistive technologies.any additional label or functionality is conveyed to assistive technologies.</p>
<a href="welcome.html" class="learn-more">
LEARN MORE >
</a>
... ... @@ -683,19 +656,14 @@
<div class="word-title">
<img class="mb2rem" src="../images/04mobile-secondpage/pic%20(3).png" alt="">
<h2>MISSION</h2>
<p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best
treatment and care for cancer patients through promoting cancer research, treatment and education
and to achieve the goal of decreasing the
<p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best treatment and care for cancer patients through promoting cancer research, treatment and education and to achieve the goal of decreasing the
incidence of cancer and improving the quality of life of cancer patients in China.</p>
<h2>VISION</h2>
<p> The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously
strengthen its status as a major national and international center for cancer research, treatment,
prevention and education and to closely collaborate
<p> The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously strengthen its status as a major national and international center for cancer research, treatment, prevention and education and to closely collaborate
with leading cancer centers worldwide in the fight against all types of cancer. </p>
<h2>MOTTO</h2>
<p>
To provide patients with uttermost integrity and state-of-the-art medicine To improve our
profession with ingenuity and innovations
To provide patients with uttermost integrity and state-of-the-art medicine To improve our profession with ingenuity and innovations
</p>
<a href="history.html" class="learn-more">
LEARN MORE >
... ... @@ -704,11 +672,8 @@
<div class="word-title">
<img class="mb2rem" src="../images/04mobile-secondpage/pic%20(1).png" alt="">
<h2>History and Milestones</h2>
<p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
label for everytrouble with your forms if you don't include a label for every input. For these
input groups, ensure that any additional label or functionality
is conveyed to assistive technologies.any additional label or functionality is conveyed to
assistive technologies.</p>
<p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a label for everytrouble with your forms if you don't include a label for every input. For these input groups, ensure that any additional label or functionality
is conveyed to assistive technologies.any additional label or functionality is conveyed to assistive technologies.</p>
<a href="../details03-03.html" class="learn-more">
LEARN MORE >
</a>
... ... @@ -739,9 +704,7 @@
</div>
<h2 class="mt3rem">ORGANIZATION MANGEMENT</h2>
<p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
label for everytrouble with your forms if you don't include a label for every input. For these
input groups, ensure that any additional dditional label or functionality
<p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a label for everytrouble with your forms if you don't include a label for every input. For these input groups, ensure that any additional dditional label or functionality
is conveyed to assistive technologies.</p>
<a href="../index.html" class="learn-more">
LEARN MORE >
... ... @@ -752,30 +715,30 @@
<img src="../images/01mobile-main/pic%20(1).png" alt="">
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="images/yikeda.png" width="160px" alt=""></li>
<li><img src="images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="images/yikeda.png" width="160px" alt=""></li>
<li><img src="images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -801,7 +764,7 @@
pagination: {
el: '.swiper-pagination',
clickable: true,
renderBullet: function (index, className) {
renderBullet: function(index, className) {
return '<div class="' + className + '"><span></span><i></i></div>';
},
},
... ...
... ... @@ -185,9 +185,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -291,7 +291,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -88,9 +88,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -194,7 +194,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -14,22 +14,25 @@
.single_box {
width: 600px;
margin-bottom: 44px;
}
}
.single_box:last-child {
margin: 0;
}
.content-word-left {
width: 300px;
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 20px;
}
margin-left: 20px;
}
.content-word {
position: relative;
align-items: flex-start;
}
.content-word-right {
flex: unset;
display: none !important;
... ... @@ -40,11 +43,12 @@
position: relative;
text-align: left;
}
.content-word-right.active {
display: flex !important;
display: flex !important;
flex-flow: column;
}
.content-word-right .single_part {
width: 243px;
display: flex;
... ... @@ -55,6 +59,7 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
... ... @@ -63,31 +68,35 @@
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left{
.content-word-left {
background: #EBFBF8;
flex: 1;
position: relative;
text-align: center;
height: 795px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce{
.depart_introduce {
background: #EBFBF8;
color: #232323;
box-sizing: border-box;
padding: 20px;
height: 720px;
}
.part_top{
.part_top {
height: 74px;
background: #83AD9F;
color: #000000;
... ... @@ -97,17 +106,19 @@
line-height: 74px;
width: 100%;
padding-left: 25px;
}
.part_inner_content{
.part_inner_content {
padding: 20px 40px;
position: relative;
}
.person_introduce_box{
.person_introduce_box {
margin-top: 60px;
padding-top: 30px;
}
.next{
.next {
width: 32px;
height: 22px;
position: absolute;
... ... @@ -115,60 +126,73 @@
left: 50%;
margin-left: -11px;
}
.photo_box{
.photo_box {
justify-content: space-between;
}
.photo_item_box{
.photo_item_box {
width: 363px;
background-color: #FFF;
}
.photo_item_desc{
.photo_item_desc {
height: auto;
}
.current_box{
.current_box {
background: #EBFBF8;
padding: 35px
}
.single_current{
.single_current {
display: flex;
display: -webkit-flex;
}
.current_box{
.current_box {
margin-top: 50px;
}
.current_box h3{
.current_box h3 {
color: #00A16C;
}
.single_current_desc{
.single_current_desc {
align-self: flex-end;
font-size: 17px;
margin-left: 15px;
}
.single_current{
.single_current {
margin-top: 50px;
}
.photo_item_imageBox{
.photo_item_imageBox {
width: auto;
height: auto;
}
.get_more{
.get_more {
cursor: pointer;
margin-top: 20px;
}
.person_detail{
.person_detail {
width: 180px;
height: 190px;
position: absolute;
bottom: 30px;
left: 60px;
}
.person_detail2{
.person_detail2 {
right: 60px;
left: unset;
bottom: 200px;
}
.person_detail3{
.person_detail3 {
bottom: 260px;
}
</style>
... ... @@ -178,8 +202,7 @@
<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>
... ... @@ -202,7 +225,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -213,9 +236,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -319,7 +342,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -665,33 +688,21 @@
<div class="content-word">
<div class="content-word-right active">
<div class="part_top">
About Us
<div class="part_top">
About Us
</div>
<div class="depart_introduce">
<p style="font-size: 16px;line-height: 1.5">
Culture <br> In 1861, British doctor Ma Gen Ji established London Church Hospital which was the first western medicine hospital in Tianjin and was the predecessor of Tianjin Medical University Cancer Institute & Hospital. In
1927, the hospital established Jihua Senior Nurse School established to cultivate nurses. Meanwhile,the hospital collects a personal letter from Dr Florence Nightingale .<br> Ideals
<br> We innovated the belief of “Patients’ Needs first,Evidence-based Nursing”,which embodied humanity and individualization, to provide “Whole-course, whole-person, whole-family and whole-team” nursing mode for patients and
patients’ family.
</p>
<img src="../images/about_img.png" alt="" srcset="" style="width: 560px">
</div>
</div>
<div class="depart_introduce">
<p style="font-size: 16px;line-height: 1.5">
Culture <br>
In 1861, British doctor Ma Gen Ji established London Church Hospital which was the
first
western medicine hospital in Tianjin and was the predecessor of Tianjin Medical
University
Cancer Institute & Hospital. In 1927, the hospital established Jihua Senior Nurse
School
established to cultivate nurses. Meanwhile,the hospital collects a personal letter from
Dr
Florence Nightingale .<br>
Ideals<br>
We innovated the belief of “Patients’ Needs first,Evidence-based Nursing”,which
embodied
humanity and individualization, to provide “Whole-course, whole-person, whole-family
and
whole-team” nursing mode for patients and patients’ family.
</p>
<img src="../images/about_img.png" alt="" srcset="" style="width: 560px">
</div>
</div>
<div class="content-word-left">
<div class="part_inner_content">
... ... @@ -778,7 +789,7 @@
<div class="item_name">Jing Zhao</div>
</div>
</a>
</div>
</div>
<a class="get_more" href="teamlist.html">
... ... @@ -786,20 +797,18 @@
</a>
<div class="content-word" style="margin-top: 50px">
<div class="content-word-right active">
<div class="depart_introduce" style="height: 390px;">
<h3>Recognition</h3>
<p style="font-size: 18px;line-height: 1.8">
Our Team <br>
At present, there are 1277 nurses and 83% of nurses with a bachelor degree or above, 27 with
a master's degree or above, 4 acted as master's tutor, 25 has a part-time academic position
at provincial or municipal level or above.
Our Team <br> At present, there are 1277 nurses and 83% of nurses with a bachelor degree or above, 27 with a master's degree or above, 4 acted as master's tutor, 25 has a part-time academic position at provincial or municipal
level or above.
</p>
</div>
</div>
<div class="content-word-left" style="height: auto">
<img src="../images/leader6.png" width='100%' alt="" srcset="">
<img src="../images/leader6.png" width='100%' alt="" srcset="">
</div>
</div>
</div>
... ... @@ -826,8 +835,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -845,7 +854,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -15,11 +15,11 @@
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
... ... @@ -27,50 +27,53 @@
display: -webkit-flex;
margin-top: 50px;
}
.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{
.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{
.single_part_right {
color: #00A16C;
padding-left: 50px;
display: none;
max-width: 800px;
}
.single_part_right p{
.single_part_right p {
margin-top: 30px;
margin-bottom: 20px;
}
.single_part_right.active{
.single_part_right.active {
display: block;
}
</style>
... ... @@ -80,8 +83,7 @@
<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>
... ... @@ -104,7 +106,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -115,9 +117,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -221,7 +223,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -559,14 +561,13 @@
</ul>
</div> -->
<div class="content">
<div class="navpath">Nursing Care<span>&gt;</span>Research Achievement<span>&gt;</span>Evidence-based
Nursing Team</div>
<div class="content-word" >
<div class="navpath">Nursing Care<span>&gt;</span>Research Achievement<span>&gt;</span>Evidence-based Nursing Team</div>
<div class="content-word">
<div class="content-word-left">
<h4 class="active">
Evidence-based Nursing Team
Evidence-based Nursing Team
</h4>
<h4 class="">
Innovation & Profession
... ... @@ -577,21 +578,18 @@
</h4>
<h4 class="">
Professional Books
Professional Books
</h4>
</div>
<div class="content-word-right">
<div class="single_part_right active">
<h3>The aims is to combine research conclusions with clinical experience and patients' wishes as
the basis for clinical nursing decision-making.</h3>
<p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care,
Symptom experience and management, Supportive care needs and Quality of life of cancer
patients . In the past 5 years, We have published more than 400 papers in nursing core
periodicals and 12 SCI.</p>
<h3>The aims is to combine research conclusions with clinical experience and patients' wishes as the basis for clinical nursing decision-making.</h3>
<p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care, Symptom experience and management, Supportive care needs and Quality of life of cancer patients . In the past 5 years, We have published more than 400
papers in nursing core periodicals and 12 SCI.</p>
<img src="../images/5-4-1.png" alt="" srcset="">
<p>Research team of Tianjin Medical University Cancer Institute & Hospital
</p>
</p>
</div>
<div class="single_part_right">
... ... @@ -631,8 +629,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -650,7 +648,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.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')
})
... ...
... ... @@ -102,7 +102,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -113,9 +113,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -219,7 +219,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -553,7 +553,7 @@
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-15.png" alt="" />
<img src="../images/5-2-15.png" alt="" />
</a>
</div>
<div class="contant_center_title">
... ... @@ -563,7 +563,7 @@
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-16.png" alt="" />
<img src="../images/5-2-16.png" alt="" />
</a>
</div>
<div class="contant_center_title">
... ... @@ -573,7 +573,7 @@
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-17.png" alt="" />
<img src="../images/5-2-17.png" alt="" />
</a>
</div>
<div class="contant_center_title">
... ... @@ -583,7 +583,7 @@
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-18.png" alt="" />
<img src="../images/5-2-18.png" alt="" />
</a>
</div>
<div class="contant_center_title">
... ...
... ... @@ -191,7 +191,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -202,9 +202,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -308,7 +308,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -15,16 +15,16 @@
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;
... ... @@ -42,13 +42,13 @@
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
flex-flow: column;
width: 100%;
}
.content-word-right .single_part {
display: flex;
margin-bottom: 50px;
... ... @@ -58,7 +58,7 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
... ... @@ -67,30 +67,30 @@
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;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
... ... @@ -101,17 +101,17 @@
width: 100%;
padding-left: 40px;
}
.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,11 +120,13 @@
left: 50%;
margin-left: -11px;
}
.news_container{
.news_container {
display: flex;
flex-flow:column;
flex-flow: column;
}
.part_inner_content{
.part_inner_content {
font-size: 16px;
background-color: #EBFBF8;
color: #232323;
... ... @@ -137,8 +139,7 @@
<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>
... ... @@ -161,7 +162,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -172,9 +173,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -278,7 +279,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -419,18 +420,11 @@
<div class="part_top ">Contact Us</div>
<div class="part_inner_content">
Tianjin Medical University Cancer Institute & Hospital <br>
West Huan-Hu Rd, Ti Yuan Bei, Hexi District <br>
Tianjin 300060 <br>
China <br>
Phone:<br>Nursing department:0086-22-23524903 <br>
Home care center: 0086-22-23353454 <br>
Breast rehabilitation center: 0086-22-233401234-2056 <br>
Email:nursing1331@sina.com <br>
Fax: 0086-22-23524903
Tianjin Medical University Cancer Institute & Hospital <br> West Huan-Hu Rd, Ti Yuan Bei, Hexi District <br> Tianjin 300060 <br> China <br> Phone:
<br>Nursing department:0086-22-23524903 <br> Home care center: 0086-22-23353454 <br> Breast rehabilitation center: 0086-22-233401234-2056 <br> Email:nursing1331@sina.com <br> Fax: 0086-22-23524903
</div>
</div>
</div>
</div>
... ... @@ -457,8 +451,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -476,7 +470,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -15,16 +15,16 @@
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;
... ... @@ -42,12 +42,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;
... ... @@ -57,7 +57,7 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
... ... @@ -66,31 +66,31 @@
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
position: relative;
height: 1380px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
background: #EBFBF8;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
... ... @@ -101,17 +101,17 @@
line-height: 74px;
width: 100%;
}
.part_inner_content {
padding: 20px
}
.person_introduce_box {
padding-top: 100px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next {
width: 300px;
position: absolute;
... ... @@ -120,26 +120,26 @@
margin-left: -150px;
cursor: pointer;
}
.news_container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.singleNews {
cursor: pointer;
font-size: 16px;
width: 410px;
}
.single_news_content {
color: #232323;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line {
text-align: left;
padding-left: 35px;
... ... @@ -147,18 +147,18 @@
color: #00A16C;
font-weight: bold;
}
.cooper_desc {
color: #333;
font-size: 18px;
padding: 15px;
}
.single_Conferences p {
margin-bottom: 30px;
margin-top: 10px;
}
.content_word_bottom .singleNews {
width: 380px;
}
... ... @@ -169,8 +169,7 @@
<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>
... ... @@ -193,7 +192,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -204,9 +203,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -310,7 +309,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -449,15 +448,9 @@
<div class="content-word">
<div class="content-word-right active">
<div class="part_top top_line">Cooperative Partners</div>
<p class="cooper_desc">We keep open to outside world, and have invited experts-Dr. Brenda Marion
Nevidjon(The CEO of
oncology Nursing Society), Dr. Judi Johnson (Former President of American oncology Nursing
Society ), professor Mary Maggee Gullatte(Former President of American Society of
Oncology)、professor Sassaki Yasutsuna( Showa Univesity Cancer Center in Japan)、professor Megumi
Umeda( Showa Univesity Cancer Center in Japan ) and those from other foreign countries to give a
lecture on topics of patient education, evidence-based nursing, palliative care and so on for
over 32 times. We also found a solid long-time collaborative relationship with many familiar
cancer centers.</p>
<p class="cooper_desc">We keep open to outside world, and have invited experts-Dr. Brenda Marion Nevidjon(The CEO of oncology Nursing Society), Dr. Judi Johnson (Former President of American oncology Nursing Society ), professor Mary Maggee Gullatte(Former
President of American Society of Oncology)、professor Sassaki Yasutsuna( Showa Univesity Cancer Center in Japan)、professor Megumi Umeda( Showa Univesity Cancer Center in Japan ) and those from other foreign countries to give a lecture
on topics of patient education, evidence-based nursing, palliative care and so on for over 32 times. We also found a solid long-time collaborative relationship with many familiar cancer centers.</p>
<div class="news_container">
<a class="singleNews">
<div class="time">
... ... @@ -517,13 +510,11 @@
<div class="part_inner_content">
<div class="single_Conferences">
<img src="../images/Conferences1.png" width='100%' alt="" srcset="">
<p>The 2nd National/AcademicConference on Oncology Nursing& International Forum on Cancer
Care in 2017</p>
<p>The 2nd National/AcademicConference on Oncology Nursing& International Forum on Cancer Care in 2017</p>
</div>
<div class="single_Conferences">
<img src="../images/Conferences2.png" width='100%' alt="" srcset="">
<p>The 1st National/AcademicConference on Oncology Nursing& International Forum on Cancer
Care in 2015</p>
<p>The 1st National/AcademicConference on Oncology Nursing& International Forum on Cancer Care in 2015</p>
</div>
<div class="single_Conferences">
<img src="../images/Conferences3.png" width='100%' alt="" srcset="">
... ... @@ -542,9 +533,7 @@
</div>
<div class="content" style="padding-top: 0px;padding-bottom:0">
<p class="cooper_desc" style="padding: 15px 0">
We sent excellent nurses to other countries to attend meetings and give lectures. The nurses got
the chance to strengthen academic exchanges between countries, sum up experience and better
apply to the development of cancer care.
We sent excellent nurses to other countries to attend meetings and give lectures. The nurses got the chance to strengthen academic exchanges between countries, sum up experience and better apply to the development of cancer care.
</p>
<div class="content-word content_word_bottom">
<div class="content-word-right active" style="width: 1200px">
... ... @@ -613,8 +602,7 @@
</div>
<div class="content" style="padding-top: 0px">
<p class="cooper_desc" style="padding: 15px 0">
As national cancer union, 75 nursing staffs have been sent to the United States, Japan, South Korea,
Singapore for training.
As national cancer union, 75 nursing staffs have been sent to the United States, Japan, South Korea, Singapore for training.
</p>
<div class="content-word content_word_bottom">
<div class="content-word-right active" style="width: 1200px">
... ... @@ -672,8 +660,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -691,7 +679,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -15,12 +15,13 @@
width: 1122px;
margin: 0 auto;
}
.contant_word{
.contant_word {
font-size: 21px;
font-weight: bold;
line-height: 13px;
color: #00a16c;
margin-top: 228px;
font-weight: bold;
line-height: 13px;
color: #00a16c;
margin-top: 228px;
}
</style>
</head>
... ... @@ -52,7 +53,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -63,9 +64,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -169,7 +170,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -303,7 +304,7 @@
<span>></span>Publications: SCI Papers
</div>
<div class="contant">
<div class="contant_word">under construction</div>
<div class="contant_word">under construction</div>
</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -102,7 +102,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -113,9 +113,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -219,7 +219,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -90,7 +90,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -101,9 +101,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -207,7 +207,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -89,7 +89,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -100,9 +100,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -206,7 +206,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -88,7 +88,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -99,9 +99,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -205,7 +205,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -111,7 +111,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -122,9 +122,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -228,7 +228,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -111,7 +111,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -122,9 +122,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -228,7 +228,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -380,7 +380,7 @@
<div class="contant_right">
<div class="contant_word">
<a href="./five-four_3.html">Medical Pulse Detector</a>
</div>
<div class="contant_word">
Preparation and Application of Traditional Chinese Medicine Composition in Preventing and Treating Chemotherapy-Induced Extravasation
... ...
... ... @@ -45,9 +45,11 @@
font-weight: bold;
color: #00a16c;
}
.contant_right {
width: 800px;
}
.contant_word {
font-size: 20px;
font-weight: 400;
... ... @@ -85,7 +87,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -96,9 +98,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -202,7 +204,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -23,9 +23,11 @@
.contant_img img {
width: 100%;
}
.top{
.top {
margin-top: 60px
}
.name {
margin-top: 24px;
font-size: 20px;
... ... @@ -44,7 +46,6 @@
.one {
width: 33%;
}
</style>
</head>
... ... @@ -86,9 +87,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -192,7 +193,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -331,15 +332,21 @@
<span>></span>Postgraduate Development
</div>
<div class="contant">
<div class="top">
<!-- <div class="top">
<div class="contant_img">
<img src="../images/five_three_img1.png" alt="" />
</div>
<div class="name">Wanmin Qiang , Professor<br/>Director of Nursing Department</div>
</div>
</div> -->
<div class="bottom">
<div class="one">
<div class="contant_img">
<img src="../images/five_three_img1.png" alt="" />
</div>
<div class="name">Wanmin Qiang , Professor<br/>Director of Nursing Department</div>
</div>
<div class="one">
<div class="contant_img">
<img src="../images/five_three_img2.png" alt="" />
</div>
<div class="name">Ling Yan,Professor<br/>Vice-Director of Nursing Department</div>
... ...
... ... @@ -155,7 +155,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -166,9 +166,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -272,7 +272,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -402,7 +402,7 @@
<div class="content">
<div class="navpath">
Nursing Care<span>&gt;</span>Nursing Activities<span>&gt;</span>Public Services
Nursing Care<span>&gt;</span>Nursing Activities<span>&gt;</span>Public Services
</div>
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
... ... @@ -435,7 +435,7 @@
<a href="./news_detail.1.html">
<div class="plfrt">
<p class="pleft">
May 10,2019
May 10,2019
</p>
<p class="pright">
Free Clinic
... ... @@ -451,19 +451,19 @@
<div class="plfrt">
<p class="pleft">In 2017</p>
<p class="pright">
China Nightingale Volunteer Care Service Team was established.
China Nightingale Volunteer Care Service Team was established.
</p>
</div>
<div class="plfrt">
<p class="pleft">In 2009</p>
<p class="pright">
We Established the Breast Cancer Rehabilitation group
We Established the Breast Cancer Rehabilitation group
</p>
</div>
<div class="plfrt">
<p class="pleft">In 2007</p>
<p class="pright">
We Established Women's Cancer Club
We Established Women's Cancer Club
</p>
</div>
<div class="plfrt">
... ...
... ... @@ -142,7 +142,6 @@
line-height: 50px;
color: #0965cc;
}
</style>
</head>
... ... @@ -173,7 +172,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -184,9 +183,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -290,7 +289,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -418,7 +417,7 @@
</ul>
</div>
<div class="content padding0">
</div>
<div class="content">
<div class="navpath">
... ... @@ -473,9 +472,9 @@
<a href="./person_detail.html">Director of Nursing Department</a>
</div>
</div>
</div>
</div>
<footer class="footer-content ">
<div class="footer-main ">
... ... @@ -498,7 +497,6 @@
<script src="../js/swiper-3.4.2.jquery.min.js "></script>
<script src="../js/common.js "></script>
<script>
</script>
</body>
... ...
... ... @@ -172,7 +172,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -183,9 +183,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -289,7 +289,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -172,7 +172,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -183,9 +183,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -289,7 +289,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -143,7 +143,6 @@
line-height: 50px;
color: #0965cc;
}
</style>
</head>
... ... @@ -174,7 +173,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -185,9 +184,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -291,7 +290,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -470,9 +469,9 @@
In 2015, Director of the nursing department, Wanmin Qiang was nominated as the First Chairman of China Anti-Cancer Association Oncological Nursing Committee.
</div>
</div>
</div>
</div>
<footer class="footer-content ">
<div class="footer-main ">
... ... @@ -495,7 +494,6 @@
<script src="../js/swiper-3.4.2.jquery.min.js "></script>
<script src="../js/common.js "></script>
<script>
</script>
</body>
... ...
... ... @@ -15,16 +15,16 @@
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,7 +58,7 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
... ... @@ -67,30 +67,30 @@
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;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
... ... @@ -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,38 @@
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;
}
.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,8 +159,7 @@
<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>
... ... @@ -178,7 +182,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -189,9 +193,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -295,7 +299,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -439,7 +443,7 @@
<span class="time">
10 May 2019
</span>
<span class="single_news_content">
<span class="single_news_content">
The Voice of Health
</span>
</a>
... ... @@ -496,8 +500,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -515,7 +519,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -278,7 +278,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -289,9 +289,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -395,7 +395,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -11,7 +11,7 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
</style>
</head>
... ... @@ -19,8 +19,7 @@
<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>
... ... @@ -43,7 +42,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -54,9 +53,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -160,7 +159,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -298,89 +297,61 @@
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_4.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">On May 11, the Nursing Department held the 4th Tianzhong
Nurses'Interesting Games with the theme of "Flying Interest and Sharing Health", so that nurses in the
whole hospital can enjoy health and happiness in the interesting sports, and at the same time spread the
concept of healthy life and a positive attitude towards life to the whole society.Secretary of the Party
Committee Wei Lu , Deputy Secretary of the Party Committee, President Ping Wang, Vice President Ming Gao
and the nurses of the hospital jointly participated in the interesting sports competition to share
happiness with everyone.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_5.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">In the simple and grand opening ceremony, 40 young nurses
by the composition of the cheerleading rhythmic gymnastics formation into 512, as the opening of the
Games. Four male nurses, as flag bearers, handed the flag of the Games to secretary Wei Lu and
President Ping Wang . The flag waved and fluttered on the rostrum, and warm applause and cheers rang
out in the venue.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_6.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Wanmin Qiang , director of the Nursing Department, extended
sincere holiday greetings to all nurses in the hospital, and encouraged nurses to pay attention to
their own health while taking care of patients' health, and to practice the concept and lifestyle of
promoting healthy life in the whole society.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_7.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Vice President Ming Gao fully affirmed and highly praised
the sunshine mentality of nurses in our hospital, and presented the festival wishes of leaders at
all levels and staff of the hospital to nurses in the whole hospital, hoping that we could spend a
happy nurses'day in a relaxed and pleasant atmosphere, further condense the morale of the nursing
team, and let the nurses make more outstanding achievements in nursing posts. <br>
At the opening ceremony, our hospital gave collective recognition to 19 nurses who had been nursing
for 30 years.The leaders of the hospital personally awarded the "Nursing Cultivation Award" trophy
to them to express their respect and gratitude.All the nurses expressed their congratulations and
good wishes with warm applause!
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_8.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">On May 11, the Nursing Department held the 4th Tianzhong Nurses'Interesting Games with the theme of "Flying Interest and Sharing Health", so that nurses in the whole hospital can enjoy health and happiness in the interesting sports, and at
the same time spread the concept of healthy life and a positive attitude towards life to the whole society.Secretary of the Party Committee Wei Lu , Deputy Secretary of the Party Committee, President Ping Wang, Vice President Ming Gao
and the nurses of the hospital jointly participated in the interesting sports competition to share happiness with everyone.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_5.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">In the simple and grand opening ceremony, 40 young nurses by the composition of the cheerleading rhythmic gymnastics formation into 512, as the opening of the Games. Four male nurses, as flag bearers, handed the flag of the Games to secretary
Wei Lu and President Ping Wang . The flag waved and fluttered on the rostrum, and warm applause and cheers rang out in the venue.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_6.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Wanmin Qiang , director of the Nursing Department, extended sincere holiday greetings to all nurses in the hospital, and encouraged nurses to pay attention to their own health while taking care of patients' health, and to practice the concept
and lifestyle of promoting healthy life in the whole society.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_7.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Vice President Ming Gao fully affirmed and highly praised the sunshine mentality of nurses in our hospital, and presented the festival wishes of leaders at all levels and staff of the hospital to nurses in the whole hospital, hoping that we
could spend a happy nurses'day in a relaxed and pleasant atmosphere, further condense the morale of the nursing team, and let the nurses make more outstanding achievements in nursing posts. <br> At the opening ceremony, our hospital gave
collective recognition to 19 nurses who had been nursing for 30 years.The leaders of the hospital personally awarded the "Nursing Cultivation Award" trophy to them to express their respect and gratitude.All the nurses expressed their congratulations
and good wishes with warm applause!
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_8.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Such a picture made everyone accept a profound professional
baptism, and further aroused the professional pride and value of young nurses who love their
profession, love their life, respect their life and care for their life. They said that they would
continue to carry forward the spirit of cancer nursing of our hospital, which was dedicated, loyal
and selfless.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_9.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Such a picture made everyone accept a profound professional baptism, and further aroused the professional pride and value of young nurses who love their profession, love their life, respect their life and care for their life. They said that
they would continue to carry forward the spirit of cancer nursing of our hospital, which was dedicated, loyal and selfless.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_9.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">In the next part of the interesting competition, seven
nursing systems and the airport branch area formed eight teams to enter the stadium with a high and
exciting spiritual outlook. The cheerleading team composed of young nurses set off a warm atmosphere
in the stadium, and everyone warmed up collectively and was eager to try out the interesting
competition of eight items.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_10.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">In the next part of the interesting competition, seven nursing systems and the airport branch area formed eight teams to enter the stadium with a high and exciting spiritual outlook. The cheerleading team composed of young nurses set off a
warm atmosphere in the stadium, and everyone warmed up collectively and was eager to try out the interesting competition of eight items.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_10.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Laughter on the field, cheering sound one after another,
the 400 nurses who participated in the Games all joined in various competitions, truly reflecting
the original intention of the whole staff to participate in, all fitness, all happy activities.
Hospital leaders were also in high spirits with the whole hospital nurses to join in fun sports.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_11.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Laughter on the field, cheering sound one after another, the 400 nurses who participated in the Games all joined in various competitions, truly reflecting the original intention of the whole staff to participate in, all fitness, all happy
activities. Hospital leaders were also in high spirits with the whole hospital nurses to join in fun sports.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_11.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">After a happy competition, the eight teams were awarded
different levels of group awards, and 43 nurses received individual awards. Vice president Ming Gao
and director of the Nursing Department Wanmin Qiang , deputy director Ling Yan , and Jing Zhao
presented awards to the winning collectives and individuals. The Games also drew to a close in a
happy and United atmosphere.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_12.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">After a happy competition, the eight teams were awarded different levels of group awards, and 43 nurses received individual awards. Vice president Ming Gao and director of the Nursing Department Wanmin Qiang , deputy director Ling Yan , and
Jing Zhao presented awards to the winning collectives and individuals. The Games also drew to a close in a happy and United atmosphere.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_12.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">On Nurse's Day in 2019, all nurses in Tianzhong gathered
new impetus for innovation and development
in the baptism of professional mission and responsibility .In a happy and peaceful atmosphere, and
in the great new era!Once again, we have practiced the professional theme of love and dedication,
cohesion and progress of the nursing team in our hospital.</p>
<p style="font-size: 18px; line-height: 1.5">On Nurse's Day in 2019, all nurses in Tianzhong gathered new impetus for innovation and development in the baptism of professional mission and responsibility .In a happy and peaceful atmosphere, and in the great new era!Once again, we have
practiced the professional theme of love and dedication, cohesion and progress of the nursing team in our hospital.</p>
</div>
<footer class="footer-content">
<div class="footer-main">
... ... @@ -405,8 +376,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -424,7 +395,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -11,7 +11,7 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
</style>
</head>
... ... @@ -19,8 +19,7 @@
<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>
... ... @@ -43,7 +42,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -54,9 +53,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -160,7 +159,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -295,21 +294,15 @@
</div>
<div class="content">
<h3 class="center">The Voice of Health</h3>
<p style="font-size: 18px; line-height: 1.5">On the afternoon of May 10, the Nursing Department organized the theme of “Caring for the Breast, Being a
Beautiful Woman” and “Away from Tobacco Science and Anti-Cancer” to solve the problems encountered by
cancer patients in home care, medication guidance, and hospice care, to provide professional
support(physical and mental services) and meet the diverse and multi-level health service needs of
patients.</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_1.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Over the years, the Nursing Department has insisted on
conducting nursing consultations during the
Nurses' Day, providing professional health guidance, caring knowledge and rehabilitation skills for
patients and other social group, which has produced positive responses in the society. At the same
time, the activity has further promoted the professional enthusiasm and confidence of the nursing
staff in our hospital, and has played an important role in promoting the development of the oncology
nursing profession in our hospital.</p>
<p style="font-size: 18px; line-height: 1.5">On the afternoon of May 10, the Nursing Department organized the theme of “Caring for the Breast, Being a Beautiful Woman” and “Away from Tobacco Science and Anti-Cancer” to solve the problems encountered by cancer patients in home care, medication
guidance, and hospice care, to provide professional support(physical and mental services) and meet the diverse and multi-level health service needs of patients.
</p>
<div class="center" style="margin: 20px 0;">
<img src="../images/news_content_1.png" alt="" srcset="" class="center">
</div>
<p style="font-size: 18px; line-height: 1.5">Over the years, the Nursing Department has insisted on conducting nursing consultations during the Nurses' Day, providing professional health guidance, caring knowledge and rehabilitation skills for patients and other social group, which has
produced positive responses in the society. At the same time, the activity has further promoted the professional enthusiasm and confidence of the nursing staff in our hospital, and has played an important role in promoting the development
of the oncology nursing profession in our hospital.</p>
</div>
<footer class="footer-content">
<div class="footer-main">
... ... @@ -334,8 +327,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -353,7 +346,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: 1;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
}
.content-word-right .single_part {
width: 243px;
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
height: 863px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
overflow: hidden;
color: #232323;
margin-top: 60px;
box-sizing: border-box;
padding: 60px;
margin-bottom: 50px;
width: 100%;
background: #EBFBF8;
}
.depart_introduce.auto {
height: auto;
}
.part_top {
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 74px;
}
.part_inner_content {
padding: 20px 40px;
}
.person_introduce_box {
border-top: 5px solid #999;
margin-top: 100px;
padding-top: 50px;
}
.person_introduce_box h3 {
color: #00A16C;
}
.next {
width: 32px;
height: 22px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
cursor: pointer;
}
.contant {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: 1;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
}
.content-word-right .single_part {
width: 243px;
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
height: 863px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
overflow: hidden;
color: #232323;
margin-top: 60px;
box-sizing: border-box;
padding: 60px;
margin-bottom: 50px;
width: 100%;
background: #EBFBF8;
}
.depart_introduce.auto {
height: auto;
}
.part_top {
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 74px;
}
.part_inner_content {
padding: 20px 40px;
}
.person_introduce_box {
border-top: 5px solid #999;
margin-top: 100px;
padding-top: 50px;
}
.person_introduce_box h3 {
color: #00A16C;
}
.next {
width: 32px;
height: 22px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
cursor: pointer;
}
.contant {
width: 1122px;
margin: 70px auto 0 auto;
}
... ... @@ -171,38 +171,37 @@
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<div class="magnifier">
<img src="../images/01pc-main/pic%20(11).png" alt="">
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<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/01pc-main/pic%20(11).png" alt="">
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -213,9 +212,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -319,7 +318,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -446,37 +445,28 @@
</li>
</ul>
</div>
<!-- Swiper -->
<!-- <div class="img-header">
<!-- Swiper -->
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div> -->
<div class="content">
<div class="navpath">
<div class="content">
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
<div class="contant">
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/chif_nurse.png" alt="" />
</div>
<div class="contant_name">Rongxiu Chen <br>
Chief nurse</div>
<div class="contant_name">Rongxiu Chen <br> Chief nurse</div>
<div class="contant_word">
the 43rd Nightingale Medal of the International Committee of the Red Cross,
Former Director Nurse of Tianjin Medical University Cancer Institute &
Hospital(1983-2005), Director of the Quality Control Center of Tianjin Health
Committee, Hosted the " New Recruiting Nurse Training Series", "Oncology Nursing",
"Practical Nursing Technology", " Community Care and Self-Management about Cancer",
"Hospital Nursing Management Standards and Quality Assessment Standards" and other
books,Editorial board of Chinese Journal of nursing, Chinese Journal of nursing
management. Meanwhile, She was committed to improving the quality management standards
of Tianjin, the construction of nursing management team, the training of specialist
nurses. She carries out related research on the evaluation of nursing quality
indicators and human resources management in Tianjin, which effectively promoted the
scientific management of nursing quality and improved the quality of clinical care in
Tianjin.
the 43rd Nightingale Medal of the International Committee of the Red Cross, Former Director Nurse of Tianjin Medical University Cancer Institute & Hospital(1983-2005), Director of the Quality Control Center of Tianjin Health Committee, Hosted the " New
Recruiting Nurse Training Series", "Oncology Nursing", "Practical Nursing Technology", " Community Care and Self-Management about Cancer", "Hospital Nursing Management Standards and Quality Assessment Standards" and other books,Editorial
board of Chinese Journal of nursing, Chinese Journal of nursing management. Meanwhile, She was committed to improving the quality management standards of Tianjin, the construction of nursing management team, the training of specialist
nurses. She carries out related research on the evaluation of nursing quality indicators and human resources management in Tianjin, which effectively promoted the scientific management of nursing quality and improved the quality
of clinical care in Tianjin.
</div>
<div class="contant_center_img">
<img src="../images/Chief nurse_content.png" alt="" />
... ... @@ -484,55 +474,55 @@
</div>
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
//
</script>
</body>
</html>
\ No newline at end of file
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
//
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: 1;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
}
.content-word-right .single_part {
width: 243px;
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
height: 863px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
overflow: hidden;
color: #232323;
margin-top: 60px;
box-sizing: border-box;
padding: 60px;
margin-bottom: 50px;
width: 100%;
background: #EBFBF8;
}
.depart_introduce.auto {
height: auto;
}
.part_top {
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 74px;
}
.part_inner_content {
padding: 20px 40px;
}
.person_introduce_box {
border-top: 5px solid #999;
margin-top: 100px;
padding-top: 50px;
}
.person_introduce_box h3 {
color: #00A16C;
}
.next {
width: 32px;
height: 22px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
cursor: pointer;
}
.contant {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
}
.content-word-left {
width: 300px;
flex: unset;
align-self: flex-start;
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: 1;
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
}
.content-word-right .single_part {
width: 243px;
display: flex;
margin-bottom: 50px;
font-size: 17px;
color: #040404;
flex-flow: column;
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
height: 863px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
overflow: hidden;
color: #232323;
margin-top: 60px;
box-sizing: border-box;
padding: 60px;
margin-bottom: 50px;
width: 100%;
background: #EBFBF8;
}
.depart_introduce.auto {
height: auto;
}
.part_top {
height: 74px;
background: #83AD9F;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 74px;
}
.part_inner_content {
padding: 20px 40px;
}
.person_introduce_box {
border-top: 5px solid #999;
margin-top: 100px;
padding-top: 50px;
}
.person_introduce_box h3 {
color: #00A16C;
}
.next {
width: 32px;
height: 22px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
cursor: pointer;
}
.contant {
width: 1122px;
margin: 70px auto 0 auto;
}
... ... @@ -173,38 +171,37 @@
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<div class="magnifier">
<img src="../images/01pc-main/pic%20(11).png" alt="">
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<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/01pc-main/pic%20(11).png" alt="">
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -215,9 +212,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -321,7 +318,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -449,12 +446,12 @@
</ul>
</div>
<!-- Swiper -->
<!-- <div class="img-header">
<!-- Swiper -->
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</!-->
<div class="content">
<div class="navpath">
<div class="content">
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
... ... @@ -465,7 +462,7 @@
</div>
<div class="contant_name">Yongqin Jiang </div>
<div class="contant_word">
Former Director Jiang Yongqin served as a Board Members of the ISNCC, and won the International of Nursing in Cancer Care from Contribution Award.
Former Director Jiang Yongqin served as a Board Members of the ISNCC, and won the International of Nursing in Cancer Care from Contribution Award.
</div>
<!-- <div class="contant_center_img">
<img src="../images/team_detail_2.png" alt="" />
... ... @@ -473,55 +470,55 @@
</div>
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
//
</script>
</body>
</html>
\ No newline at end of file
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
//
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -153,9 +153,11 @@
line-height: 30px;
color: #727171;
}
.contant_center_title{
.contant_center_title {
margin-top: 44px
}
.contant_center_word {
font-size: 20px;
font-weight: 400;
... ... @@ -210,7 +212,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -221,9 +223,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -327,7 +329,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -200,9 +200,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -306,7 +306,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -15,16 +15,16 @@
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;
... ... @@ -41,12 +41,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;
... ... @@ -56,7 +56,7 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
... ... @@ -65,31 +65,31 @@
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
position: relative;
height: 1380px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
background: #EBFBF8;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
... ... @@ -100,17 +100,17 @@
line-height: 74px;
width: 100%;
}
.part_inner_content {
padding: 20px
}
.person_introduce_box {
padding-top: 100px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next {
width: 300px;
position: absolute;
... ... @@ -119,38 +119,43 @@
margin-left: -150px;
cursor: pointer;
}
.news_container{
.news_container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.singleNews{
.singleNews {
cursor: pointer;
font-size: 16px;
width: 590px;
}
.single_news_content{
color: #232323;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line{
text-align: left;
padding-left: 15px;
font-weight: bold;
background: #FFF;
}
.cooper_desc{
color: #333;
font-size: 18px;
padding: 15px;
}
.single_Conferences p{
margin-bottom: 30px;
margin-top: 10px;
}
.single_news_content {
color: #232323;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line {
text-align: left;
padding-left: 15px;
font-weight: bold;
background: #FFF;
}
.cooper_desc {
color: #333;
font-size: 18px;
padding: 15px;
}
.single_Conferences p {
margin-bottom: 30px;
margin-top: 10px;
}
</style>
</head>
... ... @@ -158,8 +163,7 @@
<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>
... ... @@ -182,7 +186,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -193,9 +197,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -299,7 +303,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -438,16 +442,14 @@
<div class="content-word-right active">
<div class="part_top top_line">Moved By The Service</div>
<p class="cooper_desc">
We make a programme with different theme every year to improve the patient's medical experience
and enable patients to have a better hospitalized experience. We have a deep understanding of
the patient's needs, walked into the patient's heart, and give the patient more psychological
support and meet the needs of patients beyond expectation,which help to fulfill themselves.</p>
We make a programme with different theme every year to improve the patient's medical experience and enable patients to have a better hospitalized experience. We have a deep understanding of the patient's needs, walked into the patient's heart, and give
the patient more psychological support and meet the needs of patients beyond expectation,which help to fulfill themselves.</p>
<div class="news_container">
<a class="singleNews">
<div class="time">
<img src="../images/5-2-15.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
<span class="single_news_content">
The nurse’s smile brought warmth to the patient
</span>
</a>
... ... @@ -503,8 +505,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -522,7 +524,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -15,16 +15,16 @@
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;
... ... @@ -41,12 +41,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;
... ... @@ -56,7 +56,7 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
... ... @@ -65,31 +65,31 @@
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
position: relative;
height: 1380px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
background: #EBFBF8;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
... ... @@ -100,17 +100,17 @@
line-height: 74px;
width: 100%;
}
.part_inner_content {
padding: 20px
}
.person_introduce_box {
padding-top: 100px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next {
width: 300px;
position: absolute;
... ... @@ -119,41 +119,46 @@
margin-left: -150px;
cursor: pointer;
}
.news_container{
.news_container {
/* display: flex; */
/* justify-content: space-between;
flex-wrap: wrap; */
}
.singleNews{
.singleNews {
cursor: pointer;
font-size: 16px;
width: 590px;
display: block;
margin: 0 auto;
}
.single_news_content{
color: #727171;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line{
text-align: left;
padding-left: 15px;
font-weight: bold;
background: #FFF;
}
.cooper_desc{
color: #727171;
font-size: 18px;
padding: 15px;
margin-top: 50px;
}
.single_Conferences p{
margin-bottom: 30px;
margin-top: 10px;
}
.single_news_content {
color: #727171;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line {
text-align: left;
padding-left: 15px;
font-weight: bold;
background: #FFF;
}
.cooper_desc {
color: #727171;
font-size: 18px;
padding: 15px;
margin-top: 50px;
}
.single_Conferences p {
margin-bottom: 30px;
margin-top: 10px;
}
</style>
</head>
... ... @@ -161,8 +166,7 @@
<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>
... ... @@ -185,7 +189,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -196,9 +200,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -302,7 +306,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -430,7 +434,7 @@
</ul>
</div>
<div class="content">
<div class="navpath">
Nursing Care<span>></span>Nursing Activity
... ... @@ -439,18 +443,15 @@
<div class="content-word">
<div class="content-word-right active">
<p class="cooper_desc">
We believe that love is the transmission of energy. Given more care, the nurse will pass the
love to the patient, and the little love will become a big love.
Every year more and more attention has been paid and lots of works have been done to our nurse
group to relieve job press and enhance team cohesion. Nursing staff in our hospital face life
with a strong sense of mission, using love, affection, and heart to interpret the meaning of
life.</p>
We believe that love is the transmission of energy. Given more care, the nurse will pass the love to the patient, and the little love will become a big love. Every year more and more attention has been paid and lots of works have been done to our nurse
group to relieve job press and enhance team cohesion. Nursing staff in our hospital face life with a strong sense of mission, using love, affection, and heart to interpret the meaning of life.
</p>
<div class="news_container">
<a class="singleNews">
<div class="time">
<img src="../images/5-2-19.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
<span class="single_news_content">
Fun Activity on the Nurse Day
</span>
</a>
... ... @@ -507,8 +508,8 @@
<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 () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -526,7 +527,7 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
... ...
... ... @@ -226,7 +226,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -237,9 +237,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -343,7 +343,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ... @@ -508,13 +508,13 @@
<div class="contant_word">
<a href="./profession_detail.html">
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-3.png" alt="" />
<div class="contant_one_img">
<img src="../images/5-2-3.png" alt="" />
</div>
<div class="contant_one_title">
Intravenous Therapy Team
</div>
</div>
<div class="contant_one_title">
Intravenous Therapy Team
</div>
</div>
</a>
<div class="contant_one">
<div class="contant_one_img">
... ... @@ -524,7 +524,7 @@
Symptom Management Team
</div>
</div>
</div>
<div class="contant_word">
<div class="contant_one">
... ...
... ... @@ -278,7 +278,7 @@
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
... ... @@ -289,9 +289,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -395,7 +395,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -225,9 +225,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -331,7 +331,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...
... ... @@ -225,9 +225,9 @@
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a>
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
... ... @@ -331,7 +331,7 @@
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
Introduction
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
... ...