PC / tmuch · 提交

转到一个项目

作者 王毅
提交 28dfce2c6f4db0ae5b5c5dfeeeac6b7355ecbffd 2 个父辈 56f4f628 64a1ff91

Merge branch 'master' of http://114.215.101.231:8099/PC/tmuch into Branch_wy

内嵌 并排对比
正在显示 15 个修改的文件 包含 397 行增加 和 238 行删除
@@ -25,6 +25,7 @@ @@ -25,6 +25,7 @@
25 align-items: flex-start; 25 align-items: flex-start;
26 display: flex; 26 display: flex;
27 display: -webkit-flex; 27 display: -webkit-flex;
  28 + margin-top: 50px;
28 } 29 }
29 30
30 .single_mark { 31 .single_mark {
@@ -301,17 +302,13 @@ @@ -301,17 +302,13 @@
301 </ul> 302 </ul>
302 </div> 303 </div>
303 304
304 - <div class="content padding0">  
305 - <!-- Swiper -->  
306 - <div class="img-header">  
307 - <img src="../images/care_top.png" width="100%" alt="">  
308 - </div>  
309 - </div>  
310 - <div class="content">  
311 305
312 - <div class="content-word"> 306 + <div class="content">
  307 + <div class="navpath">Nursing Care<span>&gt;</span>Research Achievement<span>&gt;</span>Evidence-based
  308 + Nursing Team</div>
  309 + <div class="content-word" >
313 <div class="content-word-left"> 310 <div class="content-word-left">
314 - <h4 class=""> 311 + <h4 class="active">
315 Evidence-based Nursing Team 312 Evidence-based Nursing Team
316 </h4> 313 </h4>
317 <h4 class=""> 314 <h4 class="">

102.8 KB | 宽: | 高:

324.4 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

134.4 KB | 宽: | 高:

229.5 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

130.5 KB | 宽: | 高:

368.8 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖
@@ -49,6 +49,7 @@ @@ -49,6 +49,7 @@
49 .swiper-container { 49 .swiper-container {
50 padding-bottom: 60px; 50 padding-bottom: 60px;
51 position: relative; 51 position: relative;
  52 + width: 700px;
52 } 53 }
53 54
54 .swiper-slide { 55 .swiper-slide {
@@ -60,7 +61,6 @@ @@ -60,7 +61,6 @@
60 display: -ms-flexbox; 61 display: -ms-flexbox;
61 display: -webkit-flex; 62 display: -webkit-flex;
62 display: flex; 63 display: flex;
63 - width: 550px;  
64 -webkit-box-pack: center; 64 -webkit-box-pack: center;
65 -ms-flex-pack: center; 65 -ms-flex-pack: center;
66 -webkit-justify-content: center; 66 -webkit-justify-content: center;
@@ -92,8 +92,8 @@ @@ -92,8 +92,8 @@
92 top: 50px; 92 top: 50px;
93 } 93 }
94 #d_slider{ 94 #d_slider{
95 - margin: 0 75px;  
96 - width: auto; 95 + margin: 50px auto 0;
  96 + width: 900px;
97 } 97 }
98 .content h4{ 98 .content h4{
99 margin: 0 auto; 99 margin: 0 auto;
@@ -120,6 +120,9 @@ @@ -120,6 +120,9 @@
120 font-size: 13px; 120 font-size: 13px;
121 color: #00a16c; 121 color: #00a16c;
122 } 122 }
  123 + .pright{
  124 + text-decoration: underline;
  125 + }
123 </style> 126 </style>
124 </head> 127 </head>
125 <body> 128 <body>
@@ -346,6 +349,10 @@ @@ -346,6 +349,10 @@
346 </li> 349 </li>
347 </ul> 350 </ul>
348 </div> 351 </div>
  352 +
  353 + <div class="content">
  354 +
  355 + <div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
349 <!-- Swiper --> 356 <!-- Swiper -->
350 <div class="swiper-container" id="d_slider"> 357 <div class="swiper-container" id="d_slider">
351 <div class="swiper-wrapper "> 358 <div class="swiper-wrapper ">
@@ -361,12 +368,10 @@ @@ -361,12 +368,10 @@
361 </div> 368 </div>
362 </div> 369 </div>
363 <!-- Add Pagination --> 370 <!-- Add Pagination -->
364 - <img src="../images/03pc-second/pic (7).png" class="arrow-left" alt=""> 371 + <img src="../images/left.png" class="swiper-button-prev" alt="">
365 <div class="swiper-pagination"></div> 372 <div class="swiper-pagination"></div>
366 - <img src="../images/03pc-second/pic (8).png" class="arrow-right" alt=""> 373 + <img src="../images/right.png" class="swiper-button-next" alt="">
367 </div> 374 </div>
368 - <div class="content">  
369 - <h3 style='text-align: center'>International Conferences</h3>  
370 375
371 376
372 <div class="plfrt"> 377 <div class="plfrt">
@@ -732,8 +737,8 @@ @@ -732,8 +737,8 @@
732 }, 737 },
733 }, 738 },
734 navigation: { 739 navigation: {
735 - nextEl: '.arrow-right',  
736 - prevEl: '.arrow-left', 740 + nextEl: '.swiper-button-next',
  741 + prevEl: '.swiper-button-prev',
737 }, 742 },
738 }); 743 });
739 </script> 744 </script>
@@ -11,21 +11,27 @@ @@ -11,21 +11,27 @@
11 <link rel="stylesheet" href="../css/index.css"> 11 <link rel="stylesheet" href="../css/index.css">
12 <title>Tianjin Medical University Cancer Institute & Hospital</title> 12 <title>Tianjin Medical University Cancer Institute & Hospital</title>
13 <style> 13 <style>
14 - .partent_item p {  
15 - display: none;  
16 - } 14 +
17 15
18 .partent_item { 16 .partent_item {
19 margin-bottom: 60px; 17 margin-bottom: 60px;
  18 + color: #666666;
  19 + font-size: 20px;
  20 + cursor: pointer;
  21 + width: 50%;
20 } 22 }
21 23
22 .partent_item_box { 24 .partent_item_box {
23 - max-width: 200px;  
24 - margin-left: 30px; 25 + height: auto;
  26 + text-align: left;
  27 + }
  28 + .partent_item_box a{
  29 + display: block;
  30 + text-decoration: underline;
25 } 31 }
26 -  
27 .partner_list { 32 .partner_list {
28 margin-bottom: 25px; 33 margin-bottom: 25px;
  34 + margin-top: 50px;
29 } 35 }
30 .contry_box{ 36 .contry_box{
31 width: auto; 37 width: auto;
@@ -35,9 +41,6 @@ @@ -35,9 +41,6 @@
35 width: 78px; 41 width: 78px;
36 left: -40px; 42 left: -40px;
37 } 43 }
38 - .partent_item_box a {  
39 - display: block;  
40 - }  
41 </style> 44 </style>
42 </head> 45 </head>
43 46
@@ -268,20 +271,19 @@ @@ -268,20 +271,19 @@
268 </div> 271 </div>
269 272
270 <!-- Swiper --> 273 <!-- Swiper -->
271 - <div class="img-header">  
272 - <img src="../images/aff4_top.png" alt="" width="100%">  
273 - </div> 274 +
274 <div class="content"> 275 <div class="content">
  276 + <div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
