<!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> .single_box { width: 600px; margin-bottom: 44px; } .single_box:last-child { margin: 0; } .content-word { position: relative; align-items: flex-start; } .content-word-left { width: 300px; flex: unset; align-self: flex-start; justify-self: flex-end; margin-left: 60px; } .content-word-right { flex: unset; display: none !important; display: -webkit-flex; flex-wrap: wrap; padding: 0; position: relative; } .content-word-right.active { display: flex !important; flex-flow: column; } .content-word-right .single_part { display: flex; margin-bottom: 50px; font-size: 17px; color: #040404; flex-flow: column; align-items: flex-start; margin-left: 50px; } .content-word-left h4 { color: #232323; opacity: 0.7; line-height: 2.5; padding: 0; margin: 0; cursor: pointer; } .single_part p { margin-top: 10px; } .content-word-left { background: #ebfbf8; position: relative; height: 1380px; } .part_box { width: 242px; height: 115px; overflow: hidden; background-color: #898989; } .depart_introduce { background: #ebfbf8; color: #232323; box-sizing: border-box; padding: 20px; } .part_top { height: 74px; background: #83ad9f; color: #000000; font-size: 18px; font-weight: bold; text-align: center; line-height: 74px; width: 100%; } .part_inner_content { padding: 20px; } .person_introduce_box { padding-top: 100px; border-top: 5px solid #999; margin-top: 100px; } .next { width: 300px; position: absolute; bottom: -15px; left: 50%; margin-left: -150px; cursor: pointer; } .news_container { display: flex; justify-content: space-between; flex-wrap: wrap; } .singleNews { cursor: pointer; font-size: 16px; width: 590px; } .single_news_content { color: #232323; margin-top: 30px; margin-bottom: 20px; display: block; } .top_line { text-align: left; padding-left: 15px; font-weight: bold; background: #fff; } .cooper_desc { color: #333; font-size: 18px; padding: 15px; } .single_Conferences p { margin-bottom: 30px; margin-top: 10px; } .contant { width: 1122px; margin: 60px auto 0 auto; } .contant_title { font-size: 20px; font-weight: 400; color: rgba(114, 113, 113, 1); line-height: 36px; } .contant_one_img { width: 96%; height: 386px; } .contant_one_img img { width: 100%; height: 100%; } .contant_one_title { margin-top: 24px; font-size: 20px; font-weight: 400; color: rgba(114, 113, 113, 1); line-height: 30px; } .contant_word { margin-top: 26px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; } </style> </head> <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 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 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> <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"> 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 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"> International Study </a> <a href="../research/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="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 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"> 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/cancer.html" class="inner_item"> Cancer Survivorship Support </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 navbtn-a" role="button"> <a href="../news.html">NEWS RELEASE</a> </li> </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="navpath"> Nursing Care<span>></span>Nursing Activity <span>></span>Profession </div> <div class="contant"> <div class="contant_title"> We have established 10 professional groups . They carry out a series of activity based on the patient's needs and cooperate multidisciplinary to lead and improve the development of cancer care </div> <div class="contant_center"> <div class="contant_word"> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-1.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of the Psychological Support team </div> </div> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-2.png" alt="" /> </div> <div class="contant_one_title"> professional Activities of Colostomy & Wound Team </div> </div> </div> <div class="contant_word"> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-3.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of IV Team </div> </div> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-4.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of Symptom Management Team </div> </div> </div> <div class="contant_word"> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-5.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of Nutrition Support Team </div> </div> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-6.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of the Intensive Care Team </div> </div> </div> <div class="contant_word"> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-7.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of Drug Safty Management Team </div> </div> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-8.png" alt="" /> </div> <div class="contant_one_title"> A special Group in Evidence Based Nursing Research of TCIH </div> </div> </div> <div class="contant_word"> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-9.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of the Innovation R&D Project Team </div> </div> <div class="contant_one"> <div class="contant_one_img"> <img src="../images/5-2-10.png" alt="" /> </div> <div class="contant_one_title"> Professional Activities of the ERAS Team </div> </div> </div> </div> </div> </div> <footer class="footer-content"> <div class="footer-main"> <ul class="list-unstyled third-ul"> <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> <li>Tianjin 300060</li> <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(".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") .eq($(this).index()) .addClass("active") .siblings() .removeClass("active"); }); </script> </body> </html>