<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style lang="">
.content-word-right {
padding-top: 0;
height: auto;
align-self: flex-start;
}
.content-word-right h4 {
margin-bottom: 25px;
}
.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: "";
width: 4px;
height: 4px;
background: #333;
position: absolute;
top: 50%;
left: 50px;
margin-top: -2px;
border-radius: 50%;
}
.main_left {
flex: 1;
}
.main_right {
width: 140px;
margin-left: auto;
-webkit-margin-start: auto;
}
.title {
color: #00a16c;
padding-left: 40px;
}
.inner_text {
padding-left: 70px;
}
.internation_left {
margin-bottom: 0;
padding-bottom: 40px;
border-right: 2px solid #121212;
padding-right: 60px;
}
.upload {
width: 150px;
height: 30px;
border-radius: 15px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 30px;
background: #f29b76;
margin-left: auto;
-webkit-margin-start: auto;
margin-right: 30px;
cursor: pointer;
}
.main_right {
display: none;
}
.single_country {
display: flex;
margin-bottom: 30px;
font-size: 18px;
margin-top: 40px;
/* line-height: 1.5; */
}
.country_flag {
width: 170px;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
/* text-align: center; */
}
.country_flag img {
height: auto;
}
.internation_left_imgbox {
background-color: #6a6a6a;
}
.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%;
}
.contant_word {
text-align: justify;
font-size: 20px;
font-weight: 600;
line-height: 36px;
color: #592828;
padding-left: 40px
}
.train_box {
display: flex;
justify-content: flex-start;
}
.train_left {
width: 200px;
position: relative
}
.train_left:after {
content: "";
width: 3px;
height: 380px;
background: #ccc;
position: absolute;
top: 0;
right: -10px
}
.train_right {
width: 80%
}
.train_left_tab {
font-size: 20px;
font-weight: bold;
line-height: 50px;
color: #727171;
cursor: pointer;
margin-bottom: 30px
}
.train_left_tabs {
font-size: 20px;
font-weight: bold;
line-height: 50px;
color: #00a16c;
}
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtnActive navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class='sec_menu_items'>
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<!-- <a href="../about/leadership.html" class="inner_item">
Leadership
</a> -->
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class='sec_menu_items'>
<div class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Oncology
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
</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>
<div class="inner_item">
Clinical Trials
<div class="third_menu_items">
<a href="../clinical/trials.html" class="inner_item">
Introduction
</a>
<a href="../clinical/trials_one.html" class="inner_item">
Work Flow Chart
</a>
<a href="../clinical/trials_two.html" class="inner_item">
FInd A Clinical Trail
</a>
<a href="../clinical/trials_three.html" class="inner_item">
Research Achievement
</a>
</div>
</div>
<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 class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
</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">
Abouts Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
Introduction
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">NURSING CARE</a>
<div class='sec_menu_items'>
<div class="inner_item" style="position: relative">
Introduction
<div class="third_menu_items">
<a href="../care/history_time.html" class="inner_item">
Our Team
</a>
<a href="../care/history_time_two.html" class=" inner_item ">
Imoportant Events
</a>
<a href="../care/history_time_three.html " class="inner_item ">
Honor & Awards
</a>
<a href="../care/history_time_four.html " class="inner_item ">
Contact Us
</a>
</div>
</div>
<div class="inner_item " style="position: relative ">
Nursing Activities
<div class="third_menu_items ">
<a href="../care/profession.html " class="inner_item ">
Professional Teams
</a>
<a href="../care/five-two_2.html" class="inner_item ">
Public Services
</a>
<a href="../care/profession_one.html" class="inner_item ">
Compassionate Care
</a>
<a href="../care/profession_two.html" class="inner_item ">
Caring for Nurses
</a>
</div>
</div>
<div class="inner_item " style="position: relative ">
Nursing Teaching
<div class="third_menu_items ">
<a href="../care/training.1.html" class="inner_item ">
Clinical Nursing Teaching
</a>
<a href="../care/five-three_2.html" class="inner_item ">
Postgraduate Development
</a>
</div>
</div>
<div class="inner_item ">
Nursing Research
<div class="third_menu_items ">
<a href="../care/five-four_detail1.html " class="inner_item ">
Publications:SCI Papers
</a>
<a href="../care/five-four_detail2.html" class="inner_item ">
Research Projects
</a>
<a href="../care/five-four_detail3.html" class="inner_item ">
Innovations & Patents
</a>
<a href="../care/five-four_detail4.html " class="inner_item ">
Publications:Books
</a>
</div>
</div>
<a href="../care/cancer.html " class="inner_item ">
Survivorship Support
</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 navbtn-a " role="button ">
<a href="../news.html ">NEWS RELEASE</a>
</li>
</ul>
</div>
<div class="content">
<div class="navpath">
International Affairs<span>></span>Oversea Trainings
</div>
<h4 class="center" style="margin-top: 50px; color:#00A16C;margin-left: 200px">
OVERSEA TRAINING
</h4>
<div class="train_box">
<div class="train_left">
<div class="train_left_tab train_left_tabs">
<a href="./training.html">Oversea Training</a>
</div>
<div class="train_left_tab">
<a href="./trainings.html">Training Experience</a>
</div>
</div>
<div class="train_right">
<div class="swiper-container" id="d_slider" style="display:none">
<div class="swiper-wrapper main_slider_container">
<div class="swiper-slide content-four-img">
<img src="../images/tr1.png" width="100%" alt="" />
</div>
<div class="swiper-slide content-four-img">
<img src="../images/tr2.png" width="100%" alt="" />
</div>
<div class="swiper-slide content-four-img">
<img src="../images/tr3.png" width="100%" alt="" />
</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="contant_word">
Our hospital attaches great importance to developing talent through the scientific and educational programs. Each year, we dispatch our directors, doctors and researchers to various leading cancer centers and institutions as post-doctoral fellows for
long-term basic science training and, for physicians and nurses for clinical research training. These faculty exchanges and educational programs also further strengthen our academic exchanges and facilitate interactions
and collaborations with world-renowned cancer centers and institutions.
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Australia.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">Monash University</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
James Cook Uni. Griffith Uni.and PA Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Princess Alexandra Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Belgium.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Universite Libre De Bruxelles
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Canada.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Toronto General Hospital
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University of Montreal Notre-Dame Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of MC Gill</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University of Montreal Medical Research Center
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University of Toronto Princess Margaret Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Germany.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
German Cancer Research Center (DKFZ)
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University Hospital of Regensburg
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Japan.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
ITO Thyroid Specialist Medical Center
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Nara Medical University
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Aizawa Hospital</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Showa University</div>
<div class="main_right inner_text">11</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
The Cancer Institute Hospital of JFCR
</div>
<div class="main_right inner_text">3</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Tokyo University Hospital
</div>
<div class="main_right inner_text">3</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
National Cancer Center Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Kindai University</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Osaka University Medical College
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Korea.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Seoul National University Bundang Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Korea Institute of Radiological & Medical Sciences (KIRAMS)
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Italy.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Ancona Hospital Azienda Ospedaliero Universitaria
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University Hospital of Bologna
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Netherland.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Maastricht University Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University of Groningen
</div>
<div class="main_right inner_text">3</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Singapore.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
National Cancer Centre Singapore
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Sweden.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">Karolinska institute</div>
<div class="main_right inner_text">3</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Linköping University Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of UPPSALA</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/Switzerland.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Oncology Institute of Southern Switzerland (IOSI)
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Zurich</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/UnitedKingdom.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
British Breast Health Association
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Kings College London</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
St. James’s University Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Medical school, University of Manchester
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Dundee</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
<div class="single_country">
<div class="country_flag">
<img src="../images/usa.png" alt="" />
</div>
<div class="university_list">
<div class="left_main">
<div class="main_left inner_text">
Arizona State University
</div>
<div class="main_right inner_text">70</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Boston university school of medicine
</div>
<div class="main_right inner_text">70</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Brigham and Women’s Hospital
</div>
<div class="main_right inner_text">8</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Cedars-Sinai Cedars-Sinai Medical Center
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Cleveland Clinic Cleveland Clinic
</div>
<div class="main_right inner_text">5</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Dana-Farber Dana-Farber Cancer Institute
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Duke Cancer Institute</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Georgetown University</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
H.Lee Moffitt Cancer Center & Research Institute
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Indiana University</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Johns Hopkins Johns Hopkins University
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Massachusetts College of Pharmacy & Health Science
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Massachusetts General Hospital
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Mayo Clinic</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Medical University of South Carolina
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Memorial Sloan-Kettering Memorial Sloan Kettering Cancer Center
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Methodist Hospital Research Institute
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
National Cancer Institute, NCI
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
National Institutes of Health (NIH)
</div>
<div class="main_right inner_text">3</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
New York Hospital Queens
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Ohio State University College of Medicine
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
The University of Texas M. D. Anderson Cancer Center
</div>
<div class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Thomas Jefferson Thomas Jefferson University
</div>
<div class="main_right inner_text">4</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Tufts Medical Center</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Tufts Medical Center</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 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 class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">University of Michigan</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 class="main_right inner_text">2</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University of OklahomaVanderbilt
</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 class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
University of Pittsburgh
</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 class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">Wayne State University</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Weill Cornell Medical College
</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 class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Standord University Medical Center
</div>
<div class="main_right inner_text">1</div>
</div>
<div class="left_main">
<div class="main_left inner_text">
Yale University School of Medicine
</div>
<div class="main_right inner_text">1</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Swiper -->
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(document).ready(function() {
$(".btn-group")
.find(".navbtn-a")
.click(function() {
console.log(this);
$(this)
.siblings(".navbtn-a")
.removeClass("navbtnActive"); // 删除其他兄弟元素的样式
$(this).addClass("navbtnActive"); // 添加当前元素的样式
});
});
var swiper = new Swiper("#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>
</html>