PC / tmuch · 提交

转到一个项目

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

1

内嵌 并排对比
正在显示 1 个修改的文件 包含 238 行增加 和 60 行删除
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 -  
4 -<head> 3 + <head>
5 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
6 - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 5 + <meta
  6 + name="viewport"
  7 + content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
  8 + />
7 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 9 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8 <link rel="stylesheet" href="../css/bootstrap.min.css" /> 10 <link rel="stylesheet" href="../css/bootstrap.min.css" />
9 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> 11 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
@@ -118,12 +120,10 @@ @@ -118,12 +120,10 @@
118 120
119 .contant_img { 121 .contant_img {
120 width: 634px; 122 width: 634px;
121 - height: 368px;  
122 } 123 }
123 124
124 .contant_img img { 125 .contant_img img {
125 width: 100%; 126 width: 100%;
126 - height: 100%;  
127 } 127 }
128 128
129 .contant_one_title { 129 .contant_one_title {
@@ -132,14 +132,94 @@ @@ -132,14 +132,94 @@
132 font-weight: 400; 132 font-weight: 400;
133 color: rgba(114, 113, 113, 1); 133 color: rgba(114, 113, 113, 1);
134 } 134 }
  135 +
  136 + .neirong {
  137 + width: 790px;
  138 + }
  139 +
  140 + .wire2_img {
  141 + width: 100%;
  142 + }
  143 +
  144 + .wire2_title {
  145 + margin-top: 30px;
  146 + font-size: 20px;
  147 + color: #727171;
  148 + font-weight: bold;
  149 + line-height: 26px;
  150 + }
  151 +
  152 + .wire2_word {
  153 + margin-top: 10px;
  154 + font-size: 20px;
  155 + color: #727171;
  156 + line-height: 26px;
  157 + }
  158 +
  159 + .wire3 {
  160 + margin-bottom: 64px;
  161 + }
  162 +
  163 + .wire3_img {
  164 + width: 362px;
  165 + }
  166 +
  167 + .wire3_img img {
  168 + width: 100%;
  169 + }
  170 +
  171 + .wire3_title {
  172 + margin-top: 16px;
  173 + font-size: 20px;
  174 + font-weight: 400;
  175 + color: rgba(114, 113, 113, 1);
  176 + line-height: 25px;
  177 + }
  178 +
  179 + .wire4_title {
  180 + font-size: 20px;
  181 + font-weight: 400;
  182 + color: rgba(114, 113, 113, 1);
  183 + line-height: 36px;
  184 + }
  185 +
  186 + .wire4_img {
  187 + margin-top: 14px;
  188 + width: 100%;
  189 + }
  190 +
  191 + .wire4_img img {
  192 + width: 100%;
  193 + }
  194 +
  195 + .wire_word {
  196 + margin-top: 24px;
  197 + font-size: 20px;
  198 + font-weight: 400;
  199 + color: rgba(114, 113, 113, 1);
  200 + line-height: 36px;
  201 + }
  202 + .wire4_bottom_img {
  203 + width: 580px;
  204 + margin: 46px auto 0 auto;
  205 + }
  206 + .wire4_bottom_img img {
  207 + width: 100%;
  208 + }
135 </style> 209 </style>
136 -</head> 210 + </head>
137 211
138 -<body> 212 + <body>
139 <nav class="navbar navbar-default bgf mb0"> 213 <nav class="navbar navbar-default bgf mb0">
140 <div class="container-fluid top_pc_brand"> 214 <div class="container-fluid top_pc_brand">
141 <div class="navbar-header"> 215 <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"> 216 + <button
  217 + type="button"
  218 + class="navbar-toggle mtperc10 menuPage"
  219 + data-toggle="collapse"
  220 + data-target="#bs-example-navbar-collapse-4"
  221 + aria-expanded="true"
  222 + >
