PC / tmuch · 提交

转到一个项目

作者 王毅
提交 56f4f628864b61f938e1fa9b79dd1a508033c05b 1 个父辈 cd04cd45

1

内嵌 并排对比
正在显示 33 个修改的文件 包含 529 行增加 和 0 行删除
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css" />
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
  10 + <link rel="stylesheet" href="../css/base.css" />
  11 + <link rel="stylesheet" href="../css/index.css" />
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .single_box {
  15 + width: 600px;
  16 + margin-bottom: 44px;
  17 + }
  18 +
  19 + .single_box:last-child {
  20 + margin: 0;
  21 + }
  22 +
  23 + .content-word {
  24 + position: relative;
  25 + align-items: flex-start;
  26 + display: flex;
  27 + display: -webkit-flex;
  28 + }
  29 +
  30 + .single_mark {
  31 + width: 1000px;
  32 + margin: 0 auto;
  33 + margin-bottom: 30px;
  34 + cursor: pointer;
  35 + }
  36 +
  37 + .single_mark img {
  38 + width: 100%;
  39 + }
  40 +
  41 + .content-word-left {
  42 + width: 350px;
  43 + min-height: 400px;
  44 + flex: unset;
  45 + align-self: flex-start;
  46 + }
  47 +
  48 + .content-word-right {
  49 + border-left: 1px solid #000;
  50 + }
  51 +
  52 + .content-word-left h4 {
  53 + color: #232323;
  54 + line-height: 1.6;
  55 + cursor: pointer;
  56 + }
  57 + /* .content-word-left h4.active,
  58 + .content-word-left h4:hover {
  59 + color: #00A16C;
  60 + } */
  61 +
  62 + .single_part_right {
  63 + color: #00a16c;
  64 + padding-left: 50px;
  65 + display: none;
  66 + max-width: 800px;
  67 + }
  68 +
  69 + .single_part_right p {
  70 + margin-top: 30px;
  71 + margin-bottom: 20px;
  72 + }
  73 +
  74 + .single_part_right.active {
  75 + display: block;
  76 + }
  77 +
  78 + .contant {
  79 + margin-top: 80px;
  80 + display: -webkit-box;
  81 + display: -ms-flexbox;
  82 + display: -webkit-flex;
  83 + display: flex;
  84 + justify-content: flex-start;
  85 + }
  86 +
  87 + .contant_title {
  88 + font-size: 20px;
  89 + font-weight: bold;
  90 + color: rgba(114, 113, 113, 1);
  91 + margin-bottom: 46px;
  92 + }
  93 +
  94 + .contant_titles {
  95 + font-size: 20px;
  96 + font-weight: bold;
  97 + color: rgba(0, 161, 108, 1);
  98 + margin-bottom: 46px;
  99 + }
  100 +
  101 + .contant_left {
  102 + position: relative;
  103 + }
  104 +
  105 + .contant_left::after {
  106 + content: "";
  107 + width: 2px;
  108 + height: 733px;
  109 + background: rgba(114, 113, 113, 1);
  110 + position: absolute;
  111 + top: 0;
  112 + right: -150px;
  113 + }
  114 +
  115 + .contant_right {
  116 + margin-left: 280px;
  117 + }
  118 +
  119 + .contant_img {
  120 + width: 634px;
  121 + height: 368px;
  122 + }
  123 +
  124 + .contant_img img {
  125 + width: 100%;
  126 + height: 100%;
  127 + }
  128 +
  129 + .contant_one_title {
  130 + margin: 18px 0;
  131 + font-size: 20px;
  132 + font-weight: 400;
  133 + color: rgba(114, 113, 113, 1);
  134 + }
  135 + </style>
  136 +</head>
  137 +
  138 +<body>
  139 + <nav class="navbar navbar-default bgf mb0">
  140 + <div class="container-fluid top_pc_brand">
  141 + <div class="navbar-header">
  142 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
  143 + <span class="sr-only">Toggle navigation</span>
  144 + <span class="icon-bar"></span>
  145 + <span class="icon-bar"></span>
  146 + <span class="icon-bar"></span>
  147 + </button>
  148 + <a class="navbar-brand logo" href="../index.html">
  149 + <img class="brand-logo" src="../images/logo.png" alt="" />
  150 + </a>
  151 + </div>
  152 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  153 + <div class="search-group mt30 form-group navbar-text navbar-right">
  154 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  155 + <input type="text" class="form-control search-input" placeholder="Search" />
  156 + <div class="magnifier">
  157 + <img src="../images/search_btn.png" alt="" />
  158 + </div>
  159 + </div>
  160 + </div>
  161 + </div>
  162 + </nav>
  163 + <div class="container-fluid pc">
  164 + <div class="mask"></div>
  165 + <div class="bs-example" data-example-id="simple-justified-button-group">
  166 + <ul class="nav_menu_items">
  167 + <li class="btn navbtn-a" role="button">
  168 + <a href="javascript:;">ABOUT US</a>
  169 + <div class="sec_menu_items">
  170 + <a href="../about/welcome.html" class="inner_item">
  171 + Welcome Message
  172 + </a>
  173 + <a href="../about/mission.html" class="inner_item">
  174 + Mission and Vision
  175 + </a>
  176 + <a href="../about/leadership.html" class="inner_item">
  177 + Leadership
  178 + </a>
  179 + <a href="../about/history.html" class="inner_item">
  180 + History and Milestones
  181 + </a>
  182 + <a href="../about/quick.html" class="inner_item">
  183 + Quick Facts
  184 + </a>
  185 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  186 + </div>
  187 + </li>
  188 + <li class="btn navbtn-a" role="button">
  189 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  190 + <div class="sec_menu_items">
  191 + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
  192 + Clinical Departments
  193 + <div class="third_menu_items">
  194 + <a href="../clinical/departm.html" class="inner_item">
  195 + Surgical Department
  196 + </a>
  197 + <a href="../clinical/medical.html" class="inner_item">
  198 + Medical Oncology
  199 + </a>
  200 + <a href="../clinical/radiation.html" class="inner_item">
  201 + Radiation Oncology
  202 + </a>
  203 + <a href="../clinical/diagnostic.html" class="inner_item">
  204 + Diagnostic Oncology
  205 + </a>
  206 + <a href="../clinical/center.html" class="inner_item">
  207 + Center of Excellences
  208 + </a>
  209 + </div>
  210 + </div>
  211 + <a href="../clinical/activities.html" class="inner_item">
  212 + Clinical Activities
  213 + </a>
  214 + <a href="../clinical/trials.html" class="inner_item">
  215 + Clinical Trials
  216 + </a>
  217 + <a href="../clinical/finddoctor.html" class="inner_item">
  218 + Find a Doctor
  219 + </a>
  220 + </div>
  221 + </li>
  222 + <li class="btn navbtn-a" role="button">
  223 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  224 + <div class="sec_menu_items">
  225 + <a href="../research/nationalCancer.html" class="inner_item">
  226 + National Cancer Clinical Research Center
  227 + </a>
  228 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  229 + Research
  230 + <div class="third_menu_items">
  231 + <a href="../research/research1.html" class="inner_item">
  232 + Research programs
  233 + </a>
  234 + <a href="../research/research2.html" class="inner_item">
  235 + Achievements
  236 + </a>
  237 + <a href="../research/research3.html" class="inner_item">
  238 + Key Labaratories
  239 + </a>
  240 + <a href="../research/researcher.html" class="inner_item">
  241 + Find a Researcher
  242 + </a>
  243 + </div>
  244 + </div>
  245 + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
  246 + Education
  247 + <div class="third_menu_items">
  248 + <a href="../research/education.html" class="inner_item">
  249 + Graduate Study
  250 + </a>
  251 + <a href="../research/education.html" class="inner_item">
  252 + International Study
  253 + </a>
  254 + <a href="../research/education.html" class="inner_item">
  255 + Continuing Study
  256 + </a>
  257 + </div>
  258 + </div>
  259 + <a href="../research/news.html" class="inner_item">
  260 + News
  261 + </a>
  262 + </div>
  263 + </li>
  264 + <li class="btn navbtn-a" role="button">
  265 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  266 + <div class="sec_menu_items">
  267 + <div href="javascript:;" class="inner_item">
  268 + About Us
  269 + <div class="third_menu_items">
  270 + <a href="../institute/aboutus.html" class="inner_item">
  271 + About Us
  272 + </a>
  273 + <a href="../institute/leadership.html" class="inner_item">
  274 + Leadership
  275 + </a>
  276 + <a href="../institute/history.html" class="inner_item">
  277 + History
  278 + </a>
  279 + <a href="../institute/report.html" class="inner_item">
  280 + Annual Report
  281 + </a>
  282 + </div>
  283 + </div>
  284 + <div href="../clinical/nursing.html" class="inner_item">
  285 + Research
  286 + <div class="third_menu_items">
  287 + <a href="../institute/researchers.html" class="inner_item">
  288 + Our Researchers
  289 + </a>
  290 + <a href="../institute/facilities.html" class="inner_item">
  291 + Core Facilities and Services
  292 + </a>
  293 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  294 + Journal of Clinical Oncology
  295 + </a>
  296 + </div>
  297 + </div>
  298 + <a href="../institute/news.html" class="inner_item">
  299 + News
  300 + </a>
  301 + <a href="../institute/concat.html" class="inner_item">
  302 + Contact Us
  303 + </a>
  304 + </div>
  305 + </li>
  306 + <li class="btn navbtnActive navbtn-a" role="button">
  307 + <a href="../contact.html">NURSING CARE</a>
  308 + <div class="sec_menu_items">
  309 + <a href="../care/aboutus.html" class="inner_item">
  310 + About Us
  311 + </a>
  312 + <a href="../care/activity.html" class="inner_item">
  313 + Nursing Activities
  314 + </a>
  315 + <a href="../care/training.html" class="inner_item">
  316 + Nurse Training
  317 + </a>
  318 + <a href="../care/achievement.html" class="inner_item">
  319 + Research Achievement
  320 + </a>
  321 + <a href="../care/exchange.html" class="inner_item">
  322 + International Exchanges
  323 + </a>
  324 + <a href="../care/cancer.html" class="inner_item">
  325 + Cancer Survivorship Support
  326 + </a>
  327 + <a href="../care/news.html" class="inner_item">
  328 + News & Events
  329 + </a>
  330 + <a href="../care/contactUs.html" class="inner_item">
  331 + Contact Us
  332 + </a>
  333 + </div>
  334 + </li>
  335 + <li class="btn navbtn-a" role="button">
  336 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  337 + <div class="sec_menu_items">
  338 + <a href="../international/conference.html" class="inner_item">
  339 + International Conferences
  340 + </a>
  341 + <a href="../international/training.html" class="inner_item">
  342 + Oversea Trainings
  343 + </a>
  344 + <a href="../international/referral.html" class="inner_item">
  345 + International Patients
  346 + </a>
  347 + <a href="../international/partners.html" class="inner_item">
  348 + Partnership Institutions
  349 + </a>
  350 + </div>
  351 + </li>
  352 + <li class="btn navbtn-a" role="button">
  353 + <a href="../news.html">NEWS RELEASE</a>
  354 + </li>
  355 + </ul>
  356 + </div>
  357 +
  358 + <div class="content padding0">
  359 + <!-- Swiper -->
  360 + <!-- <div class="img-header">
  361 + <img src="../images/care_top.png" width="100%" alt="">
  362 + </div> -->
  363 + </div>
  364 + <div class="content">
  365 + <div class="navpath">
  366 + Nursing Care<span>></span>About Us
  367 + <span>></span>Important Events
  368 + </div>
  369 + <div class="contant">
  370 + <dis class="contant_left">
  371 + <div class="contant_title">About Us</div>
  372 + <div class="contant_title">Leadership Team</div>
  373 + <div class="contant_title">Recognition</div>
  374 + <div class="contant_title">Important Events</div>
  375 + </dis>
  376 + <dis class="contant_right">
  377 + <div class="contant_one">
  378 + <div class="contant_img">
  379 + <img src="../images/h6.png" alt="" />
  380 + </div>
  381 + <div class="contant_one_title">
  382 + 1861 Ma Gen Ji established London Church Hospital
  383 + </div>
  384 + </div>
  385 + <div class="contant_one">
  386 + <div class="contant_img">
  387 + <img src="../images/h6.png" alt="" />
  388 + </div>
  389 + <div class="contant_one_title">
  390 + 1861 Ma Gen Ji established London Church Hospital
  391 + </div>
  392 + </div>
  393 + <div class="contant_one">
  394 + <div class="contant_img">
  395 + <img src="../images/h6.png" alt="" />
  396 + </div>
  397 + <div class="contant_one_title">
  398 + 1861 Ma Gen Ji established London Church Hospital
  399 + </div>
  400 + </div>
  401 + <div class="contant_one">
  402 + <div class="contant_img">
  403 + <img src="../images/h6.png" alt="" />
  404 + </div>
  405 + <div class="contant_one_title">
  406 + 1861 Ma Gen Ji established London Church Hospital
  407 + </div>
  408 + </div>
  409 + <div class="contant_one">
  410 + <div class="contant_img">
  411 + <img src="../images/h6.png" alt="" />
  412 + </div>
  413 + <div class="contant_one_title">
  414 + 1861 Ma Gen Ji established London Church Hospital
  415 + </div>
  416 + </div>
  417 + </dis>
  418 + </div>
  419 + <!-- <div class="content-word">
  420 + <div class="content-word-left">
  421 + <h4 class="">
  422 + Evidence-based Nursing Team
  423 + </h4>
  424 + <h4 class="">
  425 + Innovation & Profession
  426 +
  427 + </h4>
  428 + <h4 class="">
  429 + Scientific Achievements
  430 +
  431 + </h4>
  432 + <h4 class="">
  433 + Professional Books
  434 + </h4>
  435 + </div>
  436 +
  437 + <div class="content-word-right">
  438 + <div class="single_part_right active">
  439 + <h3>The aims is to combine research conclusions with clinical experience and patients' wishes as
  440 + the basis for clinical nursing decision-making.</h3>
  441 + <p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care,
  442 + Symptom experience and management, Supportive care needs and Quality of life of cancer
  443 + patients . In the past 5 years, We have published more than 400 papers in nursing core
  444 + periodicals and 12 SCI.</p>
  445 + <img src="../images/5-4-1.png" alt="" srcset="">
  446 + <p>Research team of Tianjin Medical University Cancer Institute & Hospital
  447 +</p>
  448 + </div>
  449 +
  450 + <div class="single_part_right">
  451 + <img src="../images/5-4-2.png" width="100%" alt="" srcset="">
  452 + </div>
  453 + <div class="single_part_right">
  454 + <img src="../images/5-4-3.png" width="100%" alt="" srcset="">
  455 + </div>
  456 + <div class="single_part_right">
  457 + <img src="../images/5-4-4.png" width="100%" alt="" srcset="">
  458 + </div>
  459 + </div>
  460 +
  461 + </div> -->
  462 + </div>
  463 + <footer class="footer-content">
  464 + <div class="footer-main">
  465 + <ul class="list-unstyled third-ul">
  466 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  467 + <li>Tianjin 300060</li>
  468 + <li>China</li>
  469 + <li>Tel/Fax: 0086-22-23359337</li>
  470 + <li>Email: info@tjmuch.com</li>
  471 + </ul>
  472 + <ul class="list-unstyled first-ul">
  473 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  474 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
  475 + </ul>
  476 + </div>
  477 + </footer>
  478 + </div>
  479 + <script src="../js/jquery-1.11.3.min.js"></script>
  480 + <script src="../js/bootstrap.min.js"></script>
  481 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  482 + <script src="../js/common.js"></script>
  483 + <script>
  484 + $(".contant_left").mouseover(function() {
  485 + $(this)
  486 + .addClass("left_titles")
  487 + .siblings()
  488 + .removeClass("left_titles");
  489 + });
  490 + $(".contant_left").click(function() {
  491 + $(this)
  492 + .addClass("left_titles")
  493 + .siblings()
  494 + .removeClass("left_titles");
  495 + var index = $(this).index();
  496 + console.log(index);
  497 + $(".neirong")
  498 + .eq(index)
  499 + .show()
  500 + .siblings()
  501 + .hide();
  502 + });
  503 + // $(document).ready(function () {
  504 + // $(".btn-group").find(".navbtn-a").click(function () {
  505 + // console.log(this)
  506 + // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  507 + // $(this).addClass('navbtnActive'); // 添加当前元素的样式
  508 + // })
  509 + // })
  510 + // var swiper = new Swiper('.swiper-container', {
  511 + // pagination: '.swiper-pagination',
  512 + // paginationClickable: true
  513 + // });
  514 +
  515 + // var swiper = new Swiper('.swiper-container1', {
  516 + // pagination: '.swiper-pagination',
  517 + // slidesPerView: 3,
  518 + // paginationClickable: true,
  519 + // spaceBetween: 30
  520 + // });
  521 +
  522 + // $('.content-word-left').on('click', 'h4', function () {
  523 + // $(this).addClass('active').siblings().removeClass('active')
  524 + // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
  525 + // })
  526 + </script>
  527 +</body>
  528 +
  529 +</html>