PC / tmuch · 提交

转到一个项目

作者 朱振飞
提交 3a7beebc97d2300eb3025a1ad08c19d6fb9b433e 2 个父辈 af10b8de 4cd87926

Merge branch 'master' of http://114.215.101.231:8099/PC/tmuch

内嵌 并排对比
正在显示 29 个修改的文件 包含 2662 行增加 和 1449 行删除
... ... @@ -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">
<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,7 +106,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -90,9 +127,8 @@
</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">
... ... @@ -125,13 +161,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -148,8 +182,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -170,7 +203,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
... ... @@ -212,7 +245,7 @@
</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>
... ... @@ -241,7 +274,7 @@
</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>
... ... @@ -254,7 +287,6 @@
<a href="../international/partners.html" class="inner_item">
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,26 +400,23 @@
</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 class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
<div class="person_desc_box">
<h4 class="pername">
Rongxiu Chen <br>
Chief nurse
</h4>
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/chif_nurse.png" alt="" />
</div>
</div>
<div class="depart_introduce">
<div class="part_desc">
<p style="font-size: 18px">
<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
... ... @@ -393,29 +430,11 @@
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 class="contant_center_img">
<img src="../images/Chief nurse_content.png" alt="" />
</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>
... ...
... ... @@ -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 class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Leadership Team
</div>
<div class="person_desc_box">
<h4 class="pername">
Yongqin Jiang
</h4>
<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="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 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">
<!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">
<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 {
... ... @@ -37,7 +37,6 @@
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
... ... @@ -59,7 +58,7 @@
.content-word-left h4 {
color: #232323;
opacity: .7;
opacity: 0.7;
line-height: 2.5;
padding: 0;
margin: 0;
... ... @@ -71,7 +70,7 @@
}
.content-word-left {
background: #EBFBF8;
background: #ebfbf8;
height: 863px;
position: relative;
}
... ... @@ -91,7 +90,7 @@
padding: 60px;
margin-bottom: 50px;
width: 100%;
background: #EBFBF8;
background: #ebfbf8;
}
.depart_introduce.auto {
... ... @@ -100,7 +99,7 @@
.part_top {
height: 74px;
background: #83AD9F;
background: #83ad9f;
color: #000000;
font-size: 16px;
font-weight: bold;
... ... @@ -119,7 +118,7 @@
}
.person_introduce_box h3 {
color: #00A16C;
color: #00a16c;
}
.next {
... ... @@ -131,30 +130,70 @@
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>
</head>
<body>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<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/01pc-main/pic%20(11).png" alt="">
<img src="../images/01pc-main/pic%20(11).png" alt="" />
</div>
</div>
</div>
... ... @@ -166,7 +205,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -187,9 +226,8 @@
</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">
... ... @@ -222,13 +260,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -245,8 +281,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -267,7 +302,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
... ... @@ -309,7 +344,7 @@
</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>
... ... @@ -335,7 +370,7 @@
</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>
... ... @@ -360,60 +395,31 @@
</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/wangmin.png" alt="" srcset="">
</div>
<div class="person_desc_box">
<h4 class="pername">
Wanmin Qiang
</h4>
<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="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 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 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>
... ... @@ -422,43 +428,53 @@
<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>
</body>
</html>
\ No newline at end of file
</html>
\ No newline at end of file
... ...
... ... @@ -2,13 +2,13 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
... ... @@ -59,7 +59,7 @@
.content-word-left h4 {
color: #232323;
opacity: .7;
opacity: 0.7;
line-height: 2.5;
padding: 0;
margin: 0;
... ... @@ -71,7 +71,7 @@
}
.content-word-left {
background: #EBFBF8;
background: #ebfbf8;
position: relative;
height: 1380px;
}
... ... @@ -84,7 +84,7 @@
}
.depart_introduce {
background: #EBFBF8;
background: #ebfbf8;
color: #232323;
box-sizing: border-box;
padding: 20px;
... ... @@ -92,7 +92,7 @@
.part_top {
height: 74px;
background: #83AD9F;
background: #83ad9f;
color: #000000;
font-size: 18px;
font-weight: bold;
... ... @@ -102,7 +102,7 @@
}
.part_inner_content {
padding: 20px
padding: 20px;
}
.person_introduce_box {
... ... @@ -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{
.single_news_content {
color: #232323;
margin-top: 30px;
margin-bottom: 20px;
display: block;
}
.top_line{
.top_line {
text-align: left;
padding-left: 15px;
font-weight: bold;
background: #FFF;
background: #fff;
}
.cooper_desc{
.cooper_desc {
color: #333;
font-size: 18px;
padding: 15px;
}
.single_Conferences p{
.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">
<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,7 +229,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -207,9 +250,8 @@
</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">
... ... @@ -242,12 +284,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -264,8 +305,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -286,7 +326,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
... ... @@ -328,7 +368,7 @@
</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>
... ... @@ -357,7 +397,7 @@
</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>
... ... @@ -370,7 +410,6 @@
<a href="../international/partners.html" class="inner_item">
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>
<span class="single_news_content">
<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>
<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>
<span class="single_news_content">
<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>
<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">
</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
</span>
</a>
</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,34 +322,36 @@
</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 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="name_box xulie borderBottom">
<span>Lung Cancer Center </span>
<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="department_item">
<div class="contant_right_second">
<div class="contant_right_title">Lung Cancer Center</div>
</div>
</div>
<div class="department_item">
</div>
</div>
</div>
... ...
... ... @@ -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,55 +322,59 @@
</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>Diagnostic Oncology
</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_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 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="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 class="contant_right_title">
Cancer Prevention Center
</div>
<div class="name_box xulie borderBottom">
<span>Molecular Imaging and Nuclear Medicine</span>
<div class="contant_right_title">
Cardio-Pulmonary Function
</div>
<div class="name_box borderBottom">
<span>Radiology</span>
<div class="contant_right_title">
Clinical Laboratory
</div>
<div class="name_box xulie borderBottom">
<span>Ultrasound Department</span>
</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 class="department_item">
</div>
</div>
</div>
... ...
... ... @@ -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 class="department_main">
</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_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,26 +322,31 @@
</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="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_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 class="wire2 ">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Radiation Oncology
</div>
</div>
<div class="department_item">
</div>
<div class="department_item">
</div>
</div>
</div>
... ...
... ... @@ -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">
<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,7 +84,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -82,9 +105,8 @@
</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">
... ... @@ -117,13 +139,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -140,8 +160,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -162,7 +181,7 @@
</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">
... ... @@ -204,7 +223,7 @@
</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>
... ... @@ -233,7 +252,7 @@
</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>
... ... @@ -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>
<!-- 形象墙 -->
<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>
<div class="navpath">
Tianjin Cancer Institute<span>></span>About Us<span>></span>About Us
</div>
<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
... ...
... ... @@ -2,25 +2,28 @@
<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;
}
.content-word-left {
width: 300px;
flex: unset;
... ... @@ -28,6 +31,7 @@
justify-self: flex-end;
margin-left: 60px;
}
.content-word-right {
flex: unset;
display: none !important;
... ... @@ -36,9 +40,11 @@
padding: 0;
position: relative;
}
.content-word-right.active {
display: flex !important;
}
.content-word-right .single_part {
width: 243px;
display: flex;
... ... @@ -49,61 +55,70 @@
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;
.content-word-left {
background: #ebfbf8;
height: 863px;
position: relative;
}
.part_box {
width: 242px;
height: 115px;
overflow: hidden;
background-color: #898989;
}
.depart_introduce{
background: #EBFBF8;
.depart_introduce {
background: #ebfbf8;
min-height: 400px;
color: #232323;
margin-top: 60px;
padding: 20px;
font-size: 18px;
width: 100%
width: 100%;
}
.depart_introduce p{
.depart_introduce p {
font-size: 20px;
color: #000;
margin: 30px 0;
}
.part_top{
.part_top {
height: 74px;
background: #83AD9F;
background: #83ad9f;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 74px;
}
.part_inner_content{
.part_inner_content {
padding: 20px 40px;
}
.person_introduce_box{
.person_introduce_box {
padding-top: 50px;
border-top: 5px solid #999;
margin-top: 100px;
}
.next{
.next {
width: 32px;
height: 22px;
position: absolute;
... ... @@ -111,10 +126,74 @@
left: 50%;
margin-left: -11px;
}
.left_name{
.left_name {
font-size: 20px;
margin-top: 10px;
}
.contant {
width: 1122px;
margin: 74px auto 0 auto;
}
.contant_img {
width: 100%;
height: 548px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_center {
margin-top: 32px;
}
.contant_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_word {
font-size: 20px;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_words {
margin-top: 30px;
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 30px;
margin-bottom: -30px
}
.contant_one {
margin-top: 44px;
}
.contant_one_img {
width: 532px;
height: 359px;
}
.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;
}
</style>
</head>
... ... @@ -122,23 +201,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -150,7 +228,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -171,10 +249,8 @@
</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">
... ... @@ -207,13 +283,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html"
onclick="location.href='../research/research.html'" class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -230,8 +304,7 @@
</a>
</div>
</div>
<div href="../research/education.html"
onclick="location.href='../research/education.html'" class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -252,7 +325,7 @@
</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">
... ... @@ -294,7 +367,7 @@
</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>
... ... @@ -323,7 +396,7 @@
</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>
... ... @@ -348,11 +421,77 @@
</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="navpath">
Tianjin Cancer Institute<span>></span>Research<span>></span>Core Facilities and Services<span>></span>Public Laboratory
</div>
<div class="contant">
<div class="contant_img">
<img src="../images/ins_top.png" alt="" />
</div>
<div class="contant_center">
<div class="contant_title">Introduction</div>
<div class="contant_word">
In line with Tianjin medical university cancer hospital’s overall teaching and research development objectives, to strengthen and enhance the fundamental and applied research, to cultivate top-notch creative talent, and to ensure that the available research
resources will be efficiently used, our hospital organized and set up in 2009Public Experimentation Center, located on thesixth floor of Building C. After several years of investment and construction, and relying on the strengths
of our faculty and technology, our centerhave evolved into a comprehensive research center dotted with logical organization, high efficiency, opening-up, and advanced technology. The center consists of four technical service-orientedplatforms,
i.e., the core facility and technical service Platform, the Clinical Laboratory, the SPF Animal Laboratory andtheBioinformatics Platform.The center covers an area of about 2000 m2, the value is worth over 50 million RMB. Now, the
Public Laboratory is not only an important experimental base for conducting scientific research and translational medicine research, but also a supporting platform for cultivating top-notch creative medical talent.
</div>
<div class="contant_words">
Services
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/77.png" alt="" />
</div>
<div class="contant_one_title">
1. The core facility and technical service platform is funded by Tianjin medical university cancer institute & hospital. The establishment of this platform will provide centralized and expertise support to our colleagues requiring these advanced technology
platforms in their research studies. It will enhance effective usage of resources and maximize the use of expensive instruments required for these advanced technology platforms. The platform is equipped with Laser Scanning
Confocal Microscope, Flow Cytometer, Upright Fluorescent Microscope, Inverted Fluorescent Microscope, Real-Time PCR apparatus, Ultra-Centrifuge and so on.The appointments software (LIMS) has been used deeply along with the
servicesto enhance service abilityand to improve the service efficiency.
</div>
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/78.png" alt="" />
</div>
<div class="contant_one_title">
2. The clinical laboratory is a research platform for translational medicine. The objective of the clinical laboratory is to provide multidisciplinary scientists from different faculty of TJMUCH a synergistic platform which efficiently and effectively
translate basic scientific findings into knowledge that benefits patients, which is often described as an effort to carry scientific knowledge ‘from bench to bedside’. At present, we have 17 different research groups at the
clinical laboratory, all of which engage in cutting-edge research. The research group (under the management of principal investigator) is a group of researchers or students from the same faculty working together on a particular
issue or topic. In this way we hope to stretch boundaries, challenge traditional ways of thinking, and innovate towards finding new solutions to problems. Now, the clinical laboratory is home to world-class research facilities,
a specialist clinical trials unit and a suite of molecular biology laboratories.
</div>
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/79.png" alt="" />
</div>
<div class="contant_one_title">
3. The SPF Animal Laboratory, with a total floor area of about 500 m2, is a comprehensive service entity involved in research of Laboratory Animal Science, providing technical support and services for animal research. It includes SPF (Specific-pathogen-free)
barrier environment, conventional environment and functional auxiliary environment. Relevant environmental facilities obtained the experimental animal use license (SYXK (Tianjin) 2012-0005) issued by Tianjin Municipal Science
and Technology Commission in 2012, and successfully replaced the new experimental animal use license (SYXK (Tianjin) 2017-0005) in 2017, providing a strong guarantee for the scientific research of our discipline.Our staff provides
daily animal care for the 15,000 animals used in research and teaching hospital-wide. Our goal remains to support the needs of our biomedical research community by providing an optimal environment for their animals and research.
</div>
</div>
<div class="contant_one">
<div class="contant_one_img">
<img src="../images/80.png" alt="" />
</div>
<div class="contant_one_title">
4. Our research focuses on characterizing mutational landscape of human gastrointestinal cancer, elucidating the association between mutational footprints and environmental factors, identifying biomarkers with translational significance in immunotherapy
and early cancer diagnosis, and interpreting medical imaging data using deep learning algorithms. Through bioinformatics analyses, we identified new driver genes underlying the development of gastrointestinal cancer, and shed
new lights on genetic markers that are potentially clinically actionable. By applying deep learning algorithm to analyze large-scale sonographic imaging data, we developed a deep learning model that could augment radiologists’
ability in thyroid cancer diagnosis. We have published more than 20 peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, and Annals of Oncology etc.
</div>
</div>
</div>
</div>
<!-- <div class="content-word">
<div class="content-word-right active">
<img src="../images/ins_top.png" alt="" srcset="">
... ... @@ -361,24 +500,12 @@
<h3>Public Laboratory</h3>
<p>
<h3>Introduction</h3> <br>
In line with Tianjin medical university cancer hospital’s overall teaching and research
development objectives, to strengthen and enhance the fundamental and applied research, to
cultivate top-notch creative talent, and to ensure that the available research resources
will be efficiently used, our hospital organized and set up in 2009Public Experimentation
Center, located on thesixth floor of Building C.
After several years of investment and construction, and relying on the strengths of our
faculty and technology, our centerhave evolved into a comprehensive research center dotted
with logical organization, high efficiency, opening-up, and advanced technology.
The center consists of four technical service-orientedplatforms, i.e., the core facility
and
technical service Platform, the Clinical Laboratory, the SPF Animal Laboratory
andtheBioinformatics Platform.The center covers an area of about 2000 m2, the value is
worth
over 50 million RMB.
Now, the Public Laboratory is not only an important experimental base for conducting
scientific research and translational medicine research, but also a supporting platform for
cultivating top-notch creative medical talent.
<h3>Introduction</h3> <br> In line with Tianjin medical university cancer hospital’s overall teaching and research development objectives, to strengthen and enhance the fundamental and applied research, to cultivate top-notch creative
talent, and to ensure that the available research resources will be efficiently used, our hospital organized and set up in 2009Public Experimentation Center, located on thesixth floor of Building C. After several years of investment
and construction, and relying on the strengths of our faculty and technology, our centerhave evolved into a comprehensive research center dotted with logical organization, high efficiency, opening-up, and advanced technology.
The center consists of four technical service-orientedplatforms, i.e., the core facility and technical service Platform, the Clinical Laboratory, the SPF Animal Laboratory andtheBioinformatics Platform.The center covers an
area of about 2000 m2, the value is worth over 50 million RMB. Now, the Public Laboratory is not only an important experimental base for conducting scientific research and translational medicine research, but also a supporting
platform for cultivating top-notch creative medical talent.
</p>
... ... @@ -387,70 +514,42 @@
<img src="../images/ins_2.png" alt="" srcset="">
<p>
1. The core facility and technical service platform is funded by Tianjin medical university
cancer institute & hospital. The establishment of this platform will provide centralized and
expertise support to our colleagues requiring these advanced technology platforms in their
research studies. It will enhance effective usage of resources and maximize the use of
expensive instruments required for these advanced technology platforms. The platform is
equipped with Laser Scanning Confocal Microscope, Flow Cytometer, Upright Fluorescent
Microscope, Inverted Fluorescent Microscope, Real-Time PCR apparatus, Ultra-Centrifuge and
so on.The appointments software (LIMS) has been used deeply along with the servicesto
enhance service abilityand to improve the service efficiency.
1. The core facility and technical service platform is funded by Tianjin medical university cancer institute & hospital. The establishment of this platform will provide centralized and expertise support to our colleagues requiring these advanced technology
platforms in their research studies. It will enhance effective usage of resources and maximize the use of expensive instruments required for these advanced technology platforms. The platform is equipped with Laser Scanning
Confocal Microscope, Flow Cytometer, Upright Fluorescent Microscope, Inverted Fluorescent Microscope, Real-Time PCR apparatus, Ultra-Centrifuge and so on.The appointments software (LIMS) has been used deeply along with the
servicesto enhance service abilityand to improve the service efficiency.
</p>
<img src="../images/ins_3.png" alt="" srcset="">
<p>
2. The clinical laboratory is a research platform for translational medicine. The objective
of the clinical laboratory is to provide multidisciplinary scientists from different faculty
of TJMUCH a synergistic platform which efficiently and effectively translate basic
scientific findings into knowledge that benefits patients, which is often described as an
effort to carry scientific knowledge ‘from bench to bedside’. At present, we have 17
different research groups at the clinical laboratory, all of which engage in cutting-edge
research. The research group (under the management of principal investigator) is a group of
researchers or students from the same faculty working together on a particular issue or
topic. In this way we hope to stretch boundaries, challenge traditional ways of thinking,
and innovate towards finding new solutions to problems. Now, the clinical laboratory is home
to world-class research facilities, a specialist clinical trials unit and a suite of
molecular biology laboratories.
2. The clinical laboratory is a research platform for translational medicine. The objective of the clinical laboratory is to provide multidisciplinary scientists from different faculty of TJMUCH a synergistic platform which efficiently and effectively
translate basic scientific findings into knowledge that benefits patients, which is often described as an effort to carry scientific knowledge ‘from bench to bedside’. At present, we have 17 different research groups at the
clinical laboratory, all of which engage in cutting-edge research. The research group (under the management of principal investigator) is a group of researchers or students from the same faculty working together on a particular
issue or topic. In this way we hope to stretch boundaries, challenge traditional ways of thinking, and innovate towards finding new solutions to problems. Now, the clinical laboratory is home to world-class research facilities,
a specialist clinical trials unit and a suite of molecular biology laboratories.
</p>
<img src="../images/ins_4.png" alt="" srcset="">
<p>
3. The SPF Animal Laboratory, with a total floor area of about 500 m2, is a comprehensive
service entity involved in research of Laboratory Animal Science, providing technical
support and services for animal research. It includes SPF (Specific-pathogen-free) barrier
environment, conventional environment and functional auxiliary environment. Relevant
environmental facilities obtained the experimental animal use license (SYXK (Tianjin)
2012-0005) issued by Tianjin Municipal Science and Technology Commission in 2012, and
successfully replaced the new experimental animal use license (SYXK (Tianjin) 2017-0005) in
2017, providing a strong guarantee for the scientific research of our discipline.Our staff
provides daily animal care for the 15,000 animals used in research and teaching
hospital-wide. Our goal remains to support the needs of our biomedical research community by
providing an optimal environment for their animals and research.
3. The SPF Animal Laboratory, with a total floor area of about 500 m2, is a comprehensive service entity involved in research of Laboratory Animal Science, providing technical support and services for animal research. It includes SPF (Specific-pathogen-free)
barrier environment, conventional environment and functional auxiliary environment. Relevant environmental facilities obtained the experimental animal use license (SYXK (Tianjin) 2012-0005) issued by Tianjin Municipal Science
and Technology Commission in 2012, and successfully replaced the new experimental animal use license (SYXK (Tianjin) 2017-0005) in 2017, providing a strong guarantee for the scientific research of our discipline.Our staff provides
daily animal care for the 15,000 animals used in research and teaching hospital-wide. Our goal remains to support the needs of our biomedical research community by providing an optimal environment for their animals and research.
</p>
<img src="../images/ins_5.png" alt="" srcset="">
<p>
4. Our research focuses on characterizing mutational landscape of human gastrointestinal
cancer, elucidating the association between mutational footprints and environmental factors,
identifying biomarkers with translational significance in immunotherapy and early cancer
diagnosis, and interpreting medical imaging data using deep learning algorithms. Through
bioinformatics analyses, we identified new driver genes underlying the development of
gastrointestinal cancer, and shed new lights on genetic markers that are potentially
clinically actionable. By applying deep learning algorithm to analyze large-scale
sonographic imaging data, we developed a deep learning model that could augment
radiologists’ ability in thyroid cancer diagnosis. We have published more than 20
peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology,
and Annals of Oncology etc.
4. Our research focuses on characterizing mutational landscape of human gastrointestinal cancer, elucidating the association between mutational footprints and environmental factors, identifying biomarkers with translational significance in immunotherapy
and early cancer diagnosis, and interpreting medical imaging data using deep learning algorithms. Through bioinformatics analyses, we identified new driver genes underlying the development of gastrointestinal cancer, and shed
new lights on genetic markers that are potentially clinically actionable. By applying deep learning algorithm to analyze large-scale sonographic imaging data, we developed a deep learning model that could augment radiologists’
ability in thyroid cancer diagnosis. We have published more than 20 peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, and Annals of Oncology etc.
</p>
</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>
... ... @@ -459,41 +558,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>
... ...
... ... @@ -2,16 +2,31 @@
<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 lang="">
.contant {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
margin-top:128px
}
.contant_title{
font-size:20px;
font-weight:400;
text-decoration:underline;
color:rgba(86,86,86,1);
line-height:30px;
margin-bottom: 50px
}
</style>
</head>
... ... @@ -19,23 +34,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -47,7 +61,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -68,9 +82,8 @@
</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">
... ... @@ -103,13 +116,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -126,8 +137,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -148,7 +158,7 @@
</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">
... ... @@ -190,7 +200,7 @@
</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>
... ... @@ -219,7 +229,7 @@
</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>
... ... @@ -232,7 +242,6 @@
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -242,11 +251,29 @@
</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">
<div class="navpath">
Tianjin Cancer Institute<span>></span>Research<span>></span>Core Facilities and Services
</div>
<div class="contant">
<div class="contanr_left">
<div class="contant_title">Tissue bank</div>
<div class="contant_title">Bioinformation Platform</div>
<div class="contant_title">Cancer Molecular Diagnosis Core</div>
<div class="contant_title">Editorial Dapartment</div>
</div>
<div class="contanr_right">
<div class="contant_title">Medical Library</div>
<div class="contant_title">Pathology</div>
<div class="contant_title">Pharmacology</div>
<div class="contant_title">Public Laboratory</div>
</div>
</div>
<!-- <div class="department_top">
Core Facilities and Services
</div>
<div class="department_main">
... ... @@ -290,11 +317,10 @@
</a>
</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>
... ... @@ -303,20 +329,17 @@
<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>
</script>
<script></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.prof_box {
justify-content: flex-start;
}
.prof_item{
width:auto;
.prof_item {
width: auto;
font-size: 20px;
color: #333;
}
.prof_img_box{
.prof_img_box {
width: 200px;
}
.contant {
width: 1122px;
margin: 16px auto 0 auto;
}
.contant_one {
margin-top: 62px;
}
.contant_img {
width: 100%;
height: 496px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_title {
margin-top: 34px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
</style>
</head>
</head>
<body>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button
type="button"
class="navbar-toggle mtperc10 menuPage"
data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4"
aria-expanded="true"
>
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<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="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>
... ... @@ -58,7 +98,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -79,9 +119,12 @@
</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">
... ... @@ -114,13 +157,15 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div
href="../research/research.html"
onclick="location.href='../research/research.html'"
class="inner_item"
>
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -137,8 +182,11 @@
</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">
... ... @@ -159,7 +207,7 @@
</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">
... ... @@ -186,7 +234,10 @@
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
<a
href="http://www.cancerbiomed.org/index.php/cocr"
class="inner_item"
>
Journal of Clinical Oncology
</a>
</div>
... ... @@ -201,7 +252,7 @@
</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>
... ... @@ -230,7 +281,7 @@
</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>
... ... @@ -243,7 +294,6 @@
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -253,11 +303,48 @@
</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="navpath">
Tianjin Cancer Institute<span>></span>About Us<span>></span>History
</div>
<div class="contant">
<div class="contant_one">
<div class="contant_img">
<img src="../images/33.png" alt="" />
</div>
<div class="contant_title">
1977-Tianjin Cancer Institute established
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/34.png" alt="" />
</div>
<div class="contant_title">
1987-Renamed as “Tianjin Cancer Institute & Hospital”
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/35.png" alt="" />
</div>
<div class="contant_title">
1997-Affiliated to Tianjin Medical University
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/36.png" alt="" />
</div>
<div class="contant_title">
2007-Today TCI became an independent legal entity
</div>
</div>
</div>
<!-- <div class="content-word">
<div class="content-word-left">
<div class="top_title_inner_short">
History
... ... @@ -266,13 +353,11 @@
<img src="../images/time_zone_sec.png" alt="" srcset="">
</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>
... ... @@ -281,37 +366,39 @@
<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
});
</script>
</body>
</body>
</html>
... ...
... ... @@ -2,51 +2,97 @@
<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: flex-start;
}
.prof_item{
width:auto;
.prof_item {
width: auto;
font-size: 20px;
color: #333;
}
.prof_img_box{
width: 200px;
.prof_img_box {
width: 200px;
}
.first_show{
.first_show {
width: 50%;
}
.img_text{
.img_text {
display: flex;
display: -webkit-flex;
padding: 15px;
background: #EBFBF8;
background: #ebfbf8;
}
.img_text_textbox{
.img_text_textbox {
font-size: 20px;
align-self: flex-end;
margin-left: 25px;
}
.sec_paixu{
.sec_paixu {
display: flex;
display: -webkit-flex;
background: #EBFBF8;
background: #ebfbf8;
width: 100%;
margin-top: 50px;
}
.sec_paixu .img_text_textbox{
.sec_paixu .img_text_textbox {
font-size: 16px;
}
.contant {
width: 1122px;
margin: 80px auto 0 auto;
}
.contant_img {
width: 212px;
height: 282px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_word {
margin-top: 28px;
}
.contant_name {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_names {
font-size: 20px;
color: rgba(114, 113, 113, 1);
line-height: 30px;
}
.contant_center {
margin-top: 30px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 33px;
}
</style>
</head>
... ... @@ -54,23 +100,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -82,7 +127,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -103,9 +148,8 @@
</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">
... ... @@ -138,13 +182,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -161,8 +203,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -183,7 +224,7 @@
</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">
... ... @@ -225,7 +266,7 @@
</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>
... ... @@ -254,7 +295,7 @@
</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>
... ... @@ -279,82 +320,40 @@
</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">
Leadership
</div>
<div class="first_show">
<div class="img_text">
<div class="img_text_imagebox">
<a href="person_detail.5.html">
<img src="../images/first_top.png" alt="" srcset="">
</a>
</div>
<div class="img_text_textbox">
Professor Xishan Hao <br>
Director <br>
Tianjin Cancer Institute
</div>
<div class="navpath">
Tianjin Cancer Institute<span>></span>About Us<span>></span>Leadership
</div>
<div class="contant">
<div class="contant_top">
<div class="contant_img">
<img src="../images/30.png" alt="" />
</div>
<div class="sec_paixu">
<div class="sec_show" style="width: 430px">
<div class="img_text">
<div class="img_text_imagebox">
<img src="../images/4-1-2-2.png" alt="" srcset="">
</div>
<div class="img_text_textbox">
Professor Yinguo Guang
Deputy Director,TCI
Chair,Department of Cancer Cell Biology
</div>
</div>
</div>
<div class="sec_show" style="width: 400px">
<div class="img_text">
<div class="img_text_imagebox">
<img src="../images/4-1-2-3.png" alt="" srcset="">
</div>
<div class="img_text_textbox">
Professor Niurui Fang
Deputy Director,TCI
Chair, Department of Public Laboratory
<div class="contant_word">
<div class="contant_name">
Professor Xishan Hao
</div>
<div class="contant_names">
Director
</div>
</div>
<div class="sec_show" style="width: 400px">
<div class="img_text">
<div class="img_text_imagebox">
<img src="../images/4-1-2-4.png" alt="" srcset="">
</div>
<div class="img_text_textbox">
Professor Hui Li
Deputy Director,TCI
Chair, Department of Gastrointestinal Cancer Biology
</div>
<div class="contant_names">
Tianjin Cancer Institute
</div>
</div>
<div class="contant_center">
Chairman of The Professional Committee of Clinical Application, China Medicinal Biotech Association; Editor-in-Chief of 《 Chinese Journal of Clinical Oncology 》 and 《 Cancer Biology &Medicine 》 . Vice President of Serologic International Society (SIS);
Honorary President of Tianjin Medical University; Honorary President of Tianjin Medical University Cancer Institute & Hospital, Honorary President of CACA; <br />Professor Xishan Hao is a leading surgical oncologist
in China. He devoted himself to the clinical oncology and scientific research of cancer for more than 40 years and made many innovative achievements in surgical oncology, immunotherapy and epidemiology of cancer.
</div>
</div>
</div>
<!-- 形象墙 -->
<div class="contant_bottom"></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>
... ... @@ -363,32 +362,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
... ...
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
... ... @@ -37,7 +37,6 @@
display: none !important;
display: -webkit-flex;
flex-wrap: wrap;
padding: 0;
position: relative;
}
... ... @@ -131,15 +130,58 @@
margin-left: -11px;
cursor: pointer;
}
.contant {
width: 1122px;
margin: 12px auto 0 auto
}
.contant_top_img {
width: 256px;
height: 304px;
}
.contant_top_img img {
width: 100%;
height: 100%
}
.contant_top_word {
margin-top: 32px
}
.contant_name {
font-size: 30px;
font-weight: 400;
color: rgba(35, 35, 35, 1);
line-height: 24px;
margin-bottom: 20px
}
.contant_center {
margin-top: 30px;
font-size: 20px;
color: #565656;
line-height: 30px
}
.contant_center h3 {
font-size: 20px;
line-height: 30px;
color: #565656;
font-weight: bold
}
.contant_bottom{
margin-top: 36px
}
</style>
</head>
</head>
<body>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
... ... @@ -188,9 +230,7 @@
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'"
class="inner_item">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
... ... @@ -228,8 +268,7 @@
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html"
onclick="location.href='../research.html'" class="inner_item">
<div href="../research/research.html" onclick="location.href='../research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -246,8 +285,7 @@
</a>
</div>
</div>
<div href="../research/education.html"
onclick="location.href='../research/education.html'" class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -364,150 +402,68 @@
</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/lixiangchun.png" alt="" srcset="">
</div>
<div class="person_desc_box">
<h4 class="pername">
<div class="navpath">
Tianjin Cancer Institute<span>></span>Research<span>></span>Our Researchers
</div>
<div class="contant">
<div class="contant_top">
<div class="contant_top_img">
<img src="../images/lixiangchun.png" alt="">
</div>
<div class="contant_top_word">
<div class="contant_name">
Prof. Xiangchun Li
</h4>
<h4 class="pername" style="white-space: nowrap">
</div>
<div class="contant_name">
Professor of Department of Public Laboratory
</h4>
</div>
</div>
<div class="depart_introduce">
<div class="part_desc">
<p style="font-size: 18px">
<h3>Educaiton</h3> <br>
2006.9-2010.7 Bachelor of Engineering in Bioinformation Technology, Huazhong University
of Science and Technology, <br>
2012.8~2016.12 Ph.D in Medical Sciences, Chinese University of Hong Kong,
Professional Experiences： <br>
2010.7~2012.8 NGS data analyst, Beijing Genomics Institute, Shenzhen,
2017.2~present Professor, Tianjin Cancer Institute, Tianjin Medical University Cancer
Institute and Hospital,
</div>
</div>
</div>
<div class="contant_center">
<h3>Educaiton</h3> 2006.9-2010.7 Bachelor of Engineering in Bioinformation Technology, Huazhong University of Science and Technology, <br> 2012.8~2016.12 Ph.D in Medical Sciences, Chinese University of Hong Kong, Professional Experiences：
<br> 2010.7~2012.8 NGS data analyst, Beijing Genomics Institute, Shenzhen, 2017.2~present Professor, Tianjin Cancer Institute, Tianjin Medical University Cancer Institute and Hospital,
<h3>Research Focus</h3>
<br>
Our research focuses on characterizing mutational landscape of human gastrointestinal
cancer, elucidating the association between mutational footprints and environmental
factors, identifying biomarkers with translational significance in immunotherapy and
early cancer diagnosis, and interpreting medical imaging data using deep learning
algorithms. Through bioinformatics analyses, we identified new driver genes underlying
the development of gastrointestinal cancer, and shed new lights on genetic markers that
are potentially clinically actionable. By applying deep learning algorithm to analyze
large-scale sonographic imaging data, we developed a deep learning model that could
augment radiologists’ ability in thyroid cancer diagnosis. We have published more than 20
peer-reviewed articles in international journals, including Lancet Oncology, JAMA
Oncology, and Annals of Oncology etc. <br>
Our research focuses on characterizing mutational landscape of human gastrointestinal cancer, elucidating the association between mutational footprints and environmental factors, identifying biomarkers with translational significance in immunotherapy
and early cancer diagnosis, and interpreting medical imaging data using deep learning algorithms. Through bioinformatics analyses, we identified new driver genes underlying the development of gastrointestinal cancer, and shed new lights
on genetic markers that are potentially clinically actionable. By applying deep learning algorithm to analyze large-scale sonographic imaging data, we developed a deep learning model that could augment radiologists’ ability in thyroid
cancer diagnosis. We have published more than 20 peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, and Annals of Oncology etc. <br>
<h3>Selected Publications</h3>
<br>
1. Li X#, Zhang S#, Zhang Q#, Wei X#, Pan Y, Zhao J, Xin X, Qin C, Wang X, Li J, Yang F,
Zhao Y, Yang M, Wang Q, Zheng Z, Zheng X, Yang X, Whitlow CT, Gurcan MN, Zhang L, Wang X,
Pasche BC, Gao M, Zhang W*, Chen K*. Diagnosis of thyroid cancer using deep convolutional
neural network models applied to sonographic images: a retrospective, multicohort,
diagnostic study. Lancet Oncol. 2018 Dec 21;. doi: 10.1016/S1470-2045(18)30762-9. [Epub
ahead of print] PubMed PMID: 30583848. <br>
2. Li X#, Pasche B, Zhang W*, Chen K*. Association of MUC16 Mutation With Tumor Mutation
Load and Outcomes in Patients With Gastric Cancer. JAMA Oncol. 2018 Dec
1;4(12):1691-1698. doi: 10.1001/jamaoncol.2018.2805. PubMed PMID: 30098163.
3. Li X#, Wang MY, Yang M, Dai HJ, Zhang BF, Wang W, Chu XL, Wang X, Zheng H, Niu RF,
Zhang W*, Chen KX*. A mutational signature associated with alcohol consumption and
prognostically significantly mutated driver genes in esophageal squamous cell carcinoma.
Ann Oncol. 2018 Apr 1;29(4):938-944. doi: 10.1093/annonc/mdy011. PubMed PMID: 29351612;
PubMed Central PMCID: PMC5913594. <br>
4. Chen K#, Yang D#, Li X#, Sun B, Song F, Cao W, Brat DJ, Gao Z, Li H, Liang H, Zhao Y,
Zheng H, Li M, Buckner J, Patterson SD, Ye X, Reinhard C, Bhathena A, Joshi D, Mischel
PS, Croce CM, Wang YM, Raghavakaimal S, Li H, Lu X, Pan Y, Chang H, Ba S, Luo L, Cavenee
WK*, Zhang W*, Hao X*. Mutational landscape of gastric adenocarcinoma in Chinese:
implications for prognosis and therapy. Proc Natl Acad Sci U S A. 2015 Jan
27;112(4):1107-12. doi: 10.1073/pnas.1422640112. Epub 2015 Jan 12. PubMed PMID: 25583476;
PubMed Central PMCID: PMC4313862. <br>
5. Song Y#, Li L#, Ou Y#, Gao Z#, Li E#, Li X#, Zhang W, Wang J, Xu L, Zhou Y, Ma X, Liu
L, Zhao Z, Huang X, Fan J, Dong L, Chen G, Ma L, Yang J, Chen L, He M, Li M, Zhuang X,
Huang K, Qiu K, Yin G, Guo G, Feng Q, Chen P, Wu Z, Wu J, Ma L, Zhao J, Luo L, Fu M, Xu
B, Chen B, Li Y, Tong T, Wang M, Liu Z, Lin D, Zhang X, Yang H, Wang J, Zhan Q*. <br>
Identification of genomic alterations in oesophageal squamous cell cancer. Nature. 2014
May 1;509(7498):91-5. doi: 10.1038/nature13176. Epub 2014 Mar 16. PubMed PMID: 24670651.
6. Wang M#, Yang C#, Zhang X, Li X*. Characterizing genomic differences of human cancer
stratified by the TP53 mutation status. Mol Genet Genomics. 2018 Jun;293(3):737-746. doi:
10.1007/s00438-018-1416-7. Epub 2018 Jan 12. PubMed PMID: 29330617. <br>
7. Ho J#, Li X#, Zhang L#, Liang Y, Hu W, Yau JCW, Chan H, Gin T, Chan MTV*, Tse G*, Wu
WKK*. Translational genomics in pancreatic ductal adenocarcinoma: A review with
re-analysis of TCGA dataset. Semin Cancer Biol. 2018 Apr 25;. doi:
10.1016/j.semcancer.2018.04.004. [Epub ahead of print] Review. PubMed PMID: 29705685.
8. Wang X#, Li X#, Zhang L#, Wong SH, Wang MHT, Tse G, Dai RZW, Nakatsu G, Coker OO, Chen
Z, Ko H, Chan JYK, Liu T, Cheng CHK, Cheng ASL, To KF, Plewczynski D, Sung JJY, Yu J, Gin
T*, Chan MTV*, Wu WKK*. Oncogenes expand during evolution to withstand somatic
amplification. Ann Oncol. 2018 Nov 1;29(11):2254-2260. doi: 10.1093/annonc/mdy397. PubMed
PMID: 30204835. <br>
9. Li X#, Xu W#, Kang W, Wong SH, Wang M, Zhou Y, Fang X, Zhang X, Yang H, Wong CH, To
KF, Chan SL, Chan MTV, Sung JJY, Wu WKK*, Yu J*. Genomic analysis of liver cancer unveils
novel driver genes and distinct prognostic features. Theranostics. 2018;8(6):1740-1751.
doi: 10.7150/thno.22010. eCollection 2018. PubMed PMID: 29556353; PubMed Central PMCID:
PMC5858179. <br>
10. Wu WK#, Li X#, Wang X#, Dai RZ, Cheng AS, Wang MH, Kwong T, Chow TC, Yu J*, Chan MT*,
Wong SH*. Oncogenes without a Neighboring Tumor-Suppressor Gene Are More Prone to
Amplification. Mol Biol Evol. 2017 Apr 1;34(4):903-907. doi: 10.1093/molbev/msw295.
PubMed PMID: 28087780; PubMed Central PMCID: PMC5400371. <br>
11. Li X#, Wu WK*, Xing R, Wong SH, Liu Y, Fang X, Zhang Y, Wang M, Wang J, Li L, Zhou Y,
Tang S, Peng S, Qiu K, Chen L, Chen K, Yang H, Zhang W, Chan MT, Lu Y, Sung JJ, Yu J*.
Distinct Subtypes of Gastric Cancer Defined by Molecular Characterization Include Novel
Mutational Signatures with Prognostic Capability. Cancer Res. 2016 Apr 1;76(7):1724-32.
doi: 10.1158/0008-5472.CAN-15-2443. Epub 2016 Feb 8. PubMed PMID: 26857262. <br>
12. Nakatsu G#, Li X#, Zhou H#, Sheng J#, Wong SH#, Wu WK#, Ng SC, Tsoi H, Dong Y, Zhang
N, He Y, Kang Q, Cao L, Wang K, Zhang J, Liang Q, Yu J*, Sung JJ*. Gut mucosal microbiome
across stages of colorectal carcinogenesis. Nat Commun. 2015 Oct 30;6:8727. doi:
10.1038/ncomms9727. PubMed PMID: 26515465; PubMed Central PMCID: PMC4640069. <br>
13. Li C#, Gao Z#, Li F#, Li X#, Sun Y, Wang M, Li D, Wang R, Li F, Fang R, Pan Y, Luo X,
He J, Zheng L, Xia J, Qiu L, He J, Ye T, Zhang R, He M, Zhu M, Hu H, Shi T, Zhou X, Sun
M, Tian S, Zhou Y, Wang Q, Chen L, Yin G, Lu J, Wu R, Guo G, Li Y, Hu X, Li L, Asan, Wang
Q, Yin Y, Feng Q, Wang B, Wang H, Wang M, Yang X, Zhang X, Yang H, Jin L, Wang CY, Ji H*,
Chen H*, Wang J , Wei Q*. Whole Exome Sequencing Identifies Frequent Somatic Mutations in
Cell-Cell Adhesion Genes in Chinese Patients with Lung Squamous Cell Carcinoma. Sci Rep.
2015 Oct 27;5:14237. doi: 10.1038/srep14237. PubMed PMID: 26503331; PubMed Central PMCID:
PMC4621504. <br>
14. Yu J#*, Wu WK# Li X#, He J, Li XX, Ng SS, Yu C, Gao Z, Yang J, Li M, Wang Q, Liang Q,
Pan Y, Tong JH, To KF, Wong N, Zhang N, Chen J, Lu Y, Lai PB, Chan FK, Li Y, Kung HF,
Yang H, Wang J*, Sung JJ*. Novel recurrently mutated genes and a prognostic mutation
signature in colorectal cancer. Gut. 2015 Apr;64(4):636-45. doi:
10.1136/gutjnl-2013-306620. Epub 2014 Jun 20. PubMed PMID: 24951259; PubMed Central
PMCID: PMC4392212. <br>
<h3 style="color: #565656;font-size: 22px">1. Selected Research ProjectsDiagnosis of thyroid cancer using
deep convolutional neural
network models applied to sonographic images: a retrospective, multicolor, diagnostic
study</h3>
</p>
<div class="bottom_desc">
<img src="../images/desc_left.png" alt="" srcset="">
</div>
</div>
</div>
<img src="../images/next.png" class="next" alt="" srcset="">
</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> -->
1. Li X#, Zhang S#, Zhang Q#, Wei X#, Pan Y, Zhao J, Xin X, Qin C, Wang X, Li J, Yang F, Zhao Y, Yang M, Wang Q, Zheng Z, Zheng X, Yang X, Whitlow CT, Gurcan MN, Zhang L, Wang X, Pasche BC, Gao M, Zhang W*, Chen K*. Diagnosis of thyroid cancer using deep
convolutional neural network models applied to sonographic images: a retrospective, multicohort, diagnostic study. Lancet Oncol. 2018 Dec 21;. doi: 10.1016/S1470-2045(18)30762-9. [Epub ahead of print] PubMed PMID: 30583848. <br> 2. Li X#, Pasche B, Zhang W*, Chen K*. Association of MUC16 Mutation With Tumor Mutation Load and Outcomes in Patients With Gastric Cancer. JAMA Oncol. 2018 Dec 1;4(12):1691-1698. doi: 10.1001/jamaoncol.2018.2805. PubMed PMID: 30098163.
3. Li X#, Wang MY, Yang M, Dai HJ, Zhang BF, Wang W, Chu XL, Wang X, Zheng H, Niu RF, Zhang W*, Chen KX*. A mutational signature associated with alcohol consumption and prognostically significantly mutated driver genes in esophageal
squamous cell carcinoma. Ann Oncol. 2018 Apr 1;29(4):938-944. doi: 10.1093/annonc/mdy011. PubMed PMID: 29351612; PubMed Central PMCID: PMC5913594. <br> 4. Chen K#, Yang D#, Li X#, Sun B, Song F, Cao W, Brat DJ, Gao Z, Li H, Liang H,
Zhao Y, Zheng H, Li M, Buckner J, Patterson SD, Ye X, Reinhard C, Bhathena A, Joshi D, Mischel PS, Croce CM, Wang YM, Raghavakaimal S, Li H, Lu X, Pan Y, Chang H, Ba S, Luo L, Cavenee WK*, Zhang W*, Hao X*. Mutational landscape of
gastric adenocarcinoma in Chinese: implications for prognosis and therapy. Proc Natl Acad Sci U S A. 2015 Jan 27;112(4):1107-12. doi: 10.1073/pnas.1422640112. Epub 2015 Jan 12. PubMed PMID: 25583476; PubMed Central PMCID: PMC4313862.
<br> 5. Song Y#, Li L#, Ou Y#, Gao Z#, Li E#, Li X#, Zhang W, Wang J, Xu L, Zhou Y, Ma X, Liu L, Zhao Z, Huang X, Fan J, Dong L, Chen G, Ma L, Yang J, Chen L, He M, Li M, Zhuang X, Huang K, Qiu K, Yin G, Guo G, Feng Q, Chen P, Wu Z,
Wu J, Ma L, Zhao J, Luo L, Fu M, Xu B, Chen B, Li Y, Tong T, Wang M, Liu Z, Lin D, Zhang X, Yang H, Wang J, Zhan Q*. <br> Identification of genomic alterations in oesophageal squamous cell cancer. Nature. 2014 May 1;509(7498):91-5.
doi: 10.1038/nature13176. Epub 2014 Mar 16. PubMed PMID: 24670651. 6. Wang M#, Yang C#, Zhang X, Li X*. Characterizing genomic differences of human cancer stratified by the TP53 mutation status. Mol Genet Genomics. 2018 Jun;293(3):737-746.
doi: 10.1007/s00438-018-1416-7. Epub 2018 Jan 12. PubMed PMID: 29330617.
<br> 7. Ho J#, Li X#, Zhang L#, Liang Y, Hu W, Yau JCW, Chan H, Gin T, Chan MTV*, Tse G*, Wu WKK*. Translational genomics in pancreatic ductal adenocarcinoma: A review with re-analysis of TCGA dataset. Semin Cancer Biol. 2018 Apr 25;.
doi: 10.1016/j.semcancer.2018.04.004. [Epub ahead of print] Review. PubMed PMID: 29705685. 8. Wang X#, Li X#, Zhang L#, Wong SH, Wang MHT, Tse G, Dai RZW, Nakatsu G, Coker OO, Chen Z, Ko H, Chan JYK, Liu T, Cheng CHK, Cheng ASL, To
KF, Plewczynski D, Sung JJY, Yu J, Gin T*, Chan MTV*, Wu WKK*. Oncogenes expand during evolution to withstand somatic amplification. Ann Oncol. 2018 Nov 1;29(11):2254-2260. doi: 10.1093/annonc/mdy397. PubMed PMID: 30204835. <br> 9.
Li X#, Xu W#, Kang W, Wong SH, Wang M, Zhou Y, Fang X, Zhang X, Yang H, Wong CH, To KF, Chan SL, Chan MTV, Sung JJY, Wu WKK*, Yu J*. Genomic analysis of liver cancer unveils novel driver genes and distinct prognostic features. Theranostics.
2018;8(6):1740-1751. doi: 10.7150/thno.22010. eCollection 2018. PubMed PMID: 29556353; PubMed Central PMCID: PMC5858179. <br> 10. Wu WK#, Li X#, Wang X#, Dai RZ, Cheng AS, Wang MH, Kwong T, Chow TC, Yu J*, Chan MT*, Wong SH*. Oncogenes
without a Neighboring Tumor-Suppressor Gene Are More Prone to Amplification. Mol Biol Evol. 2017 Apr 1;34(4):903-907. doi: 10.1093/molbev/msw295. PubMed PMID: 28087780; PubMed Central PMCID: PMC5400371. <br> 11. Li X#, Wu WK*, Xing
R, Wong SH, Liu Y, Fang X, Zhang Y, Wang M, Wang J, Li L, Zhou Y, Tang S, Peng S, Qiu K, Chen L, Chen K, Yang H, Zhang W, Chan MT, Lu Y, Sung JJ, Yu J*. Distinct Subtypes of Gastric Cancer Defined by Molecular Characterization Include
Novel Mutational Signatures with Prognostic Capability. Cancer Res. 2016 Apr 1;76(7):1724-32. doi: 10.1158/0008-5472.CAN-15-2443. Epub 2016 Feb 8. PubMed PMID: 26857262. <br> 12. Nakatsu G#, Li X#, Zhou H#, Sheng J#, Wong SH#, Wu WK#,
Ng SC, Tsoi H, Dong Y, Zhang N, He Y, Kang Q, Cao L, Wang K, Zhang J, Liang Q, Yu J*, Sung JJ*. Gut mucosal microbiome across stages of colorectal carcinogenesis. Nat Commun. 2015 Oct 30;6:8727. doi: 10.1038/ncomms9727. PubMed PMID:
26515465; PubMed Central PMCID: PMC4640069. <br> 13. Li C#, Gao Z#, Li F#, Li X#, Sun Y, Wang M, Li D, Wang R, Li F, Fang R, Pan Y, Luo X, He J, Zheng L, Xia J, Qiu L, He J, Ye T, Zhang R, He M, Zhu M, Hu H, Shi T, Zhou X, Sun M, Tian
S, Zhou Y, Wang Q, Chen L, Yin G, Lu J, Wu R, Guo G, Li Y, Hu X, Li L, Asan, Wang Q, Yin Y, Feng Q, Wang B, Wang H, Wang M, Yang X, Zhang X, Yang H, Jin L, Wang CY, Ji H*, Chen H*, Wang J , Wei Q*. Whole Exome Sequencing Identifies
Frequent Somatic Mutations in Cell-Cell Adhesion Genes in Chinese Patients with Lung Squamous Cell Carcinoma. Sci Rep. 2015 Oct 27;5:14237. doi: 10.1038/srep14237. PubMed PMID: 26503331; PubMed Central PMCID: PMC4621504. <br> 14. Yu
J#*, Wu WK# Li X#, He J, Li XX, Ng SS, Yu C, Gao Z, Yang J, Li M, Wang Q, Liang Q, Pan Y, Tong JH, To KF, Wong N, Zhang N, Chen J, Lu Y, Lai PB, Chan FK, Li Y, Kung HF, Yang H, Wang J*, Sung JJ*. Novel recurrently mutated genes and
a prognostic mutation signature in colorectal cancer. Gut. 2015 Apr;64(4):636-45. doi: 10.1136/gutjnl-2013-306620. Epub 2014 Jun 20. PubMed PMID: 24951259; PubMed Central PMCID: PMC4392212.
<h3>Selected Research
</h3> ProjectsDiagnosis of thyroid cancer using deep convolutional neural network models applied to sonographic images: a retrospective, multicolor, diagnostic study
</div>
<div class="contant_bottom">
<div class="contant_bottom_img1">
<img src="../images/desc_left.png" alt="">
</div>
</div>
</div>
</div>
... ... @@ -534,8 +490,8 @@
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function () {
$(".btn-group").find(".navbtn-a").click(function () {
$(document).ready(function() {
$(".btn-group").find(".navbtn-a").click(function() {
console.log(this)
$(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
$(this).addClass('navbtnActive'); // 添加当前元素的样式
... ... @@ -553,12 +509,12 @@
spaceBetween: 30
});
$('.content-word-left').on('click', 'h4', function () {
$('.content-word-left').on('click', 'h4', function() {
$(this).addClass('active').siblings().removeClass('active')
$('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
})
//
</script>
</body>
</body>
</html>
\ No newline at end of file
</html>
\ No newline at end of file
... ...
... ... @@ -2,26 +2,36 @@
<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: flex-start;
}
.prof_item{
width:auto;
.prof_item {
width: auto;
font-size: 20px;
color: #333;
}
.prof_img_box{
.prof_img_box {
width: 200px;
}
.contant {
width: 1122px;
margin: 98px auto 0 auto;
font-size: 20px;
font-weight: 400;
color: rgba(35, 35, 35, 1);
line-height: 48px;
}
</style>
</head>
... ... @@ -30,23 +40,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -58,7 +67,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -79,9 +88,8 @@
</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">
... ... @@ -114,13 +122,11 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'"
class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -137,8 +143,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -159,7 +164,7 @@
</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">
... ... @@ -201,7 +206,7 @@
</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>
... ... @@ -230,7 +235,7 @@
</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>
... ... @@ -243,7 +248,6 @@
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -253,11 +257,15 @@
</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="navpath">
Tianjin Cancer Institute<span>></span>About Us<span>></span>Annual Report
</div>
<div class="contant">under construction</div>
<!-- <div class="content-word">
<div class="content-word-left">
<div class="top_title_inner_short">
Annual Report
... ... @@ -265,13 +273,11 @@
<p class="ondata">under construction</p>
</div>
</div>
</div> -->
<!-- 形象墙 -->
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
... ... @@ -280,32 +286,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
... ...
... ... @@ -43,7 +43,7 @@
}
.research_item{
width: 210px;
background: #ebebee;
/* background: #ebebee; */
padding: 15px;
color: #232323;
font-size: 20px;
... ... @@ -55,14 +55,21 @@
.sec_list{
min-height: 340px;
margin-top: 50px;
background: #ebebee;
/* background: #ebebee; */
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.researcher_name{
font-size:20px;
font-weight:400;
color:rgba(114,113,113,1);
line-height:30px;
margin-top: 15px;
}
.researcher_list {
margin-top: 78px
}
</style>
</head>
... ... @@ -293,12 +300,12 @@
</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="top_title">
Our Researchers
<div class="navpath">
Tianjin Cancer Institute<span>></span>Research<span>></span>Our Researchers
</div>
<!-- <div class="content-word"> -->
<div class="researcher_list ">
... ...
... ... @@ -2,48 +2,122 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.left_ship_box{
.left_ship_box {
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
.header-title-right h3 {
color: #00a16c;
font-size: 21px;
}
.content{
.content {
min-height: 500px;
}
.content-word-left p{
.content-word-left p {
font-size: 14px;
line-height: 2;
}
.prof_item{
}
.prof_item {
width: 330px;
height: auto
height: auto;
}
.prof_img_box{
.prof_img_box {
height: auto;
display: flex;
}
.prof_desc{
.prof_desc {
font-size: 14px;
color: #232323;
font-weight: bold;
}
}
.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(0, 161, 108, 1);
line-height: 24px;
margin-bottom: 50px;
text-decoration: underline;
}
.wire {
width: 950px;
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
</style>
</head>
... ... @@ -51,23 +125,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -79,7 +152,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -100,9 +173,8 @@
</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">
... ... @@ -135,13 +207,11 @@
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html"
onclick="location.href='../research/research.html'" class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -158,8 +228,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -180,7 +249,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
... ... @@ -222,7 +291,7 @@
</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>
... ... @@ -251,7 +320,7 @@
</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>
... ... @@ -264,7 +333,6 @@
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
... ... @@ -274,66 +342,32 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/res5_top.png" width="100%" alt="">
</div>
</!-->
<div class="content">
<div class="content-word">
<div class="content-word-left">
<h3>
National Training Base
</h3>
<p>
Advanced National Training Course of oncologists and pathologists was commissioned by the
Ministry of Public Health
since 1954: <br>
51 sessions of advanced courses for oncologists; <br>
37 sessions for pathologists; <br>
5,500 doctors from all parts of China have been trained in Tianjin <br>
</p>
<h3>
Academy of Clinical Oncology
</h3>
<p>
Post Doctorals, Master Graduates and Undergraduate student: 230/Year <br>
International Students : 30/Year
</p>
<h3>
National base of Continuing Medical Education
</h3>
<p>
National Training Courses for Oncologists: 250/Year <br>
National Nursing Training Courses: 40/Year
</p>
</div>
<div class="navpath">
Research & Education<span>></span>Education<span>></span>Graduate Study
</div>
<!-- 形象墙 -->
<div class='prof_box'>
<div class="prof_item">
<div class="prof_img_box">
<img src="../images/res_ed1.png" alt="">
<div class="contant">
<div class="contant_left">
<div class="left_titles">Graduate Study</div>
<div class="left_title">International Study</div>
<div class="left_title">Continuing Study</div>
</div>
<div class="wire">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
under construction
</div>
<div class="prof_item">
<div class="prof_img_box">
<img src="../images/res_ed2.png" alt="">
</div>
</div>
<div class="prof_item">
<div class="prof_img_box">
<img src="../images/res_ed3.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>
... ... @@ -342,18 +376,16 @@
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -2,48 +2,80 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.left_ship_box{
.left_ship_box {
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
.header-title-right h3 {
color: #00a16c;
font-size: 21px;
}
.content{
.content {
min-height: 500px;
}
.content-word-left p{
.content-word-left p {
font-size: 16px;
line-height: 2;
color: #333;
}
.prof_item{
.prof_item {
width: 300px;
height: auto
height: auto;
}
.prof_img_box{
.prof_img_box {
height: auto;
}
.prof_desc{
.prof_desc {
font-size: 14px;
color: #232323;
font-weight: bold;
}
}
.contant {
width: 1122px;
margin: 70px auto 0 auto;
}
.contant_title{
font-size:24px;
font-weight:bold;
color:rgba(102,102,102,1);
line-height:30px;
margin-bottom: 28px
}
.contant_top_img {
width: 625px;
height: 416px;
margin-bottom: 32px
}
.contant_top_img img,.contant_top_imgs img {
width: 100%;
height: 100%;
}
.contant_top_imgs{
width:626px;
height:415px;
}
</style>
</head>
... ... @@ -51,23 +83,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -79,7 +110,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -100,9 +131,8 @@
</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">
... ... @@ -135,12 +165,11 @@
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html"
onclick="location.href='../research/research.html'" class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -157,8 +186,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -179,7 +207,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
... ... @@ -221,7 +249,7 @@
</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>
... ... @@ -250,7 +278,7 @@
</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>
... ... @@ -275,86 +303,77 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/res1_top.png" width="100%" alt="">
</div>
<div class="content">
</!-->
<div class="content">
<div class="navpath">
Research & Education<span>></span>National Cancer Clinical Research Center
</div>
<div class="contant">
<div class="contant_title">
National Clinical Research Center for Cancer (China • Tianjin)
</div>
<div class="contant_top_img">
<img src="../images/20.png" alt="" />
</div>
<div class="content-word">
<div class="content-word-left">
<h3 style="margin-bottom: 45px;">National Clinical Research Center for Cancer (China • Tianjin)</h3>
<p> In 2012, the Ministry of Science and Technology, together with the Ministry of Health and the
Ministry of General Health started up the construction of National Clinical Research Center, which
was divided into three batches to build total of 32 centers. In June 2013, our center was
established at the first batch, while was one of the two National Clinical Research Centers in the
field of cancer. </p>
<p> Since the Center’s inception, we see the center as the guide and the collaborative network as the
support. We aim to make the establishment of a high-level research platform for the
oncology-transforming medicine.</p>
<p> In additions, we work on launching the clinical and translational studies, exploring the new model
and new technology of the cancer prevention & treatment, and popularizing the diagnostic and
therapeutic criteria for the common malignant tumors. By facing the needs of the cancer prevention &
treatment, the Center has cultivated the multidisciplinary research teams, and strengthened the
technological promotion and popularization.</p>
<p> Academician Xishan Hao is the director of the Center，who established the organizational and
management structure of the Center. The Center has been formed collaborative research network within
two sub-centers, 20 regional centers and several grass-roots hospitals.</p>
<p> Research Platform Construction: the Center established the specifications for the construction and
management of biological samples in accordance with international standards and formed the
internationalized Steering Committee. There are more than 55,000 tissue specimens have been
accumulated, more than 75,000 bloods and body fluid specimens have been collected. In September
2016, we were authorized by the Human Genetic Resources Management Office of the Ministry of Science
and Technology for approval of human genetic collection, trading, export and exit examination and
approval. We also established the cancer molecular diagnostics including the biochips and the
next-generation sequencing, and the corresponding bioinformatics technology platforms. The platform
acquired the pilot unit of the clinical application of high-throughput sequencing technology of the
National Health and Family Planning Commission, while carried out predictions of solid
tumor-targeted drug susceptibility, and the risk prediction of inherited tumors such as breast
cancer and thyroid cancer. The Center published a core journal, “Chinese Journal of Clinical
Oncology”, selected as one of TOP 50 projects of the Chinese Association of Science and Technology
Quality Periodicals. It was also awarded the "Fourth Chinese Excellent Journal of Science and
Technology" by the Ministry of Science and Technology. In 2018, our English journal “Cancer Biology
& Medicine’s impact factor was 4.607. It globally ranks 55th in 222 journals of oncology and 1st in
5 SCI journals of oncology in China.</p>
<p> High-Level Talent Team Construction : the Center has fostering and importing 2 outstanding young
talents of the National Natural Science Foundation of China, 4 Changjiang Scholars and Professors of
the Ministry of Education, 2 talents of National Thousand Talents program, 1 leading talent of
National Million Plan. In additions, the expert recommended by the Center won the 2016 Chinese
Government Friendship Award and were successfully elected as a foreign academician of the Chinese
Academy of Engineering in 2017.</p>
<p> Scientific Research Construction: since the establishment of the center, there have been 285
scientific research projects at provincial and ministerial level, and the scientific research
funding has reached 159.333 million yuan, including 4 National Key R&D (Research and Development)
Plans, 3 National Science and Technology Support Plans, 2 Major International Cooperation Projects
of the National Natural Science Foundation, 1 Outstanding Youth Project, 1 Outstanding Youth
Project, and 1 Sino-Canadian Cooperation Project. There are more than 1,000 papers have been
published in SCI journals, 28 papers in IF≥10 papers, and 25 technology awards provincial and
ministerial level. We have lead/participated 73 multi-center clinical studies and more than 70
projects in the formation of related guidelines.</p>
<p>The Center will further implement the national innovation-driven development strategy, the “13th
Five-year Plan on Technology and Innovation”, the “Plan of Health China 2030”, and the “13th
Five-Year Plan for Health and Science & Technology Innovation”. In accordance with the requirements
of the “Five-Year Development Plan of the National Center for Clinical Research (2017-2021)”, which
was jointly formulated by the Ministry of Science and Technology, the National Health and Family
Planning Commission, the Military Commission's Logistics Support Department and the General
Administration of Food and Drug Administration, the Center would actively promote the center
construction, improve the organizational structure and network structure, optimize the allocation of
resources, and improve the operational management system. Moreover, we will make the establishment
of a high-level research platform for the oncology-transforming medicine， and explore on the new
modes and strategies for the tumor prevention. The diagnosis and treatment norms in the field of the
common cancer could be improved and promoted, with rapidly advancing the innovative and
popularization in the field of cancer, to drive the overall level of the cancer prevention and
treatment in China</p>
<p>
In 2012, the Ministry of Science and Technology, together with the Ministry of Health and the Ministry of General Health started up the construction of National Clinical Research Center, which was divided into three batches to build total of 32 centers.
In June 2013, our center was established at the first batch, while was one of the two National Clinical Research Centers in the field of cancer.
</p>
<p>
Since the Center’s inception, we see the center as the guide and the collaborative network as the support. We aim to make the establishment of a high-level research platform for the oncology-transforming medicine.
</p>
<p>
In additions, we work on launching the clinical and translational studies, exploring the new model and new technology of the cancer prevention & treatment, and popularizing the diagnostic and therapeutic criteria for the common malignant tumors. By facing
the needs of the cancer prevention & treatment, the Center has cultivated the multidisciplinary research teams, and strengthened the technological promotion and popularization.
</p>
<p>
Academician Xishan Hao is the director of the Center，who established the organizational and management structure of the Center. The Center has been formed collaborative research network within two sub-centers, 20 regional centers and several grass-roots
hospitals.
</p>
<p>
Research Platform Construction: the Center established the specifications for the construction and management of biological samples in accordance with international standards and formed the internationalized Steering Committee. There are more than 55,000
tissue specimens have been accumulated, more than 75,000 bloods and body fluid specimens have been collected. In September 2016, we were authorized by the Human Genetic Resources Management Office of the Ministry of Science and
Technology for approval of human genetic collection, trading, export and exit examination and approval. We also established the cancer molecular diagnostics including the biochips and the next-generation sequencing, and the corresponding
bioinformatics technology platforms. The platform acquired the pilot unit of the clinical application of high-throughput sequencing technology of the National Health and Family Planning Commission, while carried out predictions
of solid tumor-targeted drug susceptibility, and the risk prediction of inherited tumors such as breast cancer and thyroid cancer. The Center published a core journal, “Chinese Journal of Clinical Oncology”, selected as one of
TOP 50 projects of the Chinese Association of Science and Technology Quality Periodicals. It was also awarded the "Fourth Chinese Excellent Journal of Science and Technology" by the Ministry of Science and Technology. In 2018,
our English journal “Cancer Biology & Medicine’s impact factor was 4.607. It globally ranks 55th in 222 journals of oncology and 1st in 5 SCI journals of oncology in China.
</p>
<p>
High-Level Talent Team Construction : the Center has fostering and importing 2 outstanding young talents of the National Natural Science Foundation of China, 4 Changjiang Scholars and Professors of the Ministry of Education, 2 talents of National Thousand
Talents program, 1 leading talent of National Million Plan. In additions, the expert recommended by the Center won the 2016 Chinese Government Friendship Award and were successfully elected as a foreign academician of the Chinese
Academy of Engineering in 2017.
</p>
<p>
Scientific Research Construction: since the establishment of the center, there have been 285 scientific research projects at provincial and ministerial level, and the scientific research funding has reached 159.333 million yuan, including 4 National Key
R&D (Research and Development) Plans, 3 National Science and Technology Support Plans, 2 Major International Cooperation Projects of the National Natural Science Foundation, 1 Outstanding Youth Project, 1 Outstanding Youth Project,
and 1 Sino-Canadian Cooperation Project. There are more than 1,000 papers have been published in SCI journals, 28 papers in IF≥10 papers, and 25 technology awards provincial and ministerial level. We have lead/participated 73 multi-center
clinical studies and more than 70 projects in the formation of related guidelines.
</p>
<p>
The Center will further implement the national innovation-driven development strategy, the “13th Five-year Plan on Technology and Innovation”, the “Plan of Health China 2030”, and the “13th Five-Year Plan for Health and Science & Technology Innovation”.
In accordance with the requirements of the “Five-Year Development Plan of the National Center for Clinical Research (2017-2021)”, which was jointly formulated by the Ministry of Science and Technology, the National Health and Family
Planning Commission, the Military Commission's Logistics Support Department and the General Administration of Food and Drug Administration, the Center would actively promote the center construction, improve the organizational structure
and network structure, optimize the allocation of resources, and improve the operational management system. Moreover, we will make the establishment of a high-level research platform for the oncology-transforming medicine， and
explore on the new modes and strategies for the tumor prevention. The diagnosis and treatment norms in the field of the common cancer could be improved and promoted, with rapidly advancing the innovative and popularization in the
field of cancer, to drive the overall level of the cancer prevention and treatment in China
</p>
</div>
</div>
<div class="contant_top_imgs">
<img src="../images/70.png" alt="" />
</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>
... ... @@ -363,18 +382,16 @@
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -2,55 +2,131 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.left_ship_box{
.left_ship_box {
width: 330px;
}
.header-title-right {
padding-left: 50px;
width: 300px;
margin-bottom: 80px;
}
.header-title-right h3{
color:#00A16C;
.header-title-right h3 {
color: #00a16c;
font-size: 21px;
}
.content{
.content {
min-height: 500px;
}
.content-word-left p{
.content-word-left p {
font-size: 14px;
line-height: 2;
}
.prof_item{
}
.prof_item {
width: 300px;
height: auto
height: auto;
}
.prof_img_box{
.prof_img_box {
height: auto;
}
.prof_desc{
.prof_desc {
font-size: 14px;
color: #232323;
font-weight: bold;
}
.content_model{
}
.content_model {
width: 1000px;
margin: 0 auto;
}
.search_part{
.search_part {
margin-bottom: 25px;
width: 100%;
}
.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 {
width: 950px;
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
</style>
</head>
... ... @@ -58,23 +134,22 @@
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
aria-expanded="true">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search">
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
... ... @@ -86,7 +161,7 @@
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
... ... @@ -107,9 +182,8 @@
</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">
... ... @@ -142,13 +216,11 @@
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html"
onclick="location.href='../research/research.html'" class="inner_item">
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
... ... @@ -165,8 +237,7 @@
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'"
class="inner_item">
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
... ... @@ -187,7 +258,7 @@
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
... ... @@ -229,7 +300,7 @@
</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>
... ... @@ -258,7 +329,7 @@
</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>
... ... @@ -283,14 +354,44 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/res3_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="department_top">
Research Programs
<div class="navpath">
Research & Education<span>></span>Research<span>></span>Research programs
</div>
<div class="contant">
<div class="contant_left">
<div class="left_titles">Research Programs</div>
<div class="left_title">Achievements</div>
<div class="left_title">Key Labaratories</div>
<div class="left_title">Find a Researcher</div>
</div>
<div class="wire">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Basics Science
</div>
<div class="department_main">
<div class="contant_right_title">Medical Oncology</div>
<div class="contant_right_title">Prevention</div>
<div class="contant_right_title">
Surgical Oncology
</div>
</div>
<div class="contant_right_second">
<div class="contant_right_title">Medical Imaging</div>
<div class="contant_right_title">Pathology</div>
<div class="contant_right_title">Radiotherapy</div>
</div>
</div>
</div>
</div>
<!-- <div class="department_top">
Research Programs
</div> -->
<!-- <div class="department_main">
<div class="department_item">
<div class="single_part">
<div class="name_box xulie borderBottom">
... ... @@ -324,11 +425,10 @@
</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>
... ... @@ -337,18 +437,16 @@
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt=""></li>
<li><img src="../images/tjuc.png" width="160px" alt=""></li>
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -51,6 +51,75 @@
width: 100%;
}
.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 {
width: 950px;
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 370px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
</style>
</head>
... ... @@ -283,15 +352,30 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/res3_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="content_model">
<!-- <img src="../images/research_content.png" width="100%" alt="" srcset=""> -->
<img src="../images/research_03-02-1.png" class='search_part' alt="" srcset="">
<img src="../images/research_03-02-2.png" class='search_part' alt="" srcset="">
<div class="navpath">
Research & Education<span>></span>Research<span>></span>Achievements
</div>
<div class="contant">
<div class="contant_left">
<div class="left_title">Research Programs</div>
<div class="left_titles">Achievements</div>
<div class="left_title">Key Labaratories</div>
<div class="left_title">Find a Researcher</div>
</div>
<div class="wire">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Research Achievements
</div>
<div class="contant_right_title">Published Papers</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -54,6 +54,74 @@
width: 100%;
}
.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 {
width: 950px;
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 270px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
</style>
</head>
... ... @@ -286,11 +354,36 @@
</div>
<!-- Swiper -->
<div class="img-header">
<!-- <div class="img-header">
<img src="../images/res3_top.png" width="100%" alt="">
</div>
</div> -->
<div class="content">
<div class="department_top">
<div class="navpath">
Research & Education<span>></span>Research<span>></span>Key Labaratories
</div>
<div class="contant">
<div class="contant_left">
<div class="left_title">Research Programs</div>
<div class="left_title">Achievements</div>
<div class="left_titles">Key Labaratories</div>
<div class="left_title">Find a Researcher</div>
</div>
<div class="wire">
<div class="contant_right">
<div class="contant_right_first">
<div class="contant_right_title">
Key Laboratory of Breast Cancer Prevention and Therapy, Tianjin Medical University, Ministry of Education
</div>
<div class="contant_right_title">Key Laboratory of Cancer Immunology and Biotherapy, Tianjin</div>
<div class="contant_right_title">Key Laboratory of Cancer Prevention and Therapy, Tianjin</div>
<div class="contant_right_title">
Key Laboratory of Molecular Cancer Epidemiology, Tianjin
</div>
</div>
</div>
</div>
</div>
<!-- <div class="department_top">
Key Laboratories
</div>
<div class="department_main">
... ... @@ -312,7 +405,7 @@
</div>
</div>
</div>
</div> -->
</div>
<footer class="footer-content">
<div class="footer-main">
... ...
... ... @@ -28,6 +28,73 @@
width: 178px;
margin: 0 40px 40px 40px;
}
.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 {
width: 950px;
position: relative;
}
.wire:before {
content: "";
width: 2px;
height: 280px;
background: rgba(114, 113, 113, 1);
opacity: 0.7;
position: absolute;
top: 0;
left: 80px;
}
</style>
</head>
... ... @@ -258,18 +325,29 @@
</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">
Research & Education<span>></span>Research<span>></span>Find a Researcher
</div>
<div class="contant">
<div class="contant_left">
<div class="left_title">Research Programs</div>
<div class="left_title">Achievements</div>
<div class="left_title">Key Labaratories</div>
<div class="left_titles">Find a Researcher</div>
</div>
<div class="wire">
<div class="contant_right">
<div class='single_ship_box'>
<div class='left_ship_box'>
<div class="header-title-right">
<h3>Find a Researcher</h3>
<div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
<input type="text" class="form-control input-lg">
<button type="button" class="btn btn-warning btn-lg ">
<img src="../images/01pc-main/pic (9).png" alt="">
<img src="../images/01pc-main/pic (9).png" alt="" style="margin-bottom: 6px">
</button>
</div>
<h4>click here</h4>
... ... @@ -279,6 +357,10 @@
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-content">
... ...