143 <span class="sr-only">Toggle navigation</span> 223 <span class="sr-only">Toggle navigation</span>
144 <span class="icon-bar"></span> 224 <span class="icon-bar"></span>
145 <span class="icon-bar"></span> 225 <span class="icon-bar"></span>
@@ -149,10 +229,18 @@ @@ -149,10 +229,18 @@
149 <img class="brand-logo" src="../images/logo.png" alt="" /> 229 <img class="brand-logo" src="../images/logo.png" alt="" />
150 </a> 230 </a>
151 </div> 231 </div>
152 - <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> 232 + <div
  233 + class="navbar-collapse collapse in"
  234 + id="bs-example-navbar-collapse-4"
  235 + aria-expanded="true"
  236 + >
153 <div class="search-group mt30 form-group navbar-text navbar-right"> 237 <div class="search-group mt30 form-group navbar-text navbar-right">
154 <a href="http://www.tjmuch.com/" class="langue">中文</a> 238 <a href="http://www.tjmuch.com/" class="langue">中文</a>
155 - <input type="text" class="form-control search-input" placeholder="Search" /> 239 + <input
  240 + type="text"
  241 + class="form-control search-input"
  242 + placeholder="Search"
  243 + />
156 <div class="magnifier"> 244 <div class="magnifier">
157 <img src="../images/search_btn.png" alt="" /> 245 <img src="../images/search_btn.png" alt="" />
158 </div> 246 </div>
@@ -188,7 +276,11 @@ @@ -188,7 +276,11 @@
188 <li class="btn navbtn-a" role="button"> 276 <li class="btn navbtn-a" role="button">
189 <a href="JavaScript:;">CLINICAL RESOURCES</a> 277 <a href="JavaScript:;">CLINICAL RESOURCES</a>
190 <div class="sec_menu_items"> 278 <div class="sec_menu_items">
191 - <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> 279 + <div
  280 + href="../clinical/departments.html"
  281 + onclick="window.location.href='../clinical/departments.html'"
  282 + class="inner_item"
  283 + >
192 Clinical Departments 284 Clinical Departments
193 <div class="third_menu_items"> 285 <div class="third_menu_items">
194 <a href="../clinical/departm.html" class="inner_item"> 286 <a href="../clinical/departm.html" class="inner_item">
@@ -225,7 +317,11 @@ @@ -225,7 +317,11 @@
225 <a href="../research/nationalCancer.html" class="inner_item"> 317 <a href="../research/nationalCancer.html" class="inner_item">
226 National Cancer Clinical Research Center 318 National Cancer Clinical Research Center
227 </a> 319 </a>
228 - <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> 320 + <div
  321 + href="../research/research.html"
  322 + onclick="location.href='../research/research.html'"
  323 + class="inner_item"
  324 + >
229 Research 325 Research
230 <div class="third_menu_items"> 326 <div class="third_menu_items">
231 <a href="../research/research1.html" class="inner_item"> 327 <a href="../research/research1.html" class="inner_item">
@@ -242,7 +338,11 @@ @@ -242,7 +338,11 @@
242 </a> 338 </a>
243 </div> 339 </div>
244 </div> 340 </div>
245 - <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> 341 + <div
  342 + href="../research/education.html"
  343 + onclick="location.href='../research/education.html'"
  344 + class="inner_item"
  345 + >
246 Education 346 Education
247 <div class="third_menu_items"> 347 <div class="third_menu_items">
248 <a href="../research/education.html" class="inner_item"> 348 <a href="../research/education.html" class="inner_item">
@@ -290,7 +390,10 @@ @@ -290,7 +390,10 @@
290 <a href="../institute/facilities.html" class="inner_item"> 390 <a href="../institute/facilities.html" class="inner_item">
291 Core Facilities and Services 391 Core Facilities and Services
292 </a> 392 </a>
293 - <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> 393 + <a
  394 + href="http://www.cancerbiomed.org/index.php/cocr"
  395 + class="inner_item"
  396 + >
294 Journal of Clinical Oncology 397 Journal of Clinical Oncology
295 </a> 398 </a>
296 </div> 399 </div>
@@ -373,10 +476,11 @@ @@ -373,10 +476,11 @@
373 <div class="contant_title">Recognition</div> 476 <div class="contant_title">Recognition</div>
374 <div class="contant_title">Important Events</div> 477 <div class="contant_title">Important Events</div>
375 </dis> 478 </dis>
376 - <dis class="contant_right"> 479 + <div class="xunhuan">
  480 + <div class="contant_right neirong" style="display: none">