275 <div class="partner_list"> 277 <div class="partner_list">
276 <div class="contry_box"> 278 <div class="contry_box">
277 <img src="../images/germany.png" width="100%" alt=""> 279 <img src="../images/germany.png" width="100%" alt="">
278 </div> 280 </div>
279 <div class="partent_list_box"> 281 <div class="partent_list_box">
280 <div class="partent_item"> 282 <div class="partent_item">
  283 + <p>German Cancer Research Center</p>
281 <div class="partent_item_box"> 284 <div class="partent_item_box">
282 - <a href='www.dkfz.de'> <img src="../images/germany_1.png" width="100%" alt=""> </a></div>  
283 - <p>German  
284 - Cancer Research Center</p> 285 + <a href='www.dkfz.de'> www.dkfz.de </a></div>
  286 +
285 </div> 287 </div>
286 </div> 288 </div>
287 </div> 289 </div>
@@ -290,17 +292,18 @@ @@ -290,17 +292,18 @@
290 <img src="../images/japan.png" width="100%" alt=""> 292 <img src="../images/japan.png" width="100%" alt="">
291 </div> 293 </div>
292 <div class="partent_list_box"> 294 <div class="partent_list_box">
  295 +
293 <div class="partent_item"> 296 <div class="partent_item">
  297 + <p>Aizawa Hospital (sister institution)</p>
294 <div class="partent_item_box"> 298 <div class="partent_item_box">
295 - <a href='http://w3.ai-hosp.or.jp/_en/'> <img src="../images/japan1.png" width="100%" alt="">  
296 - </a> </div>  
297 - <p>German Cancer Research Center</p> 299 + <a href='www.showa-u.ac.jp/en/'> www.showa-u.ac.jp/en/</a> </div>
298 </div> 300 </div>
299 <div class="partent_item"> 301 <div class="partent_item">
  302 + <p>
  303 + Showa University
  304 + </p>
