PC / tmuch · 提交

转到一个项目

作者 朱振飞
提交 af10b8de117603a35374335aa8944ed6ee788259 1 个父辈 4c5cc6ef

1212

内嵌 并排对比
正在显示 10 个修改的文件 包含 531 行增加 和 372 行删除
@@ -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> 305 +
310 <div class="content"> 306 <div class="content">
311 -  
312 - <div class="content-word"> 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;
@@ -116,9 +116,12 @@ @@ -116,9 +116,12 @@
116 116
117 .pleft { 117 .pleft {
118 width: 150px; 118 width: 150px;
119 - margin-right: 20px;  
120 - font-size: 13px;  
121 - color: #00a16c; 119 + margin-right: 20px;
  120 + font-size: 13px;
  121 + color: #00a16c;
  122 + }
  123 + .pright{
  124 + text-decoration: underline;
122 } 125 }
123 </style> 126 </style>
124 </head> 127 </head>
@@ -346,27 +349,29 @@ @@ -346,27 +349,29 @@
346 </li> 349 </li>
347 </ul> 350 </ul>
348 </div> 351 </div>
349 - <!-- Swiper -->  
350 - <div class="swiper-container" id="d_slider">  
351 - <div class="swiper-wrapper ">  
352 - <div class="swiper-slide content-four-img">  
353 - <img src="../images/index_top1.png" width="100%" alt=""> 352 +
  353 + <div class="content">
354 354
  355 + <div class="navpath">International Affairs<span>&gt;</span>International Affairs</div>
  356 + <!-- Swiper -->
  357 + <div class="swiper-container" id="d_slider">
  358 + <div class="swiper-wrapper ">
  359 + <div class="swiper-slide content-four-img">
  360 + <img src="../images/index_top1.png" width="100%" alt="">
  361 +
  362 + </div>
  363 + <div class="swiper-slide content-four-img">
  364 + <img src="../images/index_top2.png" width="100%" alt="">
  365 + </div>
  366 + <div class="swiper-slide content-four-img">
  367 + <img src="../images/index_top3.png" width="100%" alt="">
  368 + </div>
355 </div> 369 </div>
356 - <div class="swiper-slide content-four-img">  
357 - <img src="../images/index_top2.png" width="100%" alt="">  
358 - </div>  
359 - <div class="swiper-slide content-four-img">  
360 - <img src="../images/index_top3.png" width="100%" alt="">  
361 - </div> 370 + <!-- Add Pagination -->
  371 + <img src="../images/left.png" class="swiper-button-prev" alt="">
  372 + <div class="swiper-pagination"></div>
  373 + <img src="../images/right.png" class="swiper-button-next" alt="">
362 </div> 374 </div>
363 - <!-- Add Pagination -->  
364 - <img src="../images/03pc-second/pic (7).png" class="arrow-left" alt="">  
365 - <div class="swiper-pagination"></div>  
366 - <img src="../images/03pc-second/pic (8).png" class="arrow-right" alt="">  
367 - </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 class="partent_item_box">
  354 + <a href='https://ki.se/'>https://ki.se/</a> </div>
  355 +
353 </div> 356 </div>
354 <div class="partent_item"> 357 <div class="partent_item">
355 - <div class="partent_item_box">  
356 - <a href='www.lunduniversity.lu.se'> <img src="../images/Sweden2.png" width="100%"  
357 - alt=""></a>  
358 - </div>  
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>
  380 +
  381 + </div>
  382 + <div class="partent_item">
383 <p> 383 <p>
384 -  
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>
  413 + <div class="partent_item_box">
  414 + <a href='www.NFCR.org'>www.NFCR.org
  415 + </a> </div>
  416 +
414 </div> 417 </div>
415 <div class="partent_item"> 418 <div class="partent_item">
416 - <div class="partent_item_box">  
417 - <a href='www.dukecancerinstiutute.org'><img src="../images/usa6.png" width="100%"  
418 - alt=""></a>  
419 - </div>  
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,49 +409,37 @@ @@ -325,49 +409,37 @@
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>  
341 - <!-- <p>  
342 - No Content  
343 - </p> -->  
344 </div> 422 </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' />  
356 - </div>  
357 - <!-- <p>  
358 - No Content --> 427 + <div class="swiper-slide content-four-img">
  428 + <img src="../images/tr3.png" width="100%" alt="">