377 <div class="contant_one"> 481 <div class="contant_one">
378 <div class="contant_img"> 482 <div class="contant_img">
379 - <img src="../images/h6.png" alt="" /> 483 + <img src="../images/5-1-4_5.png" alt="" />
380 </div> 484 </div>
381 <div class="contant_one_title"> 485 <div class="contant_one_title">
382 1861 Ma Gen Ji established London Church Hospital 486 1861 Ma Gen Ji established London Church Hospital
@@ -384,124 +488,199 @@ @@ -384,124 +488,199 @@
384 </div> 488 </div>
385 <div class="contant_one"> 489 <div class="contant_one">
386 <div class="contant_img"> 490 <div class="contant_img">
387 - <img src="../images/h6.png" alt="" /> 491 + <img src="../images/5-1-4_4.png" alt="" />
388 </div> 492 </div>
389 <div class="contant_one_title"> 493 <div class="contant_one_title">
390 - 1861 Ma Gen Ji established London Church Hospital 494 + 1927 Jihua Senior Nurse School
391 </div> 495 </div>
392 </div> 496 </div>
393 <div class="contant_one"> 497 <div class="contant_one">
394 <div class="contant_img"> 498 <div class="contant_img">
395 - <img src="../images/h6.png" alt="" /> 499 + <img src="../images/5-1-4_3.png" alt="" />
396 </div> 500 </div>
397 <div class="contant_one_title"> 501 <div class="contant_one_title">
398 - 1861 Ma Gen Ji established London Church Hospital 502 + 2005 Director Yongqin Jiang worked as Board Member of the ISNCC
399 </div> 503 </div>
400 </div> 504 </div>
401 <div class="contant_one"> 505 <div class="contant_one">
402 <div class="contant_img"> 506 <div class="contant_img">
403 - <img src="../images/h6.png" alt="" /> 507 + <img src="../images/5-1-4_2.png" alt="" />
404 </div> 508 </div>
405 <div class="contant_one_title"> 509 <div class="contant_one_title">
406 - 1861 Ma Gen Ji established London Church Hospital 510 + 2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
407 </div> 511 </div>
408 </div> 512 </div>
409 <div class="contant_one"> 513 <div class="contant_one">
410 <div class="contant_img"> 514 <div class="contant_img">
411 - <img src="../images/h6.png" alt="" /> 515 + <img src="../images/5-1-4_1.png" alt="" />
412 </div> 516 </div>
413 <div class="contant_one_title"> 517 <div class="contant_one_title">
414 - 1861 Ma Gen Ji established London Church Hospital 518 + 2015 Wanmin Qiang<br />
  519 + The first chairman of Chinese Association of Nursers in Oncology