300 <div class="partent_item_box"> 305 <div class="partent_item_box">
301 - <a href='www.showa-u.ac.jp/en/'> <img src="../images/japan2.png" width="100%" alt="">  
302 - </a> </div>  
303 - <p>Aizawa Hospital (sister institution)</p> 306 + <a href='www.showa-u.ac.jp/en/'>www.showa-u.ac.jp/en/</a> </div>
304 </div> 307 </div>
305 </div> 308 </div>
306 </div> 309 </div>
@@ -310,12 +313,11 @@ @@ -310,12 +313,11 @@
310 </div> 313 </div>
311 <div class="partent_list_box"> 314 <div class="partent_list_box">
312 <div class="partent_item"> 315 <div class="partent_item">
313 - <div class="partent_item_box">  
314 - <a href='www.kirams.re.kr'> <img src="../images/korea1.png" width="100%" alt="">  
315 - </a> </div>  
316 <p> 316 <p>
317 Korea Institute of Radiological & Medical Sciences (KIRAMS) (sister institution 317 Korea Institute of Radiological & Medical Sciences (KIRAMS) (sister institution
318 </p> 318 </p>
  319 + <div class="partent_item_box">
  320 + <a href='www.kirams.re.kr'>www.kirams.re.kr</a> </div>
319 </div> 321 </div>
320 </div> 322 </div>
321 323
@@ -327,12 +329,13 @@ @@ -327,12 +329,13 @@
327 </div> 329 </div>
328 <div class="partent_list_box"> 330 <div class="partent_list_box">
329 <div class="partent_item"> 331 <div class="partent_item">
330 - <div class="partent_item_box">  
331 - <a href='http://www.rug.nl'> <img src="../images/netherland1.png" width="100%" alt=""></a>  
332 - </div>  
333 <p> 332 <p>
334 University Groningen 333 University Groningen
335 </p> 334 </p>
  335 + <div class="partent_item_box">
  336 + <a href='http://www.rug.nl'>http://www.rug.nl</a>
  337 + </div>
  338 +
336 </div> 339 </div>
337 </div> 340 </div>
338 </div> 341 </div>
@@ -343,22 +346,21 @@ @@ -343,22 +346,21 @@
343 </div> 346 </div>
344 <div class="partent_list_box"> 347 <div class="partent_list_box">
345 <div class="partent_item"> 348 <div class="partent_item">
346 - <div class="partent_item_box">  
347 - <a href='https://ki.se/'> <img src="../images/Sweden1.png" width="100%" alt="">  
348 - </a> </div>  
349 <p> 349 <p>
350 Karolinsa Institute 350 Karolinsa Institute
351 351
352 </p> 352 </p>
353 - </div>  
354 - <div class="partent_item">  
355 <div class="partent_item_box"> 353 <div class="partent_item_box">
356 - <a href='www.lunduniversity.lu.se'> <img src="../images/Sweden2.png" width="100%"  
357 - alt=""></a> 354 + <a href='https://ki.se/'>https://ki.se/</a> </div>
  355 +
358 </div> 356 </div>
  357 + <div class="partent_item">
359 <p> 358 <p>
360 Lund University 359 Lund University
361 </p> 360 </p>
  361 + <div class="partent_item_box">
  362 + <a href='www.lunduniversity.lu.se'>www.lunduniversity.lu.se</a>
  363 + </div>
362 </div> 364 </div>
363 </div> 365 </div>
364 </div> 366 </div>
@@ -369,71 +371,71 @@ @@ -369,71 +371,71 @@
369 </div> 371 </div>
370 <div class="partent_list_box"> 372 <div class="partent_list_box">
371 <div class="partent_item"> 373 <div class="partent_item">
372 - <div class="partent_item_box">  
373 - <a href='www.mdanderson.org'> <img src="../images/usa1.png" width="100%" alt="">  
374 - </a> </div>  
375 <p> 374 <p>
376 The University of Texas M. D. Anderson Cancer Center (sister institution) 375 The University of Texas M. D. Anderson Cancer Center (sister institution)
377 </p> 376 </p>
378 - </div>  
379 - <div class="partent_item">  
380 <div class="partent_item_box"> 377 <div class="partent_item_box">
381 - <a href='www.MOFFITT.org'> <img src="../images/usa2.png" width="100%" alt=""> 378 + <a href='www.mdanderson.org'>www.mdanderson.org
382 </a> </div> 379 </a> </div>
383 - <p>  
384 380
  381 + </div>
  382 + <div class="partent_item">
  383 + <p>
385 H.Lee Moffitt Cancer Center & Research Institute (brotherhood institution) 384 H.Lee Moffitt Cancer Center & Research Institute (brotherhood institution)
386 -  
387 </p> 385 </p>
  386 + <div class="partent_item_box">
  387 + <a href='www.MOFFITT.org'>www.MOFFITT.org</a> </div>
  388 +
388 </div> 389 </div>
389 <div class="partent_item"> 390 <div class="partent_item">
390 - <div class="partent_item_box">  
391 - <a href='www.unmc.edu/cancercenter/'> <img src="../images/usa3.png" width="100%" alt="">  
392 - </a> </div>  
393 <p> 391 <p>
394 Fred & Pamela Buffett Cancer Center, University of Nebraska Medical Center (sister 392 Fred & Pamela Buffett Cancer Center, University of Nebraska Medical Center (sister
395 institution) 393 institution)
396 394
397 </p> 395 </p>
  396 + <div class="partent_item_box">
  397 + <a href='www.unmc.edu/cancercenter/'>www.unmc.edu/cancercenter/</a> </div>
  398 +
398 </div> 399 </div>
399 <div class="partent_item"> 400 <div class="partent_item">
400 - <div class="partent_item_box">  
401 - <a href='www.foxchase.org'> <img src="../images/usa4.png" width="100%" alt="">  
402 - </a> </div>  
403 <p> 401 <p>
404 Fox Chase Cancer Center (sister institution) 402 Fox Chase Cancer Center (sister institution)
405 </p> 403 </p>
406 - </div>  
407 - <div class="partent_item">  
408 <div class="partent_item_box"> 404 <div class="partent_item_box">
409 - <a href='www.NFCR.org'><img src="../images/usa5.png" width="100%" alt=""> 405 + <a href='www.foxchase.org'>www.foxchase.org
410 </a> </div> 406 </a> </div>
  407 +
  408 + </div>
  409 + <div class="partent_item">
411 <p> 410 <p>
412 National Foundation for Cancer Research (NFCR) 411 National Foundation for Cancer Research (NFCR)
413 </p> 412 </p>
414 - </div>  
415 - <div class="partent_item">  
416 <div class="partent_item_box"> 413 <div class="partent_item_box">
417 - <a href='www.dukecancerinstiutute.org'><img src="../images/usa6.png" width="100%"  
418 - alt=""></a> 414 + <a href='www.NFCR.org'>www.NFCR.org
  415 + </a> </div>
  416 +
419 </div> 417 </div>
  418 + <div class="partent_item">
420 <p> 419 <p>
421 Duke Cancer Institute 420 Duke Cancer Institute
422 </p> 421 </p>
  422 + <div class="partent_item_box">
  423 + <a href='www.dukecancerinstiutute.org'>www.dukecancerinstiutute.org</a>
  424 + </div>
  425 +
423 </div> 426 </div>
424 <div class="partent_item"> 427 <div class="partent_item">
425 - <div class="partent_item_box">  
426 - <a href='www.cancer.gov'><img src="../images/usa7.png" width="100%" alt="">  
427 - </a> </div>  
428 <p> 428 <p>
429 National Cancer Institute, NCI 429 National Cancer Institute, NCI
430 </p> 430 </p>
  431 + <div class="partent_item_box">
  432 + <a href='www.cancer.gov'>www.cancer.gov</a> </div>
431 </div> 433 </div>
432 <div class="partent_item"> 434 <div class="partent_item">
  435 + <p>Thomas Jefferson University</p>
433 <div class="partent_item_box"> 436 <div class="partent_item_box">
434 - <a href='www.jefferson.edu'><img src="../images/usa8.png" width="100%" alt=""> 437 + <a href='www.jefferson.edu'>www.jefferson.edu
435 </a> </div> 438 </a> </div>
436 - <p>Thomas Jefferson University</p>  
437 </div> 439 </div>
438 </div> 440 </div>
439 </div> 441 </div>
@@ -443,16 +445,17 @@ @@ -443,16 +445,17 @@
443 </div> 445 </div>
444 <div class="partent_list_box"> 446 <div class="partent_list_box">
445 <div class="partent_item"> 447 <div class="partent_item">
446 - <div class="partent_item_box">  
447 - <a href='http://www.kings.ac.uk'><img src="../images/unitedkingdom1.png" width="100%"  
448 - alt=""></a> </div>  
449 <p>King’s College London</p> 448 <p>King’s College London</p>
  449 + <div class="partent_item_box">
  450 + <a href='http://www.kings.ac.uk'>http://www.kings.ac.uk</a> </div>
  451 +
450 </div> 452 </div>
451 <div class="partent_item"> 453 <div class="partent_item">
  454 + <p>University of Dundee</p>
452 <div class="partent_item_box"> 455 <div class="partent_item_box">
453 - <a href='www.dundee.ac.uk'><img src="../images/unitedkingdom2.png" width="100%" alt=""></a> 456 + <a href='www.dundee.ac.uk'>www.dundee.ac.uk</a>
454 </div> 457 </div>
455 - <p>University of Dundee</p> 458 + <!-- <p>University of Dundee</p> -->
456 </div> 459 </div>
457 </div> 460 </div>
458 </div> 461 </div>
@@ -239,11 +239,9 @@ @@ -239,11 +239,9 @@
239 </ul> 239 </ul>
240 </div> 240 </div>
241 241
242 - <!-- Swiper -->  
243 - <div class="img-header">  
244 - <img src="../images/aff3_top.png" alt="" width="100%">  
245 - </div> 242 +
246 <div class="content"> 243 <div class="content">
  244 + <div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
247 <div class="ondata">under construction</div> 245 <div class="ondata">under construction</div>
248 </div> 246 </div>
249 <footer class="footer-content"> 247 <footer class="footer-content">
@@ -11,22 +11,30 @@ @@ -11,22 +11,30 @@
11 <link rel="stylesheet" href="../css/index.css"> 11 <link rel="stylesheet" href="../css/index.css">
12 <title>Tianjin Medical University Cancer Institute & Hospital</title> 12 <title>Tianjin Medical University Cancer Institute & Hospital</title>
13 <style lang=""> 13 <style lang="">
14 - .content-word-right{ 14 + .content-word-right {
15 padding-top: 0; 15 padding-top: 0;
16 height: auto; 16 height: auto;
17 align-self: flex-start; 17 align-self: flex-start;
18 } 18 }
19 - .content-word-right h4{ 19 +
  20 + .content-word-right h4 {
20 margin-bottom: 25px; 21 margin-bottom: 25px;
21 } 22 }
22 - .left_main{ 23 +
  24 + .left_main {
23 display: flex; 25 display: flex;
24 display: -webkit-flex; 26 display: -webkit-flex;
25 width: 100%; 27 width: 100%;
26 position: relative; 28 position: relative;
  29 + width: 50%;
  30 + color: #666;
  31 + line-height: 1.2;
  32 + margin-bottom: 15px;
  33 + align-items: center;
27 } 34 }
28 - .left_main:before{  
29 - content:''; 35 +
  36 + .left_main:before {
  37 + content: '';
30 width: 4px; 38 width: 4px;
31 height: 4px; 39 height: 4px;
32 background: #333; 40 background: #333;
@@ -36,31 +44,37 @@ @@ -36,31 +44,37 @@
36 margin-top: -2px; 44 margin-top: -2px;
37 border-radius: 50%; 45 border-radius: 50%;
38 } 46 }
39 - .main_left{ 47 +
  48 + .main_left {
40 flex: 1; 49 flex: 1;
41 } 50 }
42 - .main_right{ 51 +
  52 + .main_right {
43 width: 140px; 53 width: 140px;
44 margin-left: auto; 54 margin-left: auto;
45 -webkit-margin-start: auto; 55 -webkit-margin-start: auto;
46 } 56 }
47 - .title{ 57 +
  58 + .title {
48 color: #00A16C; 59 color: #00A16C;
49 - text-align: center; 60 + padding-left: 40px;
50 } 61 }
51 - .inner_text{ 62 +
  63 + .inner_text {
52 padding-left: 70px; 64 padding-left: 70px;
53 } 65 }
54 - .internation_left{ 66 +
  67 + .internation_left {
55 margin-bottom: 0; 68 margin-bottom: 0;
56 padding-bottom: 40px; 69 padding-bottom: 40px;
57 border-right: 2px solid #121212; 70 border-right: 2px solid #121212;
58 padding-right: 60px; 71 padding-right: 60px;
59 72
60 } 73 }
61 - .upload{  
62 - width:150px;  
63 - height:30px; 74 +
  75 + .upload {
  76 + width: 150px;
  77 + height: 30px;
64 border-radius: 15px; 78 border-radius: 15px;
65 text-align: center; 79 text-align: center;
66 font-size: 16px; 80 font-size: 16px;
@@ -73,29 +87,99 @@ @@ -73,29 +87,99 @@
73 margin-right: 30px; 87 margin-right: 30px;
74 cursor: pointer; 88 cursor: pointer;
75 } 89 }
76 - .main_right{ 90 +
  91 + .main_right {
77 display: none; 92 display: none;
78 } 93 }
79 - .single_country{ 94 +
  95 + .single_country {
80 display: flex; 96 display: flex;
81 margin-bottom: 30px; 97 margin-bottom: 30px;
82 font-size: 18px; 98 font-size: 18px;
83 - line-height: 1.5; 99 + margin-top: 40px;
  100 + /* line-height: 1.5; */
84 } 101 }
85 - .country_flag{ 102 +
  103 + .country_flag {
86 width: 170px; 104 width: 170px;
87 - text-align: center;  
88 - padding-top: 10px; 105 + display: flex;
  106 + align-items: center;
  107 + justify-content: center;
  108 + display: -webkit-flex;
  109 + /* text-align: center; */
89 } 110 }
90 - .country_flag img{ 111 +
  112 + .country_flag img {
91 height: auto; 113 height: auto;
92 } 114 }
93 - .internation_left_imgbox{ 115 +
  116 + .internation_left_imgbox {
94 background-color: #6a6a6a; 117 background-color: #6a6a6a;
95 } 118 }
96 - #is_slider{ 119 +
  120 + .swiper-container {
  121 + padding-bottom: 60px;
  122 + position: relative;
  123 + margin: 0 auto;
  124 + box-sizing: border-box;
  125 + width: 700px;
  126 + }
  127 +
  128 + .swiper-wrapper {
  129 + width: 700px;
  130 + }
  131 +
  132 + .swiper-slide {
  133 + text-align: center;
  134 + font-size: 18px;
  135 + background: #fff;
  136 + /* Center slide text vertically */
  137 + display: -webkit-box;
  138 + display: -ms-flexbox;
  139 + display: -webkit-flex;
  140 + display: flex;
  141 + -webkit-box-pack: center;
  142 + -ms-flex-pack: center;
  143 + -webkit-justify-content: center;
  144 + justify-content: center;
  145 + -webkit-box-align: center;
  146 + -ms-flex-align: center;
  147 + -webkit-align-items: center;
  148 + align-items: center;
  149 + position: relative;
  150 + }
  151 +
  152 + .swiper-button-next,
  153 + .swiper-button-prev {
  154 + margin-top: -60px;
  155 + }
  156 +
  157 +
  158 + .swiper-slide img {
  159 + display: inline-block;
  160 + height: auto;
  161 + max-width: 100%;
  162 + }
  163 +
  164 + #is_slider {
97 margin: 0 75px; 165 margin: 0 75px;
98 } 166 }
  167 +
  168 + #d_slider {
  169 + margin-top: 20px;
  170 + }
  171 + .university_list{
  172 + flex: 1;
  173 + -webkit-box-flex: 1;
  174 + display: flex;
  175 + display: -webkit-flex;
  176 + flex-wrap:wrap;
  177 + -ms-flex-wrap: wrap;
  178 + }
  179 + .content-word-left{
  180 + flex: unset;
  181 + width: 100%;
  182 + }
