作者 王毅

合并分支 'Branch_wy' 到 'master'

Branch wy



查看合并请求 !2

要显示太多修改。

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

... ... @@ -2,38 +2,76 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
height: 663px;
align-items: flex-start;
display: unset;
}
.single_mark{
.single_mark {
width: 1000px;
margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.single_mark img{
.single_mark img {
width: 100%;
}
.contant {
width: 1122px;
margin: 50px auto 0 auto;
}
.contant_title {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.contant_one {
width: 807px;
margin: 0 auto;
}
.contant_img {
margin: 24px auto 18px auto;
width: 100%;
height: 461px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_center_title {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
</style>
</head>
... ... @@ -41,23 +79,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -69,192 +106,187 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'" class="inner_item">
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
Contact Us
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -265,13 +297,64 @@
<div class="content padding0">
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/care_top.png" width="100%" alt="">
</div>
</div> -->
</div>
<div class="content">
<div class="content-word">
<div class="navpath">
Nursing Care<span>></span>Nursing Activity
<span>></span>Heart-warming Service
</div>
<div class="contant">
<div class="contant_title">
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.
</div>
<div class="contant_center">
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-15.png" alt="" />
</a>
</div>
<div class="contant_center_title">
The nurse’s smile brought warmth to the patient
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-16.png" alt="" />
</a>
</div>
<div class="contant_center_title">
Happy Children’s Day
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-17.png" alt="" />
</a>
</div>
<div class="contant_center_title">
Nurses in digestive cancer department send love to patients in Lantern Festival
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<a class="single_mark" href="profession.html">
<img src="../images/5-2-18.png" alt="" />
</a>
</div>
<div class="contant_center_title">
The nurse in Pulmonary Medical Department have a nice talk with the patient
</div>
</div>
</div>
</div>
<!-- <div class="content-word">
<a class="single_mark" href="profession.html">
<img src="../images/care_ac1.png" width="100%" alt="" srcset="">
</a>
... ... @@ -285,12 +368,10 @@
<a class="single_mark" href="profession.3.html">
<img src="../images/care_ac4.png" width="100%" alt="" srcset="">
</a>
</div>
</div> -->
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
... ... @@ -299,41 +380,51 @@
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
$(document).ready(function() {
$(".btn-group")
.find(".navbtn-a")
.click(function() {
console.log(this);
$(this)
.siblings(".navbtn-a")
.removeClass("navbtnActive"); // 删除其他兄弟元素的样式
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
var swiper = new Swiper(".swiper-container1", {
pagination: ".swiper-pagination",
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
$(".content-word-left").on("click", "h4", function() {
$(this)
.addClass("active")
.siblings()
.removeClass("active");
$(".content-word-right")
.eq($(this).index())
.addClass("active")
.siblings()
.removeClass("active");
});
</script>
</body>
... ...
... ... @@ -131,6 +131,46 @@
margin-left: -11px;
cursor: pointer;
}
.contant {
width: 1122px;
margin: 70px auto 0 auto;
}
.contant_img {
width: 256px;
height: 304px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_name {
margin: 26px 0;
font-size: 30px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_word {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 30px;
}
.contant_center_img {
margin-top: 36px;
width: 877px;
height: 541px;
}
.contant_center_img img {
width: 100%;
height: 100%;
}
</style>
</head>
... ... @@ -360,27 +400,24 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="content-word">
<div class="content-word-right active">
<div class="person_desc">
<div class="person_desc_photo">
<img src="../images/chif_nurse.png" alt="" srcset="">
</div>
<div class="person_desc_box">
<h4 class="pername">
Rongxiu Chen <br>
Chief nurse
</h4>
</div>
</div>
<div class="depart_introduce">
<div class="part_desc">
<p style="font-size: 18px">
the 43rd Nightingale Medal of the International Committee of the Red Cross,
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
<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_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",
... ... @@ -393,30 +430,12 @@
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.
</p>
</div>
<img src="../images/Chief nurse_content.png" alt="" srcset="">
</div>
</div>
<!-- <div class="content-word-left">
<div class="part_top">
DEPARTMENTS DYNAMICS
</div>
<div class="part_inner_content">
under construction under construction
under construction under construction
under construction under construction
under construction under construction
under construction under construction
under construction under construction
</div>
<img src="../images/next.png" class="next" alt="" srcset="">
</div> -->
</div>
</div>
<div class="contant_center_img">
<img src="../images/Chief nurse_content.png" alt="" />
</div>
</div>
</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -131,6 +131,48 @@
margin-left: -11px;
cursor: pointer;
}
.contant {
width: 1122px;
margin: 70px auto 0 auto;
}
.contant_img {
width: 256px;
height: 304px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_name {
margin: 26px 0;
font-size: 30px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_word {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 30px;
}
.contant_center_img {
margin-top: 36px;
width: 877px;
height: 541px;
}
.contant_center_img img {
width: 100%;
height: 100%;
}
</style>
</head>
... ... @@ -360,50 +402,28 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
</!-->
<div class="content">
<div class="content-word">
<div class="content-word-right active">
<div class="person_desc">
<div class="person_desc_photo">
<img src="../images/rongxiu.png" alt="" srcset="">
</div>
<div class="person_desc_box">
<h4 class="pername">
Yongqin Jiang
</h4>
</div>
</div>
<div class="depart_introduce">
<div class="part_desc">
<p style="font-size: 18px">
Former Director Jiang Yongqin served as a Board Members of the ISNCC, and won the
International of Nursing in Cancer Care from Contribution Award.
</p>
</div>
<img src="../images/rongxiu_text.png" alt="" srcset="">
</div>
</div>
<!-- <div class="content-word-left">
<div class="part_top">
DEPARTMENTS DYNAMICS
</div>
<div class="part_inner_content">
under construction under construction
under construction under construction
under construction under construction
under construction under construction
under construction under construction
under construction under construction
</div>
<img src="../images/next.png" class="next" alt="" srcset="">
</div> -->
</div>
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/rongxiu.png" alt="" />
</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.
</div>
<!-- <div class="contant_center_img">
<img src="../images/team_detail_2.png" alt="" />
</div> -->
</div>
</div>
</div>
<footer class="footer-content">
... ...
<!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;
}
<!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: 0.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;
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;
}
.contant_img {
width: 256px;
height: 304px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_name {
margin: 26px 0;
font-size: 30px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_word {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 30px;
}
.contant_center_img {
margin-top: 36px;
width: 877px;
height: 541px;
}
.contant_center_img img {
width: 100%;
height: 100%;
}
</style>
</head>
.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;
}
</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">
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
<!--<a href="../international/exchange.html" class="inner_item">-->
<!--International Exchanges News-->
<!--</a>-->
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<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">
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
<!--<a href="../international/exchange.html" class="inner_item">-->
<!--International Exchanges News-->
<!--</a>-->
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<!-- Swiper -->
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
<div class="content">
<div class="content-word">
<div class="content-word-right active">
<div class="person_desc">
<div class="person_desc_photo">
<img src="../images/wangmin.png" alt="" srcset="">
</div>
<div class="person_desc_box">
<h4 class="pername">
Wanmin Qiang
</h4>
</div>
</div>
<div class="depart_introduce">
<div class="part_desc">
<p style="font-size: 18px">
Director Nurse of Tianjin Medical University Cancer Institute & Hospital, Postgraduate
tutors of Tianjin Medical University and Tianjin University of Traditional Chinese
Medicine,Good Nurse with People’s Satisfaction, Top Ten Medical Workers(Sole Nurse),
Former Chairman of China Anti-Cancer Association Oncological Nursing Committee,
Editorial board of Chinese Journal of nursing, Chinese Journal of nursing management,
Journal of Nurses Training,and 33 members of the Chinese Society of Nursing, Tianjin
Nursing Association and other academic organizations.
</p>
</div>
<img src="../images/team_detail_2.png" alt="" srcset="">
</div>
</div>
<!-- <div class="content-word-left">
<div class="part_top">
DEPARTMENTS DYNAMICS
</div>
<div class="part_inner_content">
under construction under construction
under construction under construction
under construction under construction
under construction under construction
under construction under construction
under construction under construction
</div>
<img src="../images/next.png" class="next" alt="" srcset="">
</div> -->
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
</!-->
<div class="content">
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/wangmin.png" alt="" />
</div>
<div class="contant_name">Wanmin Qiang</div>
<div class="contant_word">
Director Nurse of Tianjin Medical University Cancer Institute & Hospital, Postgraduate tutors of Tianjin Medical University and Tianjin University of Traditional Chinese Medicine
</div>
<div class="contant_center_img">
<img src="../images/team_detail_2.png" alt="" />
</div>
</div>
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function() {
$(".btn-group")
.find(".navbtn-a")
.click(function() {
console.log(this);
$(this)
.siblings(".navbtn-a")
.removeClass("navbtnActive"); // 删除其他兄弟元素的样式
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
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>
$(".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
</html>
\ No newline at end of file
... ...
... ... @@ -2,29 +2,29 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
}
.content-word-left {
width: 300px;
flex: unset;
... ... @@ -32,7 +32,7 @@
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: unset;
display: none !important;
... ... @@ -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,43 +56,43 @@
align-items: flex-start;
margin-left: 50px;
}
.content-word-left h4 {
color: #232323;
opacity: .7;
opacity: 0.7;
line-height: 2.5;
padding: 0;
margin: 0;
cursor: pointer;
}
.single_part p {
margin-top: 10px;
}
.content-word-left {
background: #EBFBF8;
background: #ebfbf8;
position: relative;
height: 1380px;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce {
background: #EBFBF8;
background: #ebfbf8;
color: #232323;
box-sizing: border-box;
padding: 20px;
}
.part_top {
height: 74px;
background: #83AD9F;
background: #83ad9f;
color: #000000;
font-size: 18px;
font-weight: bold;
... ... @@ -100,17 +100,17 @@
line-height: 74px;
width: 100%;
}
.part_inner_content {
padding: 20px
padding: 20px;
}
.person_introduce_box {
padding-top: 100px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next {
width: 300px;
position: absolute;
... ... @@ -119,38 +119,82 @@
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;
}
.contant {
width: 1122px;
margin: 60px auto 0 auto;
}
.contant_title {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.contant_one_img {
width: 96%;
height: 386px;
}
.contant_one_img img {
width: 100%;
height: 100%;
}
.contant_one_title {
margin-top: 24px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_word {
margin-top: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
}
</style>
</head>
... ... @@ -158,23 +202,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -186,191 +229,187 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'" class="inner_item">
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
Contact Us
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -381,110 +420,115 @@
<div class="content padding0">
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/care_top.png" width="100%" alt="">
</div>
</div> -->
</div>
<div class="content">
<div class="content-word">
<div class="content-word-right active">
<div class="part_top top_line">Profession</div>
<p class="cooper_desc">
We have established 10 professional groups . They carry out a series of activity based on the
patient's needs and cooperate multidisciplinary to lead and improve the development of cancer
care</p>
<div class="news_container">
<a class="singleNews" href="profession_detail.html">
<div class="time">
<img src="../images/5-2-1.png" width='100%' alt="" srcset="">
<div class="navpath">
Nursing Care<span>></span>Nursing Activity
<span>></span>Profession
</div>
<div class="contant">
<div class="contant_title">
We have established 10 professional groups . They carry out a series of activity based on the patient's needs and cooperate multidisciplinary to lead and improve the development of cancer care
</div>
<div class="contant_center">
<div class="contant_word">
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-1.png" alt="" />
</div>
<span class="single_news_content">
<div class="contant_one_title">
Professional Activities of the Psychological Support team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-2.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-2.png" alt="" />
</div>
<div class="contant_one_title">
professional Activities of Colostomy & Wound Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-3.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
</div>
</div>
<div class="contant_word">
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-3.png" alt="" />
</div>
<div class="contant_one_title">
Professional Activities of IV Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-4.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-4.png" alt="" />
</div>
<div class="contant_one_title">
Professional Activities of Symptom Management Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-5.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
</div>
</div>
<div class="contant_word">
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-5.png" alt="" />
</div>
<div class="contant_one_title">
Professional Activities of Nutrition Support Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-6.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
Rofessional Activities of the Intensive Care Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-7.png" width='100%' alt="" srcset="">
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-6.png" alt="" />
</div>
<div class="contant_one_title">
Professional Activities of the Intensive Care Team
</div>
</div>
</div>
<div class="contant_word">
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-7.png" alt="" />
</div>
<span class="single_news_content">
<div class="contant_one_title">
Professional Activities of Drug Safty Management Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-8.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-8.png" alt="" />
</div>
<div class="contant_one_title">
A special Group in Evidence Based Nursing Research of TCIH
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-9.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
</div>
</div>
<div class="contant_word">
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-9.png" alt="" />
</div>
<div class="contant_one_title">
Professional Activities of the Innovation R&D Project Team
</span>
</a>
<a class="singleNews">
<div class="time">
<img src="../images/5-2-10.png" width='100%' alt="" srcset="">
</div>
<span class="single_news_content">
Professional Activities of the ERAS Team
</span>
</a>
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/5-2-10.png" alt="" />
</div>
<div class="contant_one_title">
Professional Activities of the ERAS Team
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
... ... @@ -493,41 +537,51 @@
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
$(document).ready(function() {
$(".btn-group")
.find(".navbtn-a")
.click(function() {
console.log(this);
$(this)
.siblings(".navbtn-a")
.removeClass("navbtnActive"); // 删除其他兄弟元素的样式
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
var swiper = new Swiper(".swiper-container1", {
pagination: ".swiper-pagination",
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
$(".content-word-left").on("click", "h4", function() {
$(this)
.addClass("active")
.siblings()
.removeClass("active");
$(".content-word-right")
.eq($(this).index())
.addClass("active")
.siblings()
.removeClass("active");
});
</script>
</body>
... ...
... ... @@ -326,10 +326,11 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/ac_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content ">
<div class="navpath">Clinical Resources<span>></span>Clinical Activities</div>
<div class="content-word">
<div class="ondata">under construction</div>
... ...
... ... @@ -11,7 +11,87 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style lang="">
.contant {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
/* align-items: center; */
margin-top: 80px;
}
.contant_right {
margin-left: 170px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
/* align-items: center; */
}
.left_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 35px;
margin-bottom: 46px;
}
.left_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
line-height: 35px;
margin-bottom: 46px;
}
.contant_right_second {
margin-left: 122px;
}
.contant_right_title {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 24px;
margin-bottom: 50px;
text-decoration: underline;
}
.wire {
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 750px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
.wire2 {
position: relative;
}
.wire2::before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 75px;
}
</style>
</head>
... ... @@ -242,35 +322,37 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="department_top">
Center of Excellences
<div class="navpath">
Clinical Resources<span>></span>Clinical Departments
<span>></span>Center of Excellences
</div>
<div class="department_main">
<div class="department_item">
<div class="single_part">
<a class="name_box xulie borderBottom" href="depart_detail.215.html">
<span>Biotherapy Cancer Center</span>
</a>
<div class="name_box borderBottom">
<span>Breast Cancer Center</span>
</div>
<div class="name_box xulie borderBottom">
<span>Lung Cancer Center </span>
<div class="contant">
<div class="contant_left">
<div class="left_title">Surgical Oncology</div>
<div class="left_title">Medical Oncology</div>
<div class="left_title">Radiation Oncology</div>
<div class="left_title">Diagnostic Oncology</div>
<div class="left_titles">Center of Excellences</div>
</div>
<div class="wire2 ">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Biotherapy Cancer Center
</div>
<div class="contant_right_title">
Breast Cancer Center
</div>
</div>
<div class="contant_right_second">
<div class="contant_right_title">Lung Cancer Center</div>
</div>
</div>
</div>
</div>
<div class="department_item">
</div>
<div class="department_item">
</div>
</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -326,7 +326,7 @@
</div>
<div class="contant">
<div class="contant_left">
<div class="left_title">Surgical Oncology</div>
<div class="left_titles">Surgical Oncology</div>
<div class="left_title">Medical Oncology</div>
<div class="left_title">Radiation Oncology</div>
<div class="left_title">Diagnostic Oncology</div>
... ... @@ -573,25 +573,25 @@
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(".left_title").mouseover(function() {
$(this)
.addClass("left_titles")
.siblings()
.removeClass("left_titles");
});
$(".left_title").click(function() {
$(this)
.addClass("left_titles")
.siblings()
.removeClass("left_titles");
var index = $(this).index();
console.log(index);
$(".neirong")
.eq(index)
.show()
.siblings()
.hide();
});
// $(".left_title").mouseover(function() {
// $(this)
// .addClass("left_titles")
// .siblings()
// .removeClass("left_titles");
// });
// $(".left_title").click(function() {
// $(this)
// .addClass("left_titles")
// .siblings()
// .removeClass("left_titles");
// var index = $(this).index();
// console.log(index);
// $(".neirong")
// .eq(index)
// .show()
// .siblings()
// .hide();
// });
</script>
</body>
... ...
... ... @@ -11,7 +11,87 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style lang="">
.contant {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
/* align-items: center; */
margin-top: 80px;
}
.contant_right {
margin-left: 170px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
/* align-items: center; */
}
.left_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 35px;
margin-bottom: 46px;
}
.left_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
line-height: 35px;
margin-bottom: 46px;
}
.contant_right_second {
margin-left: 122px;
}
.contant_right_title {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 24px;
margin-bottom: 50px;
text-decoration: underline;
}
.wire {
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 750px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
.wire2 {
position: relative;
}
.wire2::before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 75px;
}
</style>
</head>
... ... @@ -242,56 +322,60 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="department_top">
Diagnostic Oncology
<div class="navpath">
Clinical Resources<span>></span>Clinical Departments
<span>></span>Diagnostic Oncology
</div>
<div class="department_main">
<div class="department_item">
<div class="single_part">
<a class="name_box xulie borderBottom" href="depart_detail.214.html">
<span>Anti-Infection Management</span>
</a>
<a class="name_box borderBottom" href="depart_detail.214.html">
<span>Breast Imaging</span>
</a>
<a class="name_box xulie borderBottom" href="depart_detail.214.html">
<span>Cancer Prevention Center</span>
</a>
<a class="name_box borderBottom" href="depart_detail.214.html">
<span>Cardio-Pulmonary Function</span>
</a>
<a class="name_box xulie borderBottom" href="depart_detail.214.html">
<span>Clinical Laboratory</span>
</a>
</div>
<!-- <div class="department_top">
Diagnostic Oncology
</div> -->
<div class="contant">
<div class="contant_left">
<div class="left_title">Surgical Oncology</div>
<div class="left_title">Medical Oncology</div>
<div class="left_title">Radiation Oncology</div>
<div class="left_titles">Diagnostic Oncology</div>
<div class="left_title">Center of Excellences</div>
</div>
<div class="department_item">
<div class="single_part">
<a class="name_box xulie borderBottom" href="depart_detail.214.html">
<span>Endoscopy Department</span>
</a>
<div class="name_box borderBottom">
<span>Medical Records</span>
</div>
<div class="name_box xulie borderBottom">
<span>Molecular Imaging and Nuclear Medicine</span>
</div>
<div class="name_box borderBottom">
<span>Radiology</span>
</div>
<div class="name_box xulie borderBottom">
<span>Ultrasound Department</span>
<div class="wire2" >
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Anti-Infection Management
</div>
<div class="contant_right_title">
Breast Imaging
</div>
<div class="contant_right_title">
Cancer Prevention Center
</div>
<div class="contant_right_title">
Cardio-Pulmonary Function
</div>
<div class="contant_right_title">
Clinical Laboratory
</div>
</div>
<div class="contant_right_second">
<div class="contant_right_title">Endoscopy Department</div>
<div class="contant_right_title">Medical Records</div>
<div class="contant_right_title">
Molecular Imaging and Nuclear Medicine
</div>
<div class="contant_right_title">
Radiology
</div>
<div class="contant_right_title">
Ultrasound Department
</div>
</div>
</div>
</div>
</div>
<div class="department_item">
</div>
</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -27,6 +27,9 @@
width: 178px;
margin: 0 40px 40px 40px;
}
.single_ship_box{
margin-top: 60px
}
</style>
</head>
... ... @@ -257,10 +260,12 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/find_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content ">
<div class="navpath">Clinical Resources<span>></span>Find a Doctor</div>
<div class='single_ship_box'>
<div class='left_ship_box'>
<div class="header-title-right">
... ... @@ -268,7 +273,7 @@
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (9).png" alt="">
<img src="../images/01pc-main/pic (9).png" alt="" style="margin-bottom: 6px">
</button>
</div>
<h4>click here</h4>
... ... @@ -279,7 +284,7 @@
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (9).png" alt="">
<img src="../images/01pc-main/pic (9).png" alt="" style="margin-bottom: 6px">
</button>
</div>
<h4>click here</h4>
... ...
... ... @@ -21,6 +21,87 @@
overflow: hidden;
text-overflow: ellipsis;
}
.contant {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
/* align-items: center; */
margin-top: 80px;
}
.contant_right {
margin-left: 170px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
/* align-items: center; */
}
.left_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 35px;
margin-bottom: 46px;
}
.left_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
line-height: 35px;
margin-bottom: 46px;
}
.contant_right_second {
margin-left: 122px;
}
.contant_right_title {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 24px;
margin-bottom: 50px;
text-decoration: underline;
}
.wire {
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 750px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
.wire2 {
position: relative;
}
.wire2::before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 75px;
}
</style>
</head>
... ... @@ -251,14 +332,58 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="department_top">
<div class="navpath">
Clinical Resources<span>></span>Clinical Departments
<span>></span>Medical Oncology
</div>
<!-- <div class="department_top">
Medical Oncology
</div> -->
<div class="contant">
<div class="contant_left">
<div class="left_title">Surgical Oncology</div>
<div class="left_titles">Medical Oncology</div>
<div class="left_title">Radiation Oncology</div>
<div class="left_title">Diagnostic Oncology</div>
<div class="left_title">Center of Excellences</div>
</div>
<div class="wire2">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Biotherapy
</div>
<div class="contant_right_title">
Breast Cancer Medical Oncology
</div>
<div class="contant_right_title">
Gastrointestinal Cancer Medical Oncology
</div>
<div class="contant_right_title">
Hematology
</div>
<div class="contant_right_title">
Integrated chinese traditional and western medicine
</div>
</div>
<div class="contant_right_second">
<div class="contant_right_title">Lymphoma</div>
<div class="contant_right_title">Pain Management</div>
<div class="contant_right_title">
Thoracic Medical Oncology
</div>
<div class="contant_right_title">
V.I.P. Wards
</div>
</div>
</div>
</div>
</div>
<div class="department_main">
<!-- <div class="department_main">
<div class="department_item">
<a class="name_box xulie borderBottom" >
<span>Biotherapy</span>
... ... @@ -294,7 +419,7 @@
<div class="department_item">
</div>
</div>
</div> -->
</div>
<footer class="footer-content">
<div class="footer-main">
... ...
... ... @@ -11,7 +11,87 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style lang="">
.contant {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
/* align-items: center; */
margin-top: 80px;
}
.contant_right {
margin-left: 170px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
/* align-items: center; */
}
.left_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 35px;
margin-bottom: 46px;
}
.left_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
line-height: 35px;
margin-bottom: 46px;
}
.contant_right_second {
margin-left: 122px;
}
.contant_right_title {
font-size: 20px;
font-weight: 400;
color: rgba(86, 86, 86, 1);
line-height: 24px;
margin-bottom: 50px;
text-decoration: underline;
}
.wire {
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 750px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
.wire2 {
position: relative;
}
.wire2::before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 75px;
}
</style>
</head>
... ... @@ -242,27 +322,32 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/cli2_top.png" width="100%" alt="">
</div>
</!-->
<div class="content">
<div class="department_top">
Radiation Oncology
<div class="navpath">
Clinical Resources<span>></span>Clinical Departments
<span>></span>Radiation Oncology
</div>
<div class="department_main">
<div class="department_item">
<div class="single_part">
<a class="name_box xulie borderBottom" href="depart_detail.2.3.html">
<span>Radiation Oncology</span>
</a>
</div>
<div class="contant">
<div class="contant_left">
<div class="left_title">Surgical Oncology</div>
<div class="left_title">Medical Oncology</div>
<div class="left_titles">Radiation Oncology</div>
<div class="left_title">Diagnostic Oncology</div>
<div class="left_title">Center of Excellences</div>
</div>
<div class="department_item">
</div>
<div class="department_item">
</div>
<div class="wire2 ">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Radiation Oncology
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -24,6 +24,7 @@
font-size: 21px;
}
.content-word-left{
margin-top: 60px;
border-right: 1px solid #666;
width: 300px;
flex: unset;
... ... @@ -31,6 +32,7 @@
.content-word-left h4{
line-height: 2.5;
cursor: pointer;
font-weight: bold;
}
.content-word-left h4:hover, .content-word-left h4.active {
color: #00A16C;
... ... @@ -272,12 +274,13 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/clinical_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content ">
<div class="content ">
<div class="navpath">Clinical Resources<span>></span>Clinical Trials</div>
<div class="content-word">
<div class="content-word-left">
... ... @@ -309,7 +312,7 @@
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (11).png" alt="">
<img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px">
</button>
</div>
</div>
... ...
... ... @@ -54,7 +54,6 @@ ul {
text-decoration: none;
font-family: "Arial-BoldMT";
font-weight: bold;
}
.nav_menu_items li:hover>a,
... ... @@ -228,6 +227,7 @@ ul {
display: flex;
display: -webkit-flex;
}
.first-ul li {
padding: 0 15px;
}
... ... @@ -244,6 +244,7 @@ ul {
z-index: 5;
border-radius: 4px;
}
.container-fluid .content:first-child {
padding-top: 0;
}
... ... @@ -261,82 +262,99 @@ ul {
color: #01a26e;
padding-top: 10px;
}
.prof_box{
.prof_box {
display: flex;
display: -webkit-flex;
margin-top: 30px;
justify-content: space-between;
}
.prof_item{
.prof_item {
width: 200px;
margin-right: 20px;
font-size: 16px;
}
.prof_img_box{
.prof_img_box {
overflow: hidden;
}
.prof_desc{
.prof_desc {
margin-top: 20px;
}
.flex_content{
.flex_content {
display: flex;
display: -webkit-flex;
}
.left_imgbox{
.left_imgbox {
flex: 1;
-webkit-flex: 1;
}
.right_desc{
.right_desc {
flex: 2;
-webkit-flex: 2;
margin-left: 30px;
}
.single_ship_box{
.single_ship_box {
display: flex;
display: -webkit-flex;
}
.left_ship_box{
.left_ship_box {
width: 240px;
height: 300px;
align-self: flex-start;
border-right: 1px solid #000;
/* border-right: 1px solid #000; */
}
.ships_list{
.ships_list {
display: flex;
display: -webkit-flex;
flex: 1;
padding:20px 30px;
padding: 20px 30px;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
.ships_item{
.ships_item {
width: 178px;
margin:0 0 40px 40px;
margin: 0 0 40px 40px;
}
.ships_item_imgbox{
.ships_item_imgbox {
background-color: #999;
height: 196px;
}
.ships_name{
.ships_name {
margin-top: 15px
}
.ondata{
.ondata {
height: 180px;
color: #00A16C;
font-size: 22px;
line-height: 180px;
}
.nopadding{
.nopadding {
padding-top: 0
}
.padding0{
.padding0 {
padding: 0;
}
/* 修改 */
.sec_menu_items{
.sec_menu_items {
position: absolute;
background: #F5F6F6;
top: 58px;
... ... @@ -348,7 +366,8 @@ ul {
padding-top: 18px;
padding-right: 30px;
}
.sec_menu_items::after{
.sec_menu_items::after {
content: '';
position: absolute;
background: #00A16C;
... ... @@ -357,7 +376,8 @@ ul {
left: 0;
top: 0;
}
.nav_menu_items li:hover .sec_menu_items{
.nav_menu_items li:hover .sec_menu_items {
display: block
}
... ... @@ -371,6 +391,7 @@ ul {
white-space: nowrap;
position: relative;
}
.third_menu_items {
position: absolute;
right: 0;
... ... @@ -381,8 +402,9 @@ ul {
display: none;
padding: 0 15px;
}
.third_menu_items:before{
content:'';
.third_menu_items:before {
content: '';
border-width: 8px 0 8px 8px;
border-color: #F5F5F5 #F5F5F5 #F5F5F5 #00A16C;
border-style: solid;
... ... @@ -398,9 +420,11 @@ ul {
color: #00A16C;
position: relative;
}
.nav_menu_items li .sec_menu_items .inner_item:hover .third_menu_items {
display: block;
}
.nav_menu_items li .sec_menu_items .inner_item:hover:before {
content: '';
position: absolute;
... ... @@ -410,6 +434,7 @@ ul {
top: 0;
background: #00A16C;
}
.nav_menu_items li .sec_menu_items .third_menu_items .inner_item:hover:before {
content: '';
position: absolute;
... ... @@ -420,17 +445,21 @@ ul {
background: #00A16C;
}
.base_margin{
.base_margin {
margin: 60px 0;
}
.inner_content{
.inner_content {
margin: 0 auto;
width: 300px;
}
/* 2019-04-02 departments */
.department_top{
.department_top {
height: 122px;
background:rgba(235, 251, 248, 1);
background: rgba(235, 251, 248, 1);
font-size: 20px;
color: #00A16C;
display: flex;
... ... @@ -440,15 +469,19 @@ ul {
margin-bottom: 30px;
padding-left: 30px;
}
.department_main{
.department_main {
display: flex;
width: 100%;
justify-content: space-between;
}
.department_item{
.department_item {
width: 370px;
}
.xulie,.xulie.name_box {
.xulie,
.xulie.name_box {
height: 56px;
align-items: center;
background-color: #83AD9F;
... ... @@ -457,7 +490,8 @@ ul {
display: -webkit-flex;
padding-left: 19px;
}
.name_box{
.name_box {
height: 60px;
line-height: 60px;
font-size: 18px;
... ... @@ -471,20 +505,23 @@ ul {
line-height: 60px;
font-size: 18px;
background-color: #83AD9F;
padding-left: 30px;
}
.name_box span{
.name_box span {
text-decoration: underline;
color: #565656;
cursor: pointer;
}
.borderBottom{
.borderBottom {
margin-bottom: 4px;
}
.margin0{
.margin0 {
margin-top: 0!important;
}
.top_title_inner {
background-color: #00A16C;
font-size: 20px;
... ... @@ -494,13 +531,15 @@ ul {
margin-bottom: 70px;
margin-top: 20px;
}
.bold_title{
.bold_title {
font-size: 28px;
color: #00A16C;
text-align: center;
margin-bottom: 30px;
}
.news_item{
.news_item {
display: flex;
height: 45px;
align-items: center;
... ... @@ -508,12 +547,14 @@ ul {
font-size: 16px;
color: #00A16C;
}
.news_inner_content{
.news_inner_content {
margin-bottom: 0;
margin-left: 15px;
color: #333;
}
.top_title_inner_short{
.top_title_inner_short {
min-width: 280px;
padding: 10px 15px;
text-align: center;
... ... @@ -523,47 +564,56 @@ ul {
font-size: 24px;
margin-bottom: 40px;
}
.photo_box{
.photo_box {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.photo_item_box{
.photo_item_box {
width: 285px;
padding: 20px;
margin-right: 15px;
margin-bottom: 25px;
background-color: #EBFBF8;
}
.photo_item_desc{
.photo_item_desc {
height: 130px;
font-size: 18px;
padding-top: 20px;
}
.person_desc{
.person_desc {
display: flex;
display: -webkit-flex;
}
.person_desc_photo{
.person_desc_photo {
width: 249px;
}
.person_desc_photo img{
.person_desc_photo img {
width: 100%;
}
.person_desc_box{
.person_desc_box {
align-self: center;
margin-left: 28px;
width: 200px;
}
.person_desc_box h4{
.person_desc_box h4 {
color: #000;
}
.person_introduce_box h3 {
color: #00A16C;
margin-bottom: 50px;
}
.photo_item_imageBox{
.photo_item_imageBox {
background: #B9BDBE;
width: 245px;
height: 290px;
... ...
... ... @@ -920,13 +920,15 @@ li {
.navpath {
height: 66px;
background-color: #00a16c;
padding: 26px 0 26px 32px;
/* padding: 26px 0 26px 32px; */
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 2px;
color: #feffff;
box-sizing: border-box;
line-height: 66px;
padding-left: 32px
}
.navpath span {
... ...
... ... @@ -2,30 +2,54 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.prof_box {
justify-content: space-around;
}
.prof_item{
width:auto;
.prof_item {
width: auto;
font-size: 20px;
color: #333;
}
.prof_img_box{
.prof_img_box {
width: 200px;
}
.bottom_imgBox{
.bottom_imgBox {
flex: 1;
}
.contant {
width: 1122px;
margin: 70px auto 0 auto;
}
.contant_one {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
}
.contant_img {
margin: 40px auto;
width: 698px;
height: 426px;
}
.contant_img img {
width: 100%;
height: 100%;
}
</style>
</head>
... ... @@ -33,23 +57,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -61,193 +84,189 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'" class="inner_item">
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
News
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
Partnership Institutions
</a>
<!--<a href="../international/exchange.html" class="inner_item">-->
<!--International Exchanges News-->
<!--International Exchanges News-->
<!--</a>-->
</div>
</li>
... ... @@ -258,101 +277,56 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/ins_banner.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="content-word">
<div class="content-word-left">
<div class="top_title_inner_short">
About Us
</div>
<p style="font-size: 18px; color:#000;">Tianjin Cancer Institute was established in 1977 by the late Chinese oncologist Professor Jin
Xianzhai. It used to be the Cancer Prevention Research Laboratory of Tianjin People’s Hospital.
In 1987, Tianjin People’s Hospital was renamed Tianjin Cancer Hospital, and the Research
Laboratory was set as an institute. In 1997, the Cancer Hospital and Research Institute were
assigned to Tianjin Medical University. In 2007, the Institute became an independent legal
entity. Jin Xianzhai, Zhou Yanchang, Zhang Tianze and Jin Jiarui have served as the director of
has served as the director successively. Academician Hao Xishan is the current director, with
Professor Ying Guoguang, Professor Niu Ruifang and Professor Li Hui acting as the deputy
directors. <br>
Tianjin Cancer Institute has 12 departments, namely the Laboratory for Cancer Epidemiology &
Biostatistics, the Laboratory for Pathology, the Laboratory for Biochemistry & Molecular
Biology, the Laboratory for Cancer Cell Biology, the Laboratory for Immuno-Biotechnology, the
Laboratory for Gastrointestinal Tumor Biology, the Pharmacology Laboratory, the Public
Laboratory, the Tumor Molecular Diagnostic Center, the Tissue Bank, the Library and the
Editorial Department. <br>
Relying on the discipline of oncology which is the national key discipline, Tianjin Medical
University became a national first-class discipline construction university in 2017, and the
clinical medicine (basics and clinical discipline of tumors) is the discipline to be
constructed. It has the Key Laboratory of Breast Cancer Prevention and Control directly under
the Ministry of Education, the Tianjin Municipal Key Laboratory of Cancer Prevention and
Control, the Tianjin Municipal Key Laboratory of Cancer Immunity and Biotherapy, and positions
of the “Changjiang Scholars and Innovation Team Development Plan” of the Ministry of Education. <br>
Having focused on oncology basic research and clinical transformation application research for
years, the Institute lays emphasis on the prevention, early diagnosis and individualized
clinical treatment of tumor diseases. Our main research directions include tumor epidemiology,
tumor pathology and molecular typing, tumor genesis, tumor immunity and immunotherapy. The
Institute has made a series of achievements and progress in establishing a three-level
prevention and control model for the common malignant tumors in China, screening high-risk
populations, discovering new tumor-related genes, exploring tumor development mechanisms, and
the R&D of new theory about the tumor angiogenesis, the new methods of tumor diagnosis, and the
new technologies for tumor immunotherapy. <br>
In the past 5 years, the Institute has obtained 83 scientific research projects at and above the
provincial and ministerial level, including 3 National Key Technology Research and Development
Programs of the Ministry of Science and Technology of China and 55 programs supported by the
National Natural Science Foundation of China. Besides, the Institute has published altogether
314 SCI papers. Since the 12th Five-Year Plan was implemented, the Institute has been awarded a
total of 6 scientific and technological achievements at and above the provincial and ministerial
level. Moreover, Academician Hao Xishan was given the Science and Technology Major Achievement
Prize of Tianjin in 2011. <br>
With the aim of consolidating and improving the level of the discipline construction, the
Institute has been continuously strengthening the construction of its talent teams. The
Institute currently has a total of 179 professional technical personnel at various levels,
including 1 academician of the Chinese Academy of Engineering, 1 foreign academician of the
Chinese Academy of Engineering, 1 Distinguished Young Scholar of the National Natural Science
Foundation of China, 4 special lecturers of the Chang Jiang Scholars Program of the Ministry of
Education, 1 leading talent of the Ten Thousand Talent Program, 1 person of Millions of Talents
in the Ministry of Human Resources and Social Security, 1 talent of the National Special Support
Program for High-level Personnel Recruitment, 1 leader of the “Changjiang Scholars” Innovation
Team, 2 personnel supported by the Ministry of Education’s Program for New Century Excellent
Talents, 2 Outstanding Mid-aged Experts awarded by the Ministry of Health, 1 “131” Innovative
Talent Team of Tianjin, 5 specially-appointed professors of Tianjin, 5 people supported by the
“Thousand Talent Program” of Tianjin, and 4 “131” Innovative Talents of Tianjin at the first
level. <br>
The Institute has implemented a management system based on current principle
investigators(PIs)since 2013, We currently has 17 full-time PIs with their research teams. There
are 24 doctoral tutors and 37 master tutors. In the past 5 years, the Institute has recruited a
total of 62 doctoral students, 124 postgraduate students. In additions, there are 64 graduated
doctoral students and 86 graduated postgraduate students. <br>
We have been attaching the great importance to the construction of the core facilities and
services. In order to provide a strong support for the high-level researches to be carried out,
the Institute has built the Tissue Bank, the Tumor Molecular Diagnostic Center, the Large-Scale
instrument platform, the bioinformatics platform, the Pharmacology Laboratory, the clinical drug
evaluation, and the SPF experimental animal platform. <br>
The Institute will closely continue tracking the international frontier trends in the research
field of the oncology and the translational medicine, and emphasizing the original and
independent innovation of the theory and the technology, so as to cultivate more senior
personnel for the oncology research and medical development of China, and make the positive
contributions to comprehensively improve the ability of preventing and treating cancer of China.
</p>
</div>
<div class="navpath">
Tianjin Cancer Institute<span>></span>About Us<span>></span>About Us
</div>
<!-- 形象墙 -->
<div class='prof_box'>
<div class="bottom_imgBox">
<img src="../images/bottom_left.png" alt="" srcset="">
</div>
<div class="bottom_imgBox">
<img src="../images/bottom_right.png" alt="" srcset="">
<div class="contant">
<div class="contant_one">
Tianjin Cancer Institute was established in 1977 by the late Chinese oncologist Professor Jin Xianzhai. It used to be the Cancer Prevention Research Laboratory of Tianjin People’s Hospital. In 1987, Tianjin People’s Hospital was renamed Tianjin Cancer
Hospital, and the Research Laboratory was set as an institute. In 1997, the Cancer Hospital and Research Institute were assigned to Tianjin Medical University. In 2007, the Institute became an independent legal entity. Jin Xianzhai,
Zhou Yanchang, Zhang Tianze and Jin Jiarui have served as the director of has served as the director successively. Academician Hao Xishan is the current director, with Professor Ying Guoguang, Professor Niu Ruifang and Professor Li
Hui acting as the deputy directors.
</div>
</div>
<div class="contant_img">
<img src="../images/71.png" alt="" />
</div>
<div class="contant_one">
Tianjin Cancer Institute has 12 departments, namely the Laboratory for Cancer Epidemiology & Biostatistics, the Laboratory for Pathology, the Laboratory for Biochemistry & Molecular Biology, the Laboratory for Cancer Cell Biology, the Laboratory for Immuno-Biotechnology,
the Laboratory for Gastrointestinal Tumor Biology, the Pharmacology Laboratory, the Public Laboratory, the Tumor Molecular Diagnostic Center, the Tissue Bank, the Library and the Editorial Department.<br />Relying on the
discipline of oncology which is the national key discipline, Tianjin Medical University became a national first-class discipline construction university in 2017, and the clinical medicine (basics and clinical discipline of tumors) is the
discipline to be constructed. It has the Key Laboratory of Breast Cancer Prevention and Control directly under the Ministry of Education, the Tianjin Municipal Key Laboratory of Cancer Prevention and Control, the Tianjin Municipal Key
Laboratory of Cancer Immunity and Biotherapy, and positions of the “Changjiang Scholars and Innovation Team Development Plan” of the Ministry of Education. Having focused on oncology basic research and clinical transformation application
research for years, the Institute lays emphasis on the prevention, early diagnosis and individualized clinical treatment of tumor diseases. Our main research directions include tumor epidemiology, tumor pathology and molecular typing,
tumor genesis, tumor immunity and immunotherapy. The Institute has made a series of achievements and progress in establishing a three-level prevention and control model for the common malignant tumors in China, screening high-risk populations,
discovering new tumor-related genes, exploring tumor development mechanisms, and the R&D of new theory about the tumor angiogenesis, the new methods of tumor diagnosis, and the new technologies for tumor immunotherapy.
</div>
<div class="contant_img">
<img src="../images/72.png" alt="" />
</div>
<div class="contant_one">
In the past 5 years, the Institute has obtained 83 scientific research projects at and above the provincial and ministerial level, including 3 National Key Technology Research and Development Programs of the Ministry of Science and Technology of China
and 55 programs supported by the National Natural Science Foundation of China. Besides, the Institute has published altogether 314 SCI papers. Since the 12th Five-Year Plan was implemented, the Institute has been awarded a total of 6 scientific
and technological achievements at and above the provincial and ministerial level. Moreover, Academician Hao Xishan was given the Science and Technology Major Achievement Prize of Tianjin in 2011. <br /> With the aim of
consolidating and improving the level of the discipline construction, the Institute has been continuously strengthening the construction of its talent teams. The Institute currently has a total of 179 professional technical personnel at
various levels, including 1 academician of the Chinese Academy of Engineering, 1 foreign academician of the Chinese Academy of Engineering, 1 Distinguished Young Scholar of the National Natural Science Foundation of China, 4 special lecturers
of the Chang Jiang Scholars Program of the Ministry of Education, 1 leading talent of the Ten Thousand Talent Program, 1 person of Millions of Talents in the Ministry of Human Resources and Social Security, 1 talent of the National Special
Support Program for High-level Personnel Recruitment, 1 leader of the “Changjiang Scholars” Innovation Team, 2 personnel supported by the Ministry of Education’s Program for New Century Excellent Talents, 2 Outstanding Mid-aged Experts
awarded by the Ministry of Health, 1 “131” Innovative Talent Team of Tianjin, 5 specially-appointed professors of Tianjin, 5 people supported by the “Thousand Talent Program” of Tianjin, and 4 “131” Innovative Talents of Tianjin at the
first level. <br /> The Institute has implemented a management system based on current principle investigators(PIs)since 2013, We currently has 17 full-time PIs with their research teams. There are 24 doctoral tutors and 37 master tutors.
In the past 5 years, the Institute has recruited a total of 62 doctoral students, 124 postgraduate students. In additions, there are 64 graduated doctoral students and 86 graduated postgraduate students. <br /> We have been attaching the
great importance to the construction of the core facilities and services. In order to provide a strong support for the high-level researches to be carried out, the Institute has built the Tissue Bank, the Tumor Molecular Diagnostic Center,
the Large-Scale instrument platform, the bioinformatics platform, the Pharmacology Laboratory, the clinical drug evaluation, and the SPF experimental animal platform. <br /> The Institute will closely continue tracking the international
frontier trends in the research field of the oncology and the translational medicine, and emphasizing the original and independent innovation of the theory and the technology, so as to cultivate more senior personnel for the oncology research
and medical development of China, and make the positive contributions to comprehensively improve the ability of preventing and treating cancer of China.
</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>
... ... @@ -361,32 +335,35 @@
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
$(document).ready(function() {
$(".btn-group")
.find(".navbtn-a")
.click(function() {
console.log(this);
$(this)
.siblings(".navbtn-a")
.removeClass("navbtnActive"); // 删除其他兄弟元素的样式
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
var swiper = new Swiper(".swiper-container1", {
pagination: ".swiper-pagination",
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
... ...