415 </div> 520 </div>
416 </div> 521 </div>
417 - </dis>  
418 </div> 522 </div>
419 - <!-- <div class="content-word">  
420 - <div class="content-word-left">  
421 - <h4 class=""> 523 + <div class="contant_right neirong" style="display: none">
  524 + <div class="wire2_img">
  525 + <img src="../images/leaser6.png" alt="" />
  526 + </div>
  527 + <div class="wire2_title">
  528 + Our Team
  529 + </div>
  530 + <div class="wire2_word">
  531 + At present, there are 1277 nurses and 83% of nurses with a
  532 + bachelor degree or above, 27 with a master's degree or above, 4
  533 + acted as master's tutor, 25 has a part-time academic position at
  534 + provincial or municipal level or above.<br />
  535 + According to “China's Hospital Rankings in Science and
  536 + Technology”, Nursing has top the ranking in cancer care for
  537 + consecutively 2 years .<br />
  538 + The National Key Disciplines Fields<br />
  539 + National Working Women’s Collective with Red Flag
  540 + </div>
  541 + <div class="wire2_title">
  542 + Contact Us
  543 + </div>
  544 + <div class="wire2_word">
  545 + Tianjin Medical University Cancer Institute & Hospital<br />
  546 + West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China
  547 + Phone ： nursing department ：<br />
  548 + 0086-22-23524903 Home care center: 0086-22-23353454
  549 + </div>
  550 + </div>
  551 + <div class="contant_right neirong" style="display: none">
  552 + <div class="wire3">
  553 + <div class="wire3_img">
  554 + <img src="../images/leader1.png" alt="" />
  555 + </div>
  556 + <div class="wire3_title">Wanmin Qiang</div>
  557 + </div>
  558 + <div class="wire3">
  559 + <div class="wire3_img">
  560 + <img src="../images/leader2.png" alt="" />
  561 + </div>
  562 + <div class="wire3_title">ling Yan</div>
  563 + </div>
  564 + <div class="wire3">
  565 + <div class="wire3_img">
  566 + <img src="../images/leader3.png" alt="" />
  567 + </div>
  568 + <div class="wire3_title">Jing Zhao</div>
  569 + </div>
  570 + </div>
  571 + <div class="contant_right neirong">
  572 + <div class="wire4_title">
  573 + Culture <br />
  574 + In 1861, British doctor Ma Gen Ji established London Church
  575 + Hospital which was the first western medicine hospital in Tianjin
  576 + and was the predecessor of Tianjin Medical University Cancer
  577 + Institute & Hospital.
  578 + </div>
  579 + <div class="wire4_img">
  580 + <img src="../images/5-1-4_4.png" alt="" />
  581 + </div>
  582 + <div class="wire_word">
  583 + In 1927, the hospital established Jihua Senior Nurse School
  584 + established to cultivate nurses. Meanwhile，the hospital collects
  585 + a personal letter from Dr Florence Nightingale.<br />Ideals
  586 + <br />We innovated the belief of “Patients’ Needs first ，
  587 + Evidence-based Nursing” ， which embodied humanity and
  588 + individualization, to provide “Whole-course, whole-person,
  589 + whole-family and whole-team” nursing mode for patients and
  590 + patients’ family.
  591 + </div>
  592 + <div class="wire4_bottom_img">
  593 + <img src="../images/about_img.png" alt=" " />
  594 + </div>
  595 + </div>
  596 + </div>
  597 + </div>
  598 + <!-- <div class="content-word ">
  599 + <div class="content-word-left ">
  600 + <h4 class=" ">
422 Evidence-based Nursing Team 601 Evidence-based Nursing Team
423 </h4> 602 </h4>
424 - <h4 class=""> 603 + <h4 class=" ">
425 Innovation & Profession 604 Innovation & Profession
426 605
427 </h4> 606 </h4>
428 - <h4 class=""> 607 + <h4 class=" ">
429 Scientific Achievements 608 Scientific Achievements
430 609
431 </h4> 610 </h4>
432 - <h4 class=""> 611 + <h4 class=" ">
433 Professional Books 612 Professional Books
434 </h4> 613 </h4>
435 </div> 614 </div>
436 615
437 - <div class="content-word-right">  
438 - <div class="single_part_right active"> 616 + <div class="content-word-right ">
  617 + <div class="single_part_right active ">
439 <h3>The aims is to combine research conclusions with clinical experience and patients' wishes as 618 <h3>The aims is to combine research conclusions with clinical experience and patients' wishes as
440 the basis for clinical nursing decision-making.</h3> 619 the basis for clinical nursing decision-making.</h3>
441 <p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care, 620 <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 621 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 622 patients . In the past 5 years, We have published more than 400 papers in nursing core
444 periodicals and 12 SCI.</p> 623 periodicals and 12 SCI.</p>
445 - <img src="../images/5-4-1.png" alt="" srcset=""> 624 + <img src="../images/5-4-1.png " alt=" " srcset=" ">
446 <p>Research team of Tianjin Medical University Cancer Institute & Hospital 625 <p>Research team of Tianjin Medical University Cancer Institute & Hospital
447 </p> 626 </p>
448 </div> 627 </div>
449 628
450 - <div class="single_part_right">  
451 - <img src="../images/5-4-2.png" width="100%" alt="" srcset=""> 629 + <div class="single_part_right ">
  630 + <img src="../images/5-4-2.png " width="100% " alt=" " srcset=" ">