99 </style> 183 </style>
100 </head> 184 </head>
101 185
@@ -103,8 +187,8 @@ @@ -103,8 +187,8 @@
103 <nav class="navbar navbar-default bgf mb0"> 187 <nav class="navbar navbar-default bgf mb0">
104 <div class="container-fluid top_pc_brand"> 188 <div class="container-fluid top_pc_brand">
105 <div class="navbar-header"> 189 <div class="navbar-header">
106 - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"  
107 - aria-expanded="true"> 190 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
  191 + data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
108 <span class="sr-only">Toggle navigation</span> 192 <span class="sr-only">Toggle navigation</span>
109 <span class="icon-bar"></span> 193 <span class="icon-bar"></span>
110 <span class="icon-bar"></span> 194 <span class="icon-bar"></span>
@@ -192,8 +276,8 @@ @@ -192,8 +276,8 @@
192 <a href="../research/nationalCancer.html" class="inner_item"> 276 <a href="../research/nationalCancer.html" class="inner_item">
193 National Cancer Clinical Research Center 277 National Cancer Clinical Research Center
194 </a> 278 </a>
195 - <div href="../research/research.html"  
196 - onclick="location.href='../research/research.html'" class="inner_item"> 279 + <div href="../research/research.html" onclick="location.href='../research/research.html'"
  280 + class="inner_item">