359 </div> 429 </div>
360 - <!-- <div class='upload'>I want to upload </div> -->  
361 </div> 430 </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="">
  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> 440 + <h2>Oversea Training</h2>
369 </div> 441 </div>
370 - </div> 442 +
371 443
372 444
373 <div class='single_country'> 445 <div class='single_country'>
@@ -582,7 +654,7 @@ @@ -582,7 +654,7 @@
582 </div> 654 </div>
583 </div> 655 </div>
584 </div> 656 </div>
585 - 657 +
586 <div class='single_country'> 658 <div class='single_country'>
587 <div class="country_flag"> 659 <div class="country_flag">
588 <img src="../images/Sweden.png" alt=""> 660 <img src="../images/Sweden.png" alt="">
@@ -794,7 +866,7 @@ @@ -794,7 +866,7 @@
794 </div> 866 </div>
795 867
796 868
797 - 869 +
798 <div class="left_main"> 870 <div class="left_main">
799 <div class="main_left inner_text">Tufts Medical Center</div> 871 <div class="main_left inner_text">Tufts Medical Center</div>
800 <div class="main_right inner_text">1 872 <div class="main_right inner_text">1
@@ -802,55 +874,55 @@ @@ -802,55 +874,55 @@
802 </div> 874 </div>
803 <div class="left_main"> 875 <div class="left_main">
804 <div class="main_left inner_text">Tufts Medical Center 876 <div class="main_left inner_text">Tufts Medical Center
805 - </div> 877 + </div>
806 <div class="main_right inner_text">2 878 <div class="main_right inner_text">2
807 </div> 879 </div>
808 </div> 880 </div>
809 <div class="left_main"> 881 <div class="left_main">
810 <div class="main_left inner_text">University of California, San Diego 882 <div class="main_left inner_text">University of California, San Diego
811 - </div> 883 + </div>
812 <div class="main_right inner_text">1 884 <div class="main_right inner_text">1
813 </div> 885 </div>
814 </div> 886 </div>
815 <div class="left_main"> 887 <div class="left_main">
816 <div class="main_left inner_text"> University of California, San Francisco 888 <div class="main_left inner_text"> University of California, San Francisco
817 - </div> 889 + </div>
818 <div class="main_right inner_text">2 890 <div class="main_right inner_text">2
819 </div> 891 </div>
820 </div> 892 </div>
821 <div class="left_main"> 893 <div class="left_main">
822 <div class="main_left inner_text">University of Michigan 894 <div class="main_left inner_text">University of Michigan
823 - </div> 895 + </div>
824 <div class="main_right inner_text">1 896 <div class="main_right inner_text">1
825 </div> 897 </div>
826 </div> 898 </div>
827 <div class="left_main"> 899 <div class="left_main">
828 <div class="main_left inner_text">University of Nebraska Medical Center 900 <div class="main_left inner_text">University of Nebraska Medical Center
829 - </div> 901 + </div>
830 <div class="main_right inner_text">2 902 <div class="main_right inner_text">2
831 </div> 903 </div>
832 </div> 904 </div>
833 <div class="left_main"> 905 <div class="left_main">
834 <div class="main_left inner_text">University of OklahomaVanderbilt 906 <div class="main_left inner_text">University of OklahomaVanderbilt
835 - </div> 907 + </div>
836 <div class="main_right inner_text">1 908 <div class="main_right inner_text">1
837 </div> 909 </div>
838 </div> 910 </div>
839 <div class="left_main"> 911 <div class="left_main">
840 <div class="main_left inner_text">University of Pennsylvania College of Medicine 912 <div class="main_left inner_text">University of Pennsylvania College of Medicine
841 - </div> 913 + </div>
842 <div class="main_right inner_text">1 914 <div class="main_right inner_text">1
843 </div> 915 </div>
844 </div> 916 </div>
845 <div class="left_main"> 917 <div class="left_main">
846 <div class="main_left inner_text">University of Pittsburgh 918 <div class="main_left inner_text">University of Pittsburgh
847 - </div> 919 + </div>
848 <div class="main_right inner_text">1 920 <div class="main_right inner_text">1
849 </div> 921 </div>
850 </div> 922 </div>
851 <div class="left_main"> 923 <div class="left_main">
852 <div class="main_left inner_text">Vanderbilt University Medical Center 924 <div class="main_left inner_text">Vanderbilt University Medical Center
853 - </div> 925 + </div>
854 <div class="main_right inner_text">1 926 <div class="main_right inner_text">1
855 </div> 927 </div>
856 </div> 928 </div>
@@ -861,19 +933,19 @@ @@ -861,19 +933,19 @@
861 </div> 933 </div>
862 <div class="left_main"> 934 <div class="left_main">
863 <div class="main_left inner_text">Weill Cornell Medical College 935 <div class="main_left inner_text">Weill Cornell Medical College
864 - </div> 936 + </div>
865 <div class="main_right inner_text">1 937 <div class="main_right inner_text">1
866 </div> 938 </div>
867 </div> 939 </div>
868 <div class="left_main"> 940 <div class="left_main">
869 <div class="main_left inner_text">William Beaumont Hospital 941 <div class="main_left inner_text">William Beaumont Hospital
870 - </div> 942 + </div>
871 <div class="main_right inner_text">1 943 <div class="main_right inner_text">1
872 </div> 944 </div>
873 </div> 945 </div>
874 <div class="left_main"> 946 <div class="left_main">
875 <div class="main_left inner_text">Standord University Medical Center 947 <div class="main_left inner_text">Standord University Medical Center
876 - </div> 948 + </div>
877 <div class="main_right inner_text">1 949 <div class="main_right inner_text">1
878 </div> 950 </div>
879 </div> 951 </div>
@@ -882,7 +954,7 @@ @@ -882,7 +954,7 @@
882 <div class="main_right inner_text">1 954 <div class="main_right inner_text">1
883 </div> 955 </div>
884 </div> 956 </div>
885 - 957 +
886 </div> 958 </div>
887 </div> 959 </div>
888 960
@@ -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
339 - <!-- Swiper -->  
340 - <div class="swiper-container" id="d_slider">  
341 - <div class="swiper-wrapper ">  
342 - <div class="swiper-slide content-four-img">  
343 - <img src="./images/news_1.png" width="100%" alt=""> 347 + <div class="content">
  348 +
  349 + <div class="navpath">News Release</div>
