PC / tmuch · 提交

转到一个项目

作者 朱振飞
提交 af10b8de117603a35374335aa8944ed6ee788259 1 个父辈 4c5cc6ef

1212

内嵌 并排对比
正在显示 10 个修改的文件 包含 531 行增加 和 372 行删除
... ... @@ -25,6 +25,7 @@
align-items: flex-start;
display: flex;
display: -webkit-flex;
margin-top: 50px;
}
.single_mark {
... ... @@ -301,17 +302,13 @@
</ul>
</div>
<div class="content padding0">
<!-- Swiper -->
<div class="img-header">
<img src="../images/care_top.png" width="100%" alt="">
</div>
</div>
<div class="content">
<div class="content-word">
<div class="navpath">Nursing Care<span>&gt;</span>Research Achievement<span>&gt;</span>Evidence-based
Nursing Team</div>
<div class="content-word" >
<div class="content-word-left">
<h4 class="">
<h4 class="active">
Evidence-based Nursing Team
</h4>
<h4 class="">
... ...

102.8 KB | 宽: | 高:

324.4 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

134.4 KB | 宽: | 高:

229.5 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

130.5 KB | 宽: | 高:

368.8 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖
... ... @@ -49,6 +49,7 @@
.swiper-container {
padding-bottom: 60px;
position: relative;
width: 700px;
}
.swiper-slide {
... ... @@ -60,7 +61,6 @@
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 550px;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
... ... @@ -92,8 +92,8 @@
top: 50px;
}
#d_slider{
margin: 0 75px;
width: auto;
margin: 50px auto 0;
width: 900px;
}
.content h4{
margin: 0 auto;
... ... @@ -116,9 +116,12 @@
.pleft {
width: 150px;
margin-right: 20px;
font-size: 13px;
color: #00a16c;
margin-right: 20px;
font-size: 13px;
color: #00a16c;
}
.pright{
text-decoration: underline;
}
</style>
</head>
... ... @@ -346,27 +349,29 @@
</li>
</ul>
</div>
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
<div class="swiper-wrapper ">
<div class="swiper-slide content-four-img">
<img src="../images/index_top1.png" width="100%" alt="">
<div class="content">
<div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
<div class="swiper-wrapper ">
<div class="swiper-slide content-four-img">
<img src="../images/index_top1.png" width="100%" alt="">
</div>
<div class="swiper-slide content-four-img">
<img src="../images/index_top2.png" width="100%" alt="">
</div>
<div class="swiper-slide content-four-img">
<img src="../images/index_top3.png" width="100%" alt="">
</div>
</div>
<div class="swiper-slide content-four-img">
<img src="../images/index_top2.png" width="100%" alt="">
</div>
<div class="swiper-slide content-four-img">
<img src="../images/index_top3.png" width="100%" alt="">
</div>
<!-- Add Pagination -->
<img src="../images/left.png" class="swiper-button-prev" alt="">
<div class="swiper-pagination"></div>
<img src="../images/right.png" class="swiper-button-next" alt="">
</div>
<!-- Add Pagination -->
<img src="../images/03pc-second/pic (7).png" class="arrow-left" alt="">
<div class="swiper-pagination"></div>
<img src="../images/03pc-second/pic (8).png" class="arrow-right" alt="">
</div>
<div class="content">
<h3 style='text-align: center'>International Conferences</h3>
<div class="plfrt">
... ... @@ -732,8 +737,8 @@
},
},
navigation: {
nextEl: '.arrow-right',
prevEl: '.arrow-left',
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
... ...
... ... @@ -11,21 +11,27 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.partent_item p {
display: none;
}
.partent_item {
margin-bottom: 60px;
color: #666666;
font-size: 20px;
cursor: pointer;
width: 50%;
}
.partent_item_box {
max-width: 200px;
margin-left: 30px;
height: auto;
text-align: left;
}
.partent_item_box a{
display: block;
text-decoration: underline;
}
.partner_list {
margin-bottom: 25px;
margin-top: 50px;
}
.contry_box{
width: auto;
... ... @@ -35,9 +41,6 @@
width: 78px;
left: -40px;
}
.partent_item_box a {
display: block;
}
</style>
</head>
... ... @@ -268,20 +271,19 @@
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/aff4_top.png" alt="" width="100%">
</div>
<div class="content">
<div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
<div class="partner_list">
<div class="contry_box">
<img src="../images/germany.png" width="100%" alt="">
</div>
<div class="partent_list_box">
<div class="partent_item">
<p>German Cancer Research Center</p>
<div class="partent_item_box">
<a href='www.dkfz.de'> <img src="../images/germany_1.png" width="100%" alt=""> </a></div>
<p>German
Cancer Research Center</p>
<a href='www.dkfz.de'> www.dkfz.de </a></div>
</div>
</div>
</div>
... ... @@ -290,17 +292,18 @@
<img src="../images/japan.png" width="100%" alt="">
</div>
<div class="partent_list_box">
<div class="partent_item">
<p>Aizawa Hospital (sister institution)</p>
<div class="partent_item_box">
<a href='http://w3.ai-hosp.or.jp/_en/'> <img src="../images/japan1.png" width="100%" alt="">
</a> </div>
<p>German Cancer Research Center</p>
<a href='www.showa-u.ac.jp/en/'> www.showa-u.ac.jp/en/</a> </div>
</div>
<div class="partent_item">
<p>
Showa University
</p>
<div class="partent_item_box">
<a href='www.showa-u.ac.jp/en/'> <img src="../images/japan2.png" width="100%" alt="">
</a> </div>
<p>Aizawa Hospital (sister institution)</p>
<a href='www.showa-u.ac.jp/en/'>www.showa-u.ac.jp/en/</a> </div>
</div>
</div>
</div>
... ... @@ -310,12 +313,11 @@
</div>
<div class="partent_list_box">
<div class="partent_item">
<div class="partent_item_box">
<a href='www.kirams.re.kr'> <img src="../images/korea1.png" width="100%" alt="">
</a> </div>
<p>
Korea Institute of Radiological & Medical Sciences (KIRAMS) (sister institution
</p>
<div class="partent_item_box">
<a href='www.kirams.re.kr'>www.kirams.re.kr</a> </div>
</div>
</div>
... ... @@ -327,12 +329,13 @@
</div>
<div class="partent_list_box">
<div class="partent_item">
<div class="partent_item_box">
<a href='http://www.rug.nl'> <img src="../images/netherland1.png" width="100%" alt=""></a>
</div>
<p>
University Groningen
</p>
<div class="partent_item_box">
<a href='http://www.rug.nl'>http://www.rug.nl</a>
</div>
</div>
</div>
</div>
... ... @@ -343,22 +346,21 @@
</div>
<div class="partent_list_box">
<div class="partent_item">
<div class="partent_item_box">
<a href='https://ki.se/'> <img src="../images/Sweden1.png" width="100%" alt="">
</a> </div>
<p>
Karolinsa Institute
</p>
<div class="partent_item_box">
<a href='https://ki.se/'>https://ki.se/</a> </div>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.lunduniversity.lu.se'> <img src="../images/Sweden2.png" width="100%"
alt=""></a>
</div>
<p>
Lund University
</p>
<div class="partent_item_box">
<a href='www.lunduniversity.lu.se'>www.lunduniversity.lu.se</a>
</div>
</div>
</div>
</div>
... ... @@ -369,71 +371,71 @@
</div>
<div class="partent_list_box">
<div class="partent_item">
<div class="partent_item_box">
<a href='www.mdanderson.org'> <img src="../images/usa1.png" width="100%" alt="">
</a> </div>
<p>
The University of Texas M. D. Anderson Cancer Center (sister institution)
</p>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.MOFFITT.org'> <img src="../images/usa2.png" width="100%" alt="">
<a href='www.mdanderson.org'>www.mdanderson.org
</a> </div>
</div>
<div class="partent_item">
<p>
H.Lee Moffitt Cancer Center & Research Institute (brotherhood institution)
</p>
<div class="partent_item_box">
<a href='www.MOFFITT.org'>www.MOFFITT.org</a> </div>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.unmc.edu/cancercenter/'> <img src="../images/usa3.png" width="100%" alt="">
</a> </div>
<p>
Fred & Pamela Buffett Cancer Center, University of Nebraska Medical Center (sister
institution)
</p>
<div class="partent_item_box">
<a href='www.unmc.edu/cancercenter/'>www.unmc.edu/cancercenter/</a> </div>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.foxchase.org'> <img src="../images/usa4.png" width="100%" alt="">
</a> </div>
<p>
Fox Chase Cancer Center (sister institution)
</p>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.NFCR.org'><img src="../images/usa5.png" width="100%" alt="">
<a href='www.foxchase.org'>www.foxchase.org
</a> </div>
</div>
<div class="partent_item">
<p>
National Foundation for Cancer Research (NFCR)
</p>
<div class="partent_item_box">
<a href='www.NFCR.org'>www.NFCR.org
</a> </div>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.dukecancerinstiutute.org'><img src="../images/usa6.png" width="100%"
alt=""></a>
</div>
<p>
Duke Cancer Institute
</p>
<div class="partent_item_box">
<a href='www.dukecancerinstiutute.org'>www.dukecancerinstiutute.org</a>
</div>
</div>
<div class="partent_item">
<div class="partent_item_box">
<a href='www.cancer.gov'><img src="../images/usa7.png" width="100%" alt="">
</a> </div>
<p>
National Cancer Institute, NCI
</p>
<div class="partent_item_box">
<a href='www.cancer.gov'>www.cancer.gov</a> </div>
</div>
<div class="partent_item">
<p>Thomas Jefferson University</p>
<div class="partent_item_box">
<a href='www.jefferson.edu'><img src="../images/usa8.png" width="100%" alt="">
<a href='www.jefferson.edu'>www.jefferson.edu
</a> </div>
<p>Thomas Jefferson University</p>
</div>
</div>
</div>
... ... @@ -443,16 +445,17 @@
</div>
<div class="partent_list_box">
<div class="partent_item">
<div class="partent_item_box">
<a href='http://www.kings.ac.uk'><img src="../images/unitedkingdom1.png" width="100%"
alt=""></a> </div>
<p>King’s College London</p>
<div class="partent_item_box">
<a href='http://www.kings.ac.uk'>http://www.kings.ac.uk</a> </div>
</div>
<div class="partent_item">
<p>University of Dundee</p>
<div class="partent_item_box">
<a href='www.dundee.ac.uk'><img src="../images/unitedkingdom2.png" width="100%" alt=""></a>
<a href='www.dundee.ac.uk'>www.dundee.ac.uk</a>
</div>
<p>University of Dundee</p>
<!-- <p>University of Dundee</p> -->
</div>
</div>
</div>
... ...
... ... @@ -239,11 +239,9 @@
</ul>
</div>
<!-- Swiper -->
<div class="img-header">
<img src="../images/aff3_top.png" alt="" width="100%">
</div>
<div class="content">
<div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
<div class="ondata">under construction</div>
</div>
<footer class="footer-content">
... ...
... ... @@ -11,22 +11,30 @@
<link rel="stylesheet" href="../css/index.css">
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style lang="">
.content-word-right{
.content-word-right {
padding-top: 0;
height: auto;
align-self: flex-start;
}
.content-word-right h4{
.content-word-right h4 {
margin-bottom: 25px;
}
.left_main{
.left_main {
display: flex;
display: -webkit-flex;
width: 100%;
position: relative;
width: 50%;
color: #666;
line-height: 1.2;
margin-bottom: 15px;
align-items: center;
}
.left_main:before{
content:'';
.left_main:before {
content: '';
width: 4px;
height: 4px;
background: #333;
... ... @@ -36,31 +44,37 @@
margin-top: -2px;
border-radius: 50%;
}
.main_left{
.main_left {
flex: 1;
}
.main_right{
.main_right {
width: 140px;
margin-left: auto;
-webkit-margin-start: auto;
}
.title{
.title {
color: #00A16C;
text-align: center;
padding-left: 40px;
}
.inner_text{
.inner_text {
padding-left: 70px;
}
.internation_left{
.internation_left {
margin-bottom: 0;
padding-bottom: 40px;
border-right: 2px solid #121212;
padding-right: 60px;
}
.upload{
width:150px;
height:30px;
.upload {
width: 150px;
height: 30px;
border-radius: 15px;
text-align: center;
font-size: 16px;
... ... @@ -73,29 +87,99 @@
margin-right: 30px;
cursor: pointer;
}
.main_right{
.main_right {
display: none;
}
.single_country{
.single_country {
display: flex;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.5;
margin-top: 40px;
/* line-height: 1.5; */
}
.country_flag{
.country_flag {
width: 170px;
text-align: center;
padding-top: 10px;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
/* text-align: center; */
}
.country_flag img{
.country_flag img {
height: auto;
}
.internation_left_imgbox{
.internation_left_imgbox {
background-color: #6a6a6a;
}
#is_slider{
.swiper-container {
padding-bottom: 60px;
position: relative;
margin: 0 auto;
box-sizing: border-box;
width: 700px;
}
.swiper-wrapper {
width: 700px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.swiper-button-next,
.swiper-button-prev {
margin-top: -60px;
}
.swiper-slide img {
display: inline-block;
height: auto;
max-width: 100%;
}
#is_slider {
margin: 0 75px;
}
#d_slider {
margin-top: 20px;
}
.university_list{
flex: 1;
-webkit-box-flex: 1;
display: flex;
display: -webkit-flex;
flex-wrap:wrap;
-ms-flex-wrap: wrap;
}
.content-word-left{
flex: unset;
width: 100%;
}
</style>
</head>
... ... @@ -103,8 +187,8 @@
<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>
... ... @@ -192,8 +276,8 @@
<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">
... ... @@ -325,49 +409,37 @@
</ul>
</div>
<!-- Swiper -->
<div class="img-header" id='is_slider'>
<img src="../images/aff2_top.png" alt="" width="100%">
</div>
<div class="content">
<div class="content-word">
<div class="content-word-right">
<h4>TRAINING EXPERIENCE</h4>
<div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
<h4 class="center" style="margin-top: 50px; color:#00A16C">TRAINING EXPERIENCE</h4>
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
<div class="swiper-wrapper main_slider_container">
<div class="swiper-slide content-four-img">
<img src="../images/tr1.png" width="100%" alt="">
<div class="internation_left">
<div class="internation_left_imgbox">
<img src='../images/tr1.png' />
</div>
<!-- <p>
No Content
</p> -->
</div>
<div class="internation_left">
<div class="internation_left_imgbox">
<img src='../images/tr2.png' />
</div>
<!-- <p>
No Content
</p> -->
<div class="swiper-slide content-four-img">
<img src="../images/tr2.png" width="100%" alt="">
</div>
<div class="internation_left">
<div class="internation_left_imgbox">
<img src='../images/tr3.png' />
</div>
<!-- <p>
No Content -->
<div class="swiper-slide content-four-img">
<img src="../images/tr3.png" width="100%" alt="">
</div>
<!-- <div class='upload'>I want to upload </div> -->
</div>
<!-- Add Pagination -->
<img src="../images/left.png" class="swiper-button-prev" alt="">
<div class="swiper-pagination"></div>
<img src="../images/right.png" class="swiper-button-next" alt="">
</div>
<div class="content-word">
<div class="content-word-left">
<div class="left_main">
<div class="main_left title">
<h4>OVERSEATRAING</h4>
</div>
<div class="main_right title">
<h4>PERSON TIME</h4>
<h2>Oversea Training</h2>
</div>
</div>
<div class='single_country'>
... ... @@ -582,7 +654,7 @@
</div>
</div>
</div>
<div class='single_country'>
<div class="country_flag">
<img src="../images/Sweden.png" alt="">
... ... @@ -794,7 +866,7 @@
</div>
<div class="left_main">
<div class="main_left inner_text">Tufts Medical Center</div>
<div class="main_right inner_text">1
... ... @@ -802,55 +874,55 @@
</div>
<div class="left_main">
<div class="main_left inner_text">Tufts Medical Center
</div>
</div>
<div class="main_right inner_text">2
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of California, San Diego
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text"> University of California, San Francisco
</div>
</div>
<div class="main_right inner_text">2
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Michigan
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Nebraska Medical Center
</div>
</div>
<div class="main_right inner_text">2
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of OklahomaVanderbilt
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Pennsylvania College of Medicine
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Pittsburgh
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Vanderbilt University Medical Center
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
... ... @@ -861,19 +933,19 @@
</div>
<div class="left_main">
<div class="main_left inner_text">Weill Cornell Medical College
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">William Beaumont Hospital
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Standord University Medical Center
</div>
</div>
<div class="main_right inner_text">1
</div>
</div>
... ... @@ -882,7 +954,7 @@
<div class="main_right inner_text">1
</div>
</div>
</div>
</div>
... ... @@ -921,16 +993,33 @@
$(this).addClass('navbtnActive'); // 添加当前元素的样式
})
})
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
var swiper = new Swiper('.swiper-container1', {
pagination: '.swiper-pagination',
slidesPerView: 3,
paginationClickable: true,
spaceBetween: 30
var swiper = new Swiper('#d_slider', {
autoplay: {
delay: 43000,
disableOnInteraction: false,
},
allowTouchMove: true,
lazy: {
loadPrevNext: true,
loadPrevNextAmount: 1,
},
centeredSlides: true,
spaceBetween: 0,
slidesOffsetBefore: 0,
loop: true,
slidesPerView: 'auto',
on: {},
pagination: {
el: '.swiper-pagination',
clickable: true,
renderBullet: function (index, className) {
return '<div class="' + className + '"><span></span><i></i></div>';
},
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
... ...
... ... @@ -67,9 +67,12 @@
.swiper-container {
padding-bottom: 60px;
position: relative;
margin: 0 75px;
margin: 0 auto;
box-sizing: border-box;
width: auto;
width: 900px;
}
.swiper-wrapper{
width: 900px;
}
.swiper-slide {
... ... @@ -80,7 +83,6 @@
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
width: 600px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
... ... @@ -92,6 +94,10 @@
align-items: center;
position: relative;
}
.swiper-button-next, .swiper-button-prev{
margin-top: -60px;
}
.swiper-slide img {
display: inline-block;
... ... @@ -100,17 +106,19 @@
}
.arrow-left {
margin-left: 43%;
position: relative;
z-index: 15;
top: 50px;
}
.arrow-right {
margin-left: 9%;
position: relative;
z-index: 15;
top: 50px;
}
#d_slider{
margin-top: 25px;
}
.main_slider_container{
width: 700px!important;
}
</style>
</head>
... ... @@ -336,29 +344,30 @@
</ul>
</div>
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
<div class="swiper-wrapper ">
<div class="swiper-slide content-four-img">
<img src="./images/news_1.png" width="100%" alt="">
<div class="content">
<div class="navpath">News Release</div>
</div>
<div class="swiper-slide content-four-img">
<img src="./images/news_2.png" width="100%" alt="">
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
<div class="swiper-wrapper main_slider_container">
<div class="swiper-slide content-four-img">
<img src="../images/news_1.png" width="100%" alt="">
</div>
<div class="swiper-slide content-four-img">
<img src="../images/news_2.png" width="100%" alt="">
</div>
<div class="swiper-slide content-four-img">
<img src="../images/news_3.png" width="100%" alt="">
</div>
</div>
<div class="swiper-slide content-four-img">
<img src="./images/news_3.png" width="100%" alt="">
</div>
<!-- Add Pagination -->
<img src="../images/left.png" class="swiper-button-prev" alt="">
<div class="swiper-pagination"></div>
<img src="../images/right.png" class="swiper-button-next" alt="">
</div>
<!-- Add Pagination -->
<img src="./images/03pc-second/pic (7).png" class="arrow-left" alt="">
<div class="swiper-pagination"></div>
<img src="./images/03pc-second/pic (8).png" class="arrow-right" alt="">
</div>
<div class="content">
<div class="plfrt">
<a href="javascript:;">
<p class="pleft"> May 10, 2019
... ... @@ -439,7 +448,7 @@
</div>
<div class="plfrt">
<a href="newsdetail.1.html">
<a href="javascript:;">
<p class="pleft">
Nov 17, 2018</p>
<p>Signing Ceremony of MOU Between Tianjin Medical University Cancer Institute & Hospital and
... ... @@ -504,16 +513,16 @@
<script>
var swiper = new Swiper('#d_slider', {
autoplay: {
delay: 3000,
delay: 43000,
disableOnInteraction: false,
},
allowTouchMove: true,
lazy: {
loadPrevNext: true,
loadPrevNextAmount: 3,
loadPrevNextAmount: 1,
},
centeredSlides: true,
spaceBetween: 40,
spaceBetween: 0,
slidesOffsetBefore: 0,
loop: true,
slidesPerView: 'auto',
... ... @@ -526,8 +535,8 @@
},
},
navigation: {
nextEl: '.arrow-right',
prevEl: '.arrow-left',
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
... ...
... ... @@ -69,6 +69,7 @@
.prof_item {
width: auto;
margin: 0 auto;
margin-bottom: 20px;
}
.prof_img_box {
... ... @@ -93,6 +94,9 @@
.img_box {
margin: 20px 0;
}
.navpath{
margin-bottom: 50px;
}
</style>
</head>
... ... @@ -125,155 +129,200 @@
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<a href="../research/research.html" class="inner_item">
Research
</a>
<a href="../research/education.html" class="inner_item">
Education
</a>
<a href="../research/researcher.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">CONTACT US</a>
</li>
</ul>
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="about/leadership.html" class="inner_item">
Leadership
</a>
<a href="about/history.html" class="inner_item">
History and Milestones
</a>
<a href="about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<a href="../clinical/departments.html" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="clinical/departm.html" class="inner_item">
Surgical Departmen
</a>
<a href="clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</a>
<a href="clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class='sec_menu_items'>
<a href="research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='research.html'"
class="inner_item">
Research
<div class="third_menu_items">
<a href="research/research.html" class="inner_item">
Research programs
</a>
<a href="research/research.html" class="inner_item">
Achievements
</a>
<a href="research/research.html" class="inner_item">
Key Labaratories
</a>
<a href="clinical/center.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../clinical/departments.html" class="inner_item">
Education
<div class="third_menu_items">
<a href="research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../clinical/education.html" class="inner_item">
International Study
</a>
<a href="../clinical/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class='sec_menu_items'>
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="institute/history.html" class="inner_item">
History
</a>
<a href="institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="institute/joural.html" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="institute/news.html" class="inner_item">
News
</a>
<a href="institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class='sec_menu_items'>
<a href="care/aboutus.html" class="inner_item">
About Us
</a>
<a href="care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="care/training.html" class="inner_item">
Nurse Training
</a>
<a href="care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="care/news.html" class="inner_item">
News & Events
</a>
<a href="care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class='sec_menu_items'>
<a href="international/conference.html" class="inner_item">
International Conferences
</a>
<a href="international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="international/referral.html" class="inner_item">
International Patients
</a>
<a href="international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="swiper-container" id="d_slider">
<!-- <div class="swiper-container" id="d_slider">
<div class="swiper-wrapper ">
<div class="swiper-slide content-four-img">
<img src="./images/detail3_top1.png" width="100%" alt="">
... ... @@ -287,20 +336,29 @@
<img src="./images/detail3_top3.png" width="100%" alt="">
</div>
</div>
<!-- Add Pagination -->
<img src="./images/03pc-second/pic (7).png" class="arrow-left" alt="">
<div class="swiper-pagination"></div>
<img src="./images/03pc-second/pic (8).png" class="arrow-right" alt="">
</div>
</div> -->
<div class="content">
<div class="navpath">News Release</div>
<div class="content-word">
<div class="content-word-left">
<h3 class="center">
<h3 class="left" style='font-size: 20px'>
Renewal of Brotherhood Institution Relationship Agreement with H. Lee Moffitt Cancer Center &
Research Institute
</h3>
<div class="prof_item">
<div class="prof_img_box center">
<img src="../images/detail3_top2.png" alt="">
</div>
</div>
<div class="prof_item">
<div class="prof_img_box center">
<img src="../images/detail3_top1.png" alt="">
</div>
</div>
<p>
On November 17, 2018, Tianjin Medical University Cancer Institute & Hospital held the signing
ceremony of the Brotherhood Relationship Agreement Renewal and celebrated the 10-Year
... ...