197 Research 281 Research
198 <div class="third_menu_items"> 282 <div class="third_menu_items">
199 <a href="../research/research1.html" class="inner_item"> 283 <a href="../research/research1.html" class="inner_item">
@@ -325,51 +409,39 @@ @@ -325,51 +409,39 @@
325 </ul> 409 </ul>
326 </div> 410 </div>
327 411
328 - <!-- Swiper -->  
329 - <div class="img-header" id='is_slider'>  
330 - <img src="../images/aff2_top.png" alt="" width="100%">  
331 - </div> 412 +
332 <div class="content"> 413 <div class="content">
333 - <div class="content-word">  
334 - <div class="content-word-right">  
335 - <h4>TRAINING EXPERIENCE</h4> 414 + <div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
  415 + <h4 class="center" style="margin-top: 50px; color:#00A16C">TRAINING EXPERIENCE</h4>
  416 + <!-- Swiper -->
  417 + <div class="swiper-container" id="d_slider">
  418 + <div class="swiper-wrapper main_slider_container">
  419 + <div class="swiper-slide content-four-img">
  420 + <img src="../images/tr1.png" width="100%" alt="">
336 421
337 - <div class="internation_left">  
338 - <div class="internation_left_imgbox">  
339 - <img src='../images/tr1.png' />  
340 </div> 422 </div>
341 - <!-- <p>  
342 - No Content  
343 - </p> -->  
344 - </div>  
345 - <div class="internation_left">  
346 - <div class="internation_left_imgbox">  
347 - <img src='../images/tr2.png' />  
348 - </div>  
349 - <!-- <p>  
350 - No Content  
351 - </p> --> 423 + <div class="swiper-slide content-four-img">
  424 + <img src="../images/tr2.png" width="100%" alt="">
  425 +
352 </div> 426 </div>
353 - <div class="internation_left">  
354 - <div class="internation_left_imgbox">  
355 - <img src='../images/tr3.png' /> 427 + <div class="swiper-slide content-four-img">
  428 + <img src="../images/tr3.png" width="100%" alt="">
356 </div> 429 </div>
357 - <!-- <p>  
358 - No Content -->  
359 </div> 430 </div>
360 - <!-- <div class='upload'>I want to upload </div> --> 431 + <!-- Add Pagination -->
  432 + <img src="../images/left.png" class="swiper-button-prev" alt="">
  433 + <div class="swiper-pagination"></div>
  434 + <img src="../images/right.png" class="swiper-button-next" alt="">
361 </div> 435 </div>
  436 + <div class="content-word">
  437 +
362 <div class="content-word-left"> 438 <div class="content-word-left">
363 - <div class="left_main">  
364 <div class="main_left title"> 439 <div class="main_left title">
365 - <h4>OVERSEATRAING</h4>  
366 - </div>  
367 - <div class="main_right title">  
368 - <h4>PERSON TIME</h4>  
369 - </div> 440 + <h2>Oversea Training</h2>
370 </div> 441 </div>
371 442
372 443
  444 +
373 <div class='single_country'> 445 <div class='single_country'>
374 <div class="country_flag"> 446 <div class="country_flag">
375 <img src="../images/Australia.png" alt=""> 447 <img src="../images/Australia.png" alt="">
@@ -921,16 +993,33 @@ @@ -921,16 +993,33 @@
921 $(this).addClass('navbtnActive'); // 添加当前元素的样式 993 $(this).addClass('navbtnActive'); // 添加当前元素的样式
922 }) 994 })
923 }) 995 })
924 - var swiper = new Swiper('.swiper-container', {  
925 - pagination: '.swiper-pagination',  
926 - paginationClickable: true  
927 - });  
928 -  
929 - var swiper = new Swiper('.swiper-container1', {  
930 - pagination: '.swiper-pagination',  
931 - slidesPerView: 3,  
932 - paginationClickable: true,  
933 - spaceBetween: 30 996 + var swiper = new Swiper('#d_slider', {
  997 + autoplay: {
  998 + delay: 43000,
  999 + disableOnInteraction: false,
  1000 + },
  1001 + allowTouchMove: true,
  1002 + lazy: {
  1003 + loadPrevNext: true,
  1004 + loadPrevNextAmount: 1,
  1005 + },
  1006 + centeredSlides: true,
  1007 + spaceBetween: 0,
  1008 + slidesOffsetBefore: 0,
  1009 + loop: true,
  1010 + slidesPerView: 'auto',
  1011 + on: {},
  1012 + pagination: {
  1013 + el: '.swiper-pagination',
  1014 + clickable: true,
  1015 + renderBullet: function (index, className) {
  1016 + return '<div class="' + className + '"><span></span><i></i></div>';
  1017 + },
  1018 + },
  1019 + navigation: {
  1020 + nextEl: '.swiper-button-next',
  1021 + prevEl: '.swiper-button-prev',
  1022 + },
934 }); 1023 });
935 </script> 1024 </script>
936 </body> 1025 </body>
@@ -67,9 +67,12 @@ @@ -67,9 +67,12 @@
67 .swiper-container { 67 .swiper-container {
68 padding-bottom: 60px; 68 padding-bottom: 60px;
69 position: relative; 69 position: relative;
70 - margin: 0 75px; 70 + margin: 0 auto;
71 box-sizing: border-box; 71 box-sizing: border-box;
72 - width: auto; 72 + width: 900px;
  73 + }
  74 + .swiper-wrapper{
  75 + width: 900px;
73 } 76 }
74 77
75 .swiper-slide { 78 .swiper-slide {
@@ -80,7 +83,6 @@ @@ -80,7 +83,6 @@
80 display: -webkit-box; 83 display: -webkit-box;
81 display: -ms-flexbox; 84 display: -ms-flexbox;
82 display: -webkit-flex; 85 display: -webkit-flex;
83 - width: 600px;  
84 display: flex; 86 display: flex;
85 -webkit-box-pack: center; 87 -webkit-box-pack: center;
86 -ms-flex-pack: center; 88 -ms-flex-pack: center;
@@ -92,6 +94,10 @@ @@ -92,6 +94,10 @@
92 align-items: center; 94 align-items: center;
93 position: relative; 95 position: relative;
94 } 96 }
  97 + .swiper-button-next, .swiper-button-prev{
  98 + margin-top: -60px;
  99 + }
  100 +
