PC / tmuch · 提交

转到一个项目

作者 王毅
提交 22a6e8ebed2987da7ba493ddcbf46802adc4ebcc 1 个父辈 28dfce2c

1

内嵌 并排对比
正在显示 1 个修改的文件 包含 558 行增加 和 380 行删除
<!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
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" />
... ... @@ -11,519 +13,695 @@
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
display: flex;
display: -webkit-flex;
}
.single_mark {
width: 1000px;
margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.single_mark img {
width: 100%;
}
.content-word-left {
width: 350px;
min-height: 400px;
flex: unset;
align-self: flex-start;
}
.content-word-right {
border-left: 1px solid #000;
}
.content-word-left h4 {
color: #232323;
line-height: 1.6;
cursor: pointer;
}
/* .content-word-left h4.active,
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
display: flex;
display: -webkit-flex;
}
.single_mark {
width: 1000px;
margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.single_mark img {
width: 100%;
}
.content-word-left {
width: 350px;
min-height: 400px;
flex: unset;
align-self: flex-start;
}
.content-word-right {
border-left: 1px solid #000;
}
.content-word-left h4 {
color: #232323;
line-height: 1.6;
cursor: pointer;
}
/* .content-word-left h4.active,
.content-word-left h4:hover {
color: #00A16C;
} */
.single_part_right {
color: #00a16c;
padding-left: 50px;
display: none;
max-width: 800px;
}
.single_part_right p {
margin-top: 30px;
margin-bottom: 20px;
}
.single_part_right.active {
display: block;
}
.contant {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
}
.contant_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
margin-bottom: 46px;
}
.contant_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
margin-bottom: 46px;
}
.contant_left {
position: relative;
}
.contant_left::after {
content: "";
width: 2px;
height: 733px;
background: rgba(114, 113, 113, 1);
position: absolute;
top: 0;
right: -150px;
}
.contant_right {
margin-left: 280px;
}
.contant_img {
width: 634px;
height: 368px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_one_title {
margin: 18px 0;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
}
.single_part_right {
color: #00a16c;
padding-left: 50px;
display: none;
max-width: 800px;
}
.single_part_right p {
margin-top: 30px;
margin-bottom: 20px;
}
.single_part_right.active {
display: block;
}
.contant {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
}
.contant_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
margin-bottom: 46px;
}
.contant_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
margin-bottom: 46px;
}
.contant_left {
position: relative;
}
.contant_left::after {
content: "";
width: 2px;
height: 733px;
background: rgba(114, 113, 113, 1);
position: absolute;
top: 0;
right: -150px;
}
.contant_right {
margin-left: 280px;
}
.contant_img {
width: 634px;
}
.contant_img img {
width: 100%;
}
.contant_one_title {
margin: 18px 0;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
}
.neirong {
width: 790px;
}
.wire2_img {
width: 100%;
}
.wire2_title {
margin-top: 30px;
font-size: 20px;
color: #727171;
font-weight: bold;
line-height: 26px;
}
.wire2_word {
margin-top: 10px;
font-size: 20px;
color: #727171;
line-height: 26px;
}
.wire3 {
margin-bottom: 64px;
}
.wire3_img {
width: 362px;
}
.wire3_img img {
width: 100%;
}
.wire3_title {
margin-top: 16px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 25px;
}
.wire4_title {
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.wire4_img {
margin-top: 14px;
width: 100%;
}
.wire4_img img {
width: 100%;
}
.wire_word {
margin-top: 24px;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
line-height: 36px;
}
.wire4_bottom_img {
width: 580px;
margin: 46px auto 0 auto;
}
.wire4_bottom_img img {
width: 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">
<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>
<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 navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
<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">
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div
href="../clinical/departments.html"
onclick="window.location.href='../clinical/departments.html'"
class="inner_item"
>
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
<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">
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
<div
href="../research/research.html"
onclick="location.href='../research/research.html'"
class="inner_item"
>
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
</div>
</div>
<div
href="../research/education.html"
onclick="location.href='../research/education.html'"
class="inner_item"
>
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
</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">
</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">
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
<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">
</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">
<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>
</div>
<a href="../institute/news.html" class="inner_item">
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
<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">
</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">
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
<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>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<div class="content padding0">
<!-- Swiper -->
<!-- <div class="img-header">
<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="navpath">
Nursing Care<span>></span>About Us
<span>></span>Important Events
</div>
<div class="content">
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Important Events
<div class="contant">
<dis class="contant_left">
<div class="contant_title">About Us</div>
<div class="contant_title">Leadership Team</div>
<div class="contant_title">Recognition</div>
<div class="contant_title">Important Events</div>
</dis>
<div class="xunhuan">
<div class="contant_right neirong" style="display: none">
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_5.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant">
<dis class="contant_left">
<div class="contant_title">About Us</div>
<div class="contant_title">Leadership Team</div>
<div class="contant_title">Recognition</div>
<div class="contant_title">Important Events</div>
</dis>
<dis class="contant_right">
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
</dis>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="contant_one_title">
1927 Jihua Senior Nurse School
</div>
</div>
<!-- <div class="content-word">
<div class="content-word-left">
<h4 class="">
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_3.png" alt="" />
</div>
<div class="contant_one_title">
2005 Director Yongqin Jiang worked as Board Member of the ISNCC
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_2.png" alt="" />
</div>
<div class="contant_one_title">
2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/5-1-4_1.png" alt="" />
</div>
<div class="contant_one_title">
2015 Wanmin Qiang<br />
The first chairman of Chinese Association of Nursers in Oncology
</div>
</div>
</div>
<div class="contant_right neirong" style="display: none">
<div class="wire2_img">
<img src="../images/leaser6.png" alt="" />
</div>
<div class="wire2_title">
Our Team
</div>
<div class="wire2_word">
At present, there are 1277 nurses and 83% of nurses with a
bachelor degree or above, 27 with a master's degree or above, 4
acted as master's tutor, 25 has a part-time academic position at
provincial or municipal level or above.<br />
According to “China's Hospital Rankings in Science and
Technology”, Nursing has top the ranking in cancer care for
consecutively 2 years .<br />
The National Key Disciplines Fields<br />
National Working Women’s Collective with Red Flag
</div>
<div class="wire2_title">
Contact Us
</div>
<div class="wire2_word">
Tianjin Medical University Cancer Institute & Hospital<br />
West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China
Phone ： nursing department ：<br />
0086-22-23524903 Home care center: 0086-22-23353454
</div>
</div>
<div class="contant_right neirong" style="display: none">
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader1.png" alt="" />
</div>
<div class="wire3_title">Wanmin Qiang</div>
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader2.png" alt="" />
</div>
<div class="wire3_title">ling Yan</div>
</div>
<div class="wire3">
<div class="wire3_img">
<img src="../images/leader3.png" alt="" />
</div>
<div class="wire3_title">Jing Zhao</div>
</div>
</div>
<div class="contant_right neirong">
<div class="wire4_title">
Culture <br />
In 1861, British doctor Ma Gen Ji established London Church
Hospital which was the first western medicine hospital in Tianjin
and was the predecessor of Tianjin Medical University Cancer
Institute & Hospital.
</div>
<div class="wire4_img">
<img src="../images/5-1-4_4.png" alt="" />
</div>
<div class="wire_word">
In 1927, the hospital established Jihua Senior Nurse School
established to cultivate nurses. Meanwhile，the hospital collects
a personal letter from Dr Florence Nightingale.<br />Ideals
<br />We innovated the belief of “Patients’ Needs first ，
Evidence-based Nursing” ， which embodied humanity and
individualization, to provide “Whole-course, whole-person,
whole-family and whole-team” nursing mode for patients and
patients’ family.
</div>
<div class="wire4_bottom_img">
<img src="../images/about_img.png" alt=" " />
</div>
</div>
</div>
</div>
<!-- <div class="content-word ">
<div class="content-word-left ">
<h4 class=" ">
Evidence-based Nursing Team
</h4>
<h4 class="">
<h4 class=" ">
Innovation & Profession
</h4>
<h4 class="">
<h4 class=" ">
Scientific Achievements
</h4>
<h4 class="">
<h4 class=" ">
Professional Books
</h4>
</div>
<div class="content-word-right">
<div class="single_part_right active">
<div class="content-word-right ">
<div class="single_part_right active ">
<h3>The aims is to combine research conclusions with clinical experience and patients' wishes as
the basis for clinical nursing decision-making.</h3>
<p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care,
Symptom experience and management, Supportive care needs and Quality of life of cancer
patients . In the past 5 years, We have published more than 400 papers in nursing core
periodicals and 12 SCI.</p>
<img src="../images/5-4-1.png" alt="" srcset="">
<img src="../images/5-4-1.png " alt=" " srcset=" ">
<p>Research team of Tianjin Medical University Cancer Institute & Hospital
</p>
</div>
<div class="single_part_right">
<img src="../images/5-4-2.png" width="100%" alt="" srcset="">
<div class="single_part_right ">
<img src="../images/5-4-2.png " width="100% " alt=" " srcset=" ">
</div>
<div class="single_part_right">
<img src="../images/5-4-3.png" width="100%" alt="" srcset="">
<div class="single_part_right ">
<img src="../images/5-4-3.png " width="100% " alt=" " srcset=" ">
</div>
<div class="single_part_right">
<img src="../images/5-4-4.png" width="100%" alt="" srcset="">
<div class="single_part_right ">
<img src="../images/5-4-4.png " width="100% " 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>
<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 class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</footer>
</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 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>
$(".contant_left").mouseover(function() {
$(this)
.addClass("left_titles")
.siblings()
.removeClass("left_titles");
});
$(".contant_left").click(function() {
$(this)
.addClass("left_titles")
.siblings()
.removeClass("left_titles");
var index = $(this).index();
console.log(index);
$(".neirong")
.eq(index)
.show()
.siblings()
.hide();
});
// $(document).ready(function () {
// $(".btn-group").find(".navbtn-a").click(function () {
// console.log(this)
// $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
// $(this).addClass('navbtnActive'); // 添加当前元素的样式
// })
// })
// var swiper = new Swiper('.swiper-container', {
// pagination: '.swiper-pagination',
// paginationClickable: true
// });
// var swiper = new Swiper('.swiper-container1', {
// pagination: '.swiper-pagination',
// slidesPerView: 3,
// paginationClickable: true,
// spaceBetween: 30
// });
// $('.content-word-left').on('click', 'h4', function () {
// $(this).addClass('active').siblings().removeClass('active')
// $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
// })
</script>
</body>
$(".contant_title").mouseover(function() {
$(this)
.addClass("contant_titles")
.siblings()
.removeClass("contant_titles");
});
$(".contant_title").click(function() {
$(this)
.addClass("contant_titles")
.siblings()
.removeClass("contant_titles");
var index = $(this).index();
console.log(index);
$(this).parents(".contant").find(".neirong")
.eq(index)
.show()
.siblings()
.hide();
});
// $(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
// });
</html>
\ No newline at end of file
// 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 .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
// })
</script>
</body>
</html>
... ...