diff --git a/clinical/center.html b/clinical/center.html index 8d109db..7d3069d 100644 --- a/clinical/center.html +++ b/clinical/center.html @@ -332,11 +332,11 @@ </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_title">Diagnostic Oncology</div> - <div class="left_titles">Center of Excellences</div> + <div class="left_title"><a href="./departm.html">Surgical Oncology</a></div> + <div class="left_title"><a href="./medical.html">Medical Oncology</a></div> + <div class="left_title"> <a href="./radiation.html">Radiation Oncology</a></div> + <div class="left_title"><a href="./diagnostic.html">Diagnostic Oncology</a></div> + <div class="left_titles"><a href="./center.html">Center of Excellences</a></div> </div> <div class="wire2 "> <div class="contant_right"> diff --git a/clinical/departm.html b/clinical/departm.html index 1da9f85..43e8e1e 100644 --- a/clinical/departm.html +++ b/clinical/departm.html @@ -326,11 +326,11 @@ </div> <div class="contant"> <div class="contant_left"> - <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> - <div class="left_title">Center of Excellences</div> + <div class="left_titles"><a href="./departm.html">Surgical Oncology</a></div> + <div class="left_title"><a href="./medical.html">Medical Oncology</a></div> + <div class="left_title"> <a href="./radiation.html">Radiation Oncology</a></div> + <div class="left_title"><a href="./diagnostic.html">Diagnostic Oncology</a></div> + <div class="left_title"><a href="./center.html">Center of Excellences</a></div> </div> <div class="xunhuan"> <div class="wire neirong"> diff --git a/clinical/departments.html b/clinical/departments.html index bb20b45..0743b9b 100644 --- a/clinical/departments.html +++ b/clinical/departments.html @@ -2,44 +2,46 @@ <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; align-self: flex-start; } - + .content-word-right { flex: 1; - display: none!important; + display: none !important; display: -webkit-flex; flex-wrap: wrap; border-left: 2px solid #121212; } - .content-word-right.active{ - display: flex!important; + + .content-word-right.active { + display: flex !important; } + .content-word-right .single_part { width: 243px; display: flex; @@ -50,39 +52,41 @@ 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 h4:hover, .content-word-left h4.active { - color: #00A16C; + color: #00a16c; } - + .part_box { width: 242px; height: 115px; overflow: hidden; background-color: #898989; } - .part_details{ + + .part_details { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-around; } - .single_part{ + + .single_part { width: 386px; height: 287px; overflow: hidden; @@ -95,23 +99,22 @@ <nav class="navbar navbar-default bgf mb0"> <div class="container-fluid top_pc_brand"> <div class="navbar-header"> - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" - aria-expanded="true"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> <a class="navbar-brand logo" href="../index.html"> - <img class="brand-logo" src="../images/logo.png" alt=""> + <img class="brand-logo" src="../images/logo.png" alt="" /> </a> </div> <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> <div class="search-group mt30 form-group navbar-text navbar-right"> <a href="http://www.tjmuch.com/" class="langue">中文</a> - <input type="text" class="form-control search-input" placeholder="Search"> + <input type="text" class="form-control search-input" placeholder="Search" /> <div class="magnifier"> - <img src="../images/search_btn.png" alt=""> + <img src="../images/search_btn.png" alt="" /> </div> </div> </div> @@ -123,192 +126,187 @@ <ul class="nav_menu_items"> <li class="btn navbtn-a" role="button"> <a href="javascript:;">ABOUT US</a> - <div class='sec_menu_items'> + <div class="sec_menu_items"> <a href="../about/welcome.html" class="inner_item"> - Welcome Message - </a> + Welcome Message + </a> <a href="../about/mission.html" class="inner_item"> - Mission and Vision - </a> + Mission and Vision + </a> <a href="../about/leadership.html" class="inner_item"> - Leadership - </a> + Leadership + </a> <a href="../about/history.html" class="inner_item"> - History and Milestones - </a> + History and Milestones + </a> <a href="../about/quick.html" class="inner_item"> - Quick Facts - </a> + Quick Facts + </a> <a href="../about/contact.html" class="inner_item">Contact Us</a> </div> </li> <li class="btn navbtnActive navbtn-a" role="button"> <a href="JavaScript:;">CLINICAL RESOURCES</a> - <div class='sec_menu_items'> - <div href="../clinical/departments.html" - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> + <div class="sec_menu_items"> + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> Clinical Departments <div class="third_menu_items"> <a href="../clinical/departm.html" class="inner_item"> - Surgical Department - </a> + Surgical Department + </a> <a href="../clinical/medical.html" class="inner_item"> - Medical Oncology - </a> + Medical Oncology + </a> <a href="../clinical/radiation.html" class="inner_item"> - Radiation Oncology - </a> + Radiation Oncology + </a> <a href="../clinical/diagnostic.html" class="inner_item"> - Diagnostic Oncology - </a> + Diagnostic Oncology + </a> <a href="../clinical/center.html" class="inner_item"> - Center of Excellences - </a> + Center of Excellences + </a> </div> </div> <a href="../clinical/activities.html" class="inner_item"> - Clinical Activities - </a> + Clinical Activities + </a> <a href="trials.html" class="inner_item"> - Clinical Trials - </a> + Clinical Trials + </a> <a href="../clinical/finddoctor.html" class="inner_item"> - Find a Doctor - </a> + Find a Doctor + </a> </div> </li> <li class="btn navbtn-a" role="button"> <a href="javascript:;">RESEARCH & EDUCATION</a> - <div class='sec_menu_items'> - + <div class="sec_menu_items"> <a href="../research/nationalCancer.html" class="inner_item"> - National Cancer Clinical Research Center - </a> - <div href="../research/research.html" - onclick="location.href='../research/research.html'" class="inner_item"> + National Cancer Clinical Research Center + </a> + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> Research <div class="third_menu_items"> <a href="../research/research1.html" class="inner_item"> - Research programs - </a> + Research programs + </a> <a href="../research/research2.html" class="inner_item"> - Achievements - </a> + Achievements + </a> <a href="../research/research3.html" class="inner_item"> - Key Labaratories - </a> + Key Labaratories + </a> <a href="../research/researcher.html" class="inner_item"> - Find a Researcher - </a> + Find a Researcher + </a> </div> </div> - <div href="../research/education.html" onclick="location.href='../research/education.html'" - class="inner_item"> + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> Education <div class="third_menu_items"> <a href="../research/education.html" class="inner_item"> - Graduate Study - </a> + Graduate Study + </a> <a href="../research/education.html" class="inner_item"> - International Study - </a> + International Study + </a> <a href="../research/education.html" class="inner_item"> - Continuing Study - </a> + Continuing Study + </a> </div> </div> <a href="../research/news.html" class="inner_item"> - News - </a> + News + </a> </div> </li> <li class="btn navbtn-a" role="button"> <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> - <div class='sec_menu_items'> + <div class="sec_menu_items"> <div href="javascript:;" class="inner_item"> About Us <div class="third_menu_items"> <a href="../institute/aboutus.html" class="inner_item"> - About Us - </a> + About Us + </a> <a href="../institute/leadership.html" class="inner_item"> - Leadership - </a> + Leadership + </a> <a href="../institute/history.html" class="inner_item"> - History - </a> + History + </a> <a href="../institute/report.html" class="inner_item"> - Annual Report - </a> + Annual Report + </a> </div> </div> <div href="../clinical/nursing.html" class="inner_item"> Research <div class="third_menu_items"> <a href="../institute/researchers.html" class="inner_item"> - Our Researchers - </a> + Our Researchers + </a> <a href="../institute/facilities.html" class="inner_item"> - Core Facilities and Services - </a> + Core Facilities and Services + </a> <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> - Journal of Clinical Oncology - </a> + Journal of Clinical Oncology + </a> </div> </div> <a href="../institute/news.html" class="inner_item"> - News - </a> + News + </a> <a href="../institute/concat.html" class="inner_item"> - Contact Us - </a> + Contact Us + </a> </div> </li> <li class="btn navbtn-a" role="button"> <a href="../contact.html">NURSING CARE</a> - <div class='sec_menu_items'> + <div class="sec_menu_items"> <a href="../care/aboutus.html" class="inner_item"> - About Us - </a> + About Us + </a> <a href="../care/activity.html" class="inner_item"> - Nursing Activities - </a> + Nursing Activities + </a> <a href="../care/training.html" class="inner_item"> - Nurse Training - </a> + Nurse Training + </a> <a href="../care/achievement.html" class="inner_item"> - Research Achievement - </a> + Research Achievement + </a> <a href="../care/exchange.html" class="inner_item"> - International Exchanges - </a> + International Exchanges + </a> <a href="../care/cancer.html" class="inner_item"> - Cancer Survivorship Support - </a> + Cancer Survivorship Support + </a> <a href="../care/news.html" class="inner_item"> - News & Events - </a> + News & Events + </a> <a href="../care/contactUs.html" class="inner_item"> - Contact Us - </a> + Contact Us + </a> </div> </li> <li class="btn navbtn-a" role="button"> <a href="javascript:;">INTERNATIONAL AFFAIRS</a> - <div class='sec_menu_items'> + <div class="sec_menu_items"> <a href="../international/conference.html" class="inner_item"> - International Conferences - </a> + International Conferences + </a> <a href="../international/training.html" class="inner_item"> - Oversea Trainings - </a> + Oversea Trainings + </a> <a href="../international/referral.html" class="inner_item"> - International Patients - </a> + International Patients + </a> <a href="../international/partners.html" class="inner_item"> - Partnership Institutions - </a> - + Partnership Institutions + </a> </div> </li> <li class="btn navbtn-a" role="button"> @@ -319,37 +317,34 @@ <!-- Swiper --> <div class="img-header"> - <img src="../images/cli2_top.png" width="100%" alt=""> + <img src="../images/cli2_top.png" width="100%" alt="" /> </div> <div class="content"> <div class="content-word"> - <div class="part_details"> <a href="../clinical/departm.html" class="single_part"> - <img src="../images/2-1-1.png" width="100%" alt="" srcset=""> + <img src="../images/2-1-1.png" width="100%" alt="" srcset="" /> </a> <a class="single_part"> - <img src="../images/2-1-2.png" width="100%" alt="" srcset=""> + <img src="../images/2-1-2.png" width="100%" alt="" srcset="" /> </a> <a href="../clinical/medical.html" class="single_part"> - <img src="../images/2-1-3.png" width="100%" alt="" srcset=""> + <img src="../images/2-1-3.png" width="100%" alt="" srcset="" /> </a> <a href="../clinical/radiation.html" class="single_part"> - <img src="../images/2-1-4.png" width="100%" alt="" srcset=""> + <img src="../images/2-1-4.png" width="100%" alt="" srcset="" /> </a> <a href="../clinical/diagnostic.html" class="single_part"> - <img src="../images/2-1-5.png" width="100%" alt="" srcset=""> + <img src="../images/2-1-5.png" width="100%" alt="" srcset="" /> </a> <a href="../clinical/center.html" class="single_part"> - <img src="../images/2-1-6.png" width="100%" alt="" srcset=""> + <img src="../images/2-1-6.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> @@ -358,41 +353,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> diff --git a/clinical/diagnostic.html b/clinical/diagnostic.html index c9ba6e5..1244810 100644 --- a/clinical/diagnostic.html +++ b/clinical/diagnostic.html @@ -335,11 +335,11 @@ </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 class="left_title"><a href="./departm.html">Surgical Oncology</a></div> + <div class="left_title"><a href="./medical.html">Medical Oncology</a></div> + <div class="left_title"> <a href="./radiation.html">Radiation Oncology</a></div> + <div class="left_titles"><a href="./diagnostic.html">Diagnostic Oncology</a></div> + <div class="left_title"><a href="./center.html">Center of Excellences</a></div> </div> <div class="wire2" > diff --git a/clinical/medical.html b/clinical/medical.html index 584dae7..ace7999 100644 --- a/clinical/medical.html +++ b/clinical/medical.html @@ -11,16 +11,18 @@ <link rel="stylesheet" href="../css/index.css"> <title>Tianjin Medical University Cancer Institute & Hospital</title> <style lang=""> - .department_item{ + .department_item { width: 455px; font-size: 18px; margin-right: 15px; } - .xulie.name_box{ + + .xulie.name_box { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + .contant { width: 100%; display: -webkit-box; @@ -109,8 +111,7 @@ <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> @@ -159,8 +160,7 @@ <li class="btn navbtnActive 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"> @@ -198,8 +198,7 @@ <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"> @@ -216,8 +215,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"> @@ -345,43 +343,43 @@ </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 class="left_title"><a href="./departm.html">Surgical Oncology</a></div> + <div class="left_titles"><a href="./medical.html">Medical Oncology</a></div> + <div class="left_title"> <a href="./radiation.html">Radiation Oncology</a></div> + <div class="left_title"><a href="./diagnostic.html">Diagnostic Oncology</a></div> + <div class="left_title"><a href="./center.html">Center of Excellences</a></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="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_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 class="contant_right_title"> + Integrated chinese traditional and western medicine + </div> + </div> + <div class="contant_right_second"> + <div class="contant_right_title">Lymphoma</div> + <div class="contant_right_title">Pain Management</div> + <div class="contant_right_title"> + Thoracic Medical Oncology + </div> + <div class="contant_right_title"> + V.I.P. Wards </div> </div> </div> + </div> </div> <!-- <div class="department_main"> <div class="department_item"> @@ -444,7 +442,6 @@ <script src="../js/swiper-3.4.2.jquery.min.js"></script> <script src="../js/common.js"></script> <script> - </script> </body> diff --git a/clinical/radiation.html b/clinical/radiation.html index 0798ef1..469b102 100644 --- a/clinical/radiation.html +++ b/clinical/radiation.html @@ -332,11 +332,11 @@ </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 class="left_title"><a href="./departm.html">Surgical Oncology</a></div> + <div class="left_title"><a href="./medical.html">Medical Oncology</a></div> + <div class="left_titles"> <a href="./radiation.html">Radiation Oncology</a></div> + <div class="left_title"><a href="./diagnostic.html">Diagnostic Oncology</a></div> + <div class="left_title"><a href="./center.html">Center of Excellences</a></div> </div> <div class="wire2 ">