95 101
96 .swiper-slide img { 102 .swiper-slide img {
97 display: inline-block; 103 display: inline-block;
@@ -100,17 +106,19 @@ @@ -100,17 +106,19 @@
100 } 106 }
101 107
102 .arrow-left { 108 .arrow-left {
103 - margin-left: 43%;  
104 position: relative; 109 position: relative;
105 z-index: 15; 110 z-index: 15;
106 - top: 50px;  
107 } 111 }
108 112
109 .arrow-right { 113 .arrow-right {
110 - margin-left: 9%;  
111 position: relative; 114 position: relative;
112 z-index: 15; 115 z-index: 15;
113 - top: 50px; 116 + }
  117 + #d_slider{
  118 + margin-top: 25px;
  119 + }
  120 + .main_slider_container{
  121 + width: 700px!important;
114 } 122 }
115 </style> 123 </style>
116 </head> 124 </head>
@@ -336,29 +344,30 @@ @@ -336,29 +344,30 @@
336 </ul> 344 </ul>
337 </div> 345 </div>
338 346
  347 + <div class="content">
  348 +
  349 + <div class="navpath">News Release</div>
  350 +
339 <!-- Swiper --> 351 <!-- Swiper -->
340 <div class="swiper-container" id="d_slider"> 352 <div class="swiper-container" id="d_slider">
341 - <div class="swiper-wrapper "> 353 + <div class="swiper-wrapper main_slider_container">
342 <div class="swiper-slide content-four-img"> 354 <div class="swiper-slide content-four-img">
343 - <img src="./images/news_1.png" width="100%" alt=""> 355 + <img src="../images/news_1.png" width="100%" alt="">
344 356
345 </div> 357 </div>
346 <div class="swiper-slide content-four-img"> 358 <div class="swiper-slide content-four-img">
347 - <img src="./images/news_2.png" width="100%" alt=""> 359 + <img src="../images/news_2.png" width="100%" alt="">
348 360
349 </div> 361 </div>
350 <div class="swiper-slide content-four-img"> 362 <div class="swiper-slide content-four-img">
351 - <img src="./images/news_3.png" width="100%" alt=""> 363 + <img src="../images/news_3.png" width="100%" alt="">
352 </div> 364 </div>
353 </div> 365 </div>
354 <!-- Add Pagination --> 366 <!-- Add Pagination -->
355 - <img src="./images/03pc-second/pic (7).png" class="arrow-left" alt=""> 367 + <img src="../images/left.png" class="swiper-button-prev" alt="">
356 <div class="swiper-pagination"></div> 368 <div class="swiper-pagination"></div>
357 - <img src="./images/03pc-second/pic (8).png" class="arrow-right" alt=""> 369 + <img src="../images/right.png" class="swiper-button-next" alt="">
358 </div> 370 </div>
359 - <div class="content">  
360 -  
361 -  
362 <div class="plfrt"> 371 <div class="plfrt">
363 <a href="javascript:;"> 372 <a href="javascript:;">
364 <p class="pleft"> May 10, 2019 373 <p class="pleft"> May 10, 2019
@@ -439,7 +448,7 @@ @@ -439,7 +448,7 @@
439 448
440 </div> 449 </div>
441 <div class="plfrt"> 450 <div class="plfrt">
442 - <a href="newsdetail.1.html"> 451 + <a href="javascript:;">
443 <p class="pleft"> 452 <p class="pleft">
444 Nov 17, 2018</p> 453 Nov 17, 2018</p>
445 <p>Signing Ceremony of MOU Between Tianjin Medical University Cancer Institute & Hospital and 454 <p>Signing Ceremony of MOU Between Tianjin Medical University Cancer Institute & Hospital and
@@ -504,16 +513,16 @@ @@ -504,16 +513,16 @@
504 <script> 513 <script>
505 var swiper = new Swiper('#d_slider', { 514 var swiper = new Swiper('#d_slider', {
506 autoplay: { 515 autoplay: {
507 - delay: 3000, 516 + delay: 43000,
508 disableOnInteraction: false, 517 disableOnInteraction: false,
509 }, 518 },
510 allowTouchMove: true, 519 allowTouchMove: true,
511 lazy: { 520 lazy: {
512 loadPrevNext: true, 521 loadPrevNext: true,
513 - loadPrevNextAmount: 3, 522 + loadPrevNextAmount: 1,
514 }, 523 },
515 centeredSlides: true, 524 centeredSlides: true,
516 - spaceBetween: 40, 525 + spaceBetween: 0,
517 slidesOffsetBefore: 0, 526 slidesOffsetBefore: 0,
518 loop: true, 527 loop: true,
519 slidesPerView: 'auto', 528 slidesPerView: 'auto',
@@ -526,8 +535,8 @@ @@ -526,8 +535,8 @@
526 }, 535 },
527 }, 536 },
528 navigation: { 537 navigation: {
529 - nextEl: '.arrow-right',  
530 - prevEl: '.arrow-left', 538 + nextEl: '.swiper-button-next',
  539 + prevEl: '.swiper-button-prev',
531 }, 540 },
532 }); 541 });
533 </script> 542 </script>
@@ -69,6 +69,7 @@ @@ -69,6 +69,7 @@
69 .prof_item { 69 .prof_item {
70 width: auto; 70 width: auto;
71 margin: 0 auto; 71 margin: 0 auto;
  72 + margin-bottom: 20px;
72 } 73 }
73 74
74 .prof_img_box { 75 .prof_img_box {
@@ -93,6 +94,9 @@ @@ -93,6 +94,9 @@
93 .img_box { 94 .img_box {
94 margin: 20px 0; 95 margin: 20px 0;
95 } 96 }
  97 + .navpath{
  98 + margin-bottom: 50px;
  99 + }
96 </style> 100 </style>
97 </head> 101 </head>
98 102
@@ -129,54 +133,54 @@ @@ -129,54 +133,54 @@
129 <li class="btn navbtn-a" role="button"> 133 <li class="btn navbtn-a" role="button">
130 <a href="javascript:;">ABOUT US</a> 134 <a href="javascript:;">ABOUT US</a>
131 <div class='sec_menu_items'> 135 <div class='sec_menu_items'>
132 - <a href="../about/welcome.html" class="inner_item"> 136 + <a href="about/welcome.html" class="inner_item">
133 Welcome Message 137 Welcome Message
134 </a> 138 </a>
135 - <a href="../about/mission.html" class="inner_item"> 139 + <a href="about/mission.html" class="inner_item">
136 Mission and Vision 140 Mission and Vision
137 </a> 141 </a>
138 - <a href="../about/leadership.html" class="inner_item"> 142 + <a href="about/leadership.html" class="inner_item">
139 Leadership 143 Leadership
140 </a> 144 </a>
141 - <a href="../about/history.html" class="inner_item"> 145 + <a href="about/history.html" class="inner_item">
142 History and Milestones 146 History and Milestones
143 </a> 147 </a>
144 - <a href="../about/quick.html" class="inner_item"> 148 + <a href="about/quick.html" class="inner_item">
145 Quick Facts 149 Quick Facts
146 </a> 150 </a>
  151 + <a href="about/contact.html" class="inner_item">Contact Us</a>
147 </div> 152 </div>
148 </li> 153 </li>
149 <li class="btn navbtn-a" role="button"> 154 <li class="btn navbtn-a" role="button">
150 <a href="JavaScript:;">CLINICAL RESOURCES</a> 155 <a href="JavaScript:;">CLINICAL RESOURCES</a>
151 <div class='sec_menu_items'> 156 <div class='sec_menu_items'>
152 - <div href="../clinical/departments.html"  
153 - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> 157 + <a href="../clinical/departments.html" class="inner_item">
154 Clinical Departments 158 Clinical Departments
155 <div class="third_menu_items"> 159 <div class="third_menu_items">
156 - <a href="../clinical/departm.html" class="inner_item">  
157 - Surgical Department 160 + <a href="clinical/departm.html" class="inner_item">
  161 + Surgical Departmen
158 </a> 162 </a>
159 - <a href="../clinical/medical.html" class="inner_item"> 163 + <a href="clinical/medical.html" class="inner_item">
160 Medical Oncology 164 Medical Oncology
161 </a> 165 </a>
162 - <a href="../clinical/radiation.html" class="inner_item"> 166 + <a href="clinical/radiation.html" class="inner_item">
163 Radiation Oncology 167 Radiation Oncology
164 </a> 168 </a>
165 - <a href="../clinical/diagnostic.html" class="inner_item"> 169 + <a href="clinical/diagnostic.html" class="inner_item">
166 Diagnostic Oncology 170 Diagnostic Oncology
167 </a> 171 </a>
168 - <a href="../clinical/center.html" class="inner_item"> 172 + <a href="clinical/center.html" class="inner_item">
169 Center of Excellences 173 Center of Excellences
170 </a> 174 </a>
171 </div> 175 </div>
172 - </div>  
173 - <a href="../clinical/activities.html" class="inner_item"> 176 + </a>
  177 + <a href="clinical/activities.html" class="inner_item">
174 Clinical Activities 178 Clinical Activities
175 </a> 179 </a>
176 - <a href="../clinical/trials.html" class="inner_item"> 180 + <a href="clinical/trials.html" class="inner_item">
177 Clinical Trials 181 Clinical Trials
178 </a> 182 </a>
179 - <a href="../clinical/finddoctor.html" class="inner_item"> 183 + <a href="clinical/finddoctor.html" class="inner_item">
180 Find a Doctor 184 Find a Doctor
181 </a> 185 </a>
182 </div> 186 </div>
@@ -185,95 +189,140 @@ @@ -185,95 +189,140 @@
185 <a href="javascript:;">RESEARCH & EDUCATION</a> 189 <a href="javascript:;">RESEARCH & EDUCATION</a>
186 <div class='sec_menu_items'> 190 <div class='sec_menu_items'>
187 191
188 - <a href="../research/nationalCancer.html" class="inner_item"> 192 + <a href="research/nationalCancer.html" class="inner_item">
189 National Cancer Clinical Research Center 193 National Cancer Clinical Research Center
190 </a> 194 </a>
191 - <a href="../research/research.html" class="inner_item"> 195 + <div href="../research/research.html" onclick="location.href='research.html'"
  196 + class="inner_item">
192 Research 197 Research
  198 + <div class="third_menu_items">
  199 + <a href="research/research.html" class="inner_item">
  200 + Research programs
193 </a> 201 </a>
194 -  
195 - <a href="../research/education.html" class="inner_item">  
196 - Education 202 + <a href="research/research.html" class="inner_item">
  203 + Achievements
197 </a> 204 </a>
198 - <a href="../research/researcher.html" class="inner_item">  
199 - News 205 + <a href="research/research.html" class="inner_item">
  206 + Key Labaratories
  207 + </a>
  208 + <a href="clinical/center.html" class="inner_item">
  209 + Find a Researcher
200 </a> 210 </a>
201 -  
202 </div> 211 </div>
203 -  
204 - </li>  
205 - <li class="btn navbtn-a" role="button">  
206 - <a href="javascript:;">INTERNATIONAL AFFAIRS</a>  
207 - <div class='sec_menu_items'>  
208 - <a href="../international/conference.html" class="inner_item">  
209 - International Conferences 212 + </div>
  213 + <div href="../clinical/departments.html" class="inner_item">
  214 + Education
  215 + <div class="third_menu_items">
  216 + <a href="research/education.html" class="inner_item">
  217 + Graduate Study
210 </a> 218 </a>
211 - <a href="../international/training.html" class="inner_item">  
212 - Oversea Trainings 219 + <a href="../clinical/education.html" class="inner_item">
  220 + International Study
213 </a> 221 </a>
214 - <a href="../international/referral.html" class="inner_item">  
215 - International Patients 222 + <a href="../clinical/education.html" class="inner_item">
  223 + Continuing Study
216 </a> 224 </a>
217 - <a href="../international/partners.html" class="inner_item">  
218 - Partnership Institutions 225 + </div>
  226 + </div>
  227 + <a href="research/news.html" class="inner_item">
  228 + News
219 </a> 229 </a>
220 -  
221 </div> 230 </div>
222 </li> 231 </li>
223 - <li class="btn navbtnActive navbtn-a" role="button">  
224 - <a href="../news.html">NEWS RELEASE</a>  
225 - </li>  
226 <li class="btn navbtn-a" role="button"> 232 <li class="btn navbtn-a" role="button">
227 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 233 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
228 <div class='sec_menu_items'> 234 <div class='sec_menu_items'>
229 <div href="javascript:;" class="inner_item"> 235 <div href="javascript:;" class="inner_item">
230 About Us 236 About Us
231 <div class="third_menu_items"> 237 <div class="third_menu_items">
232 - <a href="../institute/aboutus.html" class="inner_item"> 238 + <a href="institute/aboutus.html" class="inner_item">
233 About Us 239 About Us
234 </a> 240 </a>
235 - <a href="../institute/leadership.html" class="inner_item"> 241 + <a href="institute/leadership.html" class="inner_item">
236 Leadership 242 Leadership
237 </a> 243 </a>
238 - <a href="../institute/history.html" class="inner_item"> 244 + <a href="institute/history.html" class="inner_item">
239 History 245 History
240 </a> 246 </a>
241 - <a href="../institute/report.html" class="inner_item"> 247 + <a href="institute/report.html" class="inner_item">
242 Annual Report 248 Annual Report
243 </a> 249 </a>
244 -  
245 </div> 250 </div>
246 </div> 251 </div>
247 <div href="../clinical/nursing.html" class="inner_item"> 252 <div href="../clinical/nursing.html" class="inner_item">
248 Research 253 Research
249 <div class="third_menu_items"> 254 <div class="third_menu_items">
250 - <a href="../institute/researchers.html" class="inner_item"> 255 + <a href="institute/researchers.html" class="inner_item">
251 Our Researchers 256 Our Researchers
252 </a> 257 </a>
253 - <a href="../institute/facilities.html" class="inner_item">  
254 - Core Facilities 258 + <a href="institute/facilities.html" class="inner_item">
  259 + Core Facilities and Services
255 </a> 260 </a>
256 - <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> 261 + <a href="institute/joural.html" class="inner_item">
257 Journal of Clinical Oncology 262 Journal of Clinical Oncology
258 </a> 263 </a>
259 </div> 264 </div>
260 </div> 265 </div>
261 - <a href="../institute/news.html" class="inner_item"> 266 + <a href="institute/news.html" class="inner_item">
262 News 267 News
263 </a> 268 </a>
264 - <a href="../institute/concat.html" class="inner_item"> 269 + <a href="institute/concat.html" class="inner_item">
265 Contact Us 270 Contact Us
266 </a> 271 </a>
267 </div> 272 </div>
268 </li> 273 </li>
269 <li class="btn navbtn-a" role="button"> 274 <li class="btn navbtn-a" role="button">
270 - <a href="../contact.html">CONTACT US</a> 275 + <a href="../contact.html">NURSING CARE</a>
  276 + <div class='sec_menu_items'>
  277 + <a href="care/aboutus.html" class="inner_item">
  278 + About Us
  279 + </a>
  280 + <a href="care/activity.html" class="inner_item">
  281 + Nursing Activities
  282 + </a>
  283 + <a href="care/training.html" class="inner_item">
  284 + Nurse Training
  285 + </a>
  286 + <a href="care/achievement.html" class="inner_item">
  287 + Research Achievement
  288 + </a>
  289 + <a href="care/exchange.html" class="inner_item">
  290 + International Exchanges
  291 + </a>
  292 + <a href="care/news.html" class="inner_item">
  293 + News & Events
  294 + </a>
  295 + <a href="care/contactUs.html" class="inner_item">
  296 + Contact Us
  297 + </a>
  298 + </div>
  299 + </li>
  300 + <li class="btn navbtn-a" role="button">
  301 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  302 + <div class='sec_menu_items'>
  303 + <a href="international/conference.html" class="inner_item">
  304 + International Conferences
  305 + </a>
  306 + <a href="international/training.html" class="inner_item">
  307 + Oversea Trainings
  308 + </a>
  309 + <a href="international/referral.html" class="inner_item">
  310 + International Patients
  311 + </a>
  312 + <a href="international/partners.html" class="inner_item">
  313 + Partnership Institutions
  314 + </a>
  315 +
  316 + </div>
  317 + </li>
  318 + <li class="btn navbtnActive navbtn-a" role="button">
  319 + <a href="news.html">NEWS RELEASE</a>
271 </li> 320 </li>
272 </ul> 321 </ul>
273 </div> 322 </div>
274 323
275 <!-- Swiper --> 324 <!-- Swiper -->
276 - <div class="swiper-container" id="d_slider"> 325 + <!-- <div class="swiper-container" id="d_slider">
277 <div class="swiper-wrapper "> 326 <div class="swiper-wrapper ">
278 <div class="swiper-slide content-four-img"> 327 <div class="swiper-slide content-four-img">
279 <img src="./images/detail3_top1.png" width="100%" alt=""> 328 <img src="./images/detail3_top1.png" width="100%" alt="">
@@ -287,20 +336,29 @@ @@ -287,20 +336,29 @@
287 <img src="./images/detail3_top3.png" width="100%" alt=""> 336 <img src="./images/detail3_top3.png" width="100%" alt="">
288 </div> 337 </div>
289 </div> 338 </div>
290 - <!-- Add Pagination -->  
291 <img src="./images/03pc-second/pic (7).png" class="arrow-left" alt=""> 339 <img src="./images/03pc-second/pic (7).png" class="arrow-left" alt="">
292 <div class="swiper-pagination"></div> 340 <div class="swiper-pagination"></div>
293 <img src="./images/03pc-second/pic (8).png" class="arrow-right" alt=""> 341 <img src="./images/03pc-second/pic (8).png" class="arrow-right" alt="">
294 - </div> 342 + </div> -->
295 <div class="content"> 343 <div class="content">
296 - 344 + <div class="navpath">News Release</div>
297 <div class="content-word"> 345 <div class="content-word">
298 346
299 <div class="content-word-left"> 347 <div class="content-word-left">
300 - <h3 class="center"> 348 + <h3 class="left" style='font-size: 20px'>
301 Renewal of Brotherhood Institution Relationship Agreement with H. Lee Moffitt Cancer Center & 349 Renewal of Brotherhood Institution Relationship Agreement with H. Lee Moffitt Cancer Center &
302 Research Institute 350 Research Institute
303 </h3> 351 </h3>
  352 + <div class="prof_item">
  353 + <div class="prof_img_box center">
  354 + <img src="../images/detail3_top2.png" alt="">
  355 + </div>
  356 + </div>
  357 + <div class="prof_item">
  358 + <div class="prof_img_box center">
  359 + <img src="../images/detail3_top1.png" alt="">
  360 + </div>
  361 + </div>
304 <p> 362 <p>
305 On November 17, 2018, Tianjin Medical University Cancer Institute & Hospital held the signing 363 On November 17, 2018, Tianjin Medical University Cancer Institute & Hospital held the signing
306 ceremony of the Brotherhood Relationship Agreement Renewal and celebrated the 10-Year 364 ceremony of the Brotherhood Relationship Agreement Renewal and celebrated the 10-Year