452 </div> 631 </div>
453 - <div class="single_part_right">  
454 - <img src="../images/5-4-3.png" width="100%" alt="" srcset=""> 632 + <div class="single_part_right ">
  633 + <img src="../images/5-4-3.png " width="100% " alt=" " srcset=" ">
455 </div> 634 </div>
456 - <div class="single_part_right">  
457 - <img src="../images/5-4-4.png" width="100%" alt="" srcset=""> 635 + <div class="single_part_right ">
  636 + <img src="../images/5-4-4.png " width="100% " alt=" " srcset=" ">
458 </div> 637 </div>
459 </div> 638 </div>
460 639
461 </div> --> 640 </div> -->
462 </div> 641 </div>
463 - <footer class="footer-content">  
464 - <div class="footer-main">  
465 - <ul class="list-unstyled third-ul"> 642 + <footer class="footer-content ">
  643 + <div class="footer-main ">
  644 + <ul class="list-unstyled third-ul ">
466 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 645 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
467 <li>Tianjin 300060</li> 646 <li>Tianjin 300060</li>
468 <li>China</li> 647 <li>China</li>
469 <li>Tel/Fax: 0086-22-23359337</li> 648 <li>Tel/Fax: 0086-22-23359337</li>
470 <li>Email: info@tjmuch.com</li> 649 <li>Email: info@tjmuch.com</li>
471 </ul> 650 </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> 651 + <ul class="list-unstyled first-ul ">
  652 + <li><img src="../images/yikeda.png " width="160px " alt=" " /></li>
  653 + <li><img src="../images/tjuc.png " width="160px " alt=" " /></li>
475 </ul> 654 </ul>
476 </div> 655 </div>
477 </footer> 656 </footer>
478 </div> 657 </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> 658 + <script src="../js/jquery-1.11.3.min.js "></script>
  659 + <script src="../js/bootstrap.min.js "></script>
  660 + <script src="../js/swiper-3.4.2.jquery.min.js "></script>
  661 + <script src="../js/common.js "></script>
483 <script> 662 <script>
484 - $(".contant_left").mouseover(function() { 663 + $(".contant_title").mouseover(function() {
485 $(this) 664 $(this)
486 - .addClass("left_titles") 665 + .addClass("contant_titles")
487 .siblings() 666 .siblings()
488 - .removeClass("left_titles"); 667 + .removeClass("contant_titles");
489 }); 668 });
490 - $(".contant_left").click(function() { 669 + $(".contant_title").click(function() {
491 $(this) 670 $(this)
492 - .addClass("left_titles") 671 + .addClass("contant_titles")
493 .siblings() 672 .siblings()
494 - .removeClass("left_titles"); 673 + .removeClass("contant_titles");
495 var index = $(this).index(); 674 var index = $(this).index();
496 console.log(index); 675 console.log(index);
497 - $(".neirong") 676 + $(this).parents(".contant").find(".neirong")
498 .eq(index) 677 .eq(index)
499 .show() 678 .show()
500 .siblings() 679 .siblings()
501 .hide(); 680 .hide();
502 }); 681 });
503 // $(document).ready(function () { 682 // $(document).ready(function () {
504 - // $(".btn-group").find(".navbtn-a").click(function () { 683 + // $(".btn-group ").find(".navbtn-a ").click(function () {
505 // console.log(this) 684 // console.log(this)
506 // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 685 // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
507 // $(this).addClass('navbtnActive'); // 添加当前元素的样式 686 // $(this).addClass('navbtnActive'); // 添加当前元素的样式
@@ -524,6 +703,5 @@ @@ -524,6 +703,5 @@
524 // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active') 703 // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
525 // }) 704 // })
526 </script> 705 </script>
527 -</body>  
528 - 706 + </body>
529 </html> 707 </html>