Merge branch 'master' of http://114.215.101.231:8099/PC/tmuch
正在显示
21 个修改的文件
包含
1925 行增加
和
1134 行删除
| @@ -2,38 +2,76 @@ | @@ -2,38 +2,76 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 13 | <style> |
| 14 | .single_box { | 14 | .single_box { |
| 15 | width: 600px; | 15 | width: 600px; |
| 16 | margin-bottom: 44px; | 16 | margin-bottom: 44px; |
| 17 | } | 17 | } |
| 18 | + | ||
| 18 | .single_box:last-child { | 19 | .single_box:last-child { |
| 19 | margin: 0; | 20 | margin: 0; |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | .content-word { | 23 | .content-word { |
| 22 | position: relative; | 24 | position: relative; |
| 23 | height: 663px; | 25 | height: 663px; |
| 24 | align-items: flex-start; | 26 | align-items: flex-start; |
| 25 | display: unset; | 27 | display: unset; |
| 26 | } | 28 | } |
| 27 | - .single_mark{ | 29 | + |
| 30 | + .single_mark { | ||
| 28 | width: 1000px; | 31 | width: 1000px; |
| 29 | margin: 0 auto; | 32 | margin: 0 auto; |
| 30 | margin-bottom: 30px; | 33 | margin-bottom: 30px; |
| 31 | cursor: pointer; | 34 | cursor: pointer; |
| 32 | } | 35 | } |
| 33 | - .single_mark img{ | 36 | + |
| 37 | + .single_mark img { | ||
| 38 | + width: 100%; | ||
| 39 | + } | ||
| 40 | + | ||
| 41 | + .contant { | ||
| 42 | + width: 1122px; | ||
| 43 | + margin: 50px auto 0 auto; | ||
| 44 | + } | ||
| 45 | + | ||
| 46 | + .contant_title { | ||
| 47 | + font-size: 20px; | ||
| 48 | + font-weight: 400; | ||
| 49 | + color: rgba(114, 113, 113, 1); | ||
| 50 | + line-height: 36px; | ||
| 51 | + } | ||
| 52 | + | ||
| 53 | + .contant_one { | ||
| 54 | + width: 807px; | ||
| 55 | + margin: 0 auto; | ||
| 56 | + } | ||
| 57 | + | ||
| 58 | + .contant_img { | ||
| 59 | + margin: 24px auto 18px auto; | ||
| 34 | width: 100%; | 60 | width: 100%; |
| 61 | + height: 461px; | ||
| 35 | } | 62 | } |
| 36 | 63 | ||
| 64 | + .contant_img img { | ||
| 65 | + width: 100%; | ||
| 66 | + height: 100%; | ||
| 67 | + } | ||
| 68 | + | ||
| 69 | + .contant_center_title { | ||
| 70 | + font-size: 20px; | ||
| 71 | + font-weight: 400; | ||
| 72 | + color: rgba(114, 113, 113, 1); | ||
| 73 | + line-height: 30px; | ||
| 74 | + } | ||
| 37 | </style> | 75 | </style> |
| 38 | </head> | 76 | </head> |
| 39 | 77 | ||
| @@ -41,23 +79,22 @@ | @@ -41,23 +79,22 @@ | ||
| 41 | <nav class="navbar navbar-default bgf mb0"> | 79 | <nav class="navbar navbar-default bgf mb0"> |
| 42 | <div class="container-fluid top_pc_brand"> | 80 | <div class="container-fluid top_pc_brand"> |
| 43 | <div class="navbar-header"> | 81 | <div class="navbar-header"> |
| 44 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 45 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 82 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 46 | <span class="sr-only">Toggle navigation</span> | 83 | <span class="sr-only">Toggle navigation</span> |
| 47 | <span class="icon-bar"></span> | 84 | <span class="icon-bar"></span> |
| 48 | <span class="icon-bar"></span> | 85 | <span class="icon-bar"></span> |
| 49 | <span class="icon-bar"></span> | 86 | <span class="icon-bar"></span> |
| 50 | </button> | 87 | </button> |
| 51 | <a class="navbar-brand logo" href="../index.html"> | 88 | <a class="navbar-brand logo" href="../index.html"> |
| 52 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 89 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 53 | </a> | 90 | </a> |
| 54 | </div> | 91 | </div> |
| 55 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 92 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 56 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 93 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 57 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 94 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 58 | - <input type="text" class="form-control search-input" placeholder="Search"> | 95 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 59 | <div class="magnifier"> | 96 | <div class="magnifier"> |
| 60 | - <img src="../images/search_btn.png" alt=""> | 97 | + <img src="../images/search_btn.png" alt="" /> |
| 61 | </div> | 98 | </div> |
| 62 | </div> | 99 | </div> |
| 63 | </div> | 100 | </div> |
| @@ -69,7 +106,7 @@ | @@ -69,7 +106,7 @@ | ||
| 69 | <ul class="nav_menu_items"> | 106 | <ul class="nav_menu_items"> |
| 70 | <li class="btn navbtn-a" role="button"> | 107 | <li class="btn navbtn-a" role="button"> |
| 71 | <a href="javascript:;">ABOUT US</a> | 108 | <a href="javascript:;">ABOUT US</a> |
| 72 | - <div class='sec_menu_items'> | 109 | + <div class="sec_menu_items"> |
| 73 | <a href="../about/welcome.html" class="inner_item"> | 110 | <a href="../about/welcome.html" class="inner_item"> |
| 74 | Welcome Message | 111 | Welcome Message |
| 75 | </a> | 112 | </a> |
| @@ -90,9 +127,8 @@ | @@ -90,9 +127,8 @@ | ||
| 90 | </li> | 127 | </li> |
| 91 | <li class="btn navbtn-a" role="button"> | 128 | <li class="btn navbtn-a" role="button"> |
| 92 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 129 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 93 | - <div class='sec_menu_items'> | ||
| 94 | - <div href="../clinical/departments.html" | ||
| 95 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 130 | + <div class="sec_menu_items"> |
| 131 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 96 | Clinical Departments | 132 | Clinical Departments |
| 97 | <div class="third_menu_items"> | 133 | <div class="third_menu_items"> |
| 98 | <a href="../clinical/departm.html" class="inner_item"> | 134 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -125,13 +161,11 @@ | @@ -125,13 +161,11 @@ | ||
| 125 | </li> | 161 | </li> |
| 126 | <li class="btn navbtn-a" role="button"> | 162 | <li class="btn navbtn-a" role="button"> |
| 127 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 163 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 128 | - <div class='sec_menu_items'> | ||
| 129 | - | 164 | + <div class="sec_menu_items"> |
| 130 | <a href="../research/nationalCancer.html" class="inner_item"> | 165 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 131 | National Cancer Clinical Research Center | 166 | National Cancer Clinical Research Center |
| 132 | </a> | 167 | </a> |
| 133 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 134 | - class="inner_item"> | 168 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 135 | Research | 169 | Research |
| 136 | <div class="third_menu_items"> | 170 | <div class="third_menu_items"> |
| 137 | <a href="../research/research1.html" class="inner_item"> | 171 | <a href="../research/research1.html" class="inner_item"> |
| @@ -148,8 +182,7 @@ | @@ -148,8 +182,7 @@ | ||
| 148 | </a> | 182 | </a> |
| 149 | </div> | 183 | </div> |
| 150 | </div> | 184 | </div> |
| 151 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 152 | - class="inner_item"> | 185 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 153 | Education | 186 | Education |
| 154 | <div class="third_menu_items"> | 187 | <div class="third_menu_items"> |
| 155 | <a href="../research/education.html" class="inner_item"> | 188 | <a href="../research/education.html" class="inner_item"> |
| @@ -170,7 +203,7 @@ | @@ -170,7 +203,7 @@ | ||
| 170 | </li> | 203 | </li> |
| 171 | <li class="btn navbtn-a" role="button"> | 204 | <li class="btn navbtn-a" role="button"> |
| 172 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 205 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 173 | - <div class='sec_menu_items'> | 206 | + <div class="sec_menu_items"> |
| 174 | <div href="javascript:;" class="inner_item"> | 207 | <div href="javascript:;" class="inner_item"> |
| 175 | About Us | 208 | About Us |
| 176 | <div class="third_menu_items"> | 209 | <div class="third_menu_items"> |
| @@ -212,7 +245,7 @@ | @@ -212,7 +245,7 @@ | ||
| 212 | </li> | 245 | </li> |
| 213 | <li class="btn navbtnActive navbtn-a" role="button"> | 246 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 214 | <a href="../contact.html">NURSING CARE</a> | 247 | <a href="../contact.html">NURSING CARE</a> |
| 215 | - <div class='sec_menu_items'> | 248 | + <div class="sec_menu_items"> |
| 216 | <a href="../care/aboutus.html" class="inner_item"> | 249 | <a href="../care/aboutus.html" class="inner_item"> |
| 217 | About Us | 250 | About Us |
| 218 | </a> | 251 | </a> |
| @@ -241,7 +274,7 @@ | @@ -241,7 +274,7 @@ | ||
| 241 | </li> | 274 | </li> |
| 242 | <li class="btn navbtn-a" role="button"> | 275 | <li class="btn navbtn-a" role="button"> |
| 243 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 276 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 244 | - <div class='sec_menu_items'> | 277 | + <div class="sec_menu_items"> |
| 245 | <a href="../international/conference.html" class="inner_item"> | 278 | <a href="../international/conference.html" class="inner_item"> |
| 246 | International Conferences | 279 | International Conferences |
| 247 | </a> | 280 | </a> |
| @@ -254,7 +287,6 @@ | @@ -254,7 +287,6 @@ | ||
| 254 | <a href="../international/partners.html" class="inner_item"> | 287 | <a href="../international/partners.html" class="inner_item"> |
| 255 | Partnership Institutions | 288 | Partnership Institutions |
| 256 | </a> | 289 | </a> |
| 257 | - | ||
| 258 | </div> | 290 | </div> |
| 259 | </li> | 291 | </li> |
| 260 | <li class="btn navbtn-a" role="button"> | 292 | <li class="btn navbtn-a" role="button"> |
| @@ -265,13 +297,64 @@ | @@ -265,13 +297,64 @@ | ||
| 265 | 297 | ||
| 266 | <div class="content padding0"> | 298 | <div class="content padding0"> |
| 267 | <!-- Swiper --> | 299 | <!-- Swiper --> |
| 268 | - <div class="img-header"> | 300 | + <!-- <div class="img-header"> |
| 269 | <img src="../images/care_top.png" width="100%" alt=""> | 301 | <img src="../images/care_top.png" width="100%" alt=""> |
| 270 | - </div> | 302 | + </div> --> |
| 271 | </div> | 303 | </div> |
| 272 | <div class="content"> | 304 | <div class="content"> |
| 273 | - | ||
| 274 | - <div class="content-word"> | 305 | + <div class="navpath"> |
| 306 | + Nursing Care<span>></span>Nursing Activity | ||
| 307 | + <span>></span>Heart-warming Service | ||
| 308 | + </div> | ||
| 309 | + <div class="contant"> | ||
| 310 | + <div class="contant_title"> | ||
| 311 | + We make a programme with different theme every year to improve the patient's medical experience and enable patients to have a better hospitalized experience. We have a deep understanding of the patient's needs, walked into the patient's heart, and give | ||
| 312 | + the patient more psychological support and meet the needs of patients beyond expectation,which help to fulfill themselves. | ||
| 313 | + </div> | ||
| 314 | + <div class="contant_center"> | ||
| 315 | + <div class="contant_one"> | ||
| 316 | + <div class="contant_img"> | ||
| 317 | + <a class="single_mark" href="profession.html"> | ||
| 318 | + <img src="../images/5-2-15.png" alt="" /> | ||
| 319 | + </a> | ||
| 320 | + </div> | ||
| 321 | + <div class="contant_center_title"> | ||
| 322 | + The nurse’s smile brought warmth to the patient | ||
| 323 | + </div> | ||
| 324 | + </div> | ||
| 325 | + <div class="contant_one"> | ||
| 326 | + <div class="contant_img"> | ||
| 327 | + <a class="single_mark" href="profession.html"> | ||
| 328 | + <img src="../images/5-2-16.png" alt="" /> | ||
| 329 | + </a> | ||
| 330 | + </div> | ||
| 331 | + <div class="contant_center_title"> | ||
| 332 | + Happy Children’s Day | ||
| 333 | + </div> | ||
| 334 | + </div> | ||
| 335 | + <div class="contant_one"> | ||
| 336 | + <div class="contant_img"> | ||
| 337 | + <a class="single_mark" href="profession.html"> | ||
| 338 | + <img src="../images/5-2-17.png" alt="" /> | ||
| 339 | + </a> | ||
| 340 | + </div> | ||
| 341 | + <div class="contant_center_title"> | ||
| 342 | + Nurses in digestive cancer department send love to patients in Lantern Festival | ||
| 343 | + </div> | ||
| 344 | + </div> | ||
| 345 | + <div class="contant_one"> | ||
| 346 | + <div class="contant_img"> | ||
| 347 | + <a class="single_mark" href="profession.html"> | ||
| 348 | + <img src="../images/5-2-18.png" alt="" /> | ||
| 349 | + </a> | ||
| 350 | + </div> | ||
| 351 | + <div class="contant_center_title"> | ||
| 352 | + The nurse in Pulmonary Medical Department have a nice talk with the patient | ||
| 353 | + </div> | ||
| 354 | + </div> | ||
| 355 | + </div> | ||
| 356 | + </div> | ||
| 357 | + <!-- <div class="content-word"> | ||
| 275 | <a class="single_mark" href="profession.html"> | 358 | <a class="single_mark" href="profession.html"> |
| 276 | <img src="../images/care_ac1.png" width="100%" alt="" srcset=""> | 359 | <img src="../images/care_ac1.png" width="100%" alt="" srcset=""> |
| 277 | </a> | 360 | </a> |
| @@ -285,12 +368,10 @@ | @@ -285,12 +368,10 @@ | ||
| 285 | <a class="single_mark" href="profession.3.html"> | 368 | <a class="single_mark" href="profession.3.html"> |
| 286 | <img src="../images/care_ac4.png" width="100%" alt="" srcset=""> | 369 | <img src="../images/care_ac4.png" width="100%" alt="" srcset=""> |
| 287 | </a> | 370 | </a> |
| 288 | - </div> | ||
| 289 | - | 371 | + </div> --> |
| 290 | </div> | 372 | </div> |
| 291 | <footer class="footer-content"> | 373 | <footer class="footer-content"> |
| 292 | <div class="footer-main"> | 374 | <div class="footer-main"> |
| 293 | - | ||
| 294 | <ul class="list-unstyled third-ul"> | 375 | <ul class="list-unstyled third-ul"> |
| 295 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 376 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 296 | <li>Tianjin 300060</li> | 377 | <li>Tianjin 300060</li> |
| @@ -299,41 +380,51 @@ | @@ -299,41 +380,51 @@ | ||
| 299 | <li>Email: info@tjmuch.com</li> | 380 | <li>Email: info@tjmuch.com</li> |
| 300 | </ul> | 381 | </ul> |
| 301 | <ul class="list-unstyled first-ul"> | 382 | <ul class="list-unstyled first-ul"> |
| 302 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 303 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 383 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 384 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 304 | </ul> | 385 | </ul> |
| 305 | </div> | 386 | </div> |
| 306 | </footer> | 387 | </footer> |
| 307 | - | ||
| 308 | </div> | 388 | </div> |
| 309 | <script src="../js/jquery-1.11.3.min.js"></script> | 389 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 310 | <script src="../js/bootstrap.min.js"></script> | 390 | <script src="../js/bootstrap.min.js"></script> |
| 311 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 391 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 312 | <script src="../js/common.js"></script> | 392 | <script src="../js/common.js"></script> |
| 313 | <script> | 393 | <script> |
| 314 | - $(document).ready(function () { | ||
| 315 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 316 | - console.log(this) | ||
| 317 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 318 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 319 | - }) | ||
| 320 | - }) | ||
| 321 | - var swiper = new Swiper('.swiper-container', { | ||
| 322 | - pagination: '.swiper-pagination', | 394 | + $(document).ready(function() { |
| 395 | + $(".btn-group") | ||
| 396 | + .find(".navbtn-a") | ||
| 397 | + .click(function() { | ||
| 398 | + console.log(this); | ||
| 399 | + $(this) | ||
| 400 | + .siblings(".navbtn-a") | ||
| 401 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 402 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 403 | + }); | ||
| 404 | + }); | ||
| 405 | + var swiper = new Swiper(".swiper-container", { | ||
| 406 | + pagination: ".swiper-pagination", | ||
| 323 | paginationClickable: true | 407 | paginationClickable: true |
| 324 | }); | 408 | }); |
| 325 | 409 | ||
| 326 | - var swiper = new Swiper('.swiper-container1', { | ||
| 327 | - pagination: '.swiper-pagination', | 410 | + var swiper = new Swiper(".swiper-container1", { |
| 411 | + pagination: ".swiper-pagination", | ||
| 328 | slidesPerView: 3, | 412 | slidesPerView: 3, |
| 329 | paginationClickable: true, | 413 | paginationClickable: true, |
| 330 | spaceBetween: 30 | 414 | spaceBetween: 30 |
| 331 | }); | 415 | }); |
| 332 | 416 | ||
| 333 | - $('.content-word-left').on('click', 'h4', function () { | ||
| 334 | - $(this).addClass('active').siblings().removeClass('active') | ||
| 335 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
| 336 | - }) | 417 | + $(".content-word-left").on("click", "h4", function() { |
| 418 | + $(this) | ||
| 419 | + .addClass("active") | ||
| 420 | + .siblings() | ||
| 421 | + .removeClass("active"); | ||
| 422 | + $(".content-word-right") | ||
| 423 | + .eq($(this).index()) | ||
| 424 | + .addClass("active") | ||
| 425 | + .siblings() | ||
| 426 | + .removeClass("active"); | ||
| 427 | + }); | ||
| 337 | </script> | 428 | </script> |
| 338 | </body> | 429 | </body> |
| 339 | 430 |
| @@ -131,6 +131,46 @@ | @@ -131,6 +131,46 @@ | ||
| 131 | margin-left: -11px; | 131 | margin-left: -11px; |
| 132 | cursor: pointer; | 132 | cursor: pointer; |
| 133 | } | 133 | } |
| 134 | + .contant { | ||
| 135 | + width: 1122px; | ||
| 136 | + margin: 70px auto 0 auto; | ||
| 137 | + } | ||
| 138 | + | ||
| 139 | + .contant_img { | ||
| 140 | + width: 256px; | ||
| 141 | + height: 304px; | ||
| 142 | + } | ||
| 143 | + | ||
| 144 | + .contant_img img { | ||
| 145 | + width: 100%; | ||
| 146 | + height: 100%; | ||
| 147 | + } | ||
| 148 | + | ||
| 149 | + .contant_name { | ||
| 150 | + margin: 26px 0; | ||
| 151 | + font-size: 30px; | ||
| 152 | + font-weight: 400; | ||
| 153 | + color: rgba(114, 113, 113, 1); | ||
| 154 | + line-height: 30px; | ||
| 155 | + } | ||
| 156 | + | ||
| 157 | + .contant_word { | ||
| 158 | + font-size: 20px; | ||
| 159 | + font-weight: 400; | ||
| 160 | + color: rgba(86, 86, 86, 1); | ||
| 161 | + line-height: 30px; | ||
| 162 | + } | ||
| 163 | + | ||
| 164 | + .contant_center_img { | ||
| 165 | + margin-top: 36px; | ||
| 166 | + width: 877px; | ||
| 167 | + height: 541px; | ||
| 168 | + } | ||
| 169 | + | ||
| 170 | + .contant_center_img img { | ||
| 171 | + width: 100%; | ||
| 172 | + height: 100%; | ||
| 173 | + } | ||
| 134 | </style> | 174 | </style> |
| 135 | </head> | 175 | </head> |
| 136 | 176 | ||
| @@ -360,26 +400,23 @@ | @@ -360,26 +400,23 @@ | ||
| 360 | </div> | 400 | </div> |
| 361 | 401 | ||
| 362 | <!-- Swiper --> | 402 | <!-- Swiper --> |
| 363 | - <div class="img-header"> | 403 | + <!-- <div class="img-header"> |
| 364 | <img src="../images/cli2_top.png" width="100%" alt=""> | 404 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 365 | - </div> | 405 | + </div> --> |
| 366 | <div class="content"> | 406 | <div class="content"> |
| 367 | - <div class="content-word"> | ||
| 368 | - <div class="content-word-right active"> | ||
| 369 | - <div class="person_desc"> | ||
| 370 | - <div class="person_desc_photo"> | ||
| 371 | - <img src="../images/chif_nurse.png" alt="" srcset=""> | 407 | + <div class="navpath"> |
| 408 | + Nursing Care<span>></span>About Us | ||
| 409 | + <span>></span>Leadership Team | ||
| 372 | </div> | 410 | </div> |
| 373 | - <div class="person_desc_box"> | ||
| 374 | - <h4 class="pername"> | ||
| 375 | - Rongxiu Chen <br> | ||
| 376 | - Chief nurse | ||
| 377 | - </h4> | 411 | + <div class="contant"> |
| 412 | + <div class="contant_top"> | ||
| 413 | + <div class="contant_img"> | ||
| 414 | + <img src="../images/chif_nurse.png" alt="" /> | ||
| 378 | </div> | 415 | </div> |
| 379 | - </div> | ||
| 380 | - <div class="depart_introduce"> | ||
| 381 | - <div class="part_desc"> | ||
| 382 | - <p style="font-size: 18px"> | 416 | + <div class="contant_name">Rongxiu Chen <br> |
| 417 | + Chief nurse</div> | ||
| 418 | + | ||
| 419 | + <div class="contant_word"> | ||
| 383 | the 43rd Nightingale Medal of the International Committee of the Red Cross， | 420 | the 43rd Nightingale Medal of the International Committee of the Red Cross， |
| 384 | Former Director Nurse of Tianjin Medical University Cancer Institute & | 421 | Former Director Nurse of Tianjin Medical University Cancer Institute & |
| 385 | Hospital（1983-2005）, Director of the Quality Control Center of Tianjin Health | 422 | Hospital（1983-2005）, Director of the Quality Control Center of Tianjin Health |
| @@ -393,29 +430,11 @@ | @@ -393,29 +430,11 @@ | ||
| 393 | indicators and human resources management in Tianjin, which effectively promoted the | 430 | indicators and human resources management in Tianjin, which effectively promoted the |
| 394 | scientific management of nursing quality and improved the quality of clinical care in | 431 | scientific management of nursing quality and improved the quality of clinical care in |
| 395 | Tianjin. | 432 | Tianjin. |
| 396 | - | ||
| 397 | - </p> | ||
| 398 | </div> | 433 | </div> |
| 399 | - <img src="../images/Chief nurse_content.png" alt="" srcset=""> | ||
| 400 | - | ||
| 401 | - | ||
| 402 | - | 434 | + <div class="contant_center_img"> |
| 435 | + <img src="../images/Chief nurse_content.png" alt="" /> | ||
| 403 | </div> | 436 | </div> |
| 404 | </div> | 437 | </div> |
| 405 | - <!-- <div class="content-word-left"> | ||
| 406 | - <div class="part_top"> | ||
| 407 | - DEPARTMENTS DYNAMICS | ||
| 408 | - </div> | ||
| 409 | - <div class="part_inner_content"> | ||
| 410 | - under construction under construction | ||
| 411 | - under construction under construction | ||
| 412 | - under construction under construction | ||
| 413 | - under construction under construction | ||
| 414 | - under construction under construction | ||
| 415 | - under construction under construction | ||
| 416 | - </div> | ||
| 417 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
| 418 | - </div> --> | ||
| 419 | </div> | 438 | </div> |
| 420 | 439 | ||
| 421 | </div> | 440 | </div> |
| @@ -131,6 +131,48 @@ | @@ -131,6 +131,48 @@ | ||
| 131 | margin-left: -11px; | 131 | margin-left: -11px; |
| 132 | cursor: pointer; | 132 | cursor: pointer; |
| 133 | } | 133 | } |
| 134 | + | ||
| 135 | + | ||
| 136 | + .contant { | ||
| 137 | + width: 1122px; | ||
| 138 | + margin: 70px auto 0 auto; | ||
| 139 | + } | ||
| 140 | + | ||
| 141 | + .contant_img { | ||
| 142 | + width: 256px; | ||
| 143 | + height: 304px; | ||
| 144 | + } | ||
| 145 | + | ||
| 146 | + .contant_img img { | ||
| 147 | + width: 100%; | ||
| 148 | + height: 100%; | ||
| 149 | + } | ||
| 150 | + | ||
| 151 | + .contant_name { | ||
| 152 | + margin: 26px 0; | ||
| 153 | + font-size: 30px; | ||
| 154 | + font-weight: 400; | ||
| 155 | + color: rgba(114, 113, 113, 1); | ||
| 156 | + line-height: 30px; | ||
| 157 | + } | ||
| 158 | + | ||
| 159 | + .contant_word { | ||
| 160 | + font-size: 20px; | ||
| 161 | + font-weight: 400; | ||
| 162 | + color: rgba(86, 86, 86, 1); | ||
| 163 | + line-height: 30px; | ||
| 164 | + } | ||
| 165 | + | ||
| 166 | + .contant_center_img { | ||
| 167 | + margin-top: 36px; | ||
| 168 | + width: 877px; | ||
| 169 | + height: 541px; | ||
| 170 | + } | ||
| 171 | + | ||
| 172 | + .contant_center_img img { | ||
| 173 | + width: 100%; | ||
| 174 | + height: 100%; | ||
| 175 | + } | ||
| 134 | </style> | 176 | </style> |
| 135 | </head> | 177 | </head> |
| 136 | 178 | ||
| @@ -360,50 +402,28 @@ | @@ -360,50 +402,28 @@ | ||
| 360 | </div> | 402 | </div> |
| 361 | 403 | ||
| 362 | <!-- Swiper --> | 404 | <!-- Swiper --> |
| 363 | - <div class="img-header"> | 405 | + <!-- <div class="img-header"> |
| 364 | <img src="../images/cli2_top.png" width="100%" alt=""> | 406 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 365 | - </div> | 407 | + </!--> |
| 366 | <div class="content"> | 408 | <div class="content"> |
| 367 | - <div class="content-word"> | ||
| 368 | - <div class="content-word-right active"> | ||
| 369 | - <div class="person_desc"> | ||
| 370 | - <div class="person_desc_photo"> | ||
| 371 | - <img src="../images/rongxiu.png" alt="" srcset=""> | 409 | + <div class="navpath"> |
| 410 | + Nursing Care<span>></span>About Us | ||
| 411 | + <span>></span>Leadership Team | ||
| 372 | </div> | 412 | </div> |
| 373 | - <div class="person_desc_box"> | ||
| 374 | - <h4 class="pername"> | ||
| 375 | - Yongqin Jiang | ||
| 376 | - </h4> | 413 | + <div class="contant"> |
| 414 | + <div class="contant_top"> | ||
| 415 | + <div class="contant_img"> | ||
| 416 | + <img src="../images/rongxiu.png" alt="" /> | ||
| 377 | </div> | 417 | </div> |
| 418 | + <div class="contant_name">Yongqin Jiang </div> | ||
| 419 | + <div class="contant_word"> | ||
| 420 | + Former Director Jiang Yongqin served as a Board Members of the ISNCC, and won the International of Nursing in Cancer Care from Contribution Award. | ||
| 378 | </div> | 421 | </div> |
| 379 | - <div class="depart_introduce"> | ||
| 380 | - <div class="part_desc"> | ||
| 381 | - <p style="font-size: 18px"> | ||
| 382 | - Former Director Jiang Yongqin served as a Board Members of the ISNCC, and won the | ||
| 383 | - International of Nursing in Cancer Care from Contribution Award. | ||
| 384 | - </p> | ||
| 385 | - </div> | ||
| 386 | - <img src="../images/rongxiu_text.png" alt="" srcset=""> | ||
| 387 | - | ||
| 388 | - | ||
| 389 | - | ||
| 390 | - </div> | ||
| 391 | - </div> | ||
| 392 | - <!-- <div class="content-word-left"> | ||
| 393 | - <div class="part_top"> | ||
| 394 | - DEPARTMENTS DYNAMICS | ||
| 395 | - </div> | ||
| 396 | - <div class="part_inner_content"> | ||
| 397 | - under construction under construction | ||
| 398 | - under construction under construction | ||
| 399 | - under construction under construction | ||
| 400 | - under construction under construction | ||
| 401 | - under construction under construction | ||
| 402 | - under construction under construction | ||
| 403 | - </div> | ||
| 404 | - <img src="../images/next.png" class="next" alt="" srcset=""> | 422 | + <!-- <div class="contant_center_img"> |
| 423 | + <img src="../images/team_detail_2.png" alt="" /> | ||
| 405 | </div> --> | 424 | </div> --> |
| 406 | </div> | 425 | </div> |
| 426 | + </div> | ||
| 407 | 427 | ||
| 408 | </div> | 428 | </div> |
| 409 | <footer class="footer-content"> | 429 | <footer class="footer-content"> |
| 1 | - <!DOCTYPE html> | ||
| 2 | - <html lang="en"> | 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> | ||
| 3 | 3 | ||
| 4 | - <head> | ||
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 4 | +<head> |
| 5 | + <meta charset="UTF-8" /> | ||
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 13 | <style> |
| 14 | .single_box { | 14 | .single_box { |
| @@ -37,7 +37,6 @@ | @@ -37,7 +37,6 @@ | ||
| 37 | display: none !important; | 37 | display: none !important; |
| 38 | display: -webkit-flex; | 38 | display: -webkit-flex; |
| 39 | flex-wrap: wrap; | 39 | flex-wrap: wrap; |
| 40 | - | ||
| 41 | padding: 0; | 40 | padding: 0; |
| 42 | position: relative; | 41 | position: relative; |
| 43 | } | 42 | } |
| @@ -59,7 +58,7 @@ | @@ -59,7 +58,7 @@ | ||
| 59 | 58 | ||
| 60 | .content-word-left h4 { | 59 | .content-word-left h4 { |
| 61 | color: #232323; | 60 | color: #232323; |
| 62 | - opacity: .7; | 61 | + opacity: 0.7; |
| 63 | line-height: 2.5; | 62 | line-height: 2.5; |
| 64 | padding: 0; | 63 | padding: 0; |
| 65 | margin: 0; | 64 | margin: 0; |
| @@ -71,7 +70,7 @@ | @@ -71,7 +70,7 @@ | ||
| 71 | } | 70 | } |
| 72 | 71 | ||
| 73 | .content-word-left { | 72 | .content-word-left { |
| 74 | - background: #EBFBF8; | 73 | + background: #ebfbf8; |
| 75 | height: 863px; | 74 | height: 863px; |
| 76 | position: relative; | 75 | position: relative; |
| 77 | } | 76 | } |
| @@ -91,7 +90,7 @@ | @@ -91,7 +90,7 @@ | ||
| 91 | padding: 60px; | 90 | padding: 60px; |
| 92 | margin-bottom: 50px; | 91 | margin-bottom: 50px; |
| 93 | width: 100%; | 92 | width: 100%; |
| 94 | - background: #EBFBF8; | 93 | + background: #ebfbf8; |
| 95 | } | 94 | } |
| 96 | 95 | ||
| 97 | .depart_introduce.auto { | 96 | .depart_introduce.auto { |
| @@ -100,7 +99,7 @@ | @@ -100,7 +99,7 @@ | ||
| 100 | 99 | ||
| 101 | .part_top { | 100 | .part_top { |
| 102 | height: 74px; | 101 | height: 74px; |
| 103 | - background: #83AD9F; | 102 | + background: #83ad9f; |
| 104 | color: #000000; | 103 | color: #000000; |
| 105 | font-size: 16px; | 104 | font-size: 16px; |
| 106 | font-weight: bold; | 105 | font-weight: bold; |
| @@ -119,7 +118,7 @@ | @@ -119,7 +118,7 @@ | ||
| 119 | } | 118 | } |
| 120 | 119 | ||
| 121 | .person_introduce_box h3 { | 120 | .person_introduce_box h3 { |
| 122 | - color: #00A16C; | 121 | + color: #00a16c; |
| 123 | } | 122 | } |
| 124 | 123 | ||
| 125 | .next { | 124 | .next { |
| @@ -131,30 +130,70 @@ | @@ -131,30 +130,70 @@ | ||
| 131 | margin-left: -11px; | 130 | margin-left: -11px; |
| 132 | cursor: pointer; | 131 | cursor: pointer; |
| 133 | } | 132 | } |
| 133 | + | ||
| 134 | + .contant { | ||
| 135 | + width: 1122px; | ||
| 136 | + margin: 70px auto 0 auto; | ||
| 137 | + } | ||
| 138 | + | ||
| 139 | + .contant_img { | ||
| 140 | + width: 256px; | ||
| 141 | + height: 304px; | ||
| 142 | + } | ||
| 143 | + | ||
| 144 | + .contant_img img { | ||
| 145 | + width: 100%; | ||
| 146 | + height: 100%; | ||
| 147 | + } | ||
| 148 | + | ||
| 149 | + .contant_name { | ||
| 150 | + margin: 26px 0; | ||
| 151 | + font-size: 30px; | ||
| 152 | + font-weight: 400; | ||
| 153 | + color: rgba(114, 113, 113, 1); | ||
| 154 | + line-height: 30px; | ||
| 155 | + } | ||
| 156 | + | ||
| 157 | + .contant_word { | ||
| 158 | + font-size: 20px; | ||
| 159 | + font-weight: 400; | ||
| 160 | + color: rgba(86, 86, 86, 1); | ||
| 161 | + line-height: 30px; | ||
| 162 | + } | ||
| 163 | + | ||
| 164 | + .contant_center_img { | ||
| 165 | + margin-top: 36px; | ||
| 166 | + width: 877px; | ||
| 167 | + height: 541px; | ||
| 168 | + } | ||
| 169 | + | ||
| 170 | + .contant_center_img img { | ||
| 171 | + width: 100%; | ||
| 172 | + height: 100%; | ||
| 173 | + } | ||
| 134 | </style> | 174 | </style> |
| 135 | - </head> | 175 | +</head> |
| 136 | 176 | ||
| 137 | - <body> | 177 | +<body> |
| 138 | <nav class="navbar navbar-default bgf mb0"> | 178 | <nav class="navbar navbar-default bgf mb0"> |
| 139 | <div class="container-fluid top_pc_brand"> | 179 | <div class="container-fluid top_pc_brand"> |
| 140 | <div class="navbar-header"> | 180 | <div class="navbar-header"> |
| 141 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 142 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 181 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 143 | <span class="sr-only">Toggle navigation</span> | 182 | <span class="sr-only">Toggle navigation</span> |
| 144 | <span class="icon-bar"></span> | 183 | <span class="icon-bar"></span> |
| 145 | <span class="icon-bar"></span> | 184 | <span class="icon-bar"></span> |
| 146 | <span class="icon-bar"></span> | 185 | <span class="icon-bar"></span> |
| 147 | </button> | 186 | </button> |
| 148 | <a class="navbar-brand logo" href="../index.html"> | 187 | <a class="navbar-brand logo" href="../index.html"> |
| 149 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 188 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 150 | </a> | 189 | </a> |
| 151 | </div> | 190 | </div> |
| 152 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 191 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 153 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 192 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 154 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 193 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 155 | - <input type="text" class="form-control search-input" placeholder="Search"> | 194 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 156 | <div class="magnifier"> | 195 | <div class="magnifier"> |
| 157 | - <img src="../images/01pc-main/pic%20(11).png" alt=""> | 196 | + <img src="../images/01pc-main/pic%20(11).png" alt="" /> |
| 158 | </div> | 197 | </div> |
| 159 | </div> | 198 | </div> |
| 160 | </div> | 199 | </div> |
| @@ -166,7 +205,7 @@ | @@ -166,7 +205,7 @@ | ||
| 166 | <ul class="nav_menu_items"> | 205 | <ul class="nav_menu_items"> |
| 167 | <li class="btn navbtn-a" role="button"> | 206 | <li class="btn navbtn-a" role="button"> |
| 168 | <a href="javascript:;">ABOUT US</a> | 207 | <a href="javascript:;">ABOUT US</a> |
| 169 | - <div class='sec_menu_items'> | 208 | + <div class="sec_menu_items"> |
| 170 | <a href="../about/welcome.html" class="inner_item"> | 209 | <a href="../about/welcome.html" class="inner_item"> |
| 171 | Welcome Message | 210 | Welcome Message |
| 172 | </a> | 211 | </a> |
| @@ -187,9 +226,8 @@ | @@ -187,9 +226,8 @@ | ||
| 187 | </li> | 226 | </li> |
| 188 | <li class="btn navbtn-a" role="button"> | 227 | <li class="btn navbtn-a" role="button"> |
| 189 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 228 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 190 | - <div class='sec_menu_items'> | ||
| 191 | - <div href="../clinical/departments.html" | ||
| 192 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 229 | + <div class="sec_menu_items"> |
| 230 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 193 | Clinical Departments | 231 | Clinical Departments |
| 194 | <div class="third_menu_items"> | 232 | <div class="third_menu_items"> |
| 195 | <a href="../clinical/departm.html" class="inner_item"> | 233 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -222,13 +260,11 @@ | @@ -222,13 +260,11 @@ | ||
| 222 | </li> | 260 | </li> |
| 223 | <li class="btn navbtn-a" role="button"> | 261 | <li class="btn navbtn-a" role="button"> |
| 224 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 262 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 225 | - <div class='sec_menu_items'> | ||
| 226 | - | 263 | + <div class="sec_menu_items"> |
| 227 | <a href="../research/nationalCancer.html" class="inner_item"> | 264 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 228 | National Cancer Clinical Research Center | 265 | National Cancer Clinical Research Center |
| 229 | </a> | 266 | </a> |
| 230 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 231 | - class="inner_item"> | 267 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 232 | Research | 268 | Research |
| 233 | <div class="third_menu_items"> | 269 | <div class="third_menu_items"> |
| 234 | <a href="../research/research1.html" class="inner_item"> | 270 | <a href="../research/research1.html" class="inner_item"> |
| @@ -245,8 +281,7 @@ | @@ -245,8 +281,7 @@ | ||
| 245 | </a> | 281 | </a> |
| 246 | </div> | 282 | </div> |
| 247 | </div> | 283 | </div> |
| 248 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 249 | - class="inner_item"> | 284 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 250 | Education | 285 | Education |
| 251 | <div class="third_menu_items"> | 286 | <div class="third_menu_items"> |
| 252 | <a href="../research/education.html" class="inner_item"> | 287 | <a href="../research/education.html" class="inner_item"> |
| @@ -267,7 +302,7 @@ | @@ -267,7 +302,7 @@ | ||
| 267 | </li> | 302 | </li> |
| 268 | <li class="btn navbtn-a" role="button"> | 303 | <li class="btn navbtn-a" role="button"> |
| 269 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 304 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 270 | - <div class='sec_menu_items'> | 305 | + <div class="sec_menu_items"> |
| 271 | <div href="javascript:;" class="inner_item"> | 306 | <div href="javascript:;" class="inner_item"> |
| 272 | About Us | 307 | About Us |
| 273 | <div class="third_menu_items"> | 308 | <div class="third_menu_items"> |
| @@ -309,7 +344,7 @@ | @@ -309,7 +344,7 @@ | ||
| 309 | </li> | 344 | </li> |
| 310 | <li class="btn navbtnActive navbtn-a" role="button"> | 345 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 311 | <a href="../contact.html">NURSING CARE</a> | 346 | <a href="../contact.html">NURSING CARE</a> |
| 312 | - <div class='sec_menu_items'> | 347 | + <div class="sec_menu_items"> |
| 313 | <a href="../care/aboutus.html" class="inner_item"> | 348 | <a href="../care/aboutus.html" class="inner_item"> |
| 314 | About Us | 349 | About Us |
| 315 | </a> | 350 | </a> |
| @@ -335,7 +370,7 @@ | @@ -335,7 +370,7 @@ | ||
| 335 | </li> | 370 | </li> |
| 336 | <li class="btn navbtn-a" role="button"> | 371 | <li class="btn navbtn-a" role="button"> |
| 337 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 372 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 338 | - <div class='sec_menu_items'> | 373 | + <div class="sec_menu_items"> |
| 339 | <a href="../international/conference.html" class="inner_item"> | 374 | <a href="../international/conference.html" class="inner_item"> |
| 340 | International Conferences | 375 | International Conferences |
| 341 | </a> | 376 | </a> |
| @@ -360,60 +395,31 @@ | @@ -360,60 +395,31 @@ | ||
| 360 | </div> | 395 | </div> |
| 361 | 396 | ||
| 362 | <!-- Swiper --> | 397 | <!-- Swiper --> |
| 363 | - <div class="img-header"> | 398 | + <!-- <div class="img-header"> |
| 364 | <img src="../images/cli2_top.png" width="100%" alt=""> | 399 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 365 | - </div> | 400 | + </!--> |
| 366 | <div class="content"> | 401 | <div class="content"> |
| 367 | - <div class="content-word"> | ||
| 368 | - <div class="content-word-right active"> | ||
| 369 | - <div class="person_desc"> | ||
| 370 | - <div class="person_desc_photo"> | ||
| 371 | - <img src="../images/wangmin.png" alt="" srcset=""> | ||
| 372 | - </div> | ||
| 373 | - <div class="person_desc_box"> | ||
| 374 | - <h4 class="pername"> | ||
| 375 | - Wanmin Qiang | ||
| 376 | - </h4> | 402 | + <div class="navpath"> |
| 403 | + Nursing Care<span>></span>About Us | ||
| 404 | + <span>></span>Leadership Team | ||
| 377 | </div> | 405 | </div> |
| 406 | + <div class="contant"> | ||
| 407 | + <div class="contant_top"> | ||
| 408 | + <div class="contant_img"> | ||
| 409 | + <img src="../images/wangmin.png" alt="" /> | ||
| 378 | </div> | 410 | </div> |
| 379 | - <div class="depart_introduce"> | ||
| 380 | - <div class="part_desc"> | ||
| 381 | - <p style="font-size: 18px"> | ||
| 382 | - Director Nurse of Tianjin Medical University Cancer Institute & Hospital, Postgraduate | ||
| 383 | - tutors of Tianjin Medical University and Tianjin University of Traditional Chinese | ||
| 384 | - Medicine，Good Nurse with People’s Satisfaction, Top Ten Medical Workers（Sole Nurse）, | ||
| 385 | - Former Chairman of China Anti-Cancer Association Oncological Nursing Committee, | ||
| 386 | - Editorial board of Chinese Journal of nursing, Chinese Journal of nursing management, | ||
| 387 | - Journal of Nurses Training，and 33 members of the Chinese Society of Nursing, Tianjin | ||
| 388 | - Nursing Association and other academic organizations. | ||
| 389 | - </p> | ||
| 390 | - </div> | ||
| 391 | - <img src="../images/team_detail_2.png" alt="" srcset=""> | ||
| 392 | - | ||
| 393 | - | ||
| 394 | - | 411 | + <div class="contant_name">Wanmin Qiang</div> |
| 412 | + <div class="contant_word"> | ||
| 413 | + Director Nurse of Tianjin Medical University Cancer Institute & Hospital, Postgraduate tutors of Tianjin Medical University and Tianjin University of Traditional Chinese Medicine | ||
| 395 | </div> | 414 | </div> |
| 415 | + <div class="contant_center_img"> | ||
| 416 | + <img src="../images/team_detail_2.png" alt="" /> | ||
| 396 | </div> | 417 | </div> |
| 397 | - <!-- <div class="content-word-left"> | ||
| 398 | - <div class="part_top"> | ||
| 399 | - DEPARTMENTS DYNAMICS | ||
| 400 | </div> | 418 | </div> |
| 401 | - <div class="part_inner_content"> | ||
| 402 | - under construction under construction | ||
| 403 | - under construction under construction | ||
| 404 | - under construction under construction | ||
| 405 | - under construction under construction | ||
| 406 | - under construction under construction | ||
| 407 | - under construction under construction | ||
| 408 | </div> | 419 | </div> |
| 409 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
| 410 | - </div> --> | ||
| 411 | - </div> | ||
| 412 | - | ||
| 413 | </div> | 420 | </div> |
| 414 | <footer class="footer-content"> | 421 | <footer class="footer-content"> |
| 415 | <div class="footer-main"> | 422 | <div class="footer-main"> |
| 416 | - | ||
| 417 | <ul class="list-unstyled third-ul"> | 423 | <ul class="list-unstyled third-ul"> |
| 418 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 424 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 419 | <li>Tianjin 300060</li> | 425 | <li>Tianjin 300060</li> |
| @@ -422,43 +428,53 @@ | @@ -422,43 +428,53 @@ | ||
| 422 | <li>Email: info@tjmuch.com</li> | 428 | <li>Email: info@tjmuch.com</li> |
| 423 | </ul> | 429 | </ul> |
| 424 | <ul class="list-unstyled first-ul"> | 430 | <ul class="list-unstyled first-ul"> |
| 425 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 426 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 431 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 432 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 427 | </ul> | 433 | </ul> |
| 428 | </div> | 434 | </div> |
| 429 | </footer> | 435 | </footer> |
| 430 | - | ||
| 431 | </div> | 436 | </div> |
| 432 | <script src="../js/jquery-1.11.3.min.js"></script> | 437 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 433 | <script src="../js/bootstrap.min.js"></script> | 438 | <script src="../js/bootstrap.min.js"></script> |
| 434 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 439 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 435 | <script src="../js/common.js"></script> | 440 | <script src="../js/common.js"></script> |
| 436 | <script> | 441 | <script> |
| 437 | - $(document).ready(function () { | ||
| 438 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 439 | - console.log(this) | ||
| 440 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 441 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 442 | - }) | ||
| 443 | - }) | ||
| 444 | - var swiper = new Swiper('.swiper-container', { | ||
| 445 | - pagination: '.swiper-pagination', | 442 | + $(document).ready(function() { |
| 443 | + $(".btn-group") | ||
| 444 | + .find(".navbtn-a") | ||
| 445 | + .click(function() { | ||
| 446 | + console.log(this); | ||
| 447 | + $(this) | ||
| 448 | + .siblings(".navbtn-a") | ||
| 449 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 450 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 451 | + }); | ||
| 452 | + }); | ||
| 453 | + var swiper = new Swiper(".swiper-container", { | ||
| 454 | + pagination: ".swiper-pagination", | ||
| 446 | paginationClickable: true | 455 | paginationClickable: true |
| 447 | }); | 456 | }); |
| 448 | 457 | ||
| 449 | - var swiper = new Swiper('.swiper-container1', { | ||
| 450 | - pagination: '.swiper-pagination', | 458 | + var swiper = new Swiper(".swiper-container1", { |
| 459 | + pagination: ".swiper-pagination", | ||
| 451 | slidesPerView: 3, | 460 | slidesPerView: 3, |
| 452 | paginationClickable: true, | 461 | paginationClickable: true, |
| 453 | spaceBetween: 30 | 462 | spaceBetween: 30 |
| 454 | }); | 463 | }); |
| 455 | 464 | ||
| 456 | - $('.content-word-left').on('click', 'h4', function () { | ||
| 457 | - $(this).addClass('active').siblings().removeClass('active') | ||
| 458 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
| 459 | - }) | 465 | + $(".content-word-left").on("click", "h4", function() { |
| 466 | + $(this) | ||
| 467 | + .addClass("active") | ||
| 468 | + .siblings() | ||
| 469 | + .removeClass("active"); | ||
| 470 | + $(".content-word-right") | ||
| 471 | + .eq($(this).index()) | ||
| 472 | + .addClass("active") | ||
| 473 | + .siblings() | ||
| 474 | + .removeClass("active"); | ||
| 475 | + }); | ||
| 460 | // | 476 | // |
| 461 | </script> | 477 | </script> |
| 462 | - </body> | 478 | +</body> |
| 463 | 479 | ||
| 464 | - </html> | ||
| 480 | +</html> |
| @@ -2,13 +2,13 @@ | @@ -2,13 +2,13 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 13 | <style> |
| 14 | .single_box { | 14 | .single_box { |
| @@ -59,7 +59,7 @@ | @@ -59,7 +59,7 @@ | ||
| 59 | 59 | ||
| 60 | .content-word-left h4 { | 60 | .content-word-left h4 { |
| 61 | color: #232323; | 61 | color: #232323; |
| 62 | - opacity: .7; | 62 | + opacity: 0.7; |
| 63 | line-height: 2.5; | 63 | line-height: 2.5; |
| 64 | padding: 0; | 64 | padding: 0; |
| 65 | margin: 0; | 65 | margin: 0; |
| @@ -71,7 +71,7 @@ | @@ -71,7 +71,7 @@ | ||
| 71 | } | 71 | } |
| 72 | 72 | ||
| 73 | .content-word-left { | 73 | .content-word-left { |
| 74 | - background: #EBFBF8; | 74 | + background: #ebfbf8; |
| 75 | position: relative; | 75 | position: relative; |
| 76 | height: 1380px; | 76 | height: 1380px; |
| 77 | } | 77 | } |
| @@ -84,7 +84,7 @@ | @@ -84,7 +84,7 @@ | ||
| 84 | } | 84 | } |
| 85 | 85 | ||
| 86 | .depart_introduce { | 86 | .depart_introduce { |
| 87 | - background: #EBFBF8; | 87 | + background: #ebfbf8; |
| 88 | color: #232323; | 88 | color: #232323; |
| 89 | box-sizing: border-box; | 89 | box-sizing: border-box; |
| 90 | padding: 20px; | 90 | padding: 20px; |
| @@ -92,7 +92,7 @@ | @@ -92,7 +92,7 @@ | ||
| 92 | 92 | ||
| 93 | .part_top { | 93 | .part_top { |
| 94 | height: 74px; | 94 | height: 74px; |
| 95 | - background: #83AD9F; | 95 | + background: #83ad9f; |
| 96 | color: #000000; | 96 | color: #000000; |
| 97 | font-size: 18px; | 97 | font-size: 18px; |
| 98 | font-weight: bold; | 98 | font-weight: bold; |
| @@ -102,7 +102,7 @@ | @@ -102,7 +102,7 @@ | ||
| 102 | } | 102 | } |
| 103 | 103 | ||
| 104 | .part_inner_content { | 104 | .part_inner_content { |
| 105 | - padding: 20px | 105 | + padding: 20px; |
| 106 | } | 106 | } |
| 107 | 107 | ||
| 108 | .person_introduce_box { | 108 | .person_introduce_box { |
| @@ -119,38 +119,82 @@ | @@ -119,38 +119,82 @@ | ||
| 119 | margin-left: -150px; | 119 | margin-left: -150px; |
| 120 | cursor: pointer; | 120 | cursor: pointer; |
| 121 | } | 121 | } |
| 122 | - .news_container{ | 122 | + |
| 123 | + .news_container { | ||
| 123 | display: flex; | 124 | display: flex; |
| 124 | justify-content: space-between; | 125 | justify-content: space-between; |
| 125 | flex-wrap: wrap; | 126 | flex-wrap: wrap; |
| 126 | } | 127 | } |
| 127 | - .singleNews{ | 128 | + |
| 129 | + .singleNews { | ||
| 128 | cursor: pointer; | 130 | cursor: pointer; |
| 129 | font-size: 16px; | 131 | font-size: 16px; |
| 130 | width: 590px; | 132 | width: 590px; |
| 131 | } | 133 | } |
| 132 | 134 | ||
| 133 | - .single_news_content{ | 135 | + .single_news_content { |
| 134 | color: #232323; | 136 | color: #232323; |
| 135 | margin-top: 30px; | 137 | margin-top: 30px; |
| 136 | margin-bottom: 20px; | 138 | margin-bottom: 20px; |
| 137 | display: block; | 139 | display: block; |
| 138 | } | 140 | } |
| 139 | - .top_line{ | 141 | + |
| 142 | + .top_line { | ||
| 140 | text-align: left; | 143 | text-align: left; |
| 141 | padding-left: 15px; | 144 | padding-left: 15px; |
| 142 | font-weight: bold; | 145 | font-weight: bold; |
| 143 | - background: #FFF; | 146 | + background: #fff; |
| 144 | } | 147 | } |
| 145 | - .cooper_desc{ | 148 | + |
| 149 | + .cooper_desc { | ||
| 146 | color: #333; | 150 | color: #333; |
| 147 | font-size: 18px; | 151 | font-size: 18px; |
| 148 | padding: 15px; | 152 | padding: 15px; |
| 149 | } | 153 | } |
| 150 | - .single_Conferences p{ | 154 | + |
| 155 | + .single_Conferences p { | ||
| 151 | margin-bottom: 30px; | 156 | margin-bottom: 30px; |
| 152 | margin-top: 10px; | 157 | margin-top: 10px; |
| 153 | } | 158 | } |
| 159 | + | ||
| 160 | + .contant { | ||
| 161 | + width: 1122px; | ||
| 162 | + margin: 60px auto 0 auto; | ||
| 163 | + } | ||
| 164 | + | ||
| 165 | + .contant_title { | ||
| 166 | + font-size: 20px; | ||
| 167 | + font-weight: 400; | ||
| 168 | + color: rgba(114, 113, 113, 1); | ||
| 169 | + line-height: 36px; | ||
| 170 | + } | ||
| 171 | + | ||
| 172 | + .contant_one_img { | ||
| 173 | + width: 96%; | ||
| 174 | + height: 386px; | ||
| 175 | + } | ||
| 176 | + | ||
| 177 | + .contant_one_img img { | ||
| 178 | + width: 100%; | ||
| 179 | + height: 100%; | ||
| 180 | + } | ||
| 181 | + | ||
| 182 | + .contant_one_title { | ||
| 183 | + margin-top: 24px; | ||
| 184 | + font-size: 20px; | ||
| 185 | + font-weight: 400; | ||
| 186 | + color: rgba(114, 113, 113, 1); | ||
| 187 | + line-height: 30px; | ||
| 188 | + } | ||
| 189 | + | ||
| 190 | + .contant_word { | ||
| 191 | + margin-top: 26px; | ||
| 192 | + display: -webkit-box; | ||
| 193 | + display: -ms-flexbox; | ||
| 194 | + display: -webkit-flex; | ||
| 195 | + display: flex; | ||
| 196 | + justify-content: space-around; | ||
| 197 | + } | ||
| 154 | </style> | 198 | </style> |
| 155 | </head> | 199 | </head> |
| 156 | 200 | ||
| @@ -158,23 +202,22 @@ | @@ -158,23 +202,22 @@ | ||
| 158 | <nav class="navbar navbar-default bgf mb0"> | 202 | <nav class="navbar navbar-default bgf mb0"> |
| 159 | <div class="container-fluid top_pc_brand"> | 203 | <div class="container-fluid top_pc_brand"> |
| 160 | <div class="navbar-header"> | 204 | <div class="navbar-header"> |
| 161 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 162 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 205 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 163 | <span class="sr-only">Toggle navigation</span> | 206 | <span class="sr-only">Toggle navigation</span> |
| 164 | <span class="icon-bar"></span> | 207 | <span class="icon-bar"></span> |
| 165 | <span class="icon-bar"></span> | 208 | <span class="icon-bar"></span> |
| 166 | <span class="icon-bar"></span> | 209 | <span class="icon-bar"></span> |
| 167 | </button> | 210 | </button> |
| 168 | <a class="navbar-brand logo" href="../index.html"> | 211 | <a class="navbar-brand logo" href="../index.html"> |
| 169 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 212 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 170 | </a> | 213 | </a> |
| 171 | </div> | 214 | </div> |
| 172 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 215 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 173 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 216 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 174 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 217 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 175 | - <input type="text" class="form-control search-input" placeholder="Search"> | 218 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 176 | <div class="magnifier"> | 219 | <div class="magnifier"> |
| 177 | - <img src="../images/search_btn.png" alt=""> | 220 | + <img src="../images/search_btn.png" alt="" /> |
| 178 | </div> | 221 | </div> |
| 179 | </div> | 222 | </div> |
| 180 | </div> | 223 | </div> |
| @@ -186,7 +229,7 @@ | @@ -186,7 +229,7 @@ | ||
| 186 | <ul class="nav_menu_items"> | 229 | <ul class="nav_menu_items"> |
| 187 | <li class="btn navbtn-a" role="button"> | 230 | <li class="btn navbtn-a" role="button"> |
| 188 | <a href="javascript:;">ABOUT US</a> | 231 | <a href="javascript:;">ABOUT US</a> |
| 189 | - <div class='sec_menu_items'> | 232 | + <div class="sec_menu_items"> |
| 190 | <a href="../about/welcome.html" class="inner_item"> | 233 | <a href="../about/welcome.html" class="inner_item"> |
| 191 | Welcome Message | 234 | Welcome Message |
| 192 | </a> | 235 | </a> |
| @@ -207,9 +250,8 @@ | @@ -207,9 +250,8 @@ | ||
| 207 | </li> | 250 | </li> |
| 208 | <li class="btn navbtn-a" role="button"> | 251 | <li class="btn navbtn-a" role="button"> |
| 209 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 252 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 210 | - <div class='sec_menu_items'> | ||
| 211 | - <div href="../clinical/departments.html" | ||
| 212 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 253 | + <div class="sec_menu_items"> |
| 254 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 213 | Clinical Departments | 255 | Clinical Departments |
| 214 | <div class="third_menu_items"> | 256 | <div class="third_menu_items"> |
| 215 | <a href="../clinical/departm.html" class="inner_item"> | 257 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -242,12 +284,11 @@ | @@ -242,12 +284,11 @@ | ||
| 242 | </li> | 284 | </li> |
| 243 | <li class="btn navbtn-a" role="button"> | 285 | <li class="btn navbtn-a" role="button"> |
| 244 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 286 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 245 | - <div class='sec_menu_items'> | 287 | + <div class="sec_menu_items"> |
| 246 | <a href="../research/nationalCancer.html" class="inner_item"> | 288 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 247 | National Cancer Clinical Research Center | 289 | National Cancer Clinical Research Center |
| 248 | </a> | 290 | </a> |
| 249 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 250 | - class="inner_item"> | 291 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 251 | Research | 292 | Research |
| 252 | <div class="third_menu_items"> | 293 | <div class="third_menu_items"> |
| 253 | <a href="../research/research1.html" class="inner_item"> | 294 | <a href="../research/research1.html" class="inner_item"> |
| @@ -264,8 +305,7 @@ | @@ -264,8 +305,7 @@ | ||
| 264 | </a> | 305 | </a> |
| 265 | </div> | 306 | </div> |
| 266 | </div> | 307 | </div> |
| 267 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 268 | - class="inner_item"> | 308 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 269 | Education | 309 | Education |
| 270 | <div class="third_menu_items"> | 310 | <div class="third_menu_items"> |
| 271 | <a href="../research/education.html" class="inner_item"> | 311 | <a href="../research/education.html" class="inner_item"> |
| @@ -286,7 +326,7 @@ | @@ -286,7 +326,7 @@ | ||
| 286 | </li> | 326 | </li> |
| 287 | <li class="btn navbtn-a" role="button"> | 327 | <li class="btn navbtn-a" role="button"> |
| 288 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 328 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 289 | - <div class='sec_menu_items'> | 329 | + <div class="sec_menu_items"> |
| 290 | <div href="javascript:;" class="inner_item"> | 330 | <div href="javascript:;" class="inner_item"> |
| 291 | About Us | 331 | About Us |
| 292 | <div class="third_menu_items"> | 332 | <div class="third_menu_items"> |
| @@ -328,7 +368,7 @@ | @@ -328,7 +368,7 @@ | ||
| 328 | </li> | 368 | </li> |
| 329 | <li class="btn navbtnActive navbtn-a" role="button"> | 369 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 330 | <a href="../contact.html">NURSING CARE</a> | 370 | <a href="../contact.html">NURSING CARE</a> |
| 331 | - <div class='sec_menu_items'> | 371 | + <div class="sec_menu_items"> |
| 332 | <a href="../care/aboutus.html" class="inner_item"> | 372 | <a href="../care/aboutus.html" class="inner_item"> |
| 333 | About Us | 373 | About Us |
| 334 | </a> | 374 | </a> |
| @@ -357,7 +397,7 @@ | @@ -357,7 +397,7 @@ | ||
| 357 | </li> | 397 | </li> |
| 358 | <li class="btn navbtn-a" role="button"> | 398 | <li class="btn navbtn-a" role="button"> |
| 359 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 399 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 360 | - <div class='sec_menu_items'> | 400 | + <div class="sec_menu_items"> |
| 361 | <a href="../international/conference.html" class="inner_item"> | 401 | <a href="../international/conference.html" class="inner_item"> |
| 362 | International Conferences | 402 | International Conferences |
| 363 | </a> | 403 | </a> |
| @@ -370,7 +410,6 @@ | @@ -370,7 +410,6 @@ | ||
| 370 | <a href="../international/partners.html" class="inner_item"> | 410 | <a href="../international/partners.html" class="inner_item"> |
| 371 | Partnership Institutions | 411 | Partnership Institutions |
| 372 | </a> | 412 | </a> |
| 373 | - | ||
| 374 | </div> | 413 | </div> |
| 375 | </li> | 414 | </li> |
| 376 | <li class="btn navbtn-a" role="button"> | 415 | <li class="btn navbtn-a" role="button"> |
| @@ -381,110 +420,115 @@ | @@ -381,110 +420,115 @@ | ||
| 381 | 420 | ||
| 382 | <div class="content padding0"> | 421 | <div class="content padding0"> |
| 383 | <!-- Swiper --> | 422 | <!-- Swiper --> |
| 384 | - <div class="img-header"> | 423 | + <!-- <div class="img-header"> |
| 385 | <img src="../images/care_top.png" width="100%" alt=""> | 424 | <img src="../images/care_top.png" width="100%" alt=""> |
| 386 | - </div> | 425 | + </div> --> |
| 387 | </div> | 426 | </div> |
| 388 | <div class="content"> | 427 | <div class="content"> |
| 389 | - | ||
| 390 | - <div class="content-word"> | ||
| 391 | - <div class="content-word-right active"> | ||
| 392 | - <div class="part_top top_line">Profession</div> | ||
| 393 | - <p class="cooper_desc"> | ||
| 394 | - We have established 10 professional groups . They carry out a series of activity based on the | ||
| 395 | - patient's needs and cooperate multidisciplinary to lead and improve the development of cancer | ||
| 396 | - care</p> | ||
| 397 | - <div class="news_container"> | ||
| 398 | - <a class="singleNews" href="profession_detail.html"> | ||
| 399 | - <div class="time"> | ||
| 400 | - <img src="../images/5-2-1.png" width='100%' alt="" srcset=""> | ||
| 401 | - </div> | ||
| 402 | - <span class="single_news_content"> | 428 | + <div class="navpath"> |
| 429 | + Nursing Care<span>></span>Nursing Activity | ||
| 430 | + <span>></span>Profession | ||
| 431 | + </div> | ||
| 432 | + <div class="contant"> | ||
| 433 | + <div class="contant_title"> | ||
| 434 | + We have established 10 professional groups . They carry out a series of activity based on the patient's needs and cooperate multidisciplinary to lead and improve the development of cancer care | ||
| 435 | + </div> | ||
| 436 | + <div class="contant_center"> | ||
| 437 | + <div class="contant_word"> | ||
| 438 | + <div class="contant_one"> | ||
| 439 | + <div class="contant_one_img"> | ||
| 440 | + <img src="../images/5-2-1.png" alt="" /> | ||
| 441 | + </div> | ||
| 442 | + <div class="contant_one_title"> | ||
| 403 | Professional Activities of the Psychological Support team | 443 | Professional Activities of the Psychological Support team |
| 404 | - </span> | ||
| 405 | - </a> | ||
| 406 | - <a class="singleNews"> | ||
| 407 | - <div class="time"> | ||
| 408 | - <img src="../images/5-2-2.png" width='100%' alt="" srcset=""> | ||
| 409 | </div> | 444 | </div> |
| 410 | - <span class="single_news_content"> | 445 | + </div> |
| 446 | + <div class="contant_one"> | ||
| 447 | + <div class="contant_one_img"> | ||
| 448 | + <img src="../images/5-2-2.png" alt="" /> | ||
| 449 | + </div> | ||
| 450 | + <div class="contant_one_title"> | ||
| 411 | professional Activities of Colostomy & Wound Team | 451 | professional Activities of Colostomy & Wound Team |
| 412 | - </span> | ||
| 413 | - </a> | ||
| 414 | - <a class="singleNews"> | ||
| 415 | - <div class="time"> | ||
| 416 | - <img src="../images/5-2-3.png" width='100%' alt="" srcset=""> | ||
| 417 | </div> | 452 | </div> |
| 418 | - <span class="single_news_content"> | 453 | + </div> |
| 454 | + </div> | ||
| 455 | + <div class="contant_word"> | ||
| 456 | + <div class="contant_one"> | ||
| 457 | + <div class="contant_one_img"> | ||
| 458 | + <img src="../images/5-2-3.png" alt="" /> | ||
| 459 | + </div> | ||
| 460 | + <div class="contant_one_title"> | ||
| 419 | Professional Activities of IV Team | 461 | Professional Activities of IV Team |
| 420 | - </span> | ||
| 421 | - </a> | ||
| 422 | - <a class="singleNews"> | ||
| 423 | - <div class="time"> | ||
| 424 | - <img src="../images/5-2-4.png" width='100%' alt="" srcset=""> | ||
| 425 | </div> | 462 | </div> |
| 426 | - <span class="single_news_content"> | 463 | + </div> |
| 464 | + <div class="contant_one"> | ||
| 465 | + <div class="contant_one_img"> | ||
| 466 | + <img src="../images/5-2-4.png" alt="" /> | ||
| 467 | + </div> | ||
| 468 | + <div class="contant_one_title"> | ||
| 427 | Professional Activities of Symptom Management Team | 469 | Professional Activities of Symptom Management Team |
| 428 | - </span> | ||
| 429 | - </a> | ||
| 430 | - <a class="singleNews"> | ||
| 431 | - <div class="time"> | ||
| 432 | - <img src="../images/5-2-5.png" width='100%' alt="" srcset=""> | ||
| 433 | </div> | 470 | </div> |
| 434 | - <span class="single_news_content"> | 471 | + </div> |
| 472 | + </div> | ||
| 473 | + <div class="contant_word"> | ||
| 474 | + <div class="contant_one"> | ||
| 475 | + <div class="contant_one_img"> | ||
| 476 | + <img src="../images/5-2-5.png" alt="" /> | ||
| 477 | + </div> | ||
| 478 | + <div class="contant_one_title"> | ||
| 435 | Professional Activities of Nutrition Support Team | 479 | Professional Activities of Nutrition Support Team |
| 436 | - </span> | ||
| 437 | - </a> | ||
| 438 | - <a class="singleNews"> | ||
| 439 | - <div class="time"> | ||
| 440 | - <img src="../images/5-2-6.png" width='100%' alt="" srcset=""> | ||
| 441 | </div> | 480 | </div> |
| 442 | - <span class="single_news_content"> | ||
| 443 | - Rofessional Activities of the Intensive Care Team | ||
| 444 | - </span> | ||
| 445 | - </a> | ||
| 446 | - <a class="singleNews"> | ||
| 447 | - <div class="time"> | ||
| 448 | - <img src="../images/5-2-7.png" width='100%' alt="" srcset=""> | ||
| 449 | </div> | 481 | </div> |
| 450 | - <span class="single_news_content"> | 482 | + <div class="contant_one"> |
| 483 | + <div class="contant_one_img"> | ||
| 484 | + <img src="../images/5-2-6.png" alt="" /> | ||
| 485 | + </div> | ||
| 486 | + <div class="contant_one_title"> | ||
| 487 | + Professional Activities of the Intensive Care Team | ||
| 488 | + </div> | ||
| 489 | + </div> | ||
| 490 | + </div> | ||
| 491 | + <div class="contant_word"> | ||
| 492 | + <div class="contant_one"> | ||
| 493 | + <div class="contant_one_img"> | ||
| 494 | + <img src="../images/5-2-7.png" alt="" /> | ||
| 495 | + </div> | ||
| 496 | + <div class="contant_one_title"> | ||
| 451 | Professional Activities of Drug Safty Management Team | 497 | Professional Activities of Drug Safty Management Team |
| 452 | - </span> | ||
| 453 | - </a> | ||
| 454 | - <a class="singleNews"> | ||
| 455 | - <div class="time"> | ||
| 456 | - <img src="../images/5-2-8.png" width='100%' alt="" srcset=""> | ||
| 457 | </div> | 498 | </div> |
| 458 | - <span class="single_news_content"> | 499 | + </div> |
| 500 | + <div class="contant_one"> | ||
| 501 | + <div class="contant_one_img"> | ||
| 502 | + <img src="../images/5-2-8.png" alt="" /> | ||
| 503 | + </div> | ||
| 504 | + <div class="contant_one_title"> | ||
| 459 | A special Group in Evidence Based Nursing Research of TCIH | 505 | A special Group in Evidence Based Nursing Research of TCIH |
| 460 | - </span> | ||
| 461 | - </a> | ||
| 462 | - <a class="singleNews"> | ||
| 463 | - <div class="time"> | ||
| 464 | - <img src="../images/5-2-9.png" width='100%' alt="" srcset=""> | ||
| 465 | </div> | 506 | </div> |
| 466 | - <span class="single_news_content"> | 507 | + </div> |
| 508 | + </div> | ||
| 509 | + <div class="contant_word"> | ||
| 510 | + <div class="contant_one"> | ||
| 511 | + <div class="contant_one_img"> | ||
| 512 | + <img src="../images/5-2-9.png" alt="" /> | ||
| 513 | + </div> | ||
| 514 | + <div class="contant_one_title"> | ||
| 467 | Professional Activities of the Innovation R&D Project Team | 515 | Professional Activities of the Innovation R&D Project Team |
| 468 | - </span> | ||
| 469 | - </a> | ||
| 470 | - <a class="singleNews"> | ||
| 471 | - <div class="time"> | ||
| 472 | - <img src="../images/5-2-10.png" width='100%' alt="" srcset=""> | ||
| 473 | </div> | 516 | </div> |
| 474 | - <span class="single_news_content"> | 517 | + </div> |
| 518 | + <div class="contant_one"> | ||
| 519 | + <div class="contant_one_img"> | ||
| 520 | + <img src="../images/5-2-10.png" alt="" /> | ||
| 521 | + </div> | ||
| 522 | + <div class="contant_one_title"> | ||
| 475 | Professional Activities of the ERAS Team | 523 | Professional Activities of the ERAS Team |
| 476 | - </span> | ||
| 477 | - </a> | ||
| 478 | - | ||
| 479 | - | ||
| 480 | </div> | 524 | </div> |
| 481 | </div> | 525 | </div> |
| 482 | </div> | 526 | </div> |
| 483 | - | 527 | + </div> |
| 528 | + </div> | ||
| 484 | </div> | 529 | </div> |
| 485 | <footer class="footer-content"> | 530 | <footer class="footer-content"> |
| 486 | <div class="footer-main"> | 531 | <div class="footer-main"> |
| 487 | - | ||
| 488 | <ul class="list-unstyled third-ul"> | 532 | <ul class="list-unstyled third-ul"> |
| 489 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 533 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 490 | <li>Tianjin 300060</li> | 534 | <li>Tianjin 300060</li> |
| @@ -493,41 +537,51 @@ | @@ -493,41 +537,51 @@ | ||
| 493 | <li>Email: info@tjmuch.com</li> | 537 | <li>Email: info@tjmuch.com</li> |
| 494 | </ul> | 538 | </ul> |
| 495 | <ul class="list-unstyled first-ul"> | 539 | <ul class="list-unstyled first-ul"> |
| 496 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 497 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 540 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 541 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 498 | </ul> | 542 | </ul> |
| 499 | </div> | 543 | </div> |
| 500 | </footer> | 544 | </footer> |
| 501 | - | ||
| 502 | </div> | 545 | </div> |
| 503 | <script src="../js/jquery-1.11.3.min.js"></script> | 546 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 504 | <script src="../js/bootstrap.min.js"></script> | 547 | <script src="../js/bootstrap.min.js"></script> |
| 505 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 548 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 506 | <script src="../js/common.js"></script> | 549 | <script src="../js/common.js"></script> |
| 507 | <script> | 550 | <script> |
| 508 | - $(document).ready(function () { | ||
| 509 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 510 | - console.log(this) | ||
| 511 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 512 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 513 | - }) | ||
| 514 | - }) | ||
| 515 | - var swiper = new Swiper('.swiper-container', { | ||
| 516 | - pagination: '.swiper-pagination', | 551 | + $(document).ready(function() { |
| 552 | + $(".btn-group") | ||
| 553 | + .find(".navbtn-a") | ||
| 554 | + .click(function() { | ||
| 555 | + console.log(this); | ||
| 556 | + $(this) | ||
| 557 | + .siblings(".navbtn-a") | ||
| 558 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 559 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 560 | + }); | ||
| 561 | + }); | ||
| 562 | + var swiper = new Swiper(".swiper-container", { | ||
| 563 | + pagination: ".swiper-pagination", | ||
| 517 | paginationClickable: true | 564 | paginationClickable: true |
| 518 | }); | 565 | }); |
| 519 | 566 | ||
| 520 | - var swiper = new Swiper('.swiper-container1', { | ||
| 521 | - pagination: '.swiper-pagination', | 567 | + var swiper = new Swiper(".swiper-container1", { |
| 568 | + pagination: ".swiper-pagination", | ||
| 522 | slidesPerView: 3, | 569 | slidesPerView: 3, |
| 523 | paginationClickable: true, | 570 | paginationClickable: true, |
| 524 | spaceBetween: 30 | 571 | spaceBetween: 30 |
| 525 | }); | 572 | }); |
| 526 | 573 | ||
| 527 | - $('.content-word-left').on('click', 'h4', function () { | ||
| 528 | - $(this).addClass('active').siblings().removeClass('active') | ||
| 529 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
| 530 | - }) | 574 | + $(".content-word-left").on("click", "h4", function() { |
| 575 | + $(this) | ||
| 576 | + .addClass("active") | ||
| 577 | + .siblings() | ||
| 578 | + .removeClass("active"); | ||
| 579 | + $(".content-word-right") | ||
| 580 | + .eq($(this).index()) | ||
| 581 | + .addClass("active") | ||
| 582 | + .siblings() | ||
| 583 | + .removeClass("active"); | ||
| 584 | + }); | ||
| 531 | </script> | 585 | </script> |
| 532 | </body> | 586 | </body> |
| 533 | 587 |
| @@ -326,10 +326,11 @@ | @@ -326,10 +326,11 @@ | ||
| 326 | </div> | 326 | </div> |
| 327 | 327 | ||
| 328 | <!-- Swiper --> | 328 | <!-- Swiper --> |
| 329 | - <div class="img-header"> | 329 | + <!-- <div class="img-header"> |
| 330 | <img src="../images/ac_top.png" width="100%" alt=""> | 330 | <img src="../images/ac_top.png" width="100%" alt=""> |
| 331 | - </div> | 331 | + </div> --> |
| 332 | <div class="content "> | 332 | <div class="content "> |
| 333 | +<div class="navpath">Clinical Resources<span>></span>Clinical Activities</div> | ||
| 333 | 334 | ||
| 334 | <div class="content-word"> | 335 | <div class="content-word"> |
| 335 | <div class="ondata">under construction</div> | 336 | <div class="ondata">under construction</div> |
| @@ -11,7 +11,87 @@ | @@ -11,7 +11,87 @@ | ||
| 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 | + .contant { | ||
| 15 | + width: 100%; | ||
| 16 | + display: -webkit-box; | ||
| 17 | + display: -moz-box; | ||
| 18 | + display: -ms-flexbox; | ||
| 19 | + display: -webkit-flex; | ||
| 20 | + display: flex; | ||
| 21 | + justify-content: flex-start; | ||
| 22 | + /* align-items: center; */ | ||
| 23 | + margin-top: 80px; | ||
| 24 | + } | ||
| 14 | 25 | ||
| 26 | + .contant_right { | ||
| 27 | + margin-left: 170px; | ||
| 28 | + display: -webkit-box; | ||
| 29 | + display: -moz-box; | ||
| 30 | + display: -ms-flexbox; | ||
| 31 | + display: -webkit-flex; | ||
| 32 | + display: flex; | ||
| 33 | + justify-content: space-between; | ||
| 34 | + /* align-items: center; */ | ||
| 35 | + } | ||
| 36 | + | ||
| 37 | + .left_title { | ||
| 38 | + font-size: 20px; | ||
| 39 | + font-weight: bold; | ||
| 40 | + color: rgba(114, 113, 113, 1); | ||
| 41 | + line-height: 35px; | ||
| 42 | + margin-bottom: 46px; | ||
| 43 | + } | ||
| 44 | + | ||
| 45 | + .left_titles { | ||
| 46 | + font-size: 20px; | ||
| 47 | + font-weight: bold; | ||
| 48 | + color: rgba(0, 161, 108, 1); | ||
| 49 | + line-height: 35px; | ||
| 50 | + margin-bottom: 46px; | ||
| 51 | + } | ||
| 52 | + | ||
| 53 | + .contant_right_second { | ||
| 54 | + margin-left: 122px; | ||
| 55 | + } | ||
| 56 | + | ||
| 57 | + .contant_right_title { | ||
| 58 | + font-size: 20px; | ||
| 59 | + font-weight: 400; | ||
| 60 | + color: rgba(86, 86, 86, 1); | ||
| 61 | + line-height: 24px; | ||
| 62 | + margin-bottom: 50px; | ||
| 63 | + text-decoration: underline; | ||
| 64 | + } | ||
| 65 | + | ||
| 66 | + .wire { | ||
| 67 | + position: relative; | ||
| 68 | + } | ||
| 69 | + | ||
| 70 | + .wire:before { | ||
| 71 | + content: ""; | ||
| 72 | + width: 2px; | ||
| 73 | + height: 750px; | ||
| 74 | + background: rgba(114, 113, 113, 1); | ||
| 75 | + opacity: 0.7; | ||
| 76 | + position: absolute; | ||
| 77 | + top: 0; | ||
| 78 | + left: 80px; | ||
| 79 | + } | ||
| 80 | + | ||
| 81 | + .wire2 { | ||
| 82 | + position: relative; | ||
| 83 | + } | ||
| 84 | + | ||
| 85 | + .wire2::before { | ||
| 86 | + content: ""; | ||
| 87 | + width: 2px; | ||
| 88 | + height: 370px; | ||
| 89 | + background: rgba(114, 113, 113, 1); | ||
| 90 | + opacity: 0.7; | ||
| 91 | + position: absolute; | ||
| 92 | + top: 0; | ||
| 93 | + left: 75px; | ||
| 94 | + } | ||
| 15 | </style> | 95 | </style> |
| 16 | </head> | 96 | </head> |
| 17 | 97 | ||
| @@ -242,34 +322,36 @@ | @@ -242,34 +322,36 @@ | ||
| 242 | </div> | 322 | </div> |
| 243 | 323 | ||
| 244 | <!-- Swiper --> | 324 | <!-- Swiper --> |
| 245 | - <div class="img-header"> | 325 | + <!-- <div class="img-header"> |
| 246 | <img src="../images/cli2_top.png" width="100%" alt=""> | 326 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 247 | - </div> | 327 | + </div> --> |
| 248 | <div class="content"> | 328 | <div class="content"> |
| 249 | - <div class="department_top"> | ||
| 250 | - Center of Excellences | 329 | + <div class="navpath"> |
| 330 | + Clinical Resources<span>></span>Clinical Departments | ||
| 331 | + <span>></span>Center of Excellences | ||
| 251 | </div> | 332 | </div> |
| 252 | - <div class="department_main"> | ||
| 253 | - <div class="department_item"> | ||
| 254 | - <div class="single_part"> | ||
| 255 | - <a class="name_box xulie borderBottom" href="depart_detail.215.html"> | ||
| 256 | - <span>Biotherapy Cancer Center</span> | ||
| 257 | - </a> | ||
| 258 | - <div class="name_box borderBottom"> | ||
| 259 | - <span>Breast Cancer Center</span> | 333 | + <div class="contant"> |
| 334 | + <div class="contant_left"> | ||
| 335 | + <div class="left_title">Surgical Oncology</div> | ||
| 336 | + <div class="left_title">Medical Oncology</div> | ||
| 337 | + <div class="left_title">Radiation Oncology</div> | ||
| 338 | + <div class="left_title">Diagnostic Oncology</div> | ||
| 339 | + <div class="left_titles">Center of Excellences</div> | ||
| 260 | </div> | 340 | </div> |
| 261 | - <div class="name_box xulie borderBottom"> | ||
| 262 | - <span>Lung Cancer Center </span> | 341 | + <div class="wire2 "> |
| 342 | + <div class="contant_right"> | ||
| 343 | + <div class="contant_right_first"> | ||
| 344 | + <div class="contant_right_title"> | ||
| 345 | + Biotherapy Cancer Center | ||
| 263 | </div> | 346 | </div> |
| 264 | - | 347 | + <div class="contant_right_title"> |
| 348 | + Breast Cancer Center | ||
| 265 | </div> | 349 | </div> |
| 266 | </div> | 350 | </div> |
| 267 | - <div class="department_item"> | ||
| 268 | - | ||
| 269 | - | 351 | + <div class="contant_right_second"> |
| 352 | + <div class="contant_right_title">Lung Cancer Center</div> | ||
| 353 | + </div> | ||
| 270 | </div> | 354 | </div> |
| 271 | - <div class="department_item"> | ||
| 272 | - | ||
| 273 | </div> | 355 | </div> |
| 274 | </div> | 356 | </div> |
| 275 | </div> | 357 | </div> |
| @@ -326,7 +326,7 @@ | @@ -326,7 +326,7 @@ | ||
| 326 | </div> | 326 | </div> |
| 327 | <div class="contant"> | 327 | <div class="contant"> |
| 328 | <div class="contant_left"> | 328 | <div class="contant_left"> |
| 329 | - <div class="left_title">Surgical Oncology</div> | 329 | + <div class="left_titles">Surgical Oncology</div> |
| 330 | <div class="left_title">Medical Oncology</div> | 330 | <div class="left_title">Medical Oncology</div> |
| 331 | <div class="left_title">Radiation Oncology</div> | 331 | <div class="left_title">Radiation Oncology</div> |
| 332 | <div class="left_title">Diagnostic Oncology</div> | 332 | <div class="left_title">Diagnostic Oncology</div> |
| @@ -573,25 +573,25 @@ | @@ -573,25 +573,25 @@ | ||
| 573 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 573 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 574 | <script src="../js/common.js"></script> | 574 | <script src="../js/common.js"></script> |
| 575 | <script> | 575 | <script> |
| 576 | - $(".left_title").mouseover(function() { | ||
| 577 | - $(this) | ||
| 578 | - .addClass("left_titles") | ||
| 579 | - .siblings() | ||
| 580 | - .removeClass("left_titles"); | ||
| 581 | - }); | ||
| 582 | - $(".left_title").click(function() { | ||
| 583 | - $(this) | ||
| 584 | - .addClass("left_titles") | ||
| 585 | - .siblings() | ||
| 586 | - .removeClass("left_titles"); | ||
| 587 | - var index = $(this).index(); | ||
| 588 | - console.log(index); | ||
| 589 | - $(".neirong") | ||
| 590 | - .eq(index) | ||
| 591 | - .show() | ||
| 592 | - .siblings() | ||
| 593 | - .hide(); | ||
| 594 | - }); | 576 | + // $(".left_title").mouseover(function() { |
| 577 | + // $(this) | ||
| 578 | + // .addClass("left_titles") | ||
| 579 | + // .siblings() | ||
| 580 | + // .removeClass("left_titles"); | ||
| 581 | + // }); | ||
| 582 | + // $(".left_title").click(function() { | ||
| 583 | + // $(this) | ||
| 584 | + // .addClass("left_titles") | ||
| 585 | + // .siblings() | ||
| 586 | + // .removeClass("left_titles"); | ||
| 587 | + // var index = $(this).index(); | ||
| 588 | + // console.log(index); | ||
| 589 | + // $(".neirong") | ||
| 590 | + // .eq(index) | ||
| 591 | + // .show() | ||
| 592 | + // .siblings() | ||
| 593 | + // .hide(); | ||
| 594 | + // }); | ||
| 595 | </script> | 595 | </script> |
| 596 | </body> | 596 | </body> |
| 597 | 597 |
| @@ -11,7 +11,87 @@ | @@ -11,7 +11,87 @@ | ||
| 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 | + .contant { | ||
| 15 | + width: 100%; | ||
| 16 | + display: -webkit-box; | ||
| 17 | + display: -moz-box; | ||
| 18 | + display: -ms-flexbox; | ||
| 19 | + display: -webkit-flex; | ||
| 20 | + display: flex; | ||
| 21 | + justify-content: flex-start; | ||
| 22 | + /* align-items: center; */ | ||
| 23 | + margin-top: 80px; | ||
| 24 | + } | ||
| 14 | 25 | ||
| 26 | + .contant_right { | ||
| 27 | + margin-left: 170px; | ||
| 28 | + display: -webkit-box; | ||
| 29 | + display: -moz-box; | ||
| 30 | + display: -ms-flexbox; | ||
| 31 | + display: -webkit-flex; | ||
| 32 | + display: flex; | ||
| 33 | + justify-content: space-between; | ||
| 34 | + /* align-items: center; */ | ||
| 35 | + } | ||
| 36 | + | ||
| 37 | + .left_title { | ||
| 38 | + font-size: 20px; | ||
| 39 | + font-weight: bold; | ||
| 40 | + color: rgba(114, 113, 113, 1); | ||
| 41 | + line-height: 35px; | ||
| 42 | + margin-bottom: 46px; | ||
| 43 | + } | ||
| 44 | + | ||
| 45 | + .left_titles { | ||
| 46 | + font-size: 20px; | ||
| 47 | + font-weight: bold; | ||
| 48 | + color: rgba(0, 161, 108, 1); | ||
| 49 | + line-height: 35px; | ||
| 50 | + margin-bottom: 46px; | ||
| 51 | + } | ||
| 52 | + | ||
| 53 | + .contant_right_second { | ||
| 54 | + margin-left: 122px; | ||
| 55 | + } | ||
| 56 | + | ||
| 57 | + .contant_right_title { | ||
| 58 | + font-size: 20px; | ||
| 59 | + font-weight: 400; | ||
| 60 | + color: rgba(86, 86, 86, 1); | ||
| 61 | + line-height: 24px; | ||
| 62 | + margin-bottom: 50px; | ||
| 63 | + text-decoration: underline; | ||
| 64 | + } | ||
| 65 | + | ||
| 66 | + .wire { | ||
| 67 | + position: relative; | ||
| 68 | + } | ||
| 69 | + | ||
| 70 | + .wire:before { | ||
| 71 | + content: ""; | ||
| 72 | + width: 2px; | ||
| 73 | + height: 750px; | ||
| 74 | + background: rgba(114, 113, 113, 1); | ||
| 75 | + opacity: 0.7; | ||
| 76 | + position: absolute; | ||
| 77 | + top: 0; | ||
| 78 | + left: 80px; | ||
| 79 | + } | ||
| 80 | + | ||
| 81 | + .wire2 { | ||
| 82 | + position: relative; | ||
| 83 | + } | ||
| 84 | + | ||
| 85 | + .wire2::before { | ||
| 86 | + content: ""; | ||
| 87 | + width: 2px; | ||
| 88 | + height: 370px; | ||
| 89 | + background: rgba(114, 113, 113, 1); | ||
| 90 | + opacity: 0.7; | ||
| 91 | + position: absolute; | ||
| 92 | + top: 0; | ||
| 93 | + left: 75px; | ||
| 94 | + } | ||
| 15 | </style> | 95 | </style> |
| 16 | </head> | 96 | </head> |
| 17 | 97 | ||
| @@ -242,55 +322,59 @@ | @@ -242,55 +322,59 @@ | ||
| 242 | </div> | 322 | </div> |
| 243 | 323 | ||
| 244 | <!-- Swiper --> | 324 | <!-- Swiper --> |
| 245 | - <div class="img-header"> | 325 | + <!-- <div class="img-header"> |
| 246 | <img src="../images/cli2_top.png" width="100%" alt=""> | 326 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 247 | - </div> | 327 | + </div> --> |
| 248 | <div class="content"> | 328 | <div class="content"> |
| 249 | - <div class="department_top"> | 329 | + <div class="navpath"> |
| 330 | + Clinical Resources<span>></span>Clinical Departments | ||
| 331 | + <span>></span>Diagnostic Oncology | ||
| 332 | + </div> | ||
| 333 | + <!-- <div class="department_top"> | ||
| 250 | Diagnostic Oncology | 334 | Diagnostic Oncology |
| 335 | + </div> --> | ||
| 336 | + <div class="contant"> | ||
| 337 | + <div class="contant_left"> | ||
| 338 | + <div class="left_title">Surgical Oncology</div> | ||
| 339 | + <div class="left_title">Medical Oncology</div> | ||
| 340 | + <div class="left_title">Radiation Oncology</div> | ||
| 341 | + <div class="left_titles">Diagnostic Oncology</div> | ||
| 342 | + <div class="left_title">Center of Excellences</div> | ||
| 251 | </div> | 343 | </div> |
| 252 | - <div class="department_main"> | ||
| 253 | - <div class="department_item"> | ||
| 254 | 344 | ||
| 255 | - <div class="single_part"> | ||
| 256 | - <a class="name_box xulie borderBottom" href="depart_detail.214.html"> | ||
| 257 | - <span>Anti-Infection Management</span> | ||
| 258 | - </a> | ||
| 259 | - <a class="name_box borderBottom" href="depart_detail.214.html"> | ||
| 260 | - <span>Breast Imaging</span> | ||
| 261 | - </a> | ||
| 262 | - <a class="name_box xulie borderBottom" href="depart_detail.214.html"> | ||
| 263 | - <span>Cancer Prevention Center</span> | ||
| 264 | - </a> | ||
| 265 | - <a class="name_box borderBottom" href="depart_detail.214.html"> | ||
| 266 | - <span>Cardio-Pulmonary Function</span> | ||
| 267 | - </a> | ||
| 268 | - <a class="name_box xulie borderBottom" href="depart_detail.214.html"> | ||
| 269 | - <span>Clinical Laboratory</span> | ||
| 270 | - </a> | 345 | + <div class="wire2" > |
| 346 | + <div class="contant_right"> | ||
| 347 | + <div class="contant_right_first"> | ||
| 348 | + <div class="contant_right_title"> | ||
| 349 | + Anti-Infection Management | ||
| 271 | </div> | 350 | </div> |
| 351 | + <div class="contant_right_title"> | ||
| 352 | + Breast Imaging | ||
| 272 | </div> | 353 | </div> |
| 273 | - <div class="department_item"> | ||
| 274 | - <div class="single_part"> | ||
| 275 | - <a class="name_box xulie borderBottom" href="depart_detail.214.html"> | ||
| 276 | - <span>Endoscopy Department</span> | ||
| 277 | - </a> | ||
| 278 | - <div class="name_box borderBottom"> | ||
| 279 | - <span>Medical Records</span> | 354 | + <div class="contant_right_title"> |
| 355 | + Cancer Prevention Center | ||
| 280 | </div> | 356 | </div> |
| 281 | - <div class="name_box xulie borderBottom"> | ||
| 282 | - <span>Molecular Imaging and Nuclear Medicine</span> | 357 | + <div class="contant_right_title"> |
| 358 | + Cardio-Pulmonary Function | ||
| 283 | </div> | 359 | </div> |
| 284 | - <div class="name_box borderBottom"> | ||
| 285 | - <span>Radiology</span> | 360 | + <div class="contant_right_title"> |
| 361 | + Clinical Laboratory | ||
| 286 | </div> | 362 | </div> |
| 287 | - <div class="name_box xulie borderBottom"> | ||
| 288 | - <span>Ultrasound Department</span> | 363 | + </div> |
| 364 | + <div class="contant_right_second"> | ||
| 365 | + <div class="contant_right_title">Endoscopy Department</div> | ||
| 366 | + <div class="contant_right_title">Medical Records</div> | ||
| 367 | + <div class="contant_right_title"> | ||
| 368 | + Molecular Imaging and Nuclear Medicine | ||
| 369 | + </div> | ||
| 370 | + <div class="contant_right_title"> | ||
| 371 | + Radiology | ||
| 372 | + </div> | ||
| 373 | + <div class="contant_right_title"> | ||
| 374 | + Ultrasound Department | ||
| 289 | </div> | 375 | </div> |
| 290 | </div> | 376 | </div> |
| 291 | </div> | 377 | </div> |
| 292 | - <div class="department_item"> | ||
| 293 | - | ||
| 294 | </div> | 378 | </div> |
| 295 | </div> | 379 | </div> |
| 296 | </div> | 380 | </div> |
| @@ -27,6 +27,9 @@ | @@ -27,6 +27,9 @@ | ||
| 27 | width: 178px; | 27 | width: 178px; |
| 28 | margin: 0 40px 40px 40px; | 28 | margin: 0 40px 40px 40px; |
| 29 | } | 29 | } |
| 30 | + .single_ship_box{ | ||
| 31 | + margin-top: 60px | ||
| 32 | + } | ||
| 30 | </style> | 33 | </style> |
| 31 | </head> | 34 | </head> |
| 32 | 35 | ||
| @@ -257,10 +260,12 @@ | @@ -257,10 +260,12 @@ | ||
| 257 | </div> | 260 | </div> |
| 258 | 261 | ||
| 259 | <!-- Swiper --> | 262 | <!-- Swiper --> |
| 260 | - <div class="img-header"> | 263 | + <!-- <div class="img-header"> |
| 261 | <img src="../images/find_top.png" width="100%" alt=""> | 264 | <img src="../images/find_top.png" width="100%" alt=""> |
| 262 | - </div> | 265 | + </div> --> |
| 263 | <div class="content "> | 266 | <div class="content "> |
| 267 | + <div class="navpath">Clinical Resources<span>></span>Find a Doctor</div> | ||
| 268 | + | ||
| 264 | <div class='single_ship_box'> | 269 | <div class='single_ship_box'> |
| 265 | <div class='left_ship_box'> | 270 | <div class='left_ship_box'> |
| 266 | <div class="header-title-right"> | 271 | <div class="header-title-right"> |
| @@ -268,7 +273,7 @@ | @@ -268,7 +273,7 @@ | ||
| 268 | <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> | 273 | <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> |
| 269 | <input type="text" class="form-control input-lg"> | 274 | <input type="text" class="form-control input-lg"> |
| 270 | <button type="button" class="btn btn-warning btn-lg "> | 275 | <button type="button" class="btn btn-warning btn-lg "> |
| 271 | - <img src="../images/01pc-main/pic (9).png" alt=""> | 276 | + <img src="../images/01pc-main/pic (9).png" alt="" style="margin-bottom: 6px"> |
| 272 | </button> | 277 | </button> |
| 273 | </div> | 278 | </div> |
| 274 | <h4>click here</h4> | 279 | <h4>click here</h4> |
| @@ -279,7 +284,7 @@ | @@ -279,7 +284,7 @@ | ||
| 279 | <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> | 284 | <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> |
| 280 | <input type="text" class="form-control input-lg"> | 285 | <input type="text" class="form-control input-lg"> |
| 281 | <button type="button" class="btn btn-warning btn-lg "> | 286 | <button type="button" class="btn btn-warning btn-lg "> |
| 282 | - <img src="../images/01pc-main/pic (9).png" alt=""> | 287 | + <img src="../images/01pc-main/pic (9).png" alt="" style="margin-bottom: 6px"> |
| 283 | </button> | 288 | </button> |
| 284 | </div> | 289 | </div> |
| 285 | <h4>click here</h4> | 290 | <h4>click here</h4> |
| @@ -21,6 +21,87 @@ | @@ -21,6 +21,87 @@ | ||
| 21 | overflow: hidden; | 21 | overflow: hidden; |
| 22 | text-overflow: ellipsis; | 22 | text-overflow: ellipsis; |
| 23 | } | 23 | } |
| 24 | + .contant { | ||
| 25 | + width: 100%; | ||
| 26 | + display: -webkit-box; | ||
| 27 | + display: -moz-box; | ||
| 28 | + display: -ms-flexbox; | ||
| 29 | + display: -webkit-flex; | ||
| 30 | + display: flex; | ||
| 31 | + justify-content: flex-start; | ||
| 32 | + /* align-items: center; */ | ||
| 33 | + margin-top: 80px; | ||
| 34 | + } | ||
| 35 | + | ||
| 36 | + .contant_right { | ||
| 37 | + margin-left: 170px; | ||
| 38 | + display: -webkit-box; | ||
| 39 | + display: -moz-box; | ||
| 40 | + display: -ms-flexbox; | ||
| 41 | + display: -webkit-flex; | ||
| 42 | + display: flex; | ||
| 43 | + justify-content: space-between; | ||
| 44 | + /* align-items: center; */ | ||
| 45 | + } | ||
| 46 | + | ||
| 47 | + .left_title { | ||
| 48 | + font-size: 20px; | ||
| 49 | + font-weight: bold; | ||
| 50 | + color: rgba(114, 113, 113, 1); | ||
| 51 | + line-height: 35px; | ||
| 52 | + margin-bottom: 46px; | ||
| 53 | + } | ||
| 54 | + | ||
| 55 | + .left_titles { | ||
| 56 | + font-size: 20px; | ||
| 57 | + font-weight: bold; | ||
| 58 | + color: rgba(0, 161, 108, 1); | ||
| 59 | + line-height: 35px; | ||
| 60 | + margin-bottom: 46px; | ||
| 61 | + } | ||
| 62 | + | ||
| 63 | + .contant_right_second { | ||
| 64 | + margin-left: 122px; | ||
| 65 | + } | ||
| 66 | + | ||
| 67 | + .contant_right_title { | ||
| 68 | + font-size: 20px; | ||
| 69 | + font-weight: 400; | ||
| 70 | + color: rgba(86, 86, 86, 1); | ||
| 71 | + line-height: 24px; | ||
| 72 | + margin-bottom: 50px; | ||
| 73 | + text-decoration: underline; | ||
| 74 | + } | ||
| 75 | + | ||
| 76 | + .wire { | ||
| 77 | + position: relative; | ||
| 78 | + } | ||
| 79 | + | ||
| 80 | + .wire:before { | ||
| 81 | + content: ""; | ||
| 82 | + width: 2px; | ||
| 83 | + height: 750px; | ||
| 84 | + background: rgba(114, 113, 113, 1); | ||
| 85 | + opacity: 0.7; | ||
| 86 | + position: absolute; | ||
| 87 | + top: 0; | ||
| 88 | + left: 80px; | ||
| 89 | + } | ||
| 90 | + | ||
| 91 | + .wire2 { | ||
| 92 | + position: relative; | ||
| 93 | + } | ||
| 94 | + | ||
| 95 | + .wire2::before { | ||
| 96 | + content: ""; | ||
| 97 | + width: 2px; | ||
| 98 | + height: 370px; | ||
| 99 | + background: rgba(114, 113, 113, 1); | ||
| 100 | + opacity: 0.7; | ||
| 101 | + position: absolute; | ||
| 102 | + top: 0; | ||
| 103 | + left: 75px; | ||
| 104 | + } | ||
| 24 | </style> | 105 | </style> |
| 25 | </head> | 106 | </head> |
| 26 | 107 | ||
| @@ -251,14 +332,58 @@ | @@ -251,14 +332,58 @@ | ||
| 251 | </div> | 332 | </div> |
| 252 | 333 | ||
| 253 | <!-- Swiper --> | 334 | <!-- Swiper --> |
| 254 | - <div class="img-header"> | 335 | + <!-- <div class="img-header"> |
| 255 | <img src="../images/cli2_top.png" width="100%" alt=""> | 336 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 256 | - </div> | 337 | + </div> --> |
| 257 | <div class="content"> | 338 | <div class="content"> |
| 258 | - <div class="department_top"> | 339 | + <div class="navpath"> |
| 340 | + Clinical Resources<span>></span>Clinical Departments | ||
| 341 | + <span>></span>Medical Oncology | ||
| 342 | + </div> | ||
| 343 | + <!-- <div class="department_top"> | ||
| 259 | Medical Oncology | 344 | Medical Oncology |
| 345 | + </div> --> | ||
| 346 | + <div class="contant"> | ||
| 347 | + <div class="contant_left"> | ||
| 348 | + <div class="left_title">Surgical Oncology</div> | ||
| 349 | + <div class="left_titles">Medical Oncology</div> | ||
| 350 | + <div class="left_title">Radiation Oncology</div> | ||
| 351 | + <div class="left_title">Diagnostic Oncology</div> | ||
| 352 | + <div class="left_title">Center of Excellences</div> | ||
| 353 | + </div> | ||
| 354 | + <div class="wire2"> | ||
| 355 | + <div class="contant_right"> | ||
| 356 | + <div class="contant_right_first"> | ||
| 357 | + <div class="contant_right_title"> | ||
| 358 | + Biotherapy | ||
| 359 | + </div> | ||
| 360 | + <div class="contant_right_title"> | ||
| 361 | + Breast Cancer Medical Oncology | ||
| 362 | + </div> | ||
| 363 | + <div class="contant_right_title"> | ||
| 364 | + Gastrointestinal Cancer Medical Oncology | ||
| 365 | + </div> | ||
| 366 | + <div class="contant_right_title"> | ||
| 367 | + Hematology | ||
| 368 | + </div> | ||
| 369 | + <div class="contant_right_title"> | ||
| 370 | + Integrated chinese traditional and western medicine | ||
| 260 | </div> | 371 | </div> |
| 261 | - <div class="department_main"> | 372 | + </div> |
| 373 | + <div class="contant_right_second"> | ||
| 374 | + <div class="contant_right_title">Lymphoma</div> | ||
| 375 | + <div class="contant_right_title">Pain Management</div> | ||
| 376 | + <div class="contant_right_title"> | ||
| 377 | + Thoracic Medical Oncology | ||
| 378 | + </div> | ||
| 379 | + <div class="contant_right_title"> | ||
| 380 | + V.I.P. Wards | ||
| 381 | + </div> | ||
| 382 | + </div> | ||
| 383 | + </div> | ||
| 384 | + </div> | ||
| 385 | + </div> | ||
| 386 | + <!-- <div class="department_main"> | ||
| 262 | <div class="department_item"> | 387 | <div class="department_item"> |
| 263 | <a class="name_box xulie borderBottom" > | 388 | <a class="name_box xulie borderBottom" > |
| 264 | <span>Biotherapy</span> | 389 | <span>Biotherapy</span> |
| @@ -294,7 +419,7 @@ | @@ -294,7 +419,7 @@ | ||
| 294 | <div class="department_item"> | 419 | <div class="department_item"> |
| 295 | 420 | ||
| 296 | </div> | 421 | </div> |
| 297 | - </div> | 422 | + </div> --> |
| 298 | </div> | 423 | </div> |
| 299 | <footer class="footer-content"> | 424 | <footer class="footer-content"> |
| 300 | <div class="footer-main"> | 425 | <div class="footer-main"> |
| @@ -11,7 +11,87 @@ | @@ -11,7 +11,87 @@ | ||
| 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 | + .contant { | ||
| 15 | + width: 100%; | ||
| 16 | + display: -webkit-box; | ||
| 17 | + display: -moz-box; | ||
| 18 | + display: -ms-flexbox; | ||
| 19 | + display: -webkit-flex; | ||
| 20 | + display: flex; | ||
| 21 | + justify-content: flex-start; | ||
| 22 | + /* align-items: center; */ | ||
| 23 | + margin-top: 80px; | ||
| 24 | + } | ||
| 14 | 25 | ||
| 26 | + .contant_right { | ||
| 27 | + margin-left: 170px; | ||
| 28 | + display: -webkit-box; | ||
| 29 | + display: -moz-box; | ||
| 30 | + display: -ms-flexbox; | ||
| 31 | + display: -webkit-flex; | ||
| 32 | + display: flex; | ||
| 33 | + justify-content: space-between; | ||
| 34 | + /* align-items: center; */ | ||
| 35 | + } | ||
| 36 | + | ||
| 37 | + .left_title { | ||
| 38 | + font-size: 20px; | ||
| 39 | + font-weight: bold; | ||
| 40 | + color: rgba(114, 113, 113, 1); | ||
| 41 | + line-height: 35px; | ||
| 42 | + margin-bottom: 46px; | ||
| 43 | + } | ||
| 44 | + | ||
| 45 | + .left_titles { | ||
| 46 | + font-size: 20px; | ||
| 47 | + font-weight: bold; | ||
| 48 | + color: rgba(0, 161, 108, 1); | ||
| 49 | + line-height: 35px; | ||
| 50 | + margin-bottom: 46px; | ||
| 51 | + } | ||
| 52 | + | ||
| 53 | + .contant_right_second { | ||
| 54 | + margin-left: 122px; | ||
| 55 | + } | ||
| 56 | + | ||
| 57 | + .contant_right_title { | ||
| 58 | + font-size: 20px; | ||
| 59 | + font-weight: 400; | ||
| 60 | + color: rgba(86, 86, 86, 1); | ||
| 61 | + line-height: 24px; | ||
| 62 | + margin-bottom: 50px; | ||
| 63 | + text-decoration: underline; | ||
| 64 | + } | ||
| 65 | + | ||
| 66 | + .wire { | ||
| 67 | + position: relative; | ||
| 68 | + } | ||
| 69 | + | ||
| 70 | + .wire:before { | ||
| 71 | + content: ""; | ||
| 72 | + width: 2px; | ||
| 73 | + height: 750px; | ||
| 74 | + background: rgba(114, 113, 113, 1); | ||
| 75 | + opacity: 0.7; | ||
| 76 | + position: absolute; | ||
| 77 | + top: 0; | ||
| 78 | + left: 80px; | ||
| 79 | + } | ||
| 80 | + | ||
| 81 | + .wire2 { | ||
| 82 | + position: relative; | ||
| 83 | + } | ||
| 84 | + | ||
| 85 | + .wire2::before { | ||
| 86 | + content: ""; | ||
| 87 | + width: 2px; | ||
| 88 | + height: 370px; | ||
| 89 | + background: rgba(114, 113, 113, 1); | ||
| 90 | + opacity: 0.7; | ||
| 91 | + position: absolute; | ||
| 92 | + top: 0; | ||
| 93 | + left: 75px; | ||
| 94 | + } | ||
| 15 | </style> | 95 | </style> |
| 16 | </head> | 96 | </head> |
| 17 | 97 | ||
| @@ -242,26 +322,31 @@ | @@ -242,26 +322,31 @@ | ||
| 242 | </div> | 322 | </div> |
| 243 | 323 | ||
| 244 | <!-- Swiper --> | 324 | <!-- Swiper --> |
| 245 | - <div class="img-header"> | 325 | + <!-- <div class="img-header"> |
| 246 | <img src="../images/cli2_top.png" width="100%" alt=""> | 326 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 247 | - </div> | 327 | + </!--> |
| 248 | <div class="content"> | 328 | <div class="content"> |
| 249 | - <div class="department_top"> | ||
| 250 | - Radiation Oncology | 329 | + <div class="navpath"> |
| 330 | + Clinical Resources<span>></span>Clinical Departments | ||
| 331 | + <span>></span>Radiation Oncology | ||
| 332 | + </div> | ||
| 333 | + <div class="contant"> | ||
| 334 | + <div class="contant_left"> | ||
| 335 | + <div class="left_title">Surgical Oncology</div> | ||
| 336 | + <div class="left_title">Medical Oncology</div> | ||
| 337 | + <div class="left_titles">Radiation Oncology</div> | ||
| 338 | + <div class="left_title">Diagnostic Oncology</div> | ||
| 339 | + <div class="left_title">Center of Excellences</div> | ||
| 251 | </div> | 340 | </div> |
| 252 | - <div class="department_main"> | ||
| 253 | - <div class="department_item"> | ||
| 254 | - <div class="single_part"> | ||
| 255 | - <a class="name_box xulie borderBottom" href="depart_detail.2.3.html"> | ||
| 256 | - <span>Radiation Oncology</span> | ||
| 257 | - </a> | 341 | + |
| 342 | + <div class="wire2 "> | ||
| 343 | + <div class="contant_right"> | ||
| 344 | + <div class="contant_right_first"> | ||
| 345 | + <div class="contant_right_title"> | ||
| 346 | + Radiation Oncology | ||
| 258 | </div> | 347 | </div> |
| 259 | </div> | 348 | </div> |
| 260 | - <div class="department_item"> | ||
| 261 | - | ||
| 262 | </div> | 349 | </div> |
| 263 | - <div class="department_item"> | ||
| 264 | - | ||
| 265 | </div> | 350 | </div> |
| 266 | </div> | 351 | </div> |
| 267 | </div> | 352 | </div> |
| @@ -24,6 +24,7 @@ | @@ -24,6 +24,7 @@ | ||
| 24 | font-size: 21px; | 24 | font-size: 21px; |
| 25 | } | 25 | } |
| 26 | .content-word-left{ | 26 | .content-word-left{ |
| 27 | + margin-top: 60px; | ||
| 27 | border-right: 1px solid #666; | 28 | border-right: 1px solid #666; |
| 28 | width: 300px; | 29 | width: 300px; |
| 29 | flex: unset; | 30 | flex: unset; |
| @@ -31,6 +32,7 @@ | @@ -31,6 +32,7 @@ | ||
| 31 | .content-word-left h4{ | 32 | .content-word-left h4{ |
| 32 | line-height: 2.5; | 33 | line-height: 2.5; |
| 33 | cursor: pointer; | 34 | cursor: pointer; |
| 35 | +font-weight: bold; | ||
| 34 | } | 36 | } |
| 35 | .content-word-left h4:hover, .content-word-left h4.active { | 37 | .content-word-left h4:hover, .content-word-left h4.active { |
| 36 | color: #00A16C; | 38 | color: #00A16C; |
| @@ -272,12 +274,13 @@ | @@ -272,12 +274,13 @@ | ||
| 272 | </div> | 274 | </div> |
| 273 | 275 | ||
| 274 | <!-- Swiper --> | 276 | <!-- Swiper --> |
| 275 | - <div class="img-header"> | 277 | + <!-- <div class="img-header"> |
| 276 | <img src="../images/clinical_top.png" width="100%" alt=""> | 278 | <img src="../images/clinical_top.png" width="100%" alt=""> |
| 277 | - </div> | 279 | + </div> --> |
| 278 | <div class="content "> | 280 | <div class="content "> |
| 279 | 281 | ||
| 280 | <div class="content "> | 282 | <div class="content "> |
| 283 | +<div class="navpath">Clinical Resources<span>></span>Clinical Trials</div> | ||
| 281 | 284 | ||
| 282 | <div class="content-word"> | 285 | <div class="content-word"> |
| 283 | <div class="content-word-left"> | 286 | <div class="content-word-left"> |
| @@ -309,7 +312,7 @@ | @@ -309,7 +312,7 @@ | ||
| 309 | <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> | 312 | <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> |
| 310 | <input type="text" class="form-control input-lg"> | 313 | <input type="text" class="form-control input-lg"> |
| 311 | <button type="button" class="btn btn-warning btn-lg "> | 314 | <button type="button" class="btn btn-warning btn-lg "> |
| 312 | - <img src="../images/01pc-main/pic (11).png" alt=""> | 315 | + <img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px"> |
| 313 | </button> | 316 | </button> |
| 314 | </div> | 317 | </div> |
| 315 | </div> | 318 | </div> |
| @@ -54,7 +54,6 @@ ul { | @@ -54,7 +54,6 @@ ul { | ||
| 54 | text-decoration: none; | 54 | text-decoration: none; |
| 55 | font-family: "Arial-BoldMT"; | 55 | font-family: "Arial-BoldMT"; |
| 56 | font-weight: bold; | 56 | font-weight: bold; |
| 57 | - | ||
| 58 | } | 57 | } |
| 59 | 58 | ||
| 60 | .nav_menu_items li:hover>a, | 59 | .nav_menu_items li:hover>a, |
| @@ -228,6 +227,7 @@ ul { | @@ -228,6 +227,7 @@ ul { | ||
| 228 | display: flex; | 227 | display: flex; |
| 229 | display: -webkit-flex; | 228 | display: -webkit-flex; |
| 230 | } | 229 | } |
| 230 | + | ||
| 231 | .first-ul li { | 231 | .first-ul li { |
| 232 | padding: 0 15px; | 232 | padding: 0 15px; |
| 233 | } | 233 | } |
| @@ -244,6 +244,7 @@ ul { | @@ -244,6 +244,7 @@ ul { | ||
| 244 | z-index: 5; | 244 | z-index: 5; |
| 245 | border-radius: 4px; | 245 | border-radius: 4px; |
| 246 | } | 246 | } |
| 247 | + | ||
| 247 | .container-fluid .content:first-child { | 248 | .container-fluid .content:first-child { |
| 248 | padding-top: 0; | 249 | padding-top: 0; |
| 249 | } | 250 | } |
| @@ -261,82 +262,99 @@ ul { | @@ -261,82 +262,99 @@ ul { | ||
| 261 | color: #01a26e; | 262 | color: #01a26e; |
| 262 | padding-top: 10px; | 263 | padding-top: 10px; |
| 263 | } | 264 | } |
| 264 | -.prof_box{ | 265 | + |
| 266 | +.prof_box { | ||
| 265 | display: flex; | 267 | display: flex; |
| 266 | display: -webkit-flex; | 268 | display: -webkit-flex; |
| 267 | margin-top: 30px; | 269 | margin-top: 30px; |
| 268 | justify-content: space-between; | 270 | justify-content: space-between; |
| 269 | } | 271 | } |
| 270 | -.prof_item{ | 272 | + |
| 273 | +.prof_item { | ||
| 271 | width: 200px; | 274 | width: 200px; |
| 272 | margin-right: 20px; | 275 | margin-right: 20px; |
| 273 | font-size: 16px; | 276 | font-size: 16px; |
| 274 | } | 277 | } |
| 275 | -.prof_img_box{ | 278 | + |
| 279 | +.prof_img_box { | ||
| 276 | overflow: hidden; | 280 | overflow: hidden; |
| 277 | } | 281 | } |
| 278 | -.prof_desc{ | 282 | + |
| 283 | +.prof_desc { | ||
| 279 | margin-top: 20px; | 284 | margin-top: 20px; |
| 280 | } | 285 | } |
| 281 | -.flex_content{ | 286 | + |
| 287 | +.flex_content { | ||
| 282 | display: flex; | 288 | display: flex; |
| 283 | display: -webkit-flex; | 289 | display: -webkit-flex; |
| 284 | } | 290 | } |
| 285 | -.left_imgbox{ | 291 | + |
| 292 | +.left_imgbox { | ||
| 286 | flex: 1; | 293 | flex: 1; |
| 287 | -webkit-flex: 1; | 294 | -webkit-flex: 1; |
| 288 | } | 295 | } |
| 289 | -.right_desc{ | 296 | + |
| 297 | +.right_desc { | ||
| 290 | flex: 2; | 298 | flex: 2; |
| 291 | -webkit-flex: 2; | 299 | -webkit-flex: 2; |
| 292 | margin-left: 30px; | 300 | margin-left: 30px; |
| 293 | } | 301 | } |
| 294 | -.single_ship_box{ | 302 | + |
| 303 | +.single_ship_box { | ||
| 295 | display: flex; | 304 | display: flex; |
| 296 | display: -webkit-flex; | 305 | display: -webkit-flex; |
| 297 | } | 306 | } |
| 298 | -.left_ship_box{ | 307 | + |
| 308 | +.left_ship_box { | ||
| 299 | width: 240px; | 309 | width: 240px; |
| 300 | height: 300px; | 310 | height: 300px; |
| 301 | align-self: flex-start; | 311 | align-self: flex-start; |
| 302 | - border-right: 1px solid #000; | 312 | + /* border-right: 1px solid #000; */ |
| 303 | } | 313 | } |
| 304 | -.ships_list{ | 314 | + |
| 315 | +.ships_list { | ||
| 305 | display: flex; | 316 | display: flex; |
| 306 | display: -webkit-flex; | 317 | display: -webkit-flex; |
| 307 | flex: 1; | 318 | flex: 1; |
| 308 | - padding:20px 30px; | 319 | + padding: 20px 30px; |
| 309 | flex-wrap: wrap; | 320 | flex-wrap: wrap; |
| 310 | justify-content: center; | 321 | justify-content: center; |
| 311 | margin: 0 auto; | 322 | margin: 0 auto; |
| 312 | } | 323 | } |
| 313 | -.ships_item{ | 324 | + |
| 325 | +.ships_item { | ||
| 314 | width: 178px; | 326 | width: 178px; |
| 315 | - margin:0 0 40px 40px; | 327 | + margin: 0 0 40px 40px; |
| 316 | } | 328 | } |
| 317 | 329 | ||
| 318 | -.ships_item_imgbox{ | 330 | +.ships_item_imgbox { |
| 319 | background-color: #999; | 331 | background-color: #999; |
| 320 | height: 196px; | 332 | height: 196px; |
| 321 | } | 333 | } |
| 322 | 334 | ||
| 323 | -.ships_name{ | 335 | +.ships_name { |
| 324 | margin-top: 15px | 336 | margin-top: 15px |
| 325 | } | 337 | } |
| 326 | -.ondata{ | 338 | + |
| 339 | +.ondata { | ||
| 327 | height: 180px; | 340 | height: 180px; |
| 328 | color: #00A16C; | 341 | color: #00A16C; |
| 329 | font-size: 22px; | 342 | font-size: 22px; |
| 330 | line-height: 180px; | 343 | line-height: 180px; |
| 331 | } | 344 | } |
| 332 | -.nopadding{ | 345 | + |
| 346 | +.nopadding { | ||
| 333 | padding-top: 0 | 347 | padding-top: 0 |
| 334 | } | 348 | } |
| 335 | -.padding0{ | 349 | + |
| 350 | +.padding0 { | ||
| 336 | padding: 0; | 351 | padding: 0; |
| 337 | } | 352 | } |
| 353 | + | ||
| 354 | + | ||
| 338 | /* 修改 */ | 355 | /* 修改 */ |
| 339 | -.sec_menu_items{ | 356 | + |
| 357 | +.sec_menu_items { | ||
| 340 | position: absolute; | 358 | position: absolute; |
| 341 | background: #F5F6F6; | 359 | background: #F5F6F6; |
| 342 | top: 58px; | 360 | top: 58px; |
| @@ -348,7 +366,8 @@ ul { | @@ -348,7 +366,8 @@ ul { | ||
| 348 | padding-top: 18px; | 366 | padding-top: 18px; |
| 349 | padding-right: 30px; | 367 | padding-right: 30px; |
| 350 | } | 368 | } |
| 351 | -.sec_menu_items::after{ | 369 | + |
| 370 | +.sec_menu_items::after { | ||
| 352 | content: ''; | 371 | content: ''; |
| 353 | position: absolute; | 372 | position: absolute; |
| 354 | background: #00A16C; | 373 | background: #00A16C; |
| @@ -357,7 +376,8 @@ ul { | @@ -357,7 +376,8 @@ ul { | ||
| 357 | left: 0; | 376 | left: 0; |
| 358 | top: 0; | 377 | top: 0; |
| 359 | } | 378 | } |
| 360 | -.nav_menu_items li:hover .sec_menu_items{ | 379 | + |
| 380 | +.nav_menu_items li:hover .sec_menu_items { | ||
| 361 | display: block | 381 | display: block |
| 362 | } | 382 | } |
| 363 | 383 | ||
| @@ -371,6 +391,7 @@ ul { | @@ -371,6 +391,7 @@ ul { | ||
| 371 | white-space: nowrap; | 391 | white-space: nowrap; |
| 372 | position: relative; | 392 | position: relative; |
| 373 | } | 393 | } |
| 394 | + | ||
| 374 | .third_menu_items { | 395 | .third_menu_items { |
| 375 | position: absolute; | 396 | position: absolute; |
| 376 | right: 0; | 397 | right: 0; |
| @@ -381,8 +402,9 @@ ul { | @@ -381,8 +402,9 @@ ul { | ||
| 381 | display: none; | 402 | display: none; |
| 382 | padding: 0 15px; | 403 | padding: 0 15px; |
| 383 | } | 404 | } |
| 384 | -.third_menu_items:before{ | ||
| 385 | - content:''; | 405 | + |
| 406 | +.third_menu_items:before { | ||
| 407 | + content: ''; | ||
| 386 | border-width: 8px 0 8px 8px; | 408 | border-width: 8px 0 8px 8px; |
| 387 | border-color: #F5F5F5 #F5F5F5 #F5F5F5 #00A16C; | 409 | border-color: #F5F5F5 #F5F5F5 #F5F5F5 #00A16C; |
| 388 | border-style: solid; | 410 | border-style: solid; |
| @@ -398,9 +420,11 @@ ul { | @@ -398,9 +420,11 @@ ul { | ||
| 398 | color: #00A16C; | 420 | color: #00A16C; |
| 399 | position: relative; | 421 | position: relative; |
| 400 | } | 422 | } |
| 423 | + | ||
| 401 | .nav_menu_items li .sec_menu_items .inner_item:hover .third_menu_items { | 424 | .nav_menu_items li .sec_menu_items .inner_item:hover .third_menu_items { |
| 402 | display: block; | 425 | display: block; |
| 403 | } | 426 | } |
| 427 | + | ||
| 404 | .nav_menu_items li .sec_menu_items .inner_item:hover:before { | 428 | .nav_menu_items li .sec_menu_items .inner_item:hover:before { |
| 405 | content: ''; | 429 | content: ''; |
| 406 | position: absolute; | 430 | position: absolute; |
| @@ -410,6 +434,7 @@ ul { | @@ -410,6 +434,7 @@ ul { | ||
| 410 | top: 0; | 434 | top: 0; |
| 411 | background: #00A16C; | 435 | background: #00A16C; |
| 412 | } | 436 | } |
| 437 | + | ||
| 413 | .nav_menu_items li .sec_menu_items .third_menu_items .inner_item:hover:before { | 438 | .nav_menu_items li .sec_menu_items .third_menu_items .inner_item:hover:before { |
| 414 | content: ''; | 439 | content: ''; |
| 415 | position: absolute; | 440 | position: absolute; |
| @@ -420,17 +445,21 @@ ul { | @@ -420,17 +445,21 @@ ul { | ||
| 420 | background: #00A16C; | 445 | background: #00A16C; |
| 421 | } | 446 | } |
| 422 | 447 | ||
| 423 | -.base_margin{ | 448 | +.base_margin { |
| 424 | margin: 60px 0; | 449 | margin: 60px 0; |
| 425 | } | 450 | } |
| 426 | -.inner_content{ | 451 | + |
| 452 | +.inner_content { | ||
| 427 | margin: 0 auto; | 453 | margin: 0 auto; |
| 428 | width: 300px; | 454 | width: 300px; |
| 429 | } | 455 | } |
| 456 | + | ||
| 457 | + | ||
| 430 | /* 2019-04-02 departments */ | 458 | /* 2019-04-02 departments */ |
| 431 | -.department_top{ | 459 | + |
| 460 | +.department_top { | ||
| 432 | height: 122px; | 461 | height: 122px; |
| 433 | - background:rgba(235, 251, 248, 1); | 462 | + background: rgba(235, 251, 248, 1); |
| 434 | font-size: 20px; | 463 | font-size: 20px; |
| 435 | color: #00A16C; | 464 | color: #00A16C; |
| 436 | display: flex; | 465 | display: flex; |
| @@ -440,15 +469,19 @@ ul { | @@ -440,15 +469,19 @@ ul { | ||
| 440 | margin-bottom: 30px; | 469 | margin-bottom: 30px; |
| 441 | padding-left: 30px; | 470 | padding-left: 30px; |
| 442 | } | 471 | } |
| 443 | -.department_main{ | 472 | + |
| 473 | +.department_main { | ||
| 444 | display: flex; | 474 | display: flex; |
| 445 | width: 100%; | 475 | width: 100%; |
| 446 | justify-content: space-between; | 476 | justify-content: space-between; |
| 447 | } | 477 | } |
| 448 | -.department_item{ | 478 | + |
| 479 | +.department_item { | ||
| 449 | width: 370px; | 480 | width: 370px; |
| 450 | } | 481 | } |
| 451 | -.xulie,.xulie.name_box { | 482 | + |
| 483 | +.xulie, | ||
| 484 | +.xulie.name_box { | ||
| 452 | height: 56px; | 485 | height: 56px; |
| 453 | align-items: center; | 486 | align-items: center; |
| 454 | background-color: #83AD9F; | 487 | background-color: #83AD9F; |
| @@ -457,7 +490,8 @@ ul { | @@ -457,7 +490,8 @@ ul { | ||
| 457 | display: -webkit-flex; | 490 | display: -webkit-flex; |
| 458 | padding-left: 19px; | 491 | padding-left: 19px; |
| 459 | } | 492 | } |
| 460 | -.name_box{ | 493 | + |
| 494 | +.name_box { | ||
| 461 | height: 60px; | 495 | height: 60px; |
| 462 | line-height: 60px; | 496 | line-height: 60px; |
| 463 | font-size: 18px; | 497 | font-size: 18px; |
| @@ -471,20 +505,23 @@ ul { | @@ -471,20 +505,23 @@ ul { | ||
| 471 | line-height: 60px; | 505 | line-height: 60px; |
| 472 | font-size: 18px; | 506 | font-size: 18px; |
| 473 | background-color: #83AD9F; | 507 | background-color: #83AD9F; |
| 474 | - | ||
| 475 | padding-left: 30px; | 508 | padding-left: 30px; |
| 476 | } | 509 | } |
| 477 | -.name_box span{ | 510 | + |
| 511 | +.name_box span { | ||
| 478 | text-decoration: underline; | 512 | text-decoration: underline; |
| 479 | color: #565656; | 513 | color: #565656; |
| 480 | cursor: pointer; | 514 | cursor: pointer; |
| 481 | } | 515 | } |
| 482 | -.borderBottom{ | 516 | + |
| 517 | +.borderBottom { | ||
| 483 | margin-bottom: 4px; | 518 | margin-bottom: 4px; |
| 484 | } | 519 | } |
| 485 | -.margin0{ | 520 | + |
| 521 | +.margin0 { | ||
| 486 | margin-top: 0!important; | 522 | margin-top: 0!important; |
| 487 | } | 523 | } |
| 524 | + | ||
| 488 | .top_title_inner { | 525 | .top_title_inner { |
| 489 | background-color: #00A16C; | 526 | background-color: #00A16C; |
| 490 | font-size: 20px; | 527 | font-size: 20px; |
| @@ -494,13 +531,15 @@ ul { | @@ -494,13 +531,15 @@ ul { | ||
| 494 | margin-bottom: 70px; | 531 | margin-bottom: 70px; |
| 495 | margin-top: 20px; | 532 | margin-top: 20px; |
| 496 | } | 533 | } |
| 497 | -.bold_title{ | 534 | + |
| 535 | +.bold_title { | ||
| 498 | font-size: 28px; | 536 | font-size: 28px; |
| 499 | color: #00A16C; | 537 | color: #00A16C; |
| 500 | text-align: center; | 538 | text-align: center; |
| 501 | margin-bottom: 30px; | 539 | margin-bottom: 30px; |
| 502 | } | 540 | } |
| 503 | -.news_item{ | 541 | + |
| 542 | +.news_item { | ||
| 504 | display: flex; | 543 | display: flex; |
| 505 | height: 45px; | 544 | height: 45px; |
| 506 | align-items: center; | 545 | align-items: center; |
| @@ -508,12 +547,14 @@ ul { | @@ -508,12 +547,14 @@ ul { | ||
| 508 | font-size: 16px; | 547 | font-size: 16px; |
| 509 | color: #00A16C; | 548 | color: #00A16C; |
| 510 | } | 549 | } |
| 511 | -.news_inner_content{ | 550 | + |
| 551 | +.news_inner_content { | ||
| 512 | margin-bottom: 0; | 552 | margin-bottom: 0; |
| 513 | margin-left: 15px; | 553 | margin-left: 15px; |
| 514 | color: #333; | 554 | color: #333; |
| 515 | } | 555 | } |
| 516 | -.top_title_inner_short{ | 556 | + |
| 557 | +.top_title_inner_short { | ||
| 517 | min-width: 280px; | 558 | min-width: 280px; |
| 518 | padding: 10px 15px; | 559 | padding: 10px 15px; |
| 519 | text-align: center; | 560 | text-align: center; |
| @@ -523,47 +564,56 @@ ul { | @@ -523,47 +564,56 @@ ul { | ||
| 523 | font-size: 24px; | 564 | font-size: 24px; |
| 524 | margin-bottom: 40px; | 565 | margin-bottom: 40px; |
| 525 | } | 566 | } |
| 526 | -.photo_box{ | 567 | + |
| 568 | +.photo_box { | ||
| 527 | display: flex; | 569 | display: flex; |
| 528 | display: -webkit-flex; | 570 | display: -webkit-flex; |
| 529 | flex-wrap: wrap; | 571 | flex-wrap: wrap; |
| 530 | - | ||
| 531 | } | 572 | } |
| 532 | -.photo_item_box{ | 573 | + |
| 574 | +.photo_item_box { | ||
| 533 | width: 285px; | 575 | width: 285px; |
| 534 | padding: 20px; | 576 | padding: 20px; |
| 535 | margin-right: 15px; | 577 | margin-right: 15px; |
| 536 | margin-bottom: 25px; | 578 | margin-bottom: 25px; |
| 537 | background-color: #EBFBF8; | 579 | background-color: #EBFBF8; |
| 538 | } | 580 | } |
| 539 | -.photo_item_desc{ | 581 | + |
| 582 | +.photo_item_desc { | ||
| 540 | height: 130px; | 583 | height: 130px; |
| 541 | font-size: 18px; | 584 | font-size: 18px; |
| 542 | padding-top: 20px; | 585 | padding-top: 20px; |
| 543 | } | 586 | } |
| 544 | -.person_desc{ | 587 | + |
| 588 | +.person_desc { | ||
| 545 | display: flex; | 589 | display: flex; |
| 546 | display: -webkit-flex; | 590 | display: -webkit-flex; |
| 547 | } | 591 | } |
| 548 | -.person_desc_photo{ | 592 | + |
| 593 | +.person_desc_photo { | ||
| 549 | width: 249px; | 594 | width: 249px; |
| 550 | } | 595 | } |
| 551 | -.person_desc_photo img{ | 596 | + |
| 597 | +.person_desc_photo img { | ||
| 552 | width: 100%; | 598 | width: 100%; |
| 553 | } | 599 | } |
| 554 | -.person_desc_box{ | 600 | + |
| 601 | +.person_desc_box { | ||
| 555 | align-self: center; | 602 | align-self: center; |
| 556 | margin-left: 28px; | 603 | margin-left: 28px; |
| 557 | width: 200px; | 604 | width: 200px; |
| 558 | } | 605 | } |
| 559 | -.person_desc_box h4{ | 606 | + |
| 607 | +.person_desc_box h4 { | ||
| 560 | color: #000; | 608 | color: #000; |
| 561 | } | 609 | } |
| 610 | + | ||
| 562 | .person_introduce_box h3 { | 611 | .person_introduce_box h3 { |
| 563 | color: #00A16C; | 612 | color: #00A16C; |
| 564 | margin-bottom: 50px; | 613 | margin-bottom: 50px; |
| 565 | } | 614 | } |
| 566 | -.photo_item_imageBox{ | 615 | + |
| 616 | +.photo_item_imageBox { | ||
| 567 | background: #B9BDBE; | 617 | background: #B9BDBE; |
| 568 | width: 245px; | 618 | width: 245px; |
| 569 | height: 290px; | 619 | height: 290px; |
| @@ -920,13 +920,15 @@ li { | @@ -920,13 +920,15 @@ li { | ||
| 920 | .navpath { | 920 | .navpath { |
| 921 | height: 66px; | 921 | height: 66px; |
| 922 | background-color: #00a16c; | 922 | background-color: #00a16c; |
| 923 | - padding: 26px 0 26px 32px; | 923 | + /* padding: 26px 0 26px 32px; */ |
| 924 | font-size: 16px; | 924 | font-size: 16px; |
| 925 | font-weight: normal; | 925 | font-weight: normal; |
| 926 | font-stretch: normal; | 926 | font-stretch: normal; |
| 927 | letter-spacing: 2px; | 927 | letter-spacing: 2px; |
| 928 | color: #feffff; | 928 | color: #feffff; |
| 929 | box-sizing: border-box; | 929 | box-sizing: border-box; |
| 930 | + line-height: 66px; | ||
| 931 | + padding-left: 32px | ||
| 930 | } | 932 | } |
| 931 | 933 | ||
| 932 | .navpath span { | 934 | .navpath span { |
| @@ -2,30 +2,54 @@ | @@ -2,30 +2,54 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 13 | <style> |
| 14 | .prof_box { | 14 | .prof_box { |
| 15 | justify-content: space-around; | 15 | justify-content: space-around; |
| 16 | } | 16 | } |
| 17 | - .prof_item{ | ||
| 18 | - width:auto; | 17 | + |
| 18 | + .prof_item { | ||
| 19 | + width: auto; | ||
| 19 | font-size: 20px; | 20 | font-size: 20px; |
| 20 | color: #333; | 21 | color: #333; |
| 21 | } | 22 | } |
| 22 | - .prof_img_box{ | 23 | + |
| 24 | + .prof_img_box { | ||
| 23 | width: 200px; | 25 | width: 200px; |
| 24 | } | 26 | } |
| 25 | - .bottom_imgBox{ | 27 | + |
| 28 | + .bottom_imgBox { | ||
| 26 | flex: 1; | 29 | flex: 1; |
| 27 | } | 30 | } |
| 28 | 31 | ||
| 32 | + .contant { | ||
| 33 | + width: 1122px; | ||
| 34 | + margin: 70px auto 0 auto; | ||
| 35 | + } | ||
| 36 | + | ||
| 37 | + .contant_one { | ||
| 38 | + font-size: 20px; | ||
| 39 | + font-weight: 400; | ||
| 40 | + color: rgba(114, 113, 113, 1); | ||
| 41 | + } | ||
| 42 | + | ||
| 43 | + .contant_img { | ||
| 44 | + margin: 40px auto; | ||
| 45 | + width: 698px; | ||
| 46 | + height: 426px; | ||
| 47 | + } | ||
| 48 | + | ||
| 49 | + .contant_img img { | ||
| 50 | + width: 100%; | ||
| 51 | + height: 100%; | ||
| 52 | + } | ||
| 29 | </style> | 53 | </style> |
| 30 | </head> | 54 | </head> |
| 31 | 55 | ||
| @@ -33,23 +57,22 @@ | @@ -33,23 +57,22 @@ | ||
| 33 | <nav class="navbar navbar-default bgf mb0"> | 57 | <nav class="navbar navbar-default bgf mb0"> |
| 34 | <div class="container-fluid top_pc_brand"> | 58 | <div class="container-fluid top_pc_brand"> |
| 35 | <div class="navbar-header"> | 59 | <div class="navbar-header"> |
| 36 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 37 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 60 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 38 | <span class="sr-only">Toggle navigation</span> | 61 | <span class="sr-only">Toggle navigation</span> |
| 39 | <span class="icon-bar"></span> | 62 | <span class="icon-bar"></span> |
| 40 | <span class="icon-bar"></span> | 63 | <span class="icon-bar"></span> |
| 41 | <span class="icon-bar"></span> | 64 | <span class="icon-bar"></span> |
| 42 | </button> | 65 | </button> |
| 43 | <a class="navbar-brand logo" href="../index.html"> | 66 | <a class="navbar-brand logo" href="../index.html"> |
| 44 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 67 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 45 | </a> | 68 | </a> |
| 46 | </div> | 69 | </div> |
| 47 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 70 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 48 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 71 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 49 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 72 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 50 | - <input type="text" class="form-control search-input" placeholder="Search"> | 73 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 51 | <div class="magnifier"> | 74 | <div class="magnifier"> |
| 52 | - <img src="../images/search_btn.png" alt=""> | 75 | + <img src="../images/search_btn.png" alt="" /> |
| 53 | </div> | 76 | </div> |
| 54 | </div> | 77 | </div> |
| 55 | </div> | 78 | </div> |
| @@ -61,7 +84,7 @@ | @@ -61,7 +84,7 @@ | ||
| 61 | <ul class="nav_menu_items"> | 84 | <ul class="nav_menu_items"> |
| 62 | <li class="btn navbtn-a" role="button"> | 85 | <li class="btn navbtn-a" role="button"> |
| 63 | <a href="javascript:;">ABOUT US</a> | 86 | <a href="javascript:;">ABOUT US</a> |
| 64 | - <div class='sec_menu_items'> | 87 | + <div class="sec_menu_items"> |
| 65 | <a href="../about/welcome.html" class="inner_item"> | 88 | <a href="../about/welcome.html" class="inner_item"> |
| 66 | Welcome Message | 89 | Welcome Message |
| 67 | </a> | 90 | </a> |
| @@ -82,9 +105,8 @@ | @@ -82,9 +105,8 @@ | ||
| 82 | </li> | 105 | </li> |
| 83 | <li class="btn navbtn-a" role="button"> | 106 | <li class="btn navbtn-a" role="button"> |
| 84 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 107 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 85 | - <div class='sec_menu_items'> | ||
| 86 | - <div href="../clinical/departments.html" | ||
| 87 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 108 | + <div class="sec_menu_items"> |
| 109 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 88 | Clinical Departments | 110 | Clinical Departments |
| 89 | <div class="third_menu_items"> | 111 | <div class="third_menu_items"> |
| 90 | <a href="../clinical/departm.html" class="inner_item"> | 112 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -117,13 +139,11 @@ | @@ -117,13 +139,11 @@ | ||
| 117 | </li> | 139 | </li> |
| 118 | <li class="btn navbtn-a" role="button"> | 140 | <li class="btn navbtn-a" role="button"> |
| 119 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 141 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 120 | - <div class='sec_menu_items'> | ||
| 121 | - | 142 | + <div class="sec_menu_items"> |
| 122 | <a href="../research/nationalCancer.html" class="inner_item"> | 143 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 123 | National Cancer Clinical Research Center | 144 | National Cancer Clinical Research Center |
| 124 | </a> | 145 | </a> |
| 125 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 126 | - class="inner_item"> | 146 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 127 | Research | 147 | Research |
| 128 | <div class="third_menu_items"> | 148 | <div class="third_menu_items"> |
| 129 | <a href="../research/research1.html" class="inner_item"> | 149 | <a href="../research/research1.html" class="inner_item"> |
| @@ -140,8 +160,7 @@ | @@ -140,8 +160,7 @@ | ||
| 140 | </a> | 160 | </a> |
| 141 | </div> | 161 | </div> |
| 142 | </div> | 162 | </div> |
| 143 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 144 | - class="inner_item"> | 163 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 145 | Education | 164 | Education |
| 146 | <div class="third_menu_items"> | 165 | <div class="third_menu_items"> |
| 147 | <a href="../research/education.html" class="inner_item"> | 166 | <a href="../research/education.html" class="inner_item"> |
| @@ -162,7 +181,7 @@ | @@ -162,7 +181,7 @@ | ||
| 162 | </li> | 181 | </li> |
| 163 | <li class="btn navbtnActive navbtn-a" role="button"> | 182 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 164 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 183 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 165 | - <div class='sec_menu_items'> | 184 | + <div class="sec_menu_items"> |
| 166 | <div href="javascript:;" class="inner_item"> | 185 | <div href="javascript:;" class="inner_item"> |
| 167 | About Us | 186 | About Us |
| 168 | <div class="third_menu_items"> | 187 | <div class="third_menu_items"> |
| @@ -204,7 +223,7 @@ | @@ -204,7 +223,7 @@ | ||
| 204 | </li> | 223 | </li> |
| 205 | <li class="btn navbtn-a" role="button"> | 224 | <li class="btn navbtn-a" role="button"> |
| 206 | <a href="../contact.html">NURSING CARE</a> | 225 | <a href="../contact.html">NURSING CARE</a> |
| 207 | - <div class='sec_menu_items'> | 226 | + <div class="sec_menu_items"> |
| 208 | <a href="../care/aboutus.html" class="inner_item"> | 227 | <a href="../care/aboutus.html" class="inner_item"> |
| 209 | About Us | 228 | About Us |
| 210 | </a> | 229 | </a> |
| @@ -233,7 +252,7 @@ | @@ -233,7 +252,7 @@ | ||
| 233 | </li> | 252 | </li> |
| 234 | <li class="btn navbtn-a" role="button"> | 253 | <li class="btn navbtn-a" role="button"> |
| 235 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 254 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 236 | - <div class='sec_menu_items'> | 255 | + <div class="sec_menu_items"> |
| 237 | <a href="../international/conference.html" class="inner_item"> | 256 | <a href="../international/conference.html" class="inner_item"> |
| 238 | International Conferences | 257 | International Conferences |
| 239 | </a> | 258 | </a> |
| @@ -258,101 +277,56 @@ | @@ -258,101 +277,56 @@ | ||
| 258 | </div> | 277 | </div> |
| 259 | 278 | ||
| 260 | <!-- Swiper --> | 279 | <!-- Swiper --> |
| 261 | - <div class="img-header"> | 280 | + <!-- <div class="img-header"> |
| 262 | <img src="../images/ins_banner.png" width="100%" alt=""> | 281 | <img src="../images/ins_banner.png" width="100%" alt=""> |
| 263 | - </div> | 282 | + </div> --> |
| 264 | <div class="content"> | 283 | <div class="content"> |
| 265 | - <div class="content-word"> | ||
| 266 | - <div class="content-word-left"> | ||
| 267 | - <div class="top_title_inner_short"> | ||
| 268 | - About Us | ||
| 269 | - </div> | ||
| 270 | - <p style="font-size: 18px; color:#000;">Tianjin Cancer Institute was established in 1977 by the late Chinese oncologist Professor Jin | ||
| 271 | - Xianzhai. It used to be the Cancer Prevention Research Laboratory of Tianjin People’s Hospital. | ||
| 272 | - In 1987, Tianjin People’s Hospital was renamed Tianjin Cancer Hospital, and the Research | ||
| 273 | - Laboratory was set as an institute. In 1997, the Cancer Hospital and Research Institute were | ||
| 274 | - assigned to Tianjin Medical University. In 2007, the Institute became an independent legal | ||
| 275 | - entity. Jin Xianzhai, Zhou Yanchang, Zhang Tianze and Jin Jiarui have served as the director of | ||
| 276 | - has served as the director successively. Academician Hao Xishan is the current director, with | ||
| 277 | - Professor Ying Guoguang, Professor Niu Ruifang and Professor Li Hui acting as the deputy | ||
| 278 | - directors. <br> | ||
| 279 | - Tianjin Cancer Institute has 12 departments, namely the Laboratory for Cancer Epidemiology & | ||
| 280 | - Biostatistics, the Laboratory for Pathology, the Laboratory for Biochemistry & Molecular | ||
| 281 | - Biology, the Laboratory for Cancer Cell Biology, the Laboratory for Immuno-Biotechnology, the | ||
| 282 | - Laboratory for Gastrointestinal Tumor Biology, the Pharmacology Laboratory, the Public | ||
| 283 | - Laboratory, the Tumor Molecular Diagnostic Center, the Tissue Bank, the Library and the | ||
| 284 | - Editorial Department. <br> | ||
| 285 | - Relying on the discipline of oncology which is the national key discipline, Tianjin Medical | ||
| 286 | - University became a national first-class discipline construction university in 2017, and the | ||
| 287 | - clinical medicine (basics and clinical discipline of tumors) is the discipline to be | ||
| 288 | - constructed. It has the Key Laboratory of Breast Cancer Prevention and Control directly under | ||
| 289 | - the Ministry of Education, the Tianjin Municipal Key Laboratory of Cancer Prevention and | ||
| 290 | - Control, the Tianjin Municipal Key Laboratory of Cancer Immunity and Biotherapy, and positions | ||
| 291 | - of the “Changjiang Scholars and Innovation Team Development Plan” of the Ministry of Education. <br> | ||
| 292 | - Having focused on oncology basic research and clinical transformation application research for | ||
| 293 | - years, the Institute lays emphasis on the prevention, early diagnosis and individualized | ||
| 294 | - clinical treatment of tumor diseases. Our main research directions include tumor epidemiology, | ||
| 295 | - tumor pathology and molecular typing, tumor genesis, tumor immunity and immunotherapy. The | ||
| 296 | - Institute has made a series of achievements and progress in establishing a three-level | ||
| 297 | - prevention and control model for the common malignant tumors in China, screening high-risk | ||
| 298 | - populations, discovering new tumor-related genes, exploring tumor development mechanisms, and | ||
| 299 | - the R&D of new theory about the tumor angiogenesis, the new methods of tumor diagnosis, and the | ||
| 300 | - new technologies for tumor immunotherapy. <br> | ||
| 301 | - In the past 5 years, the Institute has obtained 83 scientific research projects at and above the | ||
| 302 | - provincial and ministerial level, including 3 National Key Technology Research and Development | ||
| 303 | - Programs of the Ministry of Science and Technology of China and 55 programs supported by the | ||
| 304 | - National Natural Science Foundation of China. Besides, the Institute has published altogether | ||
| 305 | - 314 SCI papers. Since the 12th Five-Year Plan was implemented, the Institute has been awarded a | ||
| 306 | - total of 6 scientific and technological achievements at and above the provincial and ministerial | ||
| 307 | - level. Moreover, Academician Hao Xishan was given the Science and Technology Major Achievement | ||
| 308 | - Prize of Tianjin in 2011. <br> | ||
| 309 | - With the aim of consolidating and improving the level of the discipline construction, the | ||
| 310 | - Institute has been continuously strengthening the construction of its talent teams. The | ||
| 311 | - Institute currently has a total of 179 professional technical personnel at various levels, | ||
| 312 | - including 1 academician of the Chinese Academy of Engineering, 1 foreign academician of the | ||
| 313 | - Chinese Academy of Engineering, 1 Distinguished Young Scholar of the National Natural Science | ||
| 314 | - Foundation of China, 4 special lecturers of the Chang Jiang Scholars Program of the Ministry of | ||
| 315 | - Education, 1 leading talent of the Ten Thousand Talent Program, 1 person of Millions of Talents | ||
| 316 | - in the Ministry of Human Resources and Social Security, 1 talent of the National Special Support | ||
| 317 | - Program for High-level Personnel Recruitment, 1 leader of the “Changjiang Scholars” Innovation | ||
| 318 | - Team, 2 personnel supported by the Ministry of Education’s Program for New Century Excellent | ||
| 319 | - Talents, 2 Outstanding Mid-aged Experts awarded by the Ministry of Health, 1 “131” Innovative | ||
| 320 | - Talent Team of Tianjin, 5 specially-appointed professors of Tianjin, 5 people supported by the | ||
| 321 | - “Thousand Talent Program” of Tianjin, and 4 “131” Innovative Talents of Tianjin at the first | ||
| 322 | - level. <br> | ||
| 323 | - The Institute has implemented a management system based on current principle | ||
| 324 | - investigators（PIs）since 2013, We currently has 17 full-time PIs with their research teams. There | ||
| 325 | - are 24 doctoral tutors and 37 master tutors. In the past 5 years, the Institute has recruited a | ||
| 326 | - total of 62 doctoral students, 124 postgraduate students. In additions, there are 64 graduated | ||
| 327 | - doctoral students and 86 graduated postgraduate students. <br> | ||
| 328 | - We have been attaching the great importance to the construction of the core facilities and | ||
| 329 | - services. In order to provide a strong support for the high-level researches to be carried out, | ||
| 330 | - the Institute has built the Tissue Bank, the Tumor Molecular Diagnostic Center, the Large-Scale | ||
| 331 | - instrument platform, the bioinformatics platform, the Pharmacology Laboratory, the clinical drug | ||
| 332 | - evaluation, and the SPF experimental animal platform. <br> | ||
| 333 | - The Institute will closely continue tracking the international frontier trends in the research | ||
| 334 | - field of the oncology and the translational medicine, and emphasizing the original and | ||
| 335 | - independent innovation of the theory and the technology, so as to cultivate more senior | ||
| 336 | - personnel for the oncology research and medical development of China, and make the positive | ||
| 337 | - contributions to comprehensively improve the ability of preventing and treating cancer of China. | ||
| 338 | -</p> | ||
| 339 | - </div> | ||
| 340 | - | ||
| 341 | - </div> | ||
| 342 | - <!-- 形象墙 --> | ||
| 343 | - <div class='prof_box'> | ||
| 344 | - | ||
| 345 | - <div class="bottom_imgBox"> | ||
| 346 | - <img src="../images/bottom_left.png" alt="" srcset=""> | ||
| 347 | - </div> | ||
| 348 | - <div class="bottom_imgBox"> | ||
| 349 | - <img src="../images/bottom_right.png" alt="" srcset=""> | ||
| 350 | - </div> | 284 | + <div class="navpath"> |
| 285 | + Tianjin Cancer Institute<span>></span>About Us<span>></span>About Us | ||
| 286 | + </div> | ||
| 287 | + <div class="contant"> | ||
| 288 | + <div class="contant_one"> | ||
| 289 | + Tianjin Cancer Institute was established in 1977 by the late Chinese oncologist Professor Jin Xianzhai. It used to be the Cancer Prevention Research Laboratory of Tianjin People’s Hospital. In 1987, Tianjin People’s Hospital was renamed Tianjin Cancer | ||
| 290 | + Hospital, and the Research Laboratory was set as an institute. In 1997, the Cancer Hospital and Research Institute were assigned to Tianjin Medical University. In 2007, the Institute became an independent legal entity. Jin Xianzhai, | ||
| 291 | + Zhou Yanchang, Zhang Tianze and Jin Jiarui have served as the director of has served as the director successively. Academician Hao Xishan is the current director, with Professor Ying Guoguang, Professor Niu Ruifang and Professor Li | ||
| 292 | + Hui acting as the deputy directors. | ||
| 293 | + </div> | ||
| 294 | + </div> | ||
| 295 | + <div class="contant_img"> | ||
| 296 | + <img src="../images/71.png" alt="" /> | ||
| 297 | + </div> | ||
| 298 | + <div class="contant_one"> | ||
| 299 | + Tianjin Cancer Institute has 12 departments, namely the Laboratory for Cancer Epidemiology & Biostatistics, the Laboratory for Pathology, the Laboratory for Biochemistry & Molecular Biology, the Laboratory for Cancer Cell Biology, the Laboratory for Immuno-Biotechnology, | ||
| 300 | + the Laboratory for Gastrointestinal Tumor Biology, the Pharmacology Laboratory, the Public Laboratory, the Tumor Molecular Diagnostic Center, the Tissue Bank, the Library and the Editorial Department.<br />Relying on the | ||
| 301 | + discipline of oncology which is the national key discipline, Tianjin Medical University became a national first-class discipline construction university in 2017, and the clinical medicine (basics and clinical discipline of tumors) is the | ||
| 302 | + discipline to be constructed. It has the Key Laboratory of Breast Cancer Prevention and Control directly under the Ministry of Education, the Tianjin Municipal Key Laboratory of Cancer Prevention and Control, the Tianjin Municipal Key | ||
| 303 | + Laboratory of Cancer Immunity and Biotherapy, and positions of the “Changjiang Scholars and Innovation Team Development Plan” of the Ministry of Education. Having focused on oncology basic research and clinical transformation application | ||
| 304 | + research for years, the Institute lays emphasis on the prevention, early diagnosis and individualized clinical treatment of tumor diseases. Our main research directions include tumor epidemiology, tumor pathology and molecular typing, | ||
| 305 | + tumor genesis, tumor immunity and immunotherapy. The Institute has made a series of achievements and progress in establishing a three-level prevention and control model for the common malignant tumors in China, screening high-risk populations, | ||
| 306 | + discovering new tumor-related genes, exploring tumor development mechanisms, and the R&D of new theory about the tumor angiogenesis, the new methods of tumor diagnosis, and the new technologies for tumor immunotherapy. | ||
| 307 | + </div> | ||
| 308 | + <div class="contant_img"> | ||
| 309 | + <img src="../images/72.png" alt="" /> | ||
| 310 | + </div> | ||
| 311 | + <div class="contant_one"> | ||
| 312 | + In the past 5 years, the Institute has obtained 83 scientific research projects at and above the provincial and ministerial level, including 3 National Key Technology Research and Development Programs of the Ministry of Science and Technology of China | ||
| 313 | + and 55 programs supported by the National Natural Science Foundation of China. Besides, the Institute has published altogether 314 SCI papers. Since the 12th Five-Year Plan was implemented, the Institute has been awarded a total of 6 scientific | ||
| 314 | + and technological achievements at and above the provincial and ministerial level. Moreover, Academician Hao Xishan was given the Science and Technology Major Achievement Prize of Tianjin in 2011. <br /> With the aim of | ||
| 315 | + consolidating and improving the level of the discipline construction, the Institute has been continuously strengthening the construction of its talent teams. The Institute currently has a total of 179 professional technical personnel at | ||
| 316 | + various levels, including 1 academician of the Chinese Academy of Engineering, 1 foreign academician of the Chinese Academy of Engineering, 1 Distinguished Young Scholar of the National Natural Science Foundation of China, 4 special lecturers | ||
| 317 | + of the Chang Jiang Scholars Program of the Ministry of Education, 1 leading talent of the Ten Thousand Talent Program, 1 person of Millions of Talents in the Ministry of Human Resources and Social Security, 1 talent of the National Special | ||
| 318 | + Support Program for High-level Personnel Recruitment, 1 leader of the “Changjiang Scholars” Innovation Team, 2 personnel supported by the Ministry of Education’s Program for New Century Excellent Talents, 2 Outstanding Mid-aged Experts | ||
| 319 | + awarded by the Ministry of Health, 1 “131” Innovative Talent Team of Tianjin, 5 specially-appointed professors of Tianjin, 5 people supported by the “Thousand Talent Program” of Tianjin, and 4 “131” Innovative Talents of Tianjin at the | ||
| 320 | + first level. <br /> The Institute has implemented a management system based on current principle investigators（PIs）since 2013, We currently has 17 full-time PIs with their research teams. There are 24 doctoral tutors and 37 master tutors. | ||
| 321 | + In the past 5 years, the Institute has recruited a total of 62 doctoral students, 124 postgraduate students. In additions, there are 64 graduated doctoral students and 86 graduated postgraduate students. <br /> We have been attaching the | ||
| 322 | + great importance to the construction of the core facilities and services. In order to provide a strong support for the high-level researches to be carried out, the Institute has built the Tissue Bank, the Tumor Molecular Diagnostic Center, | ||
| 323 | + the Large-Scale instrument platform, the bioinformatics platform, the Pharmacology Laboratory, the clinical drug evaluation, and the SPF experimental animal platform. <br /> The Institute will closely continue tracking the international | ||
| 324 | + frontier trends in the research field of the oncology and the translational medicine, and emphasizing the original and independent innovation of the theory and the technology, so as to cultivate more senior personnel for the oncology research | ||
| 325 | + and medical development of China, and make the positive contributions to comprehensively improve the ability of preventing and treating cancer of China. | ||
| 351 | </div> | 326 | </div> |
| 352 | </div> | 327 | </div> |
| 353 | <footer class="footer-content"> | 328 | <footer class="footer-content"> |
| 354 | <div class="footer-main"> | 329 | <div class="footer-main"> |
| 355 | - | ||
| 356 | <ul class="list-unstyled third-ul"> | 330 | <ul class="list-unstyled third-ul"> |
| 357 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 331 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 358 | <li>Tianjin 300060</li> | 332 | <li>Tianjin 300060</li> |
| @@ -361,32 +335,35 @@ | @@ -361,32 +335,35 @@ | ||
| 361 | <li>Email: info@tjmuch.com</li> | 335 | <li>Email: info@tjmuch.com</li> |
| 362 | </ul> | 336 | </ul> |
| 363 | <ul class="list-unstyled first-ul"> | 337 | <ul class="list-unstyled first-ul"> |
| 364 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 365 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 338 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 339 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 366 | </ul> | 340 | </ul> |
| 367 | </div> | 341 | </div> |
| 368 | </footer> | 342 | </footer> |
| 369 | - | ||
| 370 | </div> | 343 | </div> |
| 371 | <script src="../js/jquery-1.11.3.min.js"></script> | 344 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 372 | <script src="../js/bootstrap.min.js"></script> | 345 | <script src="../js/bootstrap.min.js"></script> |
| 373 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 346 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 374 | <script src="../js/common.js"></script> | 347 | <script src="../js/common.js"></script> |
| 375 | <script> | 348 | <script> |
| 376 | - $(document).ready(function () { | ||
| 377 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 378 | - console.log(this) | ||
| 379 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 380 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 381 | - }) | ||
| 382 | - }) | ||
| 383 | - var swiper = new Swiper('.swiper-container', { | ||
| 384 | - pagination: '.swiper-pagination', | 349 | + $(document).ready(function() { |
| 350 | + $(".btn-group") | ||
| 351 | + .find(".navbtn-a") | ||
| 352 | + .click(function() { | ||
| 353 | + console.log(this); | ||
| 354 | + $(this) | ||
| 355 | + .siblings(".navbtn-a") | ||
| 356 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 357 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 358 | + }); | ||
| 359 | + }); | ||
| 360 | + var swiper = new Swiper(".swiper-container", { | ||
| 361 | + pagination: ".swiper-pagination", | ||
| 385 | paginationClickable: true | 362 | paginationClickable: true |
| 386 | }); | 363 | }); |
| 387 | 364 | ||
| 388 | - var swiper = new Swiper('.swiper-container1', { | ||
| 389 | - pagination: '.swiper-pagination', | 365 | + var swiper = new Swiper(".swiper-container1", { |
| 366 | + pagination: ".swiper-pagination", | ||
| 390 | slidesPerView: 3, | 367 | slidesPerView: 3, |
| 391 | paginationClickable: true, | 368 | paginationClickable: true, |
| 392 | spaceBetween: 30 | 369 | spaceBetween: 30 |
| @@ -2,25 +2,28 @@ | @@ -2,25 +2,28 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 13 | <style> |
| 14 | .single_box { | 14 | .single_box { |
| 15 | width: 600px; | 15 | width: 600px; |
| 16 | margin-bottom: 44px; | 16 | margin-bottom: 44px; |
| 17 | } | 17 | } |
| 18 | + | ||
| 18 | .single_box:last-child { | 19 | .single_box:last-child { |
| 19 | margin: 0; | 20 | margin: 0; |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | .content-word { | 23 | .content-word { |
| 22 | position: relative; | 24 | position: relative; |
| 23 | } | 25 | } |
| 26 | + | ||
| 24 | .content-word-left { | 27 | .content-word-left { |
| 25 | width: 300px; | 28 | width: 300px; |
| 26 | flex: unset; | 29 | flex: unset; |
| @@ -28,6 +31,7 @@ | @@ -28,6 +31,7 @@ | ||
| 28 | justify-self: flex-end; | 31 | justify-self: flex-end; |
| 29 | margin-left: 60px; | 32 | margin-left: 60px; |
| 30 | } | 33 | } |
| 34 | + | ||
| 31 | .content-word-right { | 35 | .content-word-right { |
| 32 | flex: unset; | 36 | flex: unset; |
| 33 | display: none !important; | 37 | display: none !important; |
| @@ -36,9 +40,11 @@ | @@ -36,9 +40,11 @@ | ||
| 36 | padding: 0; | 40 | padding: 0; |
| 37 | position: relative; | 41 | position: relative; |
| 38 | } | 42 | } |
| 43 | + | ||
| 39 | .content-word-right.active { | 44 | .content-word-right.active { |
| 40 | display: flex !important; | 45 | display: flex !important; |
| 41 | } | 46 | } |
| 47 | + | ||
| 42 | .content-word-right .single_part { | 48 | .content-word-right .single_part { |
| 43 | width: 243px; | 49 | width: 243px; |
| 44 | display: flex; | 50 | display: flex; |
| @@ -49,61 +55,70 @@ | @@ -49,61 +55,70 @@ | ||
| 49 | align-items: flex-start; | 55 | align-items: flex-start; |
| 50 | margin-left: 50px; | 56 | margin-left: 50px; |
| 51 | } | 57 | } |
| 58 | + | ||
| 52 | .content-word-left h4 { | 59 | .content-word-left h4 { |
| 53 | color: #232323; | 60 | color: #232323; |
| 54 | - opacity: .7; | 61 | + opacity: 0.7; |
| 55 | line-height: 2.5; | 62 | line-height: 2.5; |
| 56 | padding: 0; | 63 | padding: 0; |
| 57 | margin: 0; | 64 | margin: 0; |
| 58 | cursor: pointer; | 65 | cursor: pointer; |
| 59 | } | 66 | } |
| 67 | + | ||
| 60 | .single_part p { | 68 | .single_part p { |
| 61 | margin-top: 10px; | 69 | margin-top: 10px; |
| 62 | } | 70 | } |
| 63 | 71 | ||
| 64 | - .content-word-left{ | ||
| 65 | - background: #EBFBF8; | 72 | + .content-word-left { |
| 73 | + background: #ebfbf8; | ||
| 66 | height: 863px; | 74 | height: 863px; |
| 67 | position: relative; | 75 | position: relative; |
| 68 | } | 76 | } |
| 77 | + | ||
| 69 | .part_box { | 78 | .part_box { |
| 70 | width: 242px; | 79 | width: 242px; |
| 71 | height: 115px; | 80 | height: 115px; |
| 72 | overflow: hidden; | 81 | overflow: hidden; |
| 73 | background-color: #898989; | 82 | background-color: #898989; |
| 74 | } | 83 | } |
| 75 | - .depart_introduce{ | ||
| 76 | - background: #EBFBF8; | 84 | + |
| 85 | + .depart_introduce { | ||
| 86 | + background: #ebfbf8; | ||
| 77 | min-height: 400px; | 87 | min-height: 400px; |
| 78 | color: #232323; | 88 | color: #232323; |
| 79 | margin-top: 60px; | 89 | margin-top: 60px; |
| 80 | padding: 20px; | 90 | padding: 20px; |
| 81 | font-size: 18px; | 91 | font-size: 18px; |
| 82 | - width: 100% | 92 | + width: 100%; |
| 83 | } | 93 | } |
| 84 | - .depart_introduce p{ | 94 | + |
| 95 | + .depart_introduce p { | ||
| 85 | font-size: 20px; | 96 | font-size: 20px; |
| 86 | color: #000; | 97 | color: #000; |
| 87 | margin: 30px 0; | 98 | margin: 30px 0; |
| 88 | } | 99 | } |
| 89 | - .part_top{ | 100 | + |
| 101 | + .part_top { | ||
| 90 | height: 74px; | 102 | height: 74px; |
| 91 | - background: #83AD9F; | 103 | + background: #83ad9f; |
| 92 | color: #000000; | 104 | color: #000000; |
| 93 | font-size: 16px; | 105 | font-size: 16px; |
| 94 | font-weight: bold; | 106 | font-weight: bold; |
| 95 | text-align: center; | 107 | text-align: center; |
| 96 | line-height: 74px; | 108 | line-height: 74px; |
| 97 | } | 109 | } |
| 98 | - .part_inner_content{ | 110 | + |
| 111 | + .part_inner_content { | ||
| 99 | padding: 20px 40px; | 112 | padding: 20px 40px; |
| 100 | } | 113 | } |
| 101 | - .person_introduce_box{ | 114 | + |
| 115 | + .person_introduce_box { | ||
| 102 | padding-top: 50px; | 116 | padding-top: 50px; |
| 103 | border-top: 5px solid #999; | 117 | border-top: 5px solid #999; |
| 104 | margin-top: 100px; | 118 | margin-top: 100px; |
| 105 | } | 119 | } |
| 106 | - .next{ | 120 | + |
| 121 | + .next { | ||
| 107 | width: 32px; | 122 | width: 32px; |
| 108 | height: 22px; | 123 | height: 22px; |
| 109 | position: absolute; | 124 | position: absolute; |
| @@ -111,10 +126,74 @@ | @@ -111,10 +126,74 @@ | ||
| 111 | left: 50%; | 126 | left: 50%; |
| 112 | margin-left: -11px; | 127 | margin-left: -11px; |
| 113 | } | 128 | } |
| 114 | - .left_name{ | 129 | + |
| 130 | + .left_name { | ||
| 115 | font-size: 20px; | 131 | font-size: 20px; |
| 116 | margin-top: 10px; | 132 | margin-top: 10px; |
| 117 | } | 133 | } |
| 134 | + | ||
| 135 | + .contant { | ||
| 136 | + width: 1122px; | ||
| 137 | + margin: 74px auto 0 auto; | ||
| 138 | + } | ||
| 139 | + | ||
| 140 | + .contant_img { | ||
| 141 | + width: 100%; | ||
| 142 | + height: 548px; | ||
| 143 | + } | ||
| 144 | + | ||
| 145 | + .contant_img img { | ||
| 146 | + width: 100%; | ||
| 147 | + height: 100%; | ||
| 148 | + } | ||
| 149 | + | ||
| 150 | + .contant_center { | ||
| 151 | + margin-top: 32px; | ||
| 152 | + } | ||
| 153 | + | ||
| 154 | + .contant_title { | ||
| 155 | + font-size: 20px; | ||
| 156 | + font-weight: bold; | ||
| 157 | + color: rgba(114, 113, 113, 1); | ||
| 158 | + line-height: 30px; | ||
| 159 | + } | ||
| 160 | + | ||
| 161 | + .contant_word { | ||
| 162 | + font-size: 20px; | ||
| 163 | + color: rgba(114, 113, 113, 1); | ||
| 164 | + line-height: 30px; | ||
| 165 | + } | ||
| 166 | + | ||
| 167 | + .contant_words { | ||
| 168 | + margin-top: 30px; | ||
| 169 | + font-size: 20px; | ||
| 170 | + font-weight: bold; | ||
| 171 | + color: rgba(114, 113, 113, 1); | ||
| 172 | + line-height: 30px; | ||
| 173 | + margin-bottom: -30px | ||
| 174 | + } | ||
| 175 | + | ||
| 176 | + .contant_one { | ||
| 177 | + margin-top: 44px; | ||
| 178 | + } | ||
| 179 | + | ||
| 180 | + .contant_one_img { | ||
| 181 | + width: 532px; | ||
| 182 | + height: 359px; | ||
| 183 | + } | ||
| 184 | + | ||
| 185 | + .contant_one_img img { | ||
| 186 | + width: 100%; | ||
| 187 | + height: 100%; | ||
| 188 | + } | ||
| 189 | + | ||
| 190 | + .contant_one_title { | ||
| 191 | + margin-top: 24px; | ||
| 192 | + font-size: 20px; | ||
| 193 | + font-weight: 400; | ||
| 194 | + color: rgba(114, 113, 113, 1); | ||
| 195 | + line-height: 30px; | ||
| 196 | + } | ||
| 118 | </style> | 197 | </style> |
| 119 | </head> | 198 | </head> |
| 120 | 199 | ||
| @@ -122,23 +201,22 @@ | @@ -122,23 +201,22 @@ | ||
| 122 | <nav class="navbar navbar-default bgf mb0"> | 201 | <nav class="navbar navbar-default bgf mb0"> |
| 123 | <div class="container-fluid top_pc_brand"> | 202 | <div class="container-fluid top_pc_brand"> |
| 124 | <div class="navbar-header"> | 203 | <div class="navbar-header"> |
| 125 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 126 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 204 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 127 | <span class="sr-only">Toggle navigation</span> | 205 | <span class="sr-only">Toggle navigation</span> |
| 128 | <span class="icon-bar"></span> | 206 | <span class="icon-bar"></span> |
| 129 | <span class="icon-bar"></span> | 207 | <span class="icon-bar"></span> |
| 130 | <span class="icon-bar"></span> | 208 | <span class="icon-bar"></span> |
| 131 | </button> | 209 | </button> |
| 132 | <a class="navbar-brand logo" href="../index.html"> | 210 | <a class="navbar-brand logo" href="../index.html"> |
| 133 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 211 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 134 | </a> | 212 | </a> |
| 135 | </div> | 213 | </div> |
| 136 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 214 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 137 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 215 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 138 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 216 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 139 | - <input type="text" class="form-control search-input" placeholder="Search"> | 217 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 140 | <div class="magnifier"> | 218 | <div class="magnifier"> |
| 141 | - <img src="../images/search_btn.png" alt=""> | 219 | + <img src="../images/search_btn.png" alt="" /> |
| 142 | </div> | 220 | </div> |
| 143 | </div> | 221 | </div> |
| 144 | </div> | 222 | </div> |
| @@ -150,7 +228,7 @@ | @@ -150,7 +228,7 @@ | ||
| 150 | <ul class="nav_menu_items"> | 228 | <ul class="nav_menu_items"> |
| 151 | <li class="btn navbtn-a" role="button"> | 229 | <li class="btn navbtn-a" role="button"> |
| 152 | <a href="javascript:;">ABOUT US</a> | 230 | <a href="javascript:;">ABOUT US</a> |
| 153 | - <div class='sec_menu_items'> | 231 | + <div class="sec_menu_items"> |
| 154 | <a href="../about/welcome.html" class="inner_item"> | 232 | <a href="../about/welcome.html" class="inner_item"> |
| 155 | Welcome Message | 233 | Welcome Message |
| 156 | </a> | 234 | </a> |
| @@ -171,10 +249,8 @@ | @@ -171,10 +249,8 @@ | ||
| 171 | </li> | 249 | </li> |
| 172 | <li class="btn navbtn-a" role="button"> | 250 | <li class="btn navbtn-a" role="button"> |
| 173 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 251 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 174 | - <div class='sec_menu_items'> | ||
| 175 | - <div href="../clinical/departments.html" | ||
| 176 | - onclick="window.location.href='../clinical/departments.html'" | ||
| 177 | - class="inner_item"> | 252 | + <div class="sec_menu_items"> |
| 253 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 178 | Clinical Departments | 254 | Clinical Departments |
| 179 | <div class="third_menu_items"> | 255 | <div class="third_menu_items"> |
| 180 | <a href="../clinical/departm.html" class="inner_item"> | 256 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -207,13 +283,11 @@ | @@ -207,13 +283,11 @@ | ||
| 207 | </li> | 283 | </li> |
| 208 | <li class="btn navbtn-a" role="button"> | 284 | <li class="btn navbtn-a" role="button"> |
| 209 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 285 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 210 | - <div class='sec_menu_items'> | ||
| 211 | - | 286 | + <div class="sec_menu_items"> |
| 212 | <a href="../research/nationalCancer.html" class="inner_item"> | 287 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 213 | National Cancer Clinical Research Center | 288 | National Cancer Clinical Research Center |
| 214 | </a> | 289 | </a> |
| 215 | - <div href="../research/research.html" | ||
| 216 | - onclick="location.href='../research/research.html'" class="inner_item"> | 290 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 217 | Research | 291 | Research |
| 218 | <div class="third_menu_items"> | 292 | <div class="third_menu_items"> |
| 219 | <a href="../research/research1.html" class="inner_item"> | 293 | <a href="../research/research1.html" class="inner_item"> |
| @@ -230,8 +304,7 @@ | @@ -230,8 +304,7 @@ | ||
| 230 | </a> | 304 | </a> |
| 231 | </div> | 305 | </div> |
| 232 | </div> | 306 | </div> |
| 233 | - <div href="../research/education.html" | ||
| 234 | - onclick="location.href='../research/education.html'" class="inner_item"> | 307 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 235 | Education | 308 | Education |
| 236 | <div class="third_menu_items"> | 309 | <div class="third_menu_items"> |
| 237 | <a href="../research/education.html" class="inner_item"> | 310 | <a href="../research/education.html" class="inner_item"> |
| @@ -252,7 +325,7 @@ | @@ -252,7 +325,7 @@ | ||
| 252 | </li> | 325 | </li> |
| 253 | <li class="btn navbtnActive navbtn-a" role="button"> | 326 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 254 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 327 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 255 | - <div class='sec_menu_items'> | 328 | + <div class="sec_menu_items"> |
| 256 | <div href="javascript:;" class="inner_item"> | 329 | <div href="javascript:;" class="inner_item"> |
| 257 | About Us | 330 | About Us |
| 258 | <div class="third_menu_items"> | 331 | <div class="third_menu_items"> |
| @@ -294,7 +367,7 @@ | @@ -294,7 +367,7 @@ | ||
| 294 | </li> | 367 | </li> |
| 295 | <li class="btn navbtn-a" role="button"> | 368 | <li class="btn navbtn-a" role="button"> |
| 296 | <a href="../contact.html">NURSING CARE</a> | 369 | <a href="../contact.html">NURSING CARE</a> |
| 297 | - <div class='sec_menu_items'> | 370 | + <div class="sec_menu_items"> |
| 298 | <a href="../care/aboutus.html" class="inner_item"> | 371 | <a href="../care/aboutus.html" class="inner_item"> |
| 299 | About Us | 372 | About Us |
| 300 | </a> | 373 | </a> |
| @@ -323,7 +396,7 @@ | @@ -323,7 +396,7 @@ | ||
| 323 | </li> | 396 | </li> |
| 324 | <li class="btn navbtn-a" role="button"> | 397 | <li class="btn navbtn-a" role="button"> |
| 325 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 398 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 326 | - <div class='sec_menu_items'> | 399 | + <div class="sec_menu_items"> |
| 327 | <a href="../international/conference.html" class="inner_item"> | 400 | <a href="../international/conference.html" class="inner_item"> |
| 328 | International Conferences | 401 | International Conferences |
| 329 | </a> | 402 | </a> |
| @@ -348,11 +421,77 @@ | @@ -348,11 +421,77 @@ | ||
| 348 | </div> | 421 | </div> |
| 349 | 422 | ||
| 350 | <!-- Swiper --> | 423 | <!-- Swiper --> |
| 351 | - <div class="img-header"> | 424 | + <!-- <div class="img-header"> |
| 352 | <img src="../images/cli2_top.png" width="100%" alt=""> | 425 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 353 | - </div> | 426 | + </div> --> |
| 354 | <div class="content"> | 427 | <div class="content"> |
| 355 | - <div class="content-word"> | 428 | + <div class="navpath"> |
| 429 | + Tianjin Cancer Institute<span>></span>Research<span>></span>Core Facilities and Services<span>></span>Public Laboratory | ||
| 430 | + </div> | ||
| 431 | + <div class="contant"> | ||
| 432 | + <div class="contant_img"> | ||
| 433 | + <img src="../images/ins_top.png" alt="" /> | ||
| 434 | + </div> | ||
| 435 | + <div class="contant_center"> | ||
| 436 | + <div class="contant_title">Introduction</div> | ||
| 437 | + <div class="contant_word"> | ||
| 438 | + In line with Tianjin medical university cancer hospital’s overall teaching and research development objectives, to strengthen and enhance the fundamental and applied research, to cultivate top-notch creative talent, and to ensure that the available research | ||
| 439 | + resources will be efficiently used, our hospital organized and set up in 2009Public Experimentation Center, located on thesixth floor of Building C. After several years of investment and construction, and relying on the strengths | ||
| 440 | + of our faculty and technology, our centerhave evolved into a comprehensive research center dotted with logical organization, high efficiency, opening-up, and advanced technology. The center consists of four technical service-orientedplatforms, | ||
| 441 | + i.e., the core facility and technical service Platform, the Clinical Laboratory, the SPF Animal Laboratory andtheBioinformatics Platform.The center covers an area of about 2000 m2, the value is worth over 50 million RMB. Now, the | ||
| 442 | + Public Laboratory is not only an important experimental base for conducting scientific research and translational medicine research, but also a supporting platform for cultivating top-notch creative medical talent. | ||
| 443 | + </div> | ||
| 444 | + <div class="contant_words"> | ||
| 445 | + Services | ||
| 446 | + </div> | ||
| 447 | + <div class="contant_one"> | ||
| 448 | + <div class="contant_one_img"> | ||
| 449 | + <img src="../images/77.png" alt="" /> | ||
| 450 | + </div> | ||
| 451 | + <div class="contant_one_title"> | ||
| 452 | + 1. The core facility and technical service platform is funded by Tianjin medical university cancer institute & hospital. The establishment of this platform will provide centralized and expertise support to our colleagues requiring these advanced technology | ||
| 453 | + platforms in their research studies. It will enhance effective usage of resources and maximize the use of expensive instruments required for these advanced technology platforms. The platform is equipped with Laser Scanning | ||
| 454 | + Confocal Microscope, Flow Cytometer, Upright Fluorescent Microscope, Inverted Fluorescent Microscope, Real-Time PCR apparatus, Ultra-Centrifuge and so on.The appointments software (LIMS) has been used deeply along with the | ||
| 455 | + servicesto enhance service abilityand to improve the service efficiency. | ||
| 456 | + </div> | ||
| 457 | + </div> | ||
| 458 | + <div class="contant_one"> | ||
| 459 | + <div class="contant_one_img"> | ||
| 460 | + <img src="../images/78.png" alt="" /> | ||
| 461 | + </div> | ||
| 462 | + <div class="contant_one_title"> | ||
| 463 | + 2. The clinical laboratory is a research platform for translational medicine. The objective of the clinical laboratory is to provide multidisciplinary scientists from different faculty of TJMUCH a synergistic platform which efficiently and effectively | ||
| 464 | + translate basic scientific findings into knowledge that benefits patients, which is often described as an effort to carry scientific knowledge ‘from bench to bedside’. At present, we have 17 different research groups at the | ||
| 465 | + clinical laboratory, all of which engage in cutting-edge research. The research group (under the management of principal investigator) is a group of researchers or students from the same faculty working together on a particular | ||
| 466 | + issue or topic. In this way we hope to stretch boundaries, challenge traditional ways of thinking, and innovate towards finding new solutions to problems. Now, the clinical laboratory is home to world-class research facilities, | ||
| 467 | + a specialist clinical trials unit and a suite of molecular biology laboratories. | ||
| 468 | + </div> | ||
| 469 | + </div> | ||
| 470 | + <div class="contant_one"> | ||
| 471 | + <div class="contant_one_img"> | ||
| 472 | + <img src="../images/79.png" alt="" /> | ||
| 473 | + </div> | ||
| 474 | + <div class="contant_one_title"> | ||
| 475 | + 3. The SPF Animal Laboratory, with a total floor area of about 500 m2, is a comprehensive service entity involved in research of Laboratory Animal Science, providing technical support and services for animal research. It includes SPF (Specific-pathogen-free) | ||
| 476 | + barrier environment, conventional environment and functional auxiliary environment. Relevant environmental facilities obtained the experimental animal use license (SYXK (Tianjin) 2012-0005) issued by Tianjin Municipal Science | ||
| 477 | + and Technology Commission in 2012, and successfully replaced the new experimental animal use license (SYXK (Tianjin) 2017-0005) in 2017, providing a strong guarantee for the scientific research of our discipline.Our staff provides | ||
| 478 | + daily animal care for the 15,000 animals used in research and teaching hospital-wide. Our goal remains to support the needs of our biomedical research community by providing an optimal environment for their animals and research. | ||
| 479 | + </div> | ||
| 480 | + </div> | ||
| 481 | + <div class="contant_one"> | ||
| 482 | + <div class="contant_one_img"> | ||
| 483 | + <img src="../images/80.png" alt="" /> | ||
| 484 | + </div> | ||
| 485 | + <div class="contant_one_title"> | ||
| 486 | + 4. Our research focuses on characterizing mutational landscape of human gastrointestinal cancer, elucidating the association between mutational footprints and environmental factors, identifying biomarkers with translational significance in immunotherapy | ||
| 487 | + and early cancer diagnosis, and interpreting medical imaging data using deep learning algorithms. Through bioinformatics analyses, we identified new driver genes underlying the development of gastrointestinal cancer, and shed | ||
| 488 | + new lights on genetic markers that are potentially clinically actionable. By applying deep learning algorithm to analyze large-scale sonographic imaging data, we developed a deep learning model that could augment radiologists’ | ||
| 489 | + ability in thyroid cancer diagnosis. We have published more than 20 peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, and Annals of Oncology etc. | ||
| 490 | + </div> | ||
| 491 | + </div> | ||
| 492 | + </div> | ||
| 493 | + </div> | ||
| 494 | + <!-- <div class="content-word"> | ||
| 356 | <div class="content-word-right active"> | 495 | <div class="content-word-right active"> |
| 357 | <img src="../images/ins_top.png" alt="" srcset=""> | 496 | <img src="../images/ins_top.png" alt="" srcset=""> |
| 358 | 497 | ||
| @@ -361,24 +500,12 @@ | @@ -361,24 +500,12 @@ | ||
| 361 | <h3>Public Laboratory</h3> | 500 | <h3>Public Laboratory</h3> |
| 362 | 501 | ||
| 363 | <p> | 502 | <p> |
| 364 | - <h3>Introduction</h3> <br> | ||
| 365 | - In line with Tianjin medical university cancer hospital’s overall teaching and research | ||
| 366 | - development objectives, to strengthen and enhance the fundamental and applied research, to | ||
| 367 | - cultivate top-notch creative talent, and to ensure that the available research resources | ||
| 368 | - will be efficiently used, our hospital organized and set up in 2009Public Experimentation | ||
| 369 | - Center, located on thesixth floor of Building C. | ||
| 370 | - After several years of investment and construction, and relying on the strengths of our | ||
| 371 | - faculty and technology, our centerhave evolved into a comprehensive research center dotted | ||
| 372 | - with logical organization, high efficiency, opening-up, and advanced technology. | ||
| 373 | - The center consists of four technical service-orientedplatforms, i.e., the core facility | ||
| 374 | - and | ||
| 375 | - technical service Platform, the Clinical Laboratory, the SPF Animal Laboratory | ||
| 376 | - andtheBioinformatics Platform.The center covers an area of about 2000 m2, the value is | ||
| 377 | - worth | ||
| 378 | - over 50 million RMB. | ||
| 379 | - Now, the Public Laboratory is not only an important experimental base for conducting | ||
| 380 | - scientific research and translational medicine research, but also a supporting platform for | ||
| 381 | - cultivating top-notch creative medical talent. | 503 | + <h3>Introduction</h3> <br> In line with Tianjin medical university cancer hospital’s overall teaching and research development objectives, to strengthen and enhance the fundamental and applied research, to cultivate top-notch creative |
| 504 | + talent, and to ensure that the available research resources will be efficiently used, our hospital organized and set up in 2009Public Experimentation Center, located on thesixth floor of Building C. After several years of investment | ||
| 505 | + and construction, and relying on the strengths of our faculty and technology, our centerhave evolved into a comprehensive research center dotted with logical organization, high efficiency, opening-up, and advanced technology. | ||
| 506 | + The center consists of four technical service-orientedplatforms, i.e., the core facility and technical service Platform, the Clinical Laboratory, the SPF Animal Laboratory andtheBioinformatics Platform.The center covers an | ||
| 507 | + area of about 2000 m2, the value is worth over 50 million RMB. Now, the Public Laboratory is not only an important experimental base for conducting scientific research and translational medicine research, but also a supporting | ||
| 508 | + platform for cultivating top-notch creative medical talent. | ||
| 382 | 509 | ||
| 383 | 510 | ||
| 384 | </p> | 511 | </p> |
| @@ -387,70 +514,42 @@ | @@ -387,70 +514,42 @@ | ||
| 387 | <img src="../images/ins_2.png" alt="" srcset=""> | 514 | <img src="../images/ins_2.png" alt="" srcset=""> |
| 388 | <p> | 515 | <p> |
| 389 | 516 | ||
| 390 | - 1. The core facility and technical service platform is funded by Tianjin medical university | ||
| 391 | - cancer institute & hospital. The establishment of this platform will provide centralized and | ||
| 392 | - expertise support to our colleagues requiring these advanced technology platforms in their | ||
| 393 | - research studies. It will enhance effective usage of resources and maximize the use of | ||
| 394 | - expensive instruments required for these advanced technology platforms. The platform is | ||
| 395 | - equipped with Laser Scanning Confocal Microscope, Flow Cytometer, Upright Fluorescent | ||
| 396 | - Microscope, Inverted Fluorescent Microscope, Real-Time PCR apparatus, Ultra-Centrifuge and | ||
| 397 | - so on.The appointments software (LIMS) has been used deeply along with the servicesto | ||
| 398 | - enhance service abilityand to improve the service efficiency. | 517 | + 1. The core facility and technical service platform is funded by Tianjin medical university cancer institute & hospital. The establishment of this platform will provide centralized and expertise support to our colleagues requiring these advanced technology |
| 518 | + platforms in their research studies. It will enhance effective usage of resources and maximize the use of expensive instruments required for these advanced technology platforms. The platform is equipped with Laser Scanning | ||
| 519 | + Confocal Microscope, Flow Cytometer, Upright Fluorescent Microscope, Inverted Fluorescent Microscope, Real-Time PCR apparatus, Ultra-Centrifuge and so on.The appointments software (LIMS) has been used deeply along with the | ||
| 520 | + servicesto enhance service abilityand to improve the service efficiency. | ||
| 399 | </p> | 521 | </p> |
| 400 | <img src="../images/ins_3.png" alt="" srcset=""> | 522 | <img src="../images/ins_3.png" alt="" srcset=""> |
| 401 | <p> | 523 | <p> |
| 402 | - 2. The clinical laboratory is a research platform for translational medicine. The objective | ||
| 403 | - of the clinical laboratory is to provide multidisciplinary scientists from different faculty | ||
| 404 | - of TJMUCH a synergistic platform which efficiently and effectively translate basic | ||
| 405 | - scientific findings into knowledge that benefits patients, which is often described as an | ||
| 406 | - effort to carry scientific knowledge ‘from bench to bedside’. At present, we have 17 | ||
| 407 | - different research groups at the clinical laboratory, all of which engage in cutting-edge | ||
| 408 | - research. The research group (under the management of principal investigator) is a group of | ||
| 409 | - researchers or students from the same faculty working together on a particular issue or | ||
| 410 | - topic. In this way we hope to stretch boundaries, challenge traditional ways of thinking, | ||
| 411 | - and innovate towards finding new solutions to problems. Now, the clinical laboratory is home | ||
| 412 | - to world-class research facilities, a specialist clinical trials unit and a suite of | ||
| 413 | - molecular biology laboratories. | 524 | + 2. The clinical laboratory is a research platform for translational medicine. The objective of the clinical laboratory is to provide multidisciplinary scientists from different faculty of TJMUCH a synergistic platform which efficiently and effectively |
| 525 | + translate basic scientific findings into knowledge that benefits patients, which is often described as an effort to carry scientific knowledge ‘from bench to bedside’. At present, we have 17 different research groups at the | ||
| 526 | + clinical laboratory, all of which engage in cutting-edge research. The research group (under the management of principal investigator) is a group of researchers or students from the same faculty working together on a particular | ||
| 527 | + issue or topic. In this way we hope to stretch boundaries, challenge traditional ways of thinking, and innovate towards finding new solutions to problems. Now, the clinical laboratory is home to world-class research facilities, | ||
| 528 | + a specialist clinical trials unit and a suite of molecular biology laboratories. | ||
| 414 | </p> | 529 | </p> |
| 415 | <img src="../images/ins_4.png" alt="" srcset=""> | 530 | <img src="../images/ins_4.png" alt="" srcset=""> |
| 416 | <p> | 531 | <p> |
| 417 | - 3. The SPF Animal Laboratory, with a total floor area of about 500 m2, is a comprehensive | ||
| 418 | - service entity involved in research of Laboratory Animal Science, providing technical | ||
| 419 | - support and services for animal research. It includes SPF (Specific-pathogen-free) barrier | ||
| 420 | - environment, conventional environment and functional auxiliary environment. Relevant | ||
| 421 | - environmental facilities obtained the experimental animal use license (SYXK (Tianjin) | ||
| 422 | - 2012-0005) issued by Tianjin Municipal Science and Technology Commission in 2012, and | ||
| 423 | - successfully replaced the new experimental animal use license (SYXK (Tianjin) 2017-0005) in | ||
| 424 | - 2017, providing a strong guarantee for the scientific research of our discipline.Our staff | ||
| 425 | - provides daily animal care for the 15,000 animals used in research and teaching | ||
| 426 | - hospital-wide. Our goal remains to support the needs of our biomedical research community by | ||
| 427 | - providing an optimal environment for their animals and research. | 532 | + 3. The SPF Animal Laboratory, with a total floor area of about 500 m2, is a comprehensive service entity involved in research of Laboratory Animal Science, providing technical support and services for animal research. It includes SPF (Specific-pathogen-free) |
| 533 | + barrier environment, conventional environment and functional auxiliary environment. Relevant environmental facilities obtained the experimental animal use license (SYXK (Tianjin) 2012-0005) issued by Tianjin Municipal Science | ||
| 534 | + and Technology Commission in 2012, and successfully replaced the new experimental animal use license (SYXK (Tianjin) 2017-0005) in 2017, providing a strong guarantee for the scientific research of our discipline.Our staff provides | ||
| 535 | + daily animal care for the 15,000 animals used in research and teaching hospital-wide. Our goal remains to support the needs of our biomedical research community by providing an optimal environment for their animals and research. | ||
| 428 | </p> | 536 | </p> |
| 429 | <img src="../images/ins_5.png" alt="" srcset=""> | 537 | <img src="../images/ins_5.png" alt="" srcset=""> |
| 430 | <p> | 538 | <p> |
| 431 | - 4. Our research focuses on characterizing mutational landscape of human gastrointestinal | ||
| 432 | - cancer, elucidating the association between mutational footprints and environmental factors, | ||
| 433 | - identifying biomarkers with translational significance in immunotherapy and early cancer | ||
| 434 | - diagnosis, and interpreting medical imaging data using deep learning algorithms. Through | ||
| 435 | - bioinformatics analyses, we identified new driver genes underlying the development of | ||
| 436 | - gastrointestinal cancer, and shed new lights on genetic markers that are potentially | ||
| 437 | - clinically actionable. By applying deep learning algorithm to analyze large-scale | ||
| 438 | - sonographic imaging data, we developed a deep learning model that could augment | ||
| 439 | - radiologists’ ability in thyroid cancer diagnosis. We have published more than 20 | ||
| 440 | - peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, | ||
| 441 | - and Annals of Oncology etc. | 539 | + 4. Our research focuses on characterizing mutational landscape of human gastrointestinal cancer, elucidating the association between mutational footprints and environmental factors, identifying biomarkers with translational significance in immunotherapy |
| 540 | + and early cancer diagnosis, and interpreting medical imaging data using deep learning algorithms. Through bioinformatics analyses, we identified new driver genes underlying the development of gastrointestinal cancer, and shed | ||
| 541 | + new lights on genetic markers that are potentially clinically actionable. By applying deep learning algorithm to analyze large-scale sonographic imaging data, we developed a deep learning model that could augment radiologists’ | ||
| 542 | + ability in thyroid cancer diagnosis. We have published more than 20 peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, and Annals of Oncology etc. | ||
| 442 | 543 | ||
| 443 | </p> | 544 | </p> |
| 444 | 545 | ||
| 445 | </div> | 546 | </div> |
| 446 | 547 | ||
| 447 | </div> | 548 | </div> |
| 448 | - </div> | ||
| 449 | - | 549 | + </div> --> |
| 450 | </div> | 550 | </div> |
| 451 | <footer class="footer-content"> | 551 | <footer class="footer-content"> |
| 452 | <div class="footer-main"> | 552 | <div class="footer-main"> |
| 453 | - | ||
| 454 | <ul class="list-unstyled third-ul"> | 553 | <ul class="list-unstyled third-ul"> |
| 455 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 554 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 456 | <li>Tianjin 300060</li> | 555 | <li>Tianjin 300060</li> |
| @@ -459,41 +558,51 @@ | @@ -459,41 +558,51 @@ | ||
| 459 | <li>Email: info@tjmuch.com</li> | 558 | <li>Email: info@tjmuch.com</li> |
| 460 | </ul> | 559 | </ul> |
| 461 | <ul class="list-unstyled first-ul"> | 560 | <ul class="list-unstyled first-ul"> |
| 462 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 463 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 561 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 562 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 464 | </ul> | 563 | </ul> |
| 465 | </div> | 564 | </div> |
| 466 | </footer> | 565 | </footer> |
| 467 | - | ||
| 468 | </div> | 566 | </div> |
| 469 | <script src="../js/jquery-1.11.3.min.js"></script> | 567 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 470 | <script src="../js/bootstrap.min.js"></script> | 568 | <script src="../js/bootstrap.min.js"></script> |
| 471 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 569 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 472 | <script src="../js/common.js"></script> | 570 | <script src="../js/common.js"></script> |
| 473 | <script> | 571 | <script> |
| 474 | - $(document).ready(function () { | ||
| 475 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 476 | - console.log(this) | ||
| 477 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 478 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 479 | - }) | ||
| 480 | - }) | ||
| 481 | - var swiper = new Swiper('.swiper-container', { | ||
| 482 | - pagination: '.swiper-pagination', | 572 | + $(document).ready(function() { |
| 573 | + $(".btn-group") | ||
| 574 | + .find(".navbtn-a") | ||
| 575 | + .click(function() { | ||
| 576 | + console.log(this); | ||
| 577 | + $(this) | ||
| 578 | + .siblings(".navbtn-a") | ||
| 579 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 580 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 581 | + }); | ||
| 582 | + }); | ||
| 583 | + var swiper = new Swiper(".swiper-container", { | ||
| 584 | + pagination: ".swiper-pagination", | ||
| 483 | paginationClickable: true | 585 | paginationClickable: true |
| 484 | }); | 586 | }); |
| 485 | 587 | ||
| 486 | - var swiper = new Swiper('.swiper-container1', { | ||
| 487 | - pagination: '.swiper-pagination', | 588 | + var swiper = new Swiper(".swiper-container1", { |
| 589 | + pagination: ".swiper-pagination", | ||
| 488 | slidesPerView: 3, | 590 | slidesPerView: 3, |
| 489 | paginationClickable: true, | 591 | paginationClickable: true, |
| 490 | spaceBetween: 30 | 592 | spaceBetween: 30 |
| 491 | }); | 593 | }); |
| 492 | 594 | ||
| 493 | - $('.content-word-left').on('click', 'h4', function () { | ||
| 494 | - $(this).addClass('active').siblings().removeClass('active') | ||
| 495 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
| 496 | - }) | 595 | + $(".content-word-left").on("click", "h4", function() { |
| 596 | + $(this) | ||
| 597 | + .addClass("active") | ||
| 598 | + .siblings() | ||
| 599 | + .removeClass("active"); | ||
| 600 | + $(".content-word-right") | ||
| 601 | + .eq($(this).index()) | ||
| 602 | + .addClass("active") | ||
| 603 | + .siblings() | ||
| 604 | + .removeClass("active"); | ||
| 605 | + }); | ||
| 497 | </script> | 606 | </script> |
| 498 | </body> | 607 | </body> |
| 499 | 608 |
| @@ -2,16 +2,31 @@ | @@ -2,16 +2,31 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style lang=""> | 13 | <style lang=""> |
| 14 | - | 14 | + .contant { |
| 15 | + display: -webkit-box; | ||
| 16 | + display: -ms-flexbox; | ||
| 17 | + display: -webkit-flex; | ||
| 18 | + display: flex; | ||
| 19 | + justify-content: space-around; | ||
| 20 | + margin-top:128px | ||
| 21 | + } | ||
| 22 | + .contant_title{ | ||
| 23 | + font-size:20px; | ||
| 24 | +font-weight:400; | ||
| 25 | +text-decoration:underline; | ||
| 26 | +color:rgba(86,86,86,1); | ||
| 27 | +line-height:30px; | ||
| 28 | +margin-bottom: 50px | ||
| 29 | + } | ||
| 15 | </style> | 30 | </style> |
| 16 | </head> | 31 | </head> |
| 17 | 32 | ||
| @@ -19,23 +34,22 @@ | @@ -19,23 +34,22 @@ | ||
| 19 | <nav class="navbar navbar-default bgf mb0"> | 34 | <nav class="navbar navbar-default bgf mb0"> |
| 20 | <div class="container-fluid top_pc_brand"> | 35 | <div class="container-fluid top_pc_brand"> |
| 21 | <div class="navbar-header"> | 36 | <div class="navbar-header"> |
| 22 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 23 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 37 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 24 | <span class="sr-only">Toggle navigation</span> | 38 | <span class="sr-only">Toggle navigation</span> |
| 25 | <span class="icon-bar"></span> | 39 | <span class="icon-bar"></span> |
| 26 | <span class="icon-bar"></span> | 40 | <span class="icon-bar"></span> |
| 27 | <span class="icon-bar"></span> | 41 | <span class="icon-bar"></span> |
| 28 | </button> | 42 | </button> |
| 29 | <a class="navbar-brand logo" href="../index.html"> | 43 | <a class="navbar-brand logo" href="../index.html"> |
| 30 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 44 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 31 | </a> | 45 | </a> |
| 32 | </div> | 46 | </div> |
| 33 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 47 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 34 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 48 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 35 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 49 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 36 | - <input type="text" class="form-control search-input" placeholder="Search"> | 50 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 37 | <div class="magnifier"> | 51 | <div class="magnifier"> |
| 38 | - <img src="../images/search_btn.png" alt=""> | 52 | + <img src="../images/search_btn.png" alt="" /> |
| 39 | </div> | 53 | </div> |
| 40 | </div> | 54 | </div> |
| 41 | </div> | 55 | </div> |
| @@ -47,7 +61,7 @@ | @@ -47,7 +61,7 @@ | ||
| 47 | <ul class="nav_menu_items"> | 61 | <ul class="nav_menu_items"> |
| 48 | <li class="btn navbtn-a" role="button"> | 62 | <li class="btn navbtn-a" role="button"> |
| 49 | <a href="javascript:;">ABOUT US</a> | 63 | <a href="javascript:;">ABOUT US</a> |
| 50 | - <div class='sec_menu_items'> | 64 | + <div class="sec_menu_items"> |
| 51 | <a href="../about/welcome.html" class="inner_item"> | 65 | <a href="../about/welcome.html" class="inner_item"> |
| 52 | Welcome Message | 66 | Welcome Message |
| 53 | </a> | 67 | </a> |
| @@ -68,9 +82,8 @@ | @@ -68,9 +82,8 @@ | ||
| 68 | </li> | 82 | </li> |
| 69 | <li class="btn navbtn-a" role="button"> | 83 | <li class="btn navbtn-a" role="button"> |
| 70 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 84 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 71 | - <div class='sec_menu_items'> | ||
| 72 | - <div href="../clinical/departments.html" | ||
| 73 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 85 | + <div class="sec_menu_items"> |
| 86 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 74 | Clinical Departments | 87 | Clinical Departments |
| 75 | <div class="third_menu_items"> | 88 | <div class="third_menu_items"> |
| 76 | <a href="../clinical/departm.html" class="inner_item"> | 89 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -103,13 +116,11 @@ | @@ -103,13 +116,11 @@ | ||
| 103 | </li> | 116 | </li> |
| 104 | <li class="btn navbtn-a" role="button"> | 117 | <li class="btn navbtn-a" role="button"> |
| 105 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 118 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 106 | - <div class='sec_menu_items'> | ||
| 107 | - | 119 | + <div class="sec_menu_items"> |
| 108 | <a href="../research/nationalCancer.html" class="inner_item"> | 120 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 109 | National Cancer Clinical Research Center | 121 | National Cancer Clinical Research Center |
| 110 | </a> | 122 | </a> |
| 111 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 112 | - class="inner_item"> | 123 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 113 | Research | 124 | Research |
| 114 | <div class="third_menu_items"> | 125 | <div class="third_menu_items"> |
| 115 | <a href="../research/research1.html" class="inner_item"> | 126 | <a href="../research/research1.html" class="inner_item"> |
| @@ -126,8 +137,7 @@ | @@ -126,8 +137,7 @@ | ||
| 126 | </a> | 137 | </a> |
| 127 | </div> | 138 | </div> |
| 128 | </div> | 139 | </div> |
| 129 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 130 | - class="inner_item"> | 140 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 131 | Education | 141 | Education |
| 132 | <div class="third_menu_items"> | 142 | <div class="third_menu_items"> |
| 133 | <a href="../research/education.html" class="inner_item"> | 143 | <a href="../research/education.html" class="inner_item"> |
| @@ -148,7 +158,7 @@ | @@ -148,7 +158,7 @@ | ||
| 148 | </li> | 158 | </li> |
| 149 | <li class="btn navbtnActive navbtn-a" role="button"> | 159 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 150 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 160 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 151 | - <div class='sec_menu_items'> | 161 | + <div class="sec_menu_items"> |
| 152 | <div href="javascript:;" class="inner_item"> | 162 | <div href="javascript:;" class="inner_item"> |
| 153 | About Us | 163 | About Us |
| 154 | <div class="third_menu_items"> | 164 | <div class="third_menu_items"> |
| @@ -190,7 +200,7 @@ | @@ -190,7 +200,7 @@ | ||
| 190 | </li> | 200 | </li> |
| 191 | <li class="btn navbtn-a" role="button"> | 201 | <li class="btn navbtn-a" role="button"> |
| 192 | <a href="../contact.html">NURSING CARE</a> | 202 | <a href="../contact.html">NURSING CARE</a> |
| 193 | - <div class='sec_menu_items'> | 203 | + <div class="sec_menu_items"> |
| 194 | <a href="../care/aboutus.html" class="inner_item"> | 204 | <a href="../care/aboutus.html" class="inner_item"> |
| 195 | About Us | 205 | About Us |
| 196 | </a> | 206 | </a> |
| @@ -219,7 +229,7 @@ | @@ -219,7 +229,7 @@ | ||
| 219 | </li> | 229 | </li> |
| 220 | <li class="btn navbtn-a" role="button"> | 230 | <li class="btn navbtn-a" role="button"> |
| 221 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 231 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 222 | - <div class='sec_menu_items'> | 232 | + <div class="sec_menu_items"> |
| 223 | <a href="../international/conference.html" class="inner_item"> | 233 | <a href="../international/conference.html" class="inner_item"> |
| 224 | International Conferences | 234 | International Conferences |
| 225 | </a> | 235 | </a> |
| @@ -232,7 +242,6 @@ | @@ -232,7 +242,6 @@ | ||
| 232 | <a href="../international/partners.html" class="inner_item"> | 242 | <a href="../international/partners.html" class="inner_item"> |
| 233 | Partnership Institutions | 243 | Partnership Institutions |
| 234 | </a> | 244 | </a> |
| 235 | - | ||
| 236 | </div> | 245 | </div> |
| 237 | </li> | 246 | </li> |
| 238 | <li class="btn navbtn-a" role="button"> | 247 | <li class="btn navbtn-a" role="button"> |
| @@ -242,11 +251,29 @@ | @@ -242,11 +251,29 @@ | ||
| 242 | </div> | 251 | </div> |
| 243 | 252 | ||
| 244 | <!-- Swiper --> | 253 | <!-- Swiper --> |
| 245 | - <div class="img-header"> | 254 | + <!-- <div class="img-header"> |
| 246 | <img src="../images/cli2_top.png" width="100%" alt=""> | 255 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 247 | - </div> | 256 | + </!--> |
| 248 | <div class="content"> | 257 | <div class="content"> |
| 249 | - <div class="department_top"> | 258 | + <div class="navpath"> |
| 259 | + Tianjin Cancer Institute<span>></span>Research<span>></span>Core Facilities and Services | ||
| 260 | + </div> | ||
| 261 | + <div class="contant"> | ||
| 262 | + <div class="contanr_left"> | ||
| 263 | + <div class="contant_title">Tissue bank</div> | ||
| 264 | + <div class="contant_title">Bioinformation Platform</div> | ||
| 265 | + <div class="contant_title">Cancer Molecular Diagnosis Core</div> | ||
| 266 | + <div class="contant_title">Editorial Dapartment</div> | ||
| 267 | + </div> | ||
| 268 | + <div class="contanr_right"> | ||
| 269 | + <div class="contant_title">Medical Library</div> | ||
| 270 | + <div class="contant_title">Pathology</div> | ||
| 271 | + <div class="contant_title">Pharmacology</div> | ||
| 272 | + <div class="contant_title">Public Laboratory</div> | ||
| 273 | + </div> | ||
| 274 | + | ||
| 275 | + </div> | ||
| 276 | + <!-- <div class="department_top"> | ||
| 250 | Core Facilities and Services | 277 | Core Facilities and Services |
| 251 | </div> | 278 | </div> |
| 252 | <div class="department_main"> | 279 | <div class="department_main"> |
| @@ -290,11 +317,10 @@ | @@ -290,11 +317,10 @@ | ||
| 290 | </a> | 317 | </a> |
| 291 | 318 | ||
| 292 | </div> | 319 | </div> |
| 293 | - </div> | 320 | + </div> --> |
| 294 | </div> | 321 | </div> |
| 295 | <footer class="footer-content"> | 322 | <footer class="footer-content"> |
| 296 | <div class="footer-main"> | 323 | <div class="footer-main"> |
| 297 | - | ||
| 298 | <ul class="list-unstyled third-ul"> | 324 | <ul class="list-unstyled third-ul"> |
| 299 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 325 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 300 | <li>Tianjin 300060</li> | 326 | <li>Tianjin 300060</li> |
| @@ -303,20 +329,17 @@ | @@ -303,20 +329,17 @@ | ||
| 303 | <li>Email: info@tjmuch.com</li> | 329 | <li>Email: info@tjmuch.com</li> |
| 304 | </ul> | 330 | </ul> |
| 305 | <ul class="list-unstyled first-ul"> | 331 | <ul class="list-unstyled first-ul"> |
| 306 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 307 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 332 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 333 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 308 | </ul> | 334 | </ul> |
| 309 | </div> | 335 | </div> |
| 310 | </footer> | 336 | </footer> |
| 311 | - | ||
| 312 | </div> | 337 | </div> |
| 313 | <script src="../js/jquery-1.11.3.min.js"></script> | 338 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 314 | <script src="../js/bootstrap.min.js"></script> | 339 | <script src="../js/bootstrap.min.js"></script> |
| 315 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 340 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 316 | <script src="../js/common.js"></script> | 341 | <script src="../js/common.js"></script> |
| 317 | - <script> | ||
| 318 | - | ||
| 319 | - </script> | 342 | + <script></script> |
| 320 | </body> | 343 | </body> |
| 321 | 344 | ||
| 322 | </html> | 345 | </html> |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | - | ||
| 4 | -<head> | ||
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 3 | + <head> |
| 4 | + <meta charset="UTF-8" /> | ||
| 5 | + <meta | ||
| 6 | + name="viewport" | ||
| 7 | + content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" | ||
| 8 | + /> | ||
| 9 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 10 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 12 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 13 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 14 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 15 | <style> |
| 14 | .prof_box { | 16 | .prof_box { |
| 15 | justify-content: flex-start; | 17 | justify-content: flex-start; |
| 16 | } | 18 | } |
| 17 | - .prof_item{ | ||
| 18 | - width:auto; | 19 | + |
| 20 | + .prof_item { | ||
| 21 | + width: auto; | ||
| 19 | font-size: 20px; | 22 | font-size: 20px; |
| 20 | color: #333; | 23 | color: #333; |
| 21 | } | 24 | } |
| 22 | - .prof_img_box{ | 25 | + |
| 26 | + .prof_img_box { | ||
| 23 | width: 200px; | 27 | width: 200px; |
| 28 | + } | ||
| 24 | 29 | ||
| 30 | + .contant { | ||
| 31 | + width: 1122px; | ||
| 32 | + margin: 16px auto 0 auto; | ||
| 33 | + } | ||
| 34 | + .contant_one { | ||
| 35 | + margin-top: 62px; | ||
| 36 | + } | ||
| 37 | + .contant_img { | ||
| 38 | + width: 100%; | ||
| 39 | + height: 496px; | ||
| 40 | + } | ||
| 41 | + | ||
| 42 | + .contant_img img { | ||
| 43 | + width: 100%; | ||
| 44 | + height: 100%; | ||
| 45 | + } | ||
| 46 | + .contant_title { | ||
| 47 | + margin-top: 34px; | ||
| 48 | + font-size: 20px; | ||
| 49 | + font-weight: 400; | ||
| 50 | + color: rgba(114, 113, 113, 1); | ||
| 51 | + line-height: 30px; | ||
| 25 | } | 52 | } |
| 26 | </style> | 53 | </style> |
| 27 | -</head> | 54 | + </head> |
| 28 | 55 | ||
| 29 | -<body> | 56 | + <body> |
| 30 | <nav class="navbar navbar-default bgf mb0"> | 57 | <nav class="navbar navbar-default bgf mb0"> |
| 31 | <div class="container-fluid top_pc_brand"> | 58 | <div class="container-fluid top_pc_brand"> |
| 32 | <div class="navbar-header"> | 59 | <div class="navbar-header"> |
| 33 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 34 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 60 | + <button |
| 61 | + type="button" | ||
| 62 | + class="navbar-toggle mtperc10 menuPage" | ||
| 63 | + data-toggle="collapse" | ||
| 64 | + data-target="#bs-example-navbar-collapse-4" | ||
| 65 | + aria-expanded="true" | ||
| 66 | + > | ||
| 35 | <span class="sr-only">Toggle navigation</span> | 67 | <span class="sr-only">Toggle navigation</span> |
| 36 | <span class="icon-bar"></span> | 68 | <span class="icon-bar"></span> |
| 37 | <span class="icon-bar"></span> | 69 | <span class="icon-bar"></span> |
| 38 | <span class="icon-bar"></span> | 70 | <span class="icon-bar"></span> |
| 39 | </button> | 71 | </button> |
| 40 | <a class="navbar-brand logo" href="../index.html"> | 72 | <a class="navbar-brand logo" href="../index.html"> |
| 41 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 73 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 42 | </a> | 74 | </a> |
| 43 | </div> | 75 | </div> |
| 44 | - <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 76 | + <div |
| 77 | + class="navbar-collapse collapse in" | ||
| 78 | + id="bs-example-navbar-collapse-4" | ||
| 79 | + aria-expanded="true" | ||
| 80 | + > | ||
| 45 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 81 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 46 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 82 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 47 | - <input type="text" class="form-control search-input" placeholder="Search"> | 83 | + <input |
| 84 | + type="text" | ||
| 85 | + class="form-control search-input" | ||
| 86 | + placeholder="Search" | ||
| 87 | + /> | ||
| 48 | <div class="magnifier"> | 88 | <div class="magnifier"> |
| 49 | - <img src="../images/search_btn.png" alt=""> | 89 | + <img src="../images/search_btn.png" alt="" /> |
| 50 | </div> | 90 | </div> |
| 51 | </div> | 91 | </div> |
| 52 | </div> | 92 | </div> |
| @@ -58,7 +98,7 @@ | @@ -58,7 +98,7 @@ | ||
| 58 | <ul class="nav_menu_items"> | 98 | <ul class="nav_menu_items"> |
| 59 | <li class="btn navbtn-a" role="button"> | 99 | <li class="btn navbtn-a" role="button"> |
| 60 | <a href="javascript:;">ABOUT US</a> | 100 | <a href="javascript:;">ABOUT US</a> |
| 61 | - <div class='sec_menu_items'> | 101 | + <div class="sec_menu_items"> |
| 62 | <a href="../about/welcome.html" class="inner_item"> | 102 | <a href="../about/welcome.html" class="inner_item"> |
| 63 | Welcome Message | 103 | Welcome Message |
| 64 | </a> | 104 | </a> |
| @@ -79,9 +119,12 @@ | @@ -79,9 +119,12 @@ | ||
| 79 | </li> | 119 | </li> |
| 80 | <li class="btn navbtn-a" role="button"> | 120 | <li class="btn navbtn-a" role="button"> |
| 81 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 121 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 82 | - <div class='sec_menu_items'> | ||
| 83 | - <div href="../clinical/departments.html" | ||
| 84 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 122 | + <div class="sec_menu_items"> |
| 123 | + <div | ||
| 124 | + href="../clinical/departments.html" | ||
| 125 | + onclick="window.location.href='../clinical/departments.html'" | ||
| 126 | + class="inner_item" | ||
| 127 | + > | ||
| 85 | Clinical Departments | 128 | Clinical Departments |
| 86 | <div class="third_menu_items"> | 129 | <div class="third_menu_items"> |
| 87 | <a href="../clinical/departm.html" class="inner_item"> | 130 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -114,13 +157,15 @@ | @@ -114,13 +157,15 @@ | ||
| 114 | </li> | 157 | </li> |
| 115 | <li class="btn navbtn-a" role="button"> | 158 | <li class="btn navbtn-a" role="button"> |
| 116 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 159 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 117 | - <div class='sec_menu_items'> | ||
| 118 | - | 160 | + <div class="sec_menu_items"> |
| 119 | <a href="../research/nationalCancer.html" class="inner_item"> | 161 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 120 | National Cancer Clinical Research Center | 162 | National Cancer Clinical Research Center |
| 121 | </a> | 163 | </a> |
| 122 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 123 | - class="inner_item"> | 164 | + <div |
| 165 | + href="../research/research.html" | ||
| 166 | + onclick="location.href='../research/research.html'" | ||
| 167 | + class="inner_item" | ||
| 168 | + > | ||
| 124 | Research | 169 | Research |
| 125 | <div class="third_menu_items"> | 170 | <div class="third_menu_items"> |
| 126 | <a href="../research/research1.html" class="inner_item"> | 171 | <a href="../research/research1.html" class="inner_item"> |
| @@ -137,8 +182,11 @@ | @@ -137,8 +182,11 @@ | ||
| 137 | </a> | 182 | </a> |
| 138 | </div> | 183 | </div> |
| 139 | </div> | 184 | </div> |
| 140 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 141 | - class="inner_item"> | 185 | + <div |
| 186 | + href="../research/education.html" | ||
| 187 | + onclick="location.href='../research/education.html'" | ||
| 188 | + class="inner_item" | ||
| 189 | + > | ||
| 142 | Education | 190 | Education |
| 143 | <div class="third_menu_items"> | 191 | <div class="third_menu_items"> |
| 144 | <a href="../research/education.html" class="inner_item"> | 192 | <a href="../research/education.html" class="inner_item"> |
| @@ -159,7 +207,7 @@ | @@ -159,7 +207,7 @@ | ||
| 159 | </li> | 207 | </li> |
| 160 | <li class="btn navbtnActive navbtn-a" role="button"> | 208 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 161 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 209 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 162 | - <div class='sec_menu_items'> | 210 | + <div class="sec_menu_items"> |
| 163 | <div href="javascript:;" class="inner_item"> | 211 | <div href="javascript:;" class="inner_item"> |
| 164 | About Us | 212 | About Us |
| 165 | <div class="third_menu_items"> | 213 | <div class="third_menu_items"> |
| @@ -186,7 +234,10 @@ | @@ -186,7 +234,10 @@ | ||
| 186 | <a href="../institute/facilities.html" class="inner_item"> | 234 | <a href="../institute/facilities.html" class="inner_item"> |
| 187 | Core Facilities and Services | 235 | Core Facilities and Services |
| 188 | </a> | 236 | </a> |
| 189 | - <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 237 | + <a |
| 238 | + href="http://www.cancerbiomed.org/index.php/cocr" | ||
| 239 | + class="inner_item" | ||
| 240 | + > | ||
| 190 | Journal of Clinical Oncology | 241 | Journal of Clinical Oncology |
| 191 | </a> | 242 | </a> |
| 192 | </div> | 243 | </div> |
| @@ -201,7 +252,7 @@ | @@ -201,7 +252,7 @@ | ||
| 201 | </li> | 252 | </li> |
| 202 | <li class="btn navbtn-a" role="button"> | 253 | <li class="btn navbtn-a" role="button"> |
| 203 | <a href="../contact.html">NURSING CARE</a> | 254 | <a href="../contact.html">NURSING CARE</a> |
| 204 | - <div class='sec_menu_items'> | 255 | + <div class="sec_menu_items"> |
| 205 | <a href="../care/aboutus.html" class="inner_item"> | 256 | <a href="../care/aboutus.html" class="inner_item"> |
| 206 | About Us | 257 | About Us |
| 207 | </a> | 258 | </a> |
| @@ -230,7 +281,7 @@ | @@ -230,7 +281,7 @@ | ||
| 230 | </li> | 281 | </li> |
| 231 | <li class="btn navbtn-a" role="button"> | 282 | <li class="btn navbtn-a" role="button"> |
| 232 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 283 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 233 | - <div class='sec_menu_items'> | 284 | + <div class="sec_menu_items"> |
| 234 | <a href="../international/conference.html" class="inner_item"> | 285 | <a href="../international/conference.html" class="inner_item"> |
| 235 | International Conferences | 286 | International Conferences |
| 236 | </a> | 287 | </a> |
| @@ -243,7 +294,6 @@ | @@ -243,7 +294,6 @@ | ||
| 243 | <a href="../international/partners.html" class="inner_item"> | 294 | <a href="../international/partners.html" class="inner_item"> |
| 244 | Partnership Institutions | 295 | Partnership Institutions |
| 245 | </a> | 296 | </a> |
| 246 | - | ||
| 247 | </div> | 297 | </div> |
| 248 | </li> | 298 | </li> |
| 249 | <li class="btn navbtn-a" role="button"> | 299 | <li class="btn navbtn-a" role="button"> |
| @@ -253,11 +303,48 @@ | @@ -253,11 +303,48 @@ | ||
| 253 | </div> | 303 | </div> |
| 254 | 304 | ||
| 255 | <!-- Swiper --> | 305 | <!-- Swiper --> |
| 256 | - <div class="img-header"> | 306 | + <!-- <div class="img-header"> |
| 257 | <img src="../images/ins_banner.png" width="100%" alt=""> | 307 | <img src="../images/ins_banner.png" width="100%" alt=""> |
| 258 | - </div> | 308 | + </div> --> |
| 259 | <div class="content"> | 309 | <div class="content"> |
| 260 | - <div class="content-word"> | 310 | + <div class="navpath"> |
| 311 | + Tianjin Cancer Institute<span>></span>About Us<span>></span>History | ||
| 312 | + </div> | ||
| 313 | + <div class="contant"> | ||
| 314 | + <div class="contant_one"> | ||
| 315 | + <div class="contant_img"> | ||
| 316 | + <img src="../images/33.png" alt="" /> | ||
| 317 | + </div> | ||
| 318 | + <div class="contant_title"> | ||
| 319 | + 1977-Tianjin Cancer Institute established | ||
| 320 | + </div> | ||
| 321 | + </div> | ||
| 322 | + <div class="contant_one"> | ||
| 323 | + <div class="contant_img"> | ||
| 324 | + <img src="../images/34.png" alt="" /> | ||
| 325 | + </div> | ||
| 326 | + <div class="contant_title"> | ||
| 327 | + 1987-Renamed as “Tianjin Cancer Institute & Hospital” | ||
| 328 | + </div> | ||
| 329 | + </div> | ||
| 330 | + <div class="contant_one"> | ||
| 331 | + <div class="contant_img"> | ||
| 332 | + <img src="../images/35.png" alt="" /> | ||
| 333 | + </div> | ||
| 334 | + <div class="contant_title"> | ||
| 335 | + 1997-Affiliated to Tianjin Medical University | ||
| 336 | + </div> | ||
| 337 | + </div> | ||
| 338 | + <div class="contant_one"> | ||
| 339 | + <div class="contant_img"> | ||
| 340 | + <img src="../images/36.png" alt="" /> | ||
| 341 | + </div> | ||
| 342 | + <div class="contant_title"> | ||
| 343 | + 2007-Today TCI became an independent legal entity | ||
| 344 | + </div> | ||
| 345 | + </div> | ||
| 346 | + </div> | ||
| 347 | + <!-- <div class="content-word"> | ||
| 261 | <div class="content-word-left"> | 348 | <div class="content-word-left"> |
| 262 | <div class="top_title_inner_short"> | 349 | <div class="top_title_inner_short"> |
| 263 | History | 350 | History |
| @@ -266,13 +353,11 @@ | @@ -266,13 +353,11 @@ | ||
| 266 | <img src="../images/time_zone_sec.png" alt="" srcset=""> | 353 | <img src="../images/time_zone_sec.png" alt="" srcset=""> |
| 267 | </div> | 354 | </div> |
| 268 | 355 | ||
| 269 | - </div> | 356 | + </div> --> |
| 270 | <!-- 形象墙 --> | 357 | <!-- 形象墙 --> |
| 271 | - | ||
| 272 | </div> | 358 | </div> |
| 273 | <footer class="footer-content"> | 359 | <footer class="footer-content"> |
| 274 | <div class="footer-main"> | 360 | <div class="footer-main"> |
| 275 | - | ||
| 276 | <ul class="list-unstyled third-ul"> | 361 | <ul class="list-unstyled third-ul"> |
| 277 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 362 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 278 | <li>Tianjin 300060</li> | 363 | <li>Tianjin 300060</li> |
| @@ -281,37 +366,39 @@ | @@ -281,37 +366,39 @@ | ||
| 281 | <li>Email: info@tjmuch.com</li> | 366 | <li>Email: info@tjmuch.com</li> |
| 282 | </ul> | 367 | </ul> |
| 283 | <ul class="list-unstyled first-ul"> | 368 | <ul class="list-unstyled first-ul"> |
| 284 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 285 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 369 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 370 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 286 | </ul> | 371 | </ul> |
| 287 | </div> | 372 | </div> |
| 288 | </footer> | 373 | </footer> |
| 289 | - | ||
| 290 | </div> | 374 | </div> |
| 291 | <script src="../js/jquery-1.11.3.min.js"></script> | 375 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 292 | <script src="../js/bootstrap.min.js"></script> | 376 | <script src="../js/bootstrap.min.js"></script> |
| 293 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 377 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 294 | <script src="../js/common.js"></script> | 378 | <script src="../js/common.js"></script> |
| 295 | <script> | 379 | <script> |
| 296 | - $(document).ready(function () { | ||
| 297 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 298 | - console.log(this) | ||
| 299 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 300 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 301 | - }) | ||
| 302 | - }) | ||
| 303 | - var swiper = new Swiper('.swiper-container', { | ||
| 304 | - pagination: '.swiper-pagination', | 380 | + $(document).ready(function() { |
| 381 | + $(".btn-group") | ||
| 382 | + .find(".navbtn-a") | ||
| 383 | + .click(function() { | ||
| 384 | + console.log(this); | ||
| 385 | + $(this) | ||
| 386 | + .siblings(".navbtn-a") | ||
| 387 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 388 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 389 | + }); | ||
| 390 | + }); | ||
| 391 | + var swiper = new Swiper(".swiper-container", { | ||
| 392 | + pagination: ".swiper-pagination", | ||
| 305 | paginationClickable: true | 393 | paginationClickable: true |
| 306 | }); | 394 | }); |
| 307 | 395 | ||
| 308 | - var swiper = new Swiper('.swiper-container1', { | ||
| 309 | - pagination: '.swiper-pagination', | 396 | + var swiper = new Swiper(".swiper-container1", { |
| 397 | + pagination: ".swiper-pagination", | ||
| 310 | slidesPerView: 3, | 398 | slidesPerView: 3, |
| 311 | paginationClickable: true, | 399 | paginationClickable: true, |
| 312 | spaceBetween: 30 | 400 | spaceBetween: 30 |
| 313 | }); | 401 | }); |
| 314 | </script> | 402 | </script> |
| 315 | -</body> | ||
| 316 | - | 403 | + </body> |
| 317 | </html> | 404 | </html> |
| @@ -2,51 +2,97 @@ | @@ -2,51 +2,97 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | - <meta charset="UTF-8"> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
| 9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
| 10 | - <link rel="stylesheet" href="../css/base.css"> | ||
| 11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
| 7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| 8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
| 9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
| 10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
| 11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
| 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
| 13 | <style> | 13 | <style> |
| 14 | .prof_box { | 14 | .prof_box { |
| 15 | justify-content: flex-start; | 15 | justify-content: flex-start; |
| 16 | } | 16 | } |
| 17 | - .prof_item{ | ||
| 18 | - width:auto; | 17 | + |
| 18 | + .prof_item { | ||
| 19 | + width: auto; | ||
| 19 | font-size: 20px; | 20 | font-size: 20px; |
| 20 | color: #333; | 21 | color: #333; |
| 21 | } | 22 | } |
| 22 | - .prof_img_box{ | ||
| 23 | - width: 200px; | ||
| 24 | 23 | ||
| 24 | + .prof_img_box { | ||
| 25 | + width: 200px; | ||
| 25 | } | 26 | } |
| 26 | - .first_show{ | 27 | + |
| 28 | + .first_show { | ||
| 27 | width: 50%; | 29 | width: 50%; |
| 28 | } | 30 | } |
| 29 | - .img_text{ | 31 | + |
| 32 | + .img_text { | ||
| 30 | display: flex; | 33 | display: flex; |
| 31 | display: -webkit-flex; | 34 | display: -webkit-flex; |
| 32 | padding: 15px; | 35 | padding: 15px; |
| 33 | - background: #EBFBF8; | 36 | + background: #ebfbf8; |
| 34 | } | 37 | } |
| 35 | - .img_text_textbox{ | 38 | + |
| 39 | + .img_text_textbox { | ||
| 36 | font-size: 20px; | 40 | font-size: 20px; |
| 37 | align-self: flex-end; | 41 | align-self: flex-end; |
| 38 | margin-left: 25px; | 42 | margin-left: 25px; |
| 39 | } | 43 | } |
| 40 | - .sec_paixu{ | 44 | + |
| 45 | + .sec_paixu { | ||
| 41 | display: flex; | 46 | display: flex; |
| 42 | display: -webkit-flex; | 47 | display: -webkit-flex; |
| 43 | - background: #EBFBF8; | 48 | + background: #ebfbf8; |
| 44 | width: 100%; | 49 | width: 100%; |
| 45 | margin-top: 50px; | 50 | margin-top: 50px; |
| 46 | } | 51 | } |
| 47 | - .sec_paixu .img_text_textbox{ | 52 | + |
| 53 | + .sec_paixu .img_text_textbox { | ||
| 48 | font-size: 16px; | 54 | font-size: 16px; |
| 49 | } | 55 | } |
| 56 | + | ||
| 57 | + .contant { | ||
| 58 | + width: 1122px; | ||
| 59 | + margin: 80px auto 0 auto; | ||
| 60 | + } | ||
| 61 | + | ||
| 62 | + .contant_img { | ||
| 63 | + width: 212px; | ||
| 64 | + height: 282px; | ||
| 65 | + } | ||
| 66 | + | ||
| 67 | + .contant_img img { | ||
| 68 | + width: 100%; | ||
| 69 | + height: 100%; | ||
| 70 | + } | ||
| 71 | + | ||
| 72 | + .contant_word { | ||
| 73 | + margin-top: 28px; | ||
| 74 | + } | ||
| 75 | + | ||
| 76 | + .contant_name { | ||
| 77 | + font-size: 20px; | ||
| 78 | + font-weight: bold; | ||
| 79 | + color: rgba(114, 113, 113, 1); | ||
| 80 | + line-height: 30px; | ||
| 81 | + } | ||
| 82 | + | ||
| 83 | + .contant_names { | ||
| 84 | + font-size: 20px; | ||
| 85 | + color: rgba(114, 113, 113, 1); | ||
| 86 | + line-height: 30px; | ||
| 87 | + } | ||
| 88 | + | ||
| 89 | + .contant_center { | ||
| 90 | + margin-top: 30px; | ||
| 91 | + font-size: 20px; | ||
| 92 | + font-weight: 400; | ||
| 93 | + color: rgba(114, 113, 113, 1); | ||
| 94 | + line-height: 33px; | ||
| 95 | + } | ||
| 50 | </style> | 96 | </style> |
| 51 | </head> | 97 | </head> |
| 52 | 98 | ||
| @@ -54,23 +100,22 @@ | @@ -54,23 +100,22 @@ | ||
| 54 | <nav class="navbar navbar-default bgf mb0"> | 100 | <nav class="navbar navbar-default bgf mb0"> |
| 55 | <div class="container-fluid top_pc_brand"> | 101 | <div class="container-fluid top_pc_brand"> |
| 56 | <div class="navbar-header"> | 102 | <div class="navbar-header"> |
| 57 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 58 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 103 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 59 | <span class="sr-only">Toggle navigation</span> | 104 | <span class="sr-only">Toggle navigation</span> |
| 60 | <span class="icon-bar"></span> | 105 | <span class="icon-bar"></span> |
| 61 | <span class="icon-bar"></span> | 106 | <span class="icon-bar"></span> |
| 62 | <span class="icon-bar"></span> | 107 | <span class="icon-bar"></span> |
| 63 | </button> | 108 | </button> |
| 64 | <a class="navbar-brand logo" href="../index.html"> | 109 | <a class="navbar-brand logo" href="../index.html"> |
| 65 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 110 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
| 66 | </a> | 111 | </a> |
| 67 | </div> | 112 | </div> |
| 68 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 113 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
| 69 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 114 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
| 70 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 115 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
| 71 | - <input type="text" class="form-control search-input" placeholder="Search"> | 116 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
| 72 | <div class="magnifier"> | 117 | <div class="magnifier"> |
| 73 | - <img src="../images/search_btn.png" alt=""> | 118 | + <img src="../images/search_btn.png" alt="" /> |
| 74 | </div> | 119 | </div> |
| 75 | </div> | 120 | </div> |
| 76 | </div> | 121 | </div> |
| @@ -82,7 +127,7 @@ | @@ -82,7 +127,7 @@ | ||
| 82 | <ul class="nav_menu_items"> | 127 | <ul class="nav_menu_items"> |
| 83 | <li class="btn navbtn-a" role="button"> | 128 | <li class="btn navbtn-a" role="button"> |
| 84 | <a href="javascript:;">ABOUT US</a> | 129 | <a href="javascript:;">ABOUT US</a> |
| 85 | - <div class='sec_menu_items'> | 130 | + <div class="sec_menu_items"> |
| 86 | <a href="../about/welcome.html" class="inner_item"> | 131 | <a href="../about/welcome.html" class="inner_item"> |
| 87 | Welcome Message | 132 | Welcome Message |
| 88 | </a> | 133 | </a> |
| @@ -103,9 +148,8 @@ | @@ -103,9 +148,8 @@ | ||
| 103 | </li> | 148 | </li> |
| 104 | <li class="btn navbtn-a" role="button"> | 149 | <li class="btn navbtn-a" role="button"> |
| 105 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 150 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 106 | - <div class='sec_menu_items'> | ||
| 107 | - <div href="../clinical/departments.html" | ||
| 108 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 151 | + <div class="sec_menu_items"> |
| 152 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
| 109 | Clinical Departments | 153 | Clinical Departments |
| 110 | <div class="third_menu_items"> | 154 | <div class="third_menu_items"> |
| 111 | <a href="../clinical/departm.html" class="inner_item"> | 155 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -138,13 +182,11 @@ | @@ -138,13 +182,11 @@ | ||
| 138 | </li> | 182 | </li> |
| 139 | <li class="btn navbtn-a" role="button"> | 183 | <li class="btn navbtn-a" role="button"> |
| 140 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 184 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
| 141 | - <div class='sec_menu_items'> | ||
| 142 | - | 185 | + <div class="sec_menu_items"> |
| 143 | <a href="../research/nationalCancer.html" class="inner_item"> | 186 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 144 | National Cancer Clinical Research Center | 187 | National Cancer Clinical Research Center |
| 145 | </a> | 188 | </a> |
| 146 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
| 147 | - class="inner_item"> | 189 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
| 148 | Research | 190 | Research |
| 149 | <div class="third_menu_items"> | 191 | <div class="third_menu_items"> |
| 150 | <a href="../research/research1.html" class="inner_item"> | 192 | <a href="../research/research1.html" class="inner_item"> |
| @@ -161,8 +203,7 @@ | @@ -161,8 +203,7 @@ | ||
| 161 | </a> | 203 | </a> |
| 162 | </div> | 204 | </div> |
| 163 | </div> | 205 | </div> |
| 164 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
| 165 | - class="inner_item"> | 206 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 166 | Education | 207 | Education |
| 167 | <div class="third_menu_items"> | 208 | <div class="third_menu_items"> |
| 168 | <a href="../research/education.html" class="inner_item"> | 209 | <a href="../research/education.html" class="inner_item"> |
| @@ -183,7 +224,7 @@ | @@ -183,7 +224,7 @@ | ||
| 183 | </li> | 224 | </li> |
| 184 | <li class="btn navbtnActive navbtn-a" role="button"> | 225 | <li class="btn navbtnActive navbtn-a" role="button"> |
| 185 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 226 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
| 186 | - <div class='sec_menu_items'> | 227 | + <div class="sec_menu_items"> |
| 187 | <div href="javascript:;" class="inner_item"> | 228 | <div href="javascript:;" class="inner_item"> |
| 188 | About Us | 229 | About Us |
| 189 | <div class="third_menu_items"> | 230 | <div class="third_menu_items"> |
| @@ -225,7 +266,7 @@ | @@ -225,7 +266,7 @@ | ||
| 225 | </li> | 266 | </li> |
| 226 | <li class="btn navbtn-a" role="button"> | 267 | <li class="btn navbtn-a" role="button"> |
| 227 | <a href="../contact.html">NURSING CARE</a> | 268 | <a href="../contact.html">NURSING CARE</a> |
| 228 | - <div class='sec_menu_items'> | 269 | + <div class="sec_menu_items"> |
| 229 | <a href="../care/aboutus.html" class="inner_item"> | 270 | <a href="../care/aboutus.html" class="inner_item"> |
| 230 | About Us | 271 | About Us |
| 231 | </a> | 272 | </a> |
| @@ -254,7 +295,7 @@ | @@ -254,7 +295,7 @@ | ||
| 254 | </li> | 295 | </li> |
| 255 | <li class="btn navbtn-a" role="button"> | 296 | <li class="btn navbtn-a" role="button"> |
| 256 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 297 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
| 257 | - <div class='sec_menu_items'> | 298 | + <div class="sec_menu_items"> |
| 258 | <a href="../international/conference.html" class="inner_item"> | 299 | <a href="../international/conference.html" class="inner_item"> |
| 259 | International Conferences | 300 | International Conferences |
| 260 | </a> | 301 | </a> |
| @@ -279,82 +320,40 @@ | @@ -279,82 +320,40 @@ | ||
| 279 | </div> | 320 | </div> |
| 280 | 321 | ||
| 281 | <!-- Swiper --> | 322 | <!-- Swiper --> |
| 282 | - <div class="img-header"> | 323 | + <!-- <div class="img-header"> |
| 283 | <img src="../images/ins_banner.png" width="100%" alt=""> | 324 | <img src="../images/ins_banner.png" width="100%" alt=""> |
| 284 | - </div> | 325 | + </div> --> |
| 285 | <div class="content"> | 326 | <div class="content"> |
| 286 | - <div class="content-word"> | ||
| 287 | - <div class="content-word-left"> | ||
| 288 | - <div class="top_title_inner_short"> | ||
| 289 | - Leadership | ||
| 290 | - </div> | ||
| 291 | - <div class="first_show"> | ||
| 292 | - <div class="img_text"> | ||
| 293 | - <div class="img_text_imagebox"> | ||
| 294 | - <a href="person_detail.5.html"> | ||
| 295 | - <img src="../images/first_top.png" alt="" srcset=""> | ||
| 296 | - </a> | ||
| 297 | - | ||
| 298 | - </div> | ||
| 299 | - <div class="img_text_textbox"> | ||
| 300 | - Professor Xishan Hao <br> | ||
| 301 | - Director <br> | ||
| 302 | - Tianjin Cancer Institute | ||
| 303 | - </div> | 327 | + <div class="navpath"> |
| 328 | + Tianjin Cancer Institute<span>></span>About Us<span>></span>Leadership | ||
| 304 | </div> | 329 | </div> |
| 330 | + <div class="contant"> | ||
| 331 | + <div class="contant_top"> | ||
| 332 | + <div class="contant_img"> | ||
| 333 | + <img src="../images/30.png" alt="" /> | ||
| 305 | </div> | 334 | </div> |
| 306 | - <div class="sec_paixu"> | ||
| 307 | - <div class="sec_show" style="width: 430px"> | ||
| 308 | - <div class="img_text"> | ||
| 309 | - <div class="img_text_imagebox"> | ||
| 310 | - <img src="../images/4-1-2-2.png" alt="" srcset=""> | ||
| 311 | </div> | 335 | </div> |
| 312 | - <div class="img_text_textbox"> | ||
| 313 | - | ||
| 314 | - Professor Yinguo Guang | ||
| 315 | - Deputy Director,TCI | ||
| 316 | - Chair,Department of Cancer Cell Biology | ||
| 317 | - | ||
| 318 | - </div> | ||
| 319 | - </div> | ||
| 320 | - </div> | ||
| 321 | - <div class="sec_show" style="width: 400px"> | ||
| 322 | - <div class="img_text"> | ||
| 323 | - <div class="img_text_imagebox"> | ||
| 324 | - <img src="../images/4-1-2-3.png" alt="" srcset=""> | ||
| 325 | - </div> | ||
| 326 | - <div class="img_text_textbox"> | ||
| 327 | - Professor Niurui Fang | ||
| 328 | - Deputy Director,TCI | ||
| 329 | - Chair, Department of Public Laboratory | ||
| 330 | - | 336 | + <div class="contant_word"> |
| 337 | + <div class="contant_name"> | ||
| 338 | + Professor Xishan Hao | ||
| 331 | </div> | 339 | </div> |
| 340 | + <div class="contant_names"> | ||
| 341 | + Director | ||
| 332 | </div> | 342 | </div> |
| 333 | - </div> | ||
| 334 | - <div class="sec_show" style="width: 400px"> | ||
| 335 | - <div class="img_text"> | ||
| 336 | - <div class="img_text_imagebox"> | ||
| 337 | - <img src="../images/4-1-2-4.png" alt="" srcset=""> | ||
| 338 | - </div> | ||
| 339 | - <div class="img_text_textbox"> | ||
| 340 | - Professor Hui Li | ||
| 341 | - Deputy Director,TCI | ||
| 342 | - Chair, Department of Gastrointestinal Cancer Biology | ||
| 343 | - | ||
| 344 | - </div> | 343 | + <div class="contant_names"> |
| 344 | + Tianjin Cancer Institute | ||
| 345 | </div> | 345 | </div> |
| 346 | </div> | 346 | </div> |
| 347 | + <div class="contant_center"> | ||
| 348 | + Chairman of The Professional Committee of Clinical Application, China Medicinal Biotech Association; Editor-in-Chief of 《 Chinese Journal of Clinical Oncology 》 and 《 Cancer Biology &Medicine 》 . Vice President of Serologic International Society (SIS); | ||
| 349 | + Honorary President of Tianjin Medical University; Honorary President of Tianjin Medical University Cancer Institute & Hospital, Honorary President of CACA; <br />Professor Xishan Hao is a leading surgical oncologist | ||
| 350 | + in China. He devoted himself to the clinical oncology and scientific research of cancer for more than 40 years and made many innovative achievements in surgical oncology, immunotherapy and epidemiology of cancer. | ||
| 347 | </div> | 351 | </div> |
| 348 | </div> | 352 | </div> |
| 349 | - | ||
| 350 | - | ||
| 351 | - </div> | ||
| 352 | - <!-- 形象墙 --> | ||
| 353 | - | 353 | + <div class="contant_bottom"></div> |
| 354 | </div> | 354 | </div> |
| 355 | <footer class="footer-content"> | 355 | <footer class="footer-content"> |
| 356 | <div class="footer-main"> | 356 | <div class="footer-main"> |
| 357 | - | ||
| 358 | <ul class="list-unstyled third-ul"> | 357 | <ul class="list-unstyled third-ul"> |
| 359 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 358 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
| 360 | <li>Tianjin 300060</li> | 359 | <li>Tianjin 300060</li> |
| @@ -363,32 +362,35 @@ | @@ -363,32 +362,35 @@ | ||
| 363 | <li>Email: info@tjmuch.com</li> | 362 | <li>Email: info@tjmuch.com</li> |
| 364 | </ul> | 363 | </ul> |
| 365 | <ul class="list-unstyled first-ul"> | 364 | <ul class="list-unstyled first-ul"> |
| 366 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
| 367 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 365 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
| 366 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
| 368 | </ul> | 367 | </ul> |
| 369 | </div> | 368 | </div> |
| 370 | </footer> | 369 | </footer> |
| 371 | - | ||
| 372 | </div> | 370 | </div> |
| 373 | <script src="../js/jquery-1.11.3.min.js"></script> | 371 | <script src="../js/jquery-1.11.3.min.js"></script> |
| 374 | <script src="../js/bootstrap.min.js"></script> | 372 | <script src="../js/bootstrap.min.js"></script> |
| 375 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 373 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 376 | <script src="../js/common.js"></script> | 374 | <script src="../js/common.js"></script> |
| 377 | <script> | 375 | <script> |
| 378 | - $(document).ready(function () { | ||
| 379 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
| 380 | - console.log(this) | ||
| 381 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
| 382 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
| 383 | - }) | ||
| 384 | - }) | ||
| 385 | - var swiper = new Swiper('.swiper-container', { | ||
| 386 | - pagination: '.swiper-pagination', | 376 | + $(document).ready(function() { |
| 377 | + $(".btn-group") | ||
| 378 | + .find(".navbtn-a") | ||
| 379 | + .click(function() { | ||
| 380 | + console.log(this); | ||
| 381 | + $(this) | ||
| 382 | + .siblings(".navbtn-a") | ||
| 383 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
| 384 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
| 385 | + }); | ||
| 386 | + }); | ||
| 387 | + var swiper = new Swiper(".swiper-container", { | ||
| 388 | + pagination: ".swiper-pagination", | ||
| 387 | paginationClickable: true | 389 | paginationClickable: true |
| 388 | }); | 390 | }); |
| 389 | 391 | ||
| 390 | - var swiper = new Swiper('.swiper-container1', { | ||
| 391 | - pagination: '.swiper-pagination', | 392 | + var swiper = new Swiper(".swiper-container1", { |
| 393 | + pagination: ".swiper-pagination", | ||
| 392 | slidesPerView: 3, | 394 | slidesPerView: 3, |
| 393 | paginationClickable: true, | 395 | paginationClickable: true, |
| 394 | spaceBetween: 30 | 396 | spaceBetween: 30 |
| 1 | - <!DOCTYPE html> | ||
| 2 | - <html lang="en"> | 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> | ||
| 3 | 3 | ||
| 4 | - <head> | 4 | +<head> |
| 5 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | 6 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
| 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
| @@ -37,7 +37,6 @@ | @@ -37,7 +37,6 @@ | ||
| 37 | display: none !important; | 37 | display: none !important; |
| 38 | display: -webkit-flex; | 38 | display: -webkit-flex; |
| 39 | flex-wrap: wrap; | 39 | flex-wrap: wrap; |
| 40 | - | ||
| 41 | padding: 0; | 40 | padding: 0; |
| 42 | position: relative; | 41 | position: relative; |
| 43 | } | 42 | } |
| @@ -131,15 +130,58 @@ | @@ -131,15 +130,58 @@ | ||
| 131 | margin-left: -11px; | 130 | margin-left: -11px; |
| 132 | cursor: pointer; | 131 | cursor: pointer; |
| 133 | } | 132 | } |
| 133 | + | ||
| 134 | + .contant { | ||
| 135 | + width: 1122px; | ||
| 136 | + margin: 12px auto 0 auto | ||
| 137 | + } | ||
| 138 | + | ||
| 139 | + .contant_top_img { | ||
| 140 | + width: 256px; | ||
| 141 | + height: 304px; | ||
| 142 | + } | ||
| 143 | + | ||
| 144 | + .contant_top_img img { | ||
| 145 | + width: 100%; | ||
| 146 | + height: 100% | ||
| 147 | + } | ||
| 148 | + | ||
| 149 | + .contant_top_word { | ||
| 150 | + margin-top: 32px | ||
| 151 | + } | ||
| 152 | + | ||
| 153 | + .contant_name { | ||
| 154 | + font-size: 30px; | ||
| 155 | + font-weight: 400; | ||
| 156 | + color: rgba(35, 35, 35, 1); | ||
| 157 | + line-height: 24px; | ||
| 158 | + margin-bottom: 20px | ||
| 159 | + } | ||
| 160 | + | ||
| 161 | + .contant_center { | ||
| 162 | + margin-top: 30px; | ||
| 163 | + font-size: 20px; | ||
| 164 | + color: #565656; | ||
| 165 | + line-height: 30px | ||
| 166 | + } | ||
| 167 | + | ||
| 168 | + .contant_center h3 { | ||
| 169 | + font-size: 20px; | ||
| 170 | + line-height: 30px; | ||
| 171 | + color: #565656; | ||
| 172 | + font-weight: bold | ||
| 173 | + } | ||
| 174 | + .contant_bottom{ | ||
| 175 | + margin-top: 36px | ||
| 176 | + } | ||
| 134 | </style> | 177 | </style> |
| 135 | - </head> | 178 | +</head> |
| 136 | 179 | ||
| 137 | - <body> | 180 | +<body> |
| 138 | <nav class="navbar navbar-default bgf mb0"> | 181 | <nav class="navbar navbar-default bgf mb0"> |
| 139 | <div class="container-fluid top_pc_brand"> | 182 | <div class="container-fluid top_pc_brand"> |
| 140 | <div class="navbar-header"> | 183 | <div class="navbar-header"> |
| 141 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
| 142 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | 184 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
| 143 | <span class="sr-only">Toggle navigation</span> | 185 | <span class="sr-only">Toggle navigation</span> |
| 144 | <span class="icon-bar"></span> | 186 | <span class="icon-bar"></span> |
| 145 | <span class="icon-bar"></span> | 187 | <span class="icon-bar"></span> |
| @@ -188,9 +230,7 @@ | @@ -188,9 +230,7 @@ | ||
| 188 | <li class="btn navbtn-a" role="button"> | 230 | <li class="btn navbtn-a" role="button"> |
| 189 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 231 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
| 190 | <div class='sec_menu_items'> | 232 | <div class='sec_menu_items'> |
| 191 | - <div href="../clinical/departments.html" | ||
| 192 | - onclick="window.location.href='../clinical/departments.html'" | ||
| 193 | - class="inner_item"> | 233 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> |
| 194 | Clinical Departments | 234 | Clinical Departments |
| 195 | <div class="third_menu_items"> | 235 | <div class="third_menu_items"> |
| 196 | <a href="../clinical/departm.html" class="inner_item"> | 236 | <a href="../clinical/departm.html" class="inner_item"> |
| @@ -228,8 +268,7 @@ | @@ -228,8 +268,7 @@ | ||
| 228 | <a href="../research/nationalCancer.html" class="inner_item"> | 268 | <a href="../research/nationalCancer.html" class="inner_item"> |
| 229 | National Cancer Clinical Research Center | 269 | National Cancer Clinical Research Center |
| 230 | </a> | 270 | </a> |
| 231 | - <div href="../research/research.html" | ||
| 232 | - onclick="location.href='../research.html'" class="inner_item"> | 271 | + <div href="../research/research.html" onclick="location.href='../research.html'" class="inner_item"> |
| 233 | Research | 272 | Research |
| 234 | <div class="third_menu_items"> | 273 | <div class="third_menu_items"> |
| 235 | <a href="../research/research1.html" class="inner_item"> | 274 | <a href="../research/research1.html" class="inner_item"> |
| @@ -246,8 +285,7 @@ | @@ -246,8 +285,7 @@ | ||
| 246 | </a> | 285 | </a> |
| 247 | </div> | 286 | </div> |
| 248 | </div> | 287 | </div> |
| 249 | - <div href="../research/education.html" | ||
| 250 | - onclick="location.href='../research/education.html'" class="inner_item"> | 288 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
| 251 | Education | 289 | Education |
| 252 | <div class="third_menu_items"> | 290 | <div class="third_menu_items"> |
| 253 | <a href="../research/education.html" class="inner_item"> | 291 | <a href="../research/education.html" class="inner_item"> |
| @@ -364,150 +402,68 @@ | @@ -364,150 +402,68 @@ | ||
| 364 | </div> | 402 | </div> |
| 365 | 403 | ||
| 366 | <!-- Swiper --> | 404 | <!-- Swiper --> |
| 367 | - <div class="img-header"> | 405 | + <!-- <div class="img-header"> |
| 368 | <img src="../images/cli2_top.png" width="100%" alt=""> | 406 | <img src="../images/cli2_top.png" width="100%" alt=""> |
| 369 | - </div> | 407 | + </div> --> |
| 370 | <div class="content"> | 408 | <div class="content"> |
| 371 | - <div class="content-word"> | ||
| 372 | - <div class="content-word-right active"> | ||
| 373 | - <div class="person_desc"> | ||
| 374 | - <div class="person_desc_photo"> | ||
| 375 | - <img src="../images/lixiangchun.png" alt="" srcset=""> | ||
| 376 | - </div> | ||
| 377 | - <div class="person_desc_box"> | ||
| 378 | - <h4 class="pername"> | 409 | + <div class="navpath"> |
| 410 | + Tianjin Cancer Institute<span>></span>Research<span>></span>Our Researchers | ||
| 411 | + </div> | ||
| 412 | + <div class="contant"> | ||
| 413 | + <div class="contant_top"> | ||
| 414 | + <div class="contant_top_img"> | ||
| 415 | + <img src="../images/lixiangchun.png" alt=""> | ||
| 416 | + </div> | ||
| 417 | + <div class="contant_top_word"> | ||
| 418 | + <div class="contant_name"> | ||
| 379 | Prof. Xiangchun Li | 419 | Prof. Xiangchun Li |
| 380 | - </h4> | ||
| 381 | - <h4 class="pername" style="white-space: nowrap"> | 420 | + </div> |
| 421 | + <div class="contant_name"> | ||
| 382 | Professor of Department of Public Laboratory | 422 | Professor of Department of Public Laboratory |
| 383 | - </h4> | ||
| 384 | - </div> | ||
| 385 | - </div> | ||
| 386 | - <div class="depart_introduce"> | ||
| 387 | - <div class="part_desc"> | ||
| 388 | - <p style="font-size: 18px"> | ||
| 389 | - <h3>Educaiton</h3> <br> | ||
| 390 | - 2006.9-2010.7 Bachelor of Engineering in Bioinformation Technology, Huazhong University | ||
| 391 | - of Science and Technology, <br> | ||
| 392 | - 2012.8~2016.12 Ph.D in Medical Sciences, Chinese University of Hong Kong, | ||
| 393 | - Professional Experiences： <br> | ||
| 394 | - 2010.7~2012.8 NGS data analyst, Beijing Genomics Institute, Shenzhen, | ||
| 395 | - 2017.2~present Professor, Tianjin Cancer Institute, Tianjin Medical University Cancer | ||
| 396 | - Institute and Hospital, | 423 | + </div> |
| 424 | + </div> | ||
| 425 | + </div> | ||
| 426 | + <div class="contant_center"> | ||
| 427 | + <h3>Educaiton</h3> 2006.9-2010.7 Bachelor of Engineering in Bioinformation Technology, Huazhong University of Science and Technology, <br> 2012.8~2016.12 Ph.D in Medical Sciences, Chinese University of Hong Kong, Professional Experiences： | ||
| 428 | + <br> 2010.7~2012.8 NGS data analyst, Beijing Genomics Institute, Shenzhen, 2017.2~present Professor, Tianjin Cancer Institute, Tianjin Medical University Cancer Institute and Hospital, | ||
| 397 | <h3>Research Focus</h3> | 429 | <h3>Research Focus</h3> |
| 398 | - <br> | ||
| 399 | - Our research focuses on characterizing mutational landscape of human gastrointestinal | ||
| 400 | - cancer, elucidating the association between mutational footprints and environmental | ||
| 401 | - factors, identifying biomarkers with translational significance in immunotherapy and | ||
| 402 | - early cancer diagnosis, and interpreting medical imaging data using deep learning | ||
| 403 | - algorithms. Through bioinformatics analyses, we identified new driver genes underlying | ||
| 404 | - the development of gastrointestinal cancer, and shed new lights on genetic markers that | ||
| 405 | - are potentially clinically actionable. By applying deep learning algorithm to analyze | ||
| 406 | - large-scale sonographic imaging data, we developed a deep learning model that could | ||
| 407 | - augment radiologists’ ability in thyroid cancer diagnosis. We have published more than 20 | ||
| 408 | - peer-reviewed articles in international journals, including Lancet Oncology, JAMA | ||
| 409 | - Oncology, and Annals of Oncology etc. <br> | ||
| 410 | - | 430 | + Our research focuses on characterizing mutational landscape of human gastrointestinal cancer, elucidating the association between mutational footprints and environmental factors, identifying biomarkers with translational significance in immunotherapy |
| 431 | + and early cancer diagnosis, and interpreting medical imaging data using deep learning algorithms. Through bioinformatics analyses, we identified new driver genes underlying the development of gastrointestinal cancer, and shed new lights | ||
| 432 | + on genetic markers that are potentially clinically actionable. By applying deep learning algorithm to analyze large-scale sonographic imaging data, we developed a deep learning model that could augment radiologists’ ability in thyroid | ||
| 433 | + cancer diagnosis. We have published more than 20 peer-reviewed articles in international journals, including Lancet Oncology, JAMA Oncology, and Annals of Oncology etc. <br> | ||
| 411 | <h3>Selected Publications</h3> | 434 | <h3>Selected Publications</h3> |
| 412 | - <br> | ||
| 413 | - 1. Li X#, Zhang S#, Zhang Q#, Wei X#, Pan Y, Zhao J, Xin X, Qin C, Wang X, Li J, Yang F, | ||
| 414 | - Zhao Y, Yang M, Wang Q, Zheng Z, Zheng X, Yang X, Whitlow CT, Gurcan MN, Zhang L, Wang X, | ||
| 415 | - Pasche BC, Gao M, Zhang W*, Chen K*. Diagnosis of thyroid cancer using deep convolutional | ||
| 416 | - neural network models applied to sonographic images: a retrospective, multicohort, | ||
| 417 | - diagnostic study. Lancet Oncol. 2018 Dec 21;. doi: 10.1016/S1470-2045(18)30762-9. [Epub | ||
| 418 | - ahead of print] PubMed PMID: 30583848. <br> | ||
| 419 | - 2. Li X#, Pasche B, Zhang W*, Chen K*. Association of MUC16 Mutation With Tumor Mutation | ||
| 420 | - Load and Outcomes in Patients With Gastric Cancer. JAMA Oncol. 2018 Dec | ||
| 421 | - 1;4(12):1691-1698. doi: 10.1001/jamaoncol.2018.2805. PubMed PMID: 30098163. | ||
| 422 | - 3. Li X#, Wang MY, Yang M, Dai HJ, Zhang BF, Wang W, Chu XL, Wang X, Zheng H, Niu RF, | ||
| 423 | - Zhang W*, Chen KX*. A mutational signature associated with alcohol consumption and | ||
| 424 | - prognostically significantly mutated driver genes in esophageal squamous cell carcinoma. | ||
| 425 | - Ann Oncol. 2018 Apr 1;29(4):938-944. doi: 10.1093/annonc/mdy011. PubMed PMID: 29351612; | ||
| 426 | - PubMed Central PMCID: PMC5913594. <br> | ||
| 427 | - 4. Chen K#, Yang D#, Li X#, Sun B, Song F, Cao W, Brat DJ, Gao Z, Li H, Liang H, Zhao Y, | ||
| 428 | - Zheng H, Li M, Buckner J, Patterson SD, Ye X, Reinhard C, Bhathena A, Joshi D, Mischel | ||
| 429 | - PS, Croce CM, Wang YM, Raghavakaimal S, Li H, Lu X, Pan Y, Chang H, Ba S, Luo L, Cavenee | ||
| 430 | - WK*, Zhang W*, Hao X*. Mutational landscape of gastric adenocarcinoma in Chinese: | ||
| 431 | - implications for prognosis and therapy. Proc Natl Acad Sci U S A. 2015 Jan | ||
| 432 | - 27;112(4):1107-12. doi: 10.1073/pnas.1422640112. Epub 2015 Jan 12. PubMed PMID: 25583476; | ||
| 433 | - PubMed Central PMCID: PMC4313862. <br> | ||
| 434 | - 5. Song Y#, Li L#, Ou Y#, Gao Z#, Li E#, Li X#, Zhang W, Wang J, Xu L, Zhou Y, Ma X, Liu | ||
| 435 | - L, Zhao Z, Huang X, Fan J, Dong L, Chen G, Ma L, Yang J, Chen L, He M, Li M, Zhuang X, | ||
| 436 | - Huang K, Qiu K, Yin G, Guo G, Feng Q, Chen P, Wu Z, Wu J, Ma L, Zhao J, Luo L, Fu M, Xu | ||
| 437 | - B, Chen B, Li Y, Tong T, Wang M, Liu Z, Lin D, Zhang X, Yang H, Wang J, Zhan Q*. <br> | ||
| 438 | - Identification of genomic alterations in oesophageal squamous cell cancer. Nature. 2014 | ||
| 439 | - May 1;509(7498):91-5. doi: 10.1038/nature13176. Epub 2014 Mar 16. PubMed PMID: 24670651. | ||
| 440 | - 6. Wang M#, Yang C#, Zhang X, Li X*. Characterizing genomic differences of human cancer | ||
| 441 | - stratified by the TP53 mutation status. Mol Genet Genomics. 2018 Jun;293(3):737-746. doi: | ||
| 442 | - 10.1007/s00438-018-1416-7. Epub 2018 Jan 12. PubMed PMID: 29330617. <br> | ||
| 443 | - 7. Ho J#, Li X#, Zhang L#, Liang Y, Hu W, Yau JCW, Chan H, Gin T, Chan MTV*, Tse G*, Wu | ||
| 444 | - WKK*. Translational genomics in pancreatic ductal adenocarcinoma: A review with | ||
| 445 | - re-analysis of TCGA dataset. Semin Cancer Biol. 2018 Apr 25;. doi: | ||
| 446 | - 10.1016/j.semcancer.2018.04.004. [Epub ahead of print] Review. PubMed PMID: 29705685. | ||
| 447 | - 8. Wang X#, Li X#, Zhang L#, Wong SH, Wang MHT, Tse G, Dai RZW, Nakatsu G, Coker OO, Chen | ||
| 448 | - Z, Ko H, Chan JYK, Liu T, Cheng CHK, Cheng ASL, To KF, Plewczynski D, Sung JJY, Yu J, Gin | ||
| 449 | - T*, Chan MTV*, Wu WKK*. Oncogenes expand during evolution to withstand somatic | ||
| 450 | - amplification. Ann Oncol. 2018 Nov 1;29(11):2254-2260. doi: 10.1093/annonc/mdy397. PubMed | ||
| 451 | - PMID: 30204835. <br> | ||
| 452 | - 9. Li X#, Xu W#, Kang W, Wong SH, Wang M, Zhou Y, Fang X, Zhang X, Yang H, Wong CH, To | ||
| 453 | - KF, Chan SL, Chan MTV, Sung JJY, Wu WKK*, Yu J*. Genomic analysis of liver cancer unveils | ||
| 454 | - novel driver genes and distinct prognostic features. Theranostics. 2018;8(6):1740-1751. | ||
| 455 | - doi: 10.7150/thno.22010. eCollection 2018. PubMed PMID: 29556353; PubMed Central PMCID: | ||
| 456 | - PMC5858179. <br> | ||
| 457 | - 10. Wu WK#, Li X#, Wang X#, Dai RZ, Cheng AS, Wang MH, Kwong T, Chow TC, Yu J*, Chan MT*, | ||
| 458 | - Wong SH*. Oncogenes without a Neighboring Tumor-Suppressor Gene Are More Prone to | ||
| 459 | - Amplification. Mol Biol Evol. 2017 Apr 1;34(4):903-907. doi: 10.1093/molbev/msw295. | ||
| 460 | - PubMed PMID: 28087780; PubMed Central PMCID: PMC5400371. <br> | ||
| 461 | - 11. Li X#, Wu WK*, Xing R, Wong SH, Liu Y, Fang X, Zhang Y, Wang M, Wang J, Li L, Zhou Y, | ||
| 462 | - Tang S, Peng S, Qiu K, Chen L, Chen K, Yang H, Zhang W, Chan MT, Lu Y, Sung JJ, Yu J*. | ||
| 463 | - Distinct Subtypes of Gastric Cancer Defined by Molecular Characterization Include Novel | ||
| 464 | - Mutational Signatures with Prognostic Capability. Cancer Res. 2016 Apr 1;76(7):1724-32. | ||
| 465 | - doi: 10.1158/0008-5472.CAN-15-2443. Epub 2016 Feb 8. PubMed PMID: 26857262. <br> | ||
| 466 | - 12. Nakatsu G#, Li X#, Zhou H#, Sheng J#, Wong SH#, Wu WK#, Ng SC, Tsoi H, Dong Y, Zhang | ||
| 467 | - N, He Y, Kang Q, Cao L, Wang K, Zhang J, Liang Q, Yu J*, Sung JJ*. Gut mucosal microbiome | ||
| 468 | - across stages of colorectal carcinogenesis. Nat Commun. 2015 Oct 30;6:8727. doi: | ||
| 469 | - 10.1038/ncomms9727. PubMed PMID: 26515465; PubMed Central PMCID: PMC4640069. <br> | ||
| 470 | - 13. Li C#, Gao Z#, Li F#, Li X#, Sun Y, Wang M, Li D, Wang R, Li F, Fang R, Pan Y, Luo X, | ||
| 471 | - He J, Zheng L, Xia J, Qiu L, He J, Ye T, Zhang R, He M, Zhu M, Hu H, Shi T, Zhou X, Sun | ||
| 472 | - M, Tian S, Zhou Y, Wang Q, Chen L, Yin G, Lu J, Wu R, Guo G, Li Y, Hu X, Li L, Asan, Wang | ||
| 473 | - Q, Yin Y, Feng Q, Wang B, Wang H, Wang M, Yang X, Zhang X, Yang H, Jin L, Wang CY, Ji H*, | ||
| 474 | - Chen H*, Wang J , Wei Q*. Whole Exome Sequencing Identifies Frequent Somatic Mutations in | ||
| 475 | - Cell-Cell Adhesion Genes in Chinese Patients with Lung Squamous Cell Carcinoma. Sci Rep. | ||
| 476 | - 2015 Oct 27;5:14237. doi: 10.1038/srep14237. PubMed PMID: 26503331; PubMed Central PMCID: | ||
| 477 | - PMC4621504. <br> | ||
| 478 | - 14. Yu J#*, Wu WK# Li X#, He J, Li XX, Ng SS, Yu C, Gao Z, Yang J, Li M, Wang Q, Liang Q, | ||
| 479 | - Pan Y, Tong JH, To KF, Wong N, Zhang N, Chen J, Lu Y, Lai PB, Chan FK, Li Y, Kung HF, | ||
| 480 | - Yang H, Wang J*, Sung JJ*. Novel recurrently mutated genes and a prognostic mutation | ||
| 481 | - signature in colorectal cancer. Gut. 2015 Apr;64(4):636-45. doi: | ||
| 482 | - 10.1136/gutjnl-2013-306620. Epub 2014 Jun 20. PubMed PMID: 24951259; PubMed Central | ||
| 483 | - PMCID: PMC4392212. <br> | ||
| 484 | - <h3 style="color: #565656;font-size: 22px">1. Selected Research ProjectsDiagnosis of thyroid cancer using | ||
| 485 | - deep convolutional neural | ||
| 486 | - network models applied to sonographic images: a retrospective, multicolor, diagnostic | ||
| 487 | - study</h3> | ||
| 488 | - | ||
| 489 | -</p> | ||
| 490 | - <div class="bottom_desc"> | ||
| 491 | - <img src="../images/desc_left.png" alt="" srcset=""> | ||
| 492 | - </div> | ||
| 493 | - </div> | ||
| 494 | - </div> | ||
| 495 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
| 496 | - </div> | ||
| 497 | - <!-- <div class="content-word-left"> | ||
| 498 | - <div class="part_top"> | ||
| 499 | - DEPARTMENTS DYNAMICS | ||
| 500 | - </div> | ||
| 501 | - <div class="part_inner_content"> | ||
| 502 | - under construction under construction | ||
| 503 | - under construction under construction | ||
| 504 | - under construction under construction | ||
| 505 | - under construction under construction | ||
| 506 | - under construction under construction | ||
| 507 | - under construction under construction | ||
| 508 | - </div> | ||
| 509 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
| 510 | - </div> --> | 435 | + 1. Li X#, Zhang S#, Zhang Q#, Wei X#, Pan Y, Zhao J, Xin X, Qin C, Wang X, Li J, Yang F, Zhao Y, Yang M, Wang Q, Zheng Z, Zheng X, Yang X, Whitlow CT, Gurcan MN, Zhang L, Wang X, Pasche BC, Gao M, Zhang W*, Chen K*. Diagnosis of thyroid cancer using deep |
| 436 | + convolutional neural network models applied to sonographic images: a retrospective, multicohort, diagnostic study. Lancet Oncol. 2018 Dec 21;. doi: 10.1016/S1470-2045(18)30762-9. [Epub ahead of print] PubMed PMID: 30583848. <br> 2. Li X#, Pasche B, Zhang W*, Chen K*. Association of MUC16 Mutation With Tumor Mutation Load and Outcomes in Patients With Gastric Cancer. JAMA Oncol. 2018 Dec 1;4(12):1691-1698. doi: 10.1001/jamaoncol.2018.2805. PubMed PMID: 30098163. | ||
| 437 | + 3. Li X#, Wang MY, Yang M, Dai HJ, Zhang BF, Wang W, Chu XL, Wang X, Zheng H, Niu RF, Zhang W*, Chen KX*. A mutational signature associated with alcohol consumption and prognostically significantly mutated driver genes in esophageal | ||
| 438 | + squamous cell carcinoma. Ann Oncol. 2018 Apr 1;29(4):938-944. doi: 10.1093/annonc/mdy011. PubMed PMID: 29351612; PubMed Central PMCID: PMC5913594. <br> 4. Chen K#, Yang D#, Li X#, Sun B, Song F, Cao W, Brat DJ, Gao Z, Li H, Liang H, | ||
| 439 | + Zhao Y, Zheng H, Li M, Buckner J, Patterson SD, Ye X, Reinhard C, Bhathena A, Joshi D, Mischel PS, Croce CM, Wang YM, Raghavakaimal S, Li H, Lu X, Pan Y, Chang H, Ba S, Luo L, Cavenee WK*, Zhang W*, Hao X*. Mutational landscape of | ||
| 440 | + gastric adenocarcinoma in Chinese: implications for prognosis and therapy. Proc Natl Acad Sci U S A. 2015 Jan 27;112(4):1107-12. doi: 10.1073/pnas.1422640112. Epub 2015 Jan 12. PubMed PMID: 25583476; PubMed Central PMCID: PMC4313862. | ||
| 441 | + <br> 5. Song Y#, Li L#, Ou Y#, Gao Z#, Li E#, Li X#, Zhang W, Wang J, Xu L, Zhou Y, Ma X, Liu L, Zhao Z, Huang X, Fan J, Dong L, Chen G, Ma L, Yang J, Chen L, He M, Li M, Zhuang X, Huang K, Qiu K, Yin G, Guo G, Feng Q, Chen P, Wu Z, | ||
| 442 | + Wu J, Ma L, Zhao J, Luo L, Fu M, Xu B, Chen B, Li Y, Tong T, Wang M, Liu Z, Lin D, Zhang X, Yang H, Wang J, Zhan Q*. <br> Identification of genomic alterations in oesophageal squamous cell cancer. Nature. 2014 May 1;509(7498):91-5. | ||
| 443 | + doi: 10.1038/nature13176. Epub 2014 Mar 16. PubMed PMID: 24670651. 6. Wang M#, Yang C#, Zhang X, Li X*. Characterizing genomic differences of human cancer stratified by the TP53 mutation status. Mol Genet Genomics. 2018 Jun;293(3):737-746. | ||
| 444 | + doi: 10.1007/s00438-018-1416-7. Epub 2018 Jan 12. PubMed PMID: 29330617. | ||
| 445 | + <br> 7. Ho J#, Li X#, Zhang L#, Liang Y, Hu W, Yau JCW, Chan H, Gin T, Chan MTV*, Tse G*, Wu WKK*. Translational genomics in pancreatic ductal adenocarcinoma: A review with re-analysis of TCGA dataset. Semin Cancer Biol. 2018 Apr 25;. | ||
| 446 | + doi: 10.1016/j.semcancer.2018.04.004. [Epub ahead of print] Review. PubMed PMID: 29705685. 8. Wang X#, Li X#, Zhang L#, Wong SH, Wang MHT, Tse G, Dai RZW, Nakatsu G, Coker OO, Chen Z, Ko H, Chan JYK, Liu T, Cheng CHK, Cheng ASL, To | ||
| 447 | + KF, Plewczynski D, Sung JJY, Yu J, Gin T*, Chan MTV*, Wu WKK*. Oncogenes expand during evolution to withstand somatic amplification. Ann Oncol. 2018 Nov 1;29(11):2254-2260. doi: 10.1093/annonc/mdy397. PubMed PMID: 30204835. <br> 9. | ||
| 448 | + Li X#, Xu W#, Kang W, Wong SH, Wang M, Zhou Y, Fang X, Zhang X, Yang H, Wong CH, To KF, Chan SL, Chan MTV, Sung JJY, Wu WKK*, Yu J*. Genomic analysis of liver cancer unveils novel driver genes and distinct prognostic features. Theranostics. | ||
| 449 | + 2018;8(6):1740-1751. doi: 10.7150/thno.22010. eCollection 2018. PubMed PMID: 29556353; PubMed Central PMCID: PMC5858179. <br> 10. Wu WK#, Li X#, Wang X#, Dai RZ, Cheng AS, Wang MH, Kwong T, Chow TC, Yu J*, Chan MT*, Wong SH*. Oncogenes | ||
| 450 | + without a Neighboring Tumor-Suppressor Gene Are More Prone to Amplification. Mol Biol Evol. 2017 Apr 1;34(4):903-907. doi: 10.1093/molbev/msw295. PubMed PMID: 28087780; PubMed Central PMCID: PMC5400371. <br> 11. Li X#, Wu WK*, Xing | ||
| 451 | + R, Wong SH, Liu Y, Fang X, Zhang Y, Wang M, Wang J, Li L, Zhou Y, Tang S, Peng S, Qiu K, Chen L, Chen K, Yang H, Zhang W, Chan MT, Lu Y, Sung JJ, Yu J*. Distinct Subtypes of Gastric Cancer Defined by Molecular Characterization Include | ||
| 452 | + Novel Mutational Signatures with Prognostic Capability. Cancer Res. 2016 Apr 1;76(7):1724-32. doi: 10.1158/0008-5472.CAN-15-2443. Epub 2016 Feb 8. PubMed PMID: 26857262. <br> 12. Nakatsu G#, Li X#, Zhou H#, Sheng J#, Wong SH#, Wu WK#, | ||
| 453 | + Ng SC, Tsoi H, Dong Y, Zhang N, He Y, Kang Q, Cao L, Wang K, Zhang J, Liang Q, Yu J*, Sung JJ*. Gut mucosal microbiome across stages of colorectal carcinogenesis. Nat Commun. 2015 Oct 30;6:8727. doi: 10.1038/ncomms9727. PubMed PMID: | ||
| 454 | + 26515465; PubMed Central PMCID: PMC4640069. <br> 13. Li C#, Gao Z#, Li F#, Li X#, Sun Y, Wang M, Li D, Wang R, Li F, Fang R, Pan Y, Luo X, He J, Zheng L, Xia J, Qiu L, He J, Ye T, Zhang R, He M, Zhu M, Hu H, Shi T, Zhou X, Sun M, Tian | ||
| 455 | + S, Zhou Y, Wang Q, Chen L, Yin G, Lu J, Wu R, Guo G, Li Y, Hu X, Li L, Asan, Wang Q, Yin Y, Feng Q, Wang B, Wang H, Wang M, Yang X, Zhang X, Yang H, Jin L, Wang CY, Ji H*, Chen H*, Wang J , Wei Q*. Whole Exome Sequencing Identifies | ||
| 456 | + Frequent Somatic Mutations in Cell-Cell Adhesion Genes in Chinese Patients with Lung Squamous Cell Carcinoma. Sci Rep. 2015 Oct 27;5:14237. doi: 10.1038/srep14237. PubMed PMID: 26503331; PubMed Central PMCID: PMC4621504. <br> 14. Yu | ||
| 457 | + J#*, Wu WK# Li X#, He J, Li XX, Ng SS, Yu C, Gao Z, Yang J, Li M, Wang Q, Liang Q, Pan Y, Tong JH, To KF, Wong N, Zhang N, Chen J, Lu Y, Lai PB, Chan FK, Li Y, Kung HF, Yang H, Wang J*, Sung JJ*. Novel recurrently mutated genes and | ||
| 458 | + a prognostic mutation signature in colorectal cancer. Gut. 2015 Apr;64(4):636-45. doi: 10.1136/gutjnl-2013-306620. Epub 2014 Jun 20. PubMed PMID: 24951259; PubMed Central PMCID: PMC4392212. | ||
| 459 | + <h3>Selected Research | ||
| 460 | + </h3> ProjectsDiagnosis of thyroid cancer using deep convolutional neural network models applied to sonographic images: a retrospective, multicolor, diagnostic study | ||
| 461 | + </div> | ||
| 462 | + <div class="contant_bottom"> | ||
| 463 | + <div class="contant_bottom_img1"> | ||
| 464 | + <img src="../images/desc_left.png" alt=""> | ||
| 465 | + </div> | ||
| 466 | + </div> | ||
| 511 | </div> | 467 | </div> |
| 512 | 468 | ||
| 513 | </div> | 469 | </div> |
| @@ -534,8 +490,8 @@ | @@ -534,8 +490,8 @@ | ||
| 534 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 490 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
| 535 | <script src="../js/common.js"></script> | 491 | <script src="../js/common.js"></script> |
| 536 | <script> | 492 | <script> |
| 537 | - $(document).ready(function () { | ||
| 538 | - $(".btn-group").find(".navbtn-a").click(function () { | 493 | + $(document).ready(function() { |
| 494 | + $(".btn-group").find(".navbtn-a").click(function() { | ||
| 539 | console.log(this) | 495 | console.log(this) |
| 540 | $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | 496 | $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 |
| 541 | $(this).addClass('navbtnActive'); // 添加当前元素的样式 | 497 | $(this).addClass('navbtnActive'); // 添加当前元素的样式 |
| @@ -553,12 +509,12 @@ | @@ -553,12 +509,12 @@ | ||
| 553 | spaceBetween: 30 | 509 | spaceBetween: 30 |
| 554 | }); | 510 | }); |
| 555 | 511 | ||
| 556 | - $('.content-word-left').on('click', 'h4', function () { | 512 | + $('.content-word-left').on('click', 'h4', function() { |
| 557 | $(this).addClass('active').siblings().removeClass('active') | 513 | $(this).addClass('active').siblings().removeClass('active') |
| 558 | $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | 514 | $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') |
| 559 | }) | 515 | }) |
| 560 | // | 516 | // |
| 561 | </script> | 517 | </script> |
| 562 | - </body> | 518 | +</body> |
| 563 | 519 | ||
| 564 | - </html> | ||
| 520 | +</html> |
-
请 注册 或 登录 后发表评论