344 350
345 - </div>  
346 - <div class="swiper-slide content-four-img">  
347 - <img src="./images/news_2.png" width="100%" alt=""> 351 + <!-- Swiper -->
  352 + <div class="swiper-container" id="d_slider">
  353 + <div class="swiper-wrapper main_slider_container">
  354 + <div class="swiper-slide content-four-img">
  355 + <img src="../images/news_1.png" width="100%" alt="">
348 356
  357 + </div>
  358 + <div class="swiper-slide content-four-img">
  359 + <img src="../images/news_2.png" width="100%" alt="">
  360 +
  361 + </div>
  362 + <div class="swiper-slide content-four-img">
  363 + <img src="../images/news_3.png" width="100%" alt="">
  364 + </div>
349 </div> 365 </div>
350 - <div class="swiper-slide content-four-img">  
351 - <img src="./images/news_3.png" width="100%" alt="">  
352 - </div> 366 + <!-- Add Pagination -->
  367 + <img src="../images/left.png" class="swiper-button-prev" alt="">
  368 + <div class="swiper-pagination"></div>
  369 + <img src="../images/right.png" class="swiper-button-next" alt="">
353 </div> 370 </div>
354 - <!-- Add Pagination -->  
355 - <img src="./images/03pc-second/pic (7).png" class="arrow-left" alt="">  
356 - <div class="swiper-pagination"></div>  
357 - <img src="./images/03pc-second/pic (8).png" class="arrow-right" alt="">  
358 - </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
@@ -125,155 +129,200 @@ @@ -125,155 +129,200 @@
125 <div class="container-fluid pc"> 129 <div class="container-fluid pc">
126 <div class="mask"></div> 130 <div class="mask"></div>
127 <div class="bs-example" data-example-id="simple-justified-button-group"> 131 <div class="bs-example" data-example-id="simple-justified-button-group">
128 - <ul class="nav_menu_items">  
129 - <li class="btn navbtn-a" role="button">  
130 - <a href="javascript:;">ABOUT US</a>  
131 - <div class='sec_menu_items'>  
132 - <a href="../about/welcome.html" class="inner_item">  
133 - Welcome Message  
134 - </a>  
135 - <a href="../about/mission.html" class="inner_item">  
136 - Mission and Vision  
137 - </a>  
138 - <a href="../about/leadership.html" class="inner_item">  
139 - Leadership  
140 - </a>  
141 - <a href="../about/history.html" class="inner_item">  
142 - History and Milestones  
143 - </a>  
144 - <a href="../about/quick.html" class="inner_item">  
145 - Quick Facts  
146 - </a>  
147 - </div>  
148 - </li>  
149 - <li class="btn navbtn-a" role="button">  
150 - <a href="JavaScript:;">CLINICAL RESOURCES</a>  
151 - <div class='sec_menu_items'>  
152 - <div href="../clinical/departments.html"  
153 - onclick="window.location.href='../clinical/departments.html'" class="inner_item">  
154 - Clinical Departments  
155 - <div class="third_menu_items">  
156 - <a href="../clinical/departm.html" class="inner_item">  
157 - Surgical Department  
158 - </a>  
159 - <a href="../clinical/medical.html" class="inner_item">  
160 - Medical Oncology  
161 - </a>  
162 - <a href="../clinical/radiation.html" class="inner_item">  
163 - Radiation Oncology  
164 - </a>  
165 - <a href="../clinical/diagnostic.html" class="inner_item">  
166 - Diagnostic Oncology  
167 - </a>  
168 - <a href="../clinical/center.html" class="inner_item">  
169 - Center of Excellences  
170 - </a>  
171 - </div>  
172 - </div>  
173 - <a href="../clinical/activities.html" class="inner_item">  
174 - Clinical Activities  
175 - </a>  
176 - <a href="../clinical/trials.html" class="inner_item">  
177 - Clinical Trials  
178 - </a>  
179 - <a href="../clinical/finddoctor.html" class="inner_item">  
180 - Find a Doctor  
181 - </a>  
182 - </div>  
183 - </li>  
184 - <li class="btn navbtn-a" role="button">  
185 - <a href="javascript:;">RESEARCH & EDUCATION</a>  
186 - <div class='sec_menu_items'>  
187 -  
188 - <a href="../research/nationalCancer.html" class="inner_item">  
189 - National Cancer Clinical Research Center  
190 - </a>  
191 - <a href="../research/research.html" class="inner_item">  
192 - Research  
193 - </a>  
194 -  
195 - <a href="../research/education.html" class="inner_item">  
196 - Education  
197 - </a>  
198 - <a href="../research/researcher.html" class="inner_item">  
199 - News  
200 - </a>  
201 -  
202 - </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  
210 - </a>  
211 - <a href="../international/training.html" class="inner_item">  
212 - Oversea Trainings  
213 - </a>  
214 - <a href="../international/referral.html" class="inner_item">  
215 - International Patients  
216 - </a>  
217 - <a href="../international/partners.html" class="inner_item">  
218 - Partnership Institutions  
219 - </a>  
220 -  
221 - </div>  
222 - </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">  
227 - <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>  
228 - <div class='sec_menu_items'>  
229 - <div href="javascript:;" class="inner_item">  
230 - About Us  
231 - <div class="third_menu_items">  
232 - <a href="../institute/aboutus.html" class="inner_item">  
233 - About Us  
234 - </a>  
235 - <a href="../institute/leadership.html" class="inner_item">  
236 - Leadership  
237 - </a>  
238 - <a href="../institute/history.html" class="inner_item">  
239 - History  
240 - </a>  
241 - <a href="../institute/report.html" class="inner_item">  
242 - Annual Report  
243 - </a>  
244 -  
245 - </div>  
246 - </div>  
247 - <div href="../clinical/nursing.html" class="inner_item">  
248 - Research  
249 - <div class="third_menu_items">  
250 - <a href="../institute/researchers.html" class="inner_item">  
251 - Our Researchers  
252 - </a>  
253 - <a href="../institute/facilities.html" class="inner_item">  
254 - Core Facilities  
255 - </a>  
256 - <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">  
257 - Journal of Clinical Oncology  
258 - </a>  
259 - </div>  
260 - </div>  
261 - <a href="../institute/news.html" class="inner_item">  
262 - News  
263 - </a>  
264 - <a href="../institute/concat.html" class="inner_item">  
265 - Contact Us  
266 - </a>  
267 - </div>  
268 - </li>  
269 - <li class="btn navbtn-a" role="button">  
270 - <a href="../contact.html">CONTACT US</a>  
271 - </li>  
272 - </ul> 132 + <ul class="nav_menu_items">
  133 + <li class="btn navbtn-a" role="button">
  134 + <a href="javascript:;">ABOUT US</a>
  135 + <div class='sec_menu_items'>
  136 + <a href="about/welcome.html" class="inner_item">
  137 + Welcome Message
  138 + </a>
  139 + <a href="about/mission.html" class="inner_item">
  140 + Mission and Vision
  141 + </a>
  142 + <a href="about/leadership.html" class="inner_item">
  143 + Leadership
  144 + </a>
  145 + <a href="about/history.html" class="inner_item">
  146 + History and Milestones
  147 + </a>
  148 + <a href="about/quick.html" class="inner_item">
  149 + Quick Facts
  150 + </a>
  151 + <a href="about/contact.html" class="inner_item">Contact Us</a>
  152 + </div>
  153 + </li>
  154 + <li class="btn navbtn-a" role="button">
  155 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  156 + <div class='sec_menu_items'>
  157 + <a href="../clinical/departments.html" class="inner_item">
  158 + Clinical Departments
  159 + <div class="third_menu_items">
  160 + <a href="clinical/departm.html" class="inner_item">
  161 + Surgical Departmen
  162 + </a>
  163 + <a href="clinical/medical.html" class="inner_item">
  164 + Medical Oncology
  165 + </a>
  166 + <a href="clinical/radiation.html" class="inner_item">
  167 + Radiation Oncology
  168 + </a>
  169 + <a href="clinical/diagnostic.html" class="inner_item">
  170 + Diagnostic Oncology
  171 + </a>
  172 + <a href="clinical/center.html" class="inner_item">
  173 + Center of Excellences
  174 + </a>
  175 + </div>
  176 + </a>
  177 + <a href="clinical/activities.html" class="inner_item">
  178 + Clinical Activities
  179 + </a>
  180 + <a href="clinical/trials.html" class="inner_item">
  181 + Clinical Trials
  182 + </a>
  183 + <a href="clinical/finddoctor.html" class="inner_item">
  184 + Find a Doctor
  185 + </a>
  186 + </div>
  187 + </li>
  188 + <li class="btn navbtn-a" role="button">
  189 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  190 + <div class='sec_menu_items'>
  191 +
  192 + <a href="research/nationalCancer.html" class="inner_item">
  193 + National Cancer Clinical Research Center
  194 + </a>
  195 + <div href="../research/research.html" onclick="location.href='research.html'"
  196 + class="inner_item">
  197 + Research
  198 + <div class="third_menu_items">
  199 + <a href="research/research.html" class="inner_item">
  200 + Research programs
  201 + </a>
  202 + <a href="research/research.html" class="inner_item">
  203 + Achievements
  204 + </a>
  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
  210 + </a>
  211 + </div>
  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
  218 + </a>
  219 + <a href="../clinical/education.html" class="inner_item">
  220 + International Study
  221 + </a>
  222 + <a href="../clinical/education.html" class="inner_item">
  223 + Continuing Study
  224 + </a>
  225 + </div>
  226 + </div>
  227 + <a href="research/news.html" class="inner_item">
  228 + News
  229 + </a>
  230 + </div>
  231 + </li>
  232 + <li class="btn navbtn-a" role="button">
  233 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  234 + <div class='sec_menu_items'>
  235 + <div href="javascript:;" class="inner_item">
  236 + About Us
  237 + <div class="third_menu_items">
  238 + <a href="institute/aboutus.html" class="inner_item">
  239 + About Us
  240 + </a>
  241 + <a href="institute/leadership.html" class="inner_item">
  242 + Leadership
  243 + </a>
  244 + <a href="institute/history.html" class="inner_item">
  245 + History
  246 + </a>
  247 + <a href="institute/report.html" class="inner_item">
  248 + Annual Report
  249 + </a>
  250 + </div>
  251 + </div>
  252 + <div href="../clinical/nursing.html" class="inner_item">
  253 + Research
  254 + <div class="third_menu_items">
  255 + <a href="institute/researchers.html" class="inner_item">
  256 + Our Researchers
  257 + </a>
  258 + <a href="institute/facilities.html" class="inner_item">
  259 + Core Facilities and Services
  260 + </a>
  261 + <a href="institute/joural.html" class="inner_item">
  262 + Journal of Clinical Oncology
  263 + </a>
  264 + </div>
  265 + </div>
  266 + <a href="institute/news.html" class="inner_item">
  267 + News
  268 + </a>
  269 + <a href="institute/concat.html" class="inner_item">
  270 + Contact Us
  271 + </a>
  272 + </div>
  273 + </li>
  274 + <li class="btn navbtn-a" role="button">
  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>
  320 + </li>
  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