PC / tmuch · 提交

转到一个项目

作者 朱振飞
提交 6eecbe84d5524d9fb0a678a15bafbac5839dae95 2 个父辈 2f9924dc 59df5f3d

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

# Conflicts:
#	care/cancer.html
#	care/history_time.html
#	clinical/depart_detail.html
#	clinical/person_detail.2.1.2.html
#	clinical/trials.html
#	research/research1.html
内嵌 并排对比
正在显示 8 个修改的文件 包含 362 行增加 和 294 行删除
@@ -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 {
@@ -61,7 +61,7 @@ @@ -61,7 +61,7 @@
61 61
62 .content-word-left h4 { 62 .content-word-left h4 {
63 color: #232323; 63 color: #232323;
64 - opacity: .7; 64 + opacity: 0.7;
65 line-height: 2.5; 65 line-height: 2.5;
66 padding: 0; 66 padding: 0;
67 margin: 0; 67 margin: 0;
@@ -85,7 +85,7 @@ @@ -85,7 +85,7 @@
85 } 85 }
86 86
87 .depart_introduce { 87 .depart_introduce {
88 - background: #EBFBF8; 88 + background: #ebfbf8;
89 color: #232323; 89 color: #232323;
90 box-sizing: border-box; 90 box-sizing: border-box;
91 padding: 20px; 91 padding: 20px;
@@ -93,7 +93,7 @@ @@ -93,7 +93,7 @@
93 93
94 .part_top { 94 .part_top {
95 height: 74px; 95 height: 74px;
96 - background: #83AD9F; 96 + background: #83ad9f;
97 color: #000000; 97 color: #000000;
98 font-size: 18px; 98 font-size: 18px;
99 font-weight: bold; 99 font-weight: bold;
@@ -120,11 +120,13 @@ @@ -120,11 +120,13 @@
120 left: 50%; 120 left: 50%;
121 margin-left: -11px; 121 margin-left: -11px;
122 } 122 }
123 - .news_container{ 123 +
  124 + .news_container {
124 display: flex; 125 display: flex;
125 - flex-flow:column; 126 + flex-flow: column;
126 } 127 }
127 - .singleNews{ 128 +
  129 + .singleNews {
128 height: 56px; 130 height: 56px;
129 border-bottom: 1px dashed #999; 131 border-bottom: 1px dashed #999;
130 display: flex; 132 display: flex;
@@ -133,20 +135,32 @@ @@ -133,20 +135,32 @@
133 width: 840px; 135 width: 840px;
134 font-size: 16px; 136 font-size: 16px;
135 } 137 }
136 - .singleNews .time{  
137 - color: #00A16C; 138 +
  139 + .singleNews .time {
  140 + color: #00a16c;
138 margin-right: 35px; 141 margin-right: 35px;
139 } 142 }
140 - .single_news_content{  
141 - color: #232323 143 +
  144 + .single_news_content {
  145 + color: #232323;
142 } 146 }
143 - .top_line{ 147 +
  148 + .top_line {
144 text-align: left; 149 text-align: left;
145 padding-left: 35px; 150 padding-left: 35px;
146 - background: #EBFBF8;  
147 - color: #00A16C; 151 + background: #ebfbf8;
  152 + color: #00a16c;
148 font-weight: bold; 153 font-weight: bold;
149 } 154 }
  155 +
  156 + .contant {
  157 + width: 1122px;
  158 + margin: 228px auto 0 auto;
  159 + font-size: 21px;
  160 + font-weight: 400;
  161 + color: rgba(0, 161, 108, 1);
  162 + line-height: 20px;
  163 + }
150 </style> 164 </style>
151 </head> 165 </head>
152 166
@@ -154,23 +168,22 @@ @@ -154,23 +168,22 @@
154 <nav class="navbar navbar-default bgf mb0"> 168 <nav class="navbar navbar-default bgf mb0">
155 <div class="container-fluid top_pc_brand"> 169 <div class="container-fluid top_pc_brand">
156 <div class="navbar-header"> 170 <div class="navbar-header">
157 - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"  
158 - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> 171 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
159 <span class="sr-only">Toggle navigation</span> 172 <span class="sr-only">Toggle navigation</span>
160 <span class="icon-bar"></span> 173 <span class="icon-bar"></span>
161 <span class="icon-bar"></span> 174 <span class="icon-bar"></span>
162 <span class="icon-bar"></span> 175 <span class="icon-bar"></span>
163 </button> 176 </button>
164 <a class="navbar-brand logo" href="../index.html"> 177 <a class="navbar-brand logo" href="../index.html">
165 - <img class="brand-logo" src="../images/logo.png" alt=""> 178 + <img class="brand-logo" src="../images/logo.png" alt="" />
166 </a> 179 </a>
167 </div> 180 </div>
168 <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> 181 <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
169 <div class="search-group mt30 form-group navbar-text navbar-right"> 182 <div class="search-group mt30 form-group navbar-text navbar-right">
170 <a href="http://www.tjmuch.com/" class="langue">中文</a> 183 <a href="http://www.tjmuch.com/" class="langue">中文</a>
171 - <input type="text" class="form-control search-input" placeholder="Search"> 184 + <input type="text" class="form-control search-input" placeholder="Search" />
172 <div class="magnifier"> 185 <div class="magnifier">
173 - <img src="../images/search_btn.png" alt=""> 186 + <img src="../images/search_btn.png" alt="" />
174 </div> 187 </div>
175 </div> 188 </div>
176 </div> 189 </div>
@@ -182,7 +195,7 @@ @@ -182,7 +195,7 @@
182 <ul class="nav_menu_items"> 195 <ul class="nav_menu_items">
183 <li class="btn navbtn-a" role="button"> 196 <li class="btn navbtn-a" role="button">
184 <a href="javascript:;">ABOUT US</a> 197 <a href="javascript:;">ABOUT US</a>
185 - <div class='sec_menu_items'> 198 + <div class="sec_menu_items">
186 <a href="../about/welcome.html" class="inner_item"> 199 <a href="../about/welcome.html" class="inner_item">
187 Welcome Message 200 Welcome Message
188 </a> 201 </a>
@@ -201,7 +214,7 @@ @@ -201,7 +214,7 @@
201 </li> 214 </li>
202 <li class="btn navbtn-a" role="button"> 215 <li class="btn navbtn-a" role="button">
203 <a href="JavaScript:;">CLINICAL RESOURCES</a> 216 <a href="JavaScript:;">CLINICAL RESOURCES</a>
204 - <div class='sec_menu_items'> 217 + <div class="sec_menu_items">
205 <div class="inner_item"> 218 <div class="inner_item">
206 Clinical Departments 219 Clinical Departments
207 <div class="third_menu_items"> 220 <div class="third_menu_items">
@@ -235,8 +248,7 @@ @@ -235,8 +248,7 @@
235 </li> 248 </li>
236 <li class="btn navbtn-a" role="button"> 249 <li class="btn navbtn-a" role="button">
237 <a href="javascript:;">RESEARCH & EDUCATION</a> 250 <a href="javascript:;">RESEARCH & EDUCATION</a>
238 - <div class='sec_menu_items'>  
239 - 251 + <div class="sec_menu_items">
240 <a href="../research/nationalCancer.html" class="inner_item"> 252 <a href="../research/nationalCancer.html" class="inner_item">
241 National Cancer Clinical Research Center 253 National Cancer Clinical Research Center
242 </a> 254 </a>
@@ -278,7 +290,7 @@ @@ -278,7 +290,7 @@
278 </li> 290 </li>
279 <li class="btn navbtn-a" role="button"> 291 <li class="btn navbtn-a" role="button">
280 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 292 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
281 - <div class='sec_menu_items'> 293 + <div class="sec_menu_items">
282 <div href="javascript:;" class="inner_item"> 294 <div href="javascript:;" class="inner_item">
283 About Us 295 About Us
284 <div class="third_menu_items"> 296 <div class="third_menu_items">
@@ -310,12 +322,11 @@ @@ -310,12 +322,11 @@
310 </a> 322 </a>
311 </div> 323 </div>
312 </div> 324 </div>
313 -  
314 </div> 325 </div>
315 </li> 326 </li>
316 <li class="btn navbtnActive navbtn-a" role="button"> 327 <li class="btn navbtnActive navbtn-a" role="button">
317 <a href="../contact.html">NURSING CARE</a> 328 <a href="../contact.html">NURSING CARE</a>
318 - <div class='sec_menu_items'> 329 + <div class="sec_menu_items">
319 <a href="../care/history_time.html" class="inner_item"> 330 <a href="../care/history_time.html" class="inner_item">
320 About Us 331 About Us
321 </a> 332 </a>
@@ -335,7 +346,7 @@ @@ -335,7 +346,7 @@
335 </li> 346 </li>
336 <li class="btn navbtn-a" role="button"> 347 <li class="btn navbtn-a" role="button">
337 <a href="javascript:;">INTERNATIONAL AFFAIRS</a> 348 <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
338 - <div class='sec_menu_items'> 349 + <div class="sec_menu_items">
339 <a href="../international/conference.html" class="inner_item"> 350 <a href="../international/conference.html" class="inner_item">
340 International Conferences 351 International Conferences
341 </a> 352 </a>
@@ -361,20 +372,23 @@ @@ -361,20 +372,23 @@
361 372
362 <div class="content padding0"> 373 <div class="content padding0">
363 <!-- Swiper --> 374 <!-- Swiper -->
364 - <div class="img-header"> 375 + <!-- <div class="img-header">
365 <img src="../images/care_top.png" width="100%" alt=""> 376 <img src="../images/care_top.png" width="100%" alt="">
366 - </div> 377 + </div> -->
367 </div> 378 </div>
368 <div class="content"> 379 <div class="content">
369 -  
370 - <div class="content-word">  
371 - <div class="ondata">under construction</div> 380 + <div class="navpath">
  381 + Nursing Care<span>></span> Cancer Survivorship Support
372 </div> 382 </div>
373 - 383 + <div class="contant">
  384 + under construction
  385 + </div>
  386 + <!-- <div class="content-word">
  387 + <div class="ondata">under construction</div>
  388 + </div> -->
374 </div> 389 </div>
375 <footer class="footer-content"> 390 <footer class="footer-content">
376 <div class="footer-main"> 391 <div class="footer-main">
377 -  
378 <ul class="list-unstyled third-ul"> 392 <ul class="list-unstyled third-ul">
379 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 393 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
380 <li>Tianjin 300060</li> 394 <li>Tianjin 300060</li>
@@ -383,41 +397,51 @@ @@ -383,41 +397,51 @@
383 <li>Email: info@tjmuch.com</li> 397 <li>Email: info@tjmuch.com</li>
384 </ul> 398 </ul>
385 <ul class="list-unstyled first-ul"> 399 <ul class="list-unstyled first-ul">
386 - <li><img src="../images/yikeda.png" width="160px" alt=""></li>  
387 - <li><img src="../images/tjuc.png" width="160px" alt=""></li> 400 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  401 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
388 </ul> 402 </ul>
389 </div> 403 </div>
390 </footer> 404 </footer>
391 -  
392 </div> 405 </div>
393 <script src="../js/jquery-1.11.3.min.js"></script> 406 <script src="../js/jquery-1.11.3.min.js"></script>
394 <script src="../js/bootstrap.min.js"></script> 407 <script src="../js/bootstrap.min.js"></script>
395 <script src="../js/swiper-3.4.2.jquery.min.js"></script> 408 <script src="../js/swiper-3.4.2.jquery.min.js"></script>
396 <script src="../js/common.js"></script> 409 <script src="../js/common.js"></script>
397 <script> 410 <script>
398 - $(document).ready(function () {  
399 - $(".btn-group").find(".navbtn-a").click(function () {  
400 - console.log(this)  
401 - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式  
402 - $(this).addClass('navbtnActive'); // 添加当前元素的样式  
403 - })  
404 - })  
405 - var swiper = new Swiper('.swiper-container', {  
406 - pagination: '.swiper-pagination', 411 + $(document).ready(function() {
  412 + $(".btn-group")
  413 + .find(".navbtn-a")
  414 + .click(function() {
  415 + console.log(this);
  416 + $(this)
  417 + .siblings(".navbtn-a")
  418 + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式
  419 + $(this).addClass("navbtnActive"); // 添加当前元素的样式
  420 + });
  421 + });
  422 + var swiper = new Swiper(".swiper-container", {
  423 + pagination: ".swiper-pagination",
407 paginationClickable: true 424 paginationClickable: true
408 }); 425 });
409 426
410 - var swiper = new Swiper('.swiper-container1', {  
411 - pagination: '.swiper-pagination', 427 + var swiper = new Swiper(".swiper-container1", {
  428 + pagination: ".swiper-pagination",
412 slidesPerView: 3, 429 slidesPerView: 3,
413 paginationClickable: true, 430 paginationClickable: true,
414 spaceBetween: 30 431 spaceBetween: 30
415 }); 432 });
416 433
417 - $('.content-word-left').on('click', 'h4', function () {  
418 - $(this).addClass('active').siblings().removeClass('active')  
419 - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')  
420 - }) 434 + $(".content-word-left").on("click", "h4", function() {
  435 + $(this)
  436 + .addClass("active")
  437 + .siblings()
  438 + .removeClass("active");
  439 + $(".content-word-right")
  440 + .eq($(this).index())
  441 + .addClass("active")
  442 + .siblings()
  443 + .removeClass("active");
  444 + });
421 </script> 445 </script>
422 </body> 446 </body>
423 447
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 - <head> 3 +
  4 +<head>
4 <meta charset="UTF-8" /> 5 <meta charset="UTF-8" />
5 - <meta  
6 - name="viewport"  
7 - content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  
8 - /> 6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
9 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10 <link rel="stylesheet" href="../css/bootstrap.min.css" /> 8 <link rel="stylesheet" href="../css/bootstrap.min.css" />
11 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> 9 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
@@ -201,27 +199,23 @@ @@ -201,27 +199,23 @@
201 color: rgba(114, 113, 113, 1); 199 color: rgba(114, 113, 113, 1);
202 line-height: 36px; 200 line-height: 36px;
203 } 201 }
  202 +
204 .wire4_bottom_img { 203 .wire4_bottom_img {
205 width: 580px; 204 width: 580px;
206 margin: 46px auto 0 auto; 205 margin: 46px auto 0 auto;
207 } 206 }
  207 +
208 .wire4_bottom_img img { 208 .wire4_bottom_img img {
209 width: 100%; 209 width: 100%;
210 } 210 }
211 </style> 211 </style>
212 - </head> 212 +</head>
213 213
214 - <body> 214 +<body>
215 <nav class="navbar navbar-default bgf mb0"> 215 <nav class="navbar navbar-default bgf mb0">
216 <div class="container-fluid top_pc_brand"> 216 <div class="container-fluid top_pc_brand">
217 <div class="navbar-header"> 217 <div class="navbar-header">
218 - <button  
219 - type="button"  
220 - class="navbar-toggle mtperc10 menuPage"  
221 - data-toggle="collapse"  
222 - data-target="#bs-example-navbar-collapse-4"  
223 - aria-expanded="true"  
224 - > 218 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
225 <span class="sr-only">Toggle navigation</span> 219 <span class="sr-only">Toggle navigation</span>
226 <span class="icon-bar"></span> 220 <span class="icon-bar"></span>
227 <span class="icon-bar"></span> 221 <span class="icon-bar"></span>
@@ -231,18 +225,10 @@ @@ -231,18 +225,10 @@
231 <img class="brand-logo" src="../images/logo.png" alt="" /> 225 <img class="brand-logo" src="../images/logo.png" alt="" />
232 </a> 226 </a>
233 </div> 227 </div>
234 - <div  
235 - class="navbar-collapse collapse in"  
236 - id="bs-example-navbar-collapse-4"  
237 - aria-expanded="true"  
238 - > 228 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
239 <div class="search-group mt30 form-group navbar-text navbar-right"> 229 <div class="search-group mt30 form-group navbar-text navbar-right">
240 <a href="http://www.tjmuch.com/" class="langue">中文</a> 230 <a href="http://www.tjmuch.com/" class="langue">中文</a>
241 - <input  
242 - type="text"  
243 - class="form-control search-input"  
244 - placeholder="Search"  
245 - /> 231 + <input type="text" class="form-control search-input" placeholder="Search" />
246 <div class="magnifier"> 232 <div class="magnifier">
247 <img src="../images/search_btn.png" alt="" /> 233 <img src="../images/search_btn.png" alt="" />
248 </div> 234 </div>
@@ -276,11 +262,7 @@ @@ -276,11 +262,7 @@
276 <li class="btn navbtn-a" role="button"> 262 <li class="btn navbtn-a" role="button">
277 <a href="JavaScript:;">CLINICAL RESOURCES</a> 263 <a href="JavaScript:;">CLINICAL RESOURCES</a>
278 <div class="sec_menu_items"> 264 <div class="sec_menu_items">
279 - <div  
280 - href="../clinical/departments.html"  
281 - onclick="window.location.href='../clinical/departments.html'"  
282 - class="inner_item"  
283 - > 265 + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
284 Clinical Departments 266 Clinical Departments
285 <div class="third_menu_items"> 267 <div class="third_menu_items">
286 <a href="../clinical/departm.html" class="inner_item"> 268 <a href="../clinical/departm.html" class="inner_item">
@@ -317,11 +299,7 @@ @@ -317,11 +299,7 @@
317 <a href="../research/nationalCancer.html" class="inner_item"> 299 <a href="../research/nationalCancer.html" class="inner_item">
318 National Cancer Clinical Research Center 300 National Cancer Clinical Research Center
319 </a> 301 </a>
320 - <div  
321 - href="../research/research.html"  
322 - onclick="location.href='../research/research.html'"  
323 - class="inner_item"  
324 - > 302 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
325 Research 303 Research
326 <div class="third_menu_items"> 304 <div class="third_menu_items">
327 <a href="../research/research1.html" class="inner_item"> 305 <a href="../research/research1.html" class="inner_item">
@@ -338,11 +316,7 @@ @@ -338,11 +316,7 @@
338 </a> 316 </a>
339 </div> 317 </div>
340 </div> 318 </div>
341 - <div  
342 - href="../research/education.html"  
343 - onclick="location.href='../research/education.html'"  
344 - class="inner_item"  
345 - > 319 + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
346 Education 320 Education
347 <div class="third_menu_items"> 321 <div class="third_menu_items">
348 <a href="../research/education.html" class="inner_item"> 322 <a href="../research/education.html" class="inner_item">
@@ -356,7 +330,6 @@ @@ -356,7 +330,6 @@
356 </a> 330 </a>
357 </div> 331 </div>
358 </div> 332 </div>
359 -  
360 </div> 333 </div>
361 </li> 334 </li>
362 <li class="btn navbtn-a" role="button"> 335 <li class="btn navbtn-a" role="button">
@@ -388,15 +361,11 @@ @@ -388,15 +361,11 @@
388 <a href="../institute/facilities.html" class="inner_item"> 361 <a href="../institute/facilities.html" class="inner_item">
389 Core Facilities and Services 362 Core Facilities and Services
390 </a> 363 </a>
391 - <a  
392 - href="http://www.cancerbiomed.org/index.php/cocr"  
393 - class="inner_item"  
394 - > 364 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
395 Journal of Clinical Oncology 365 Journal of Clinical Oncology
396 </a> 366 </a>
397 </div> 367 </div>
398 </div> 368 </div>
399 -  
400 </div> 369 </div>
401 </li> 370 </li>
402 <li class="btn navbtnActive navbtn-a" role="button"> 371 <li class="btn navbtnActive navbtn-a" role="button">
@@ -430,7 +399,6 @@ @@ -430,7 +399,6 @@
430 <a href="../care/cancer.html" class="inner_item"> 399 <a href="../care/cancer.html" class="inner_item">
431 Cancer Survivorship Support 400 Cancer Survivorship Support
432 </a> 401 </a>
433 -  
434 </div> 402 </div>
435 </li> 403 </li>
436 <li class="btn navbtn-a" role="button"> 404 <li class="btn navbtn-a" role="button">
@@ -475,49 +443,45 @@ @@ -475,49 +443,45 @@
475 <div class="contant_title">Important Events</div> 443 <div class="contant_title">Important Events</div>
476 </dis> 444 </dis>
477 <div class="xunhuan"> 445 <div class="xunhuan">
478 - <div class="contant_right neirong" style="display: none">  
479 - <div class="contant_one">  
480 - <div class="contant_img">  
481 - <img src="../images/5-1-4_5.png" alt="" />  
482 - </div>  
483 - <div class="contant_one_title">  
484 - 1861 Ma Gen Ji established London Church Hospital  
485 - </div> 446 + <!-- 1 -->
  447 + <div class="contant_right neirong" >
  448 + <div class="wire4_title">
  449 + Culture <br /> In 1861, British doctor Ma Gen Ji established London Church Hospital which was the first western medicine hospital in Tianjin and was the predecessor of Tianjin Medical University Cancer Institute & Hospital.
486 </div> 450 </div>
487 - <div class="contant_one">  
488 - <div class="contant_img"> 451 + <div class="wire4_img">
489 <img src="../images/5-1-4_4.png" alt="" /> 452 <img src="../images/5-1-4_4.png" alt="" />
490 </div> 453 </div>
491 - <div class="contant_one_title">  
492 - 1927 Jihua Senior Nurse School  
493 - </div>  
494 - </div>  
495 - <div class="contant_one">  
496 - <div class="contant_img">  
497 - <img src="../images/5-1-4_3.png" alt="" /> 454 + <div class="wire_word">
  455 + In 1927, the hospital established Jihua Senior Nurse School established to cultivate nurses. Meanwhile，the hospital collects a personal letter from Dr Florence Nightingale.<br />Ideals
  456 + <br />We innovated the belief of “Patients’ Needs first ， Evidence-based Nursing” ， which embodied humanity and individualization, to provide “Whole-course, whole-person, whole-family and whole-team” nursing mode for patients
  457 + and patients’ family.
498 </div> 458 </div>
499 - <div class="contant_one_title">  
500 - 2005 Director Yongqin Jiang worked as Board Member of the ISNCC 459 + <div class="wire4_bottom_img">
  460 + <img src="../images/about_img.png" alt=" " />
501 </div> 461 </div>
502 </div> 462 </div>
503 - <div class="contant_one">  
504 - <div class="contant_img">  
505 - <img src="../images/5-1-4_2.png" alt="" /> 463 + <!-- 2 -->
  464 + <div class="contant_right neirong" style="display: none">
  465 + <div class="wire3">
  466 + <div class="wire3_img">
  467 + <img src="../images/leader1.png" alt="" />
506 </div> 468 </div>
507 - <div class="contant_one_title">  
508 - 2011 Rongxiu Chen:the 43rd Nightingale Medal Winner 469 + <div class="wire3_title">Wanmin Qiang</div>
509 </div> 470 </div>
  471 + <div class="wire3">
  472 + <div class="wire3_img">
  473 + <img src="../images/leader2.png" alt="" />
510 </div> 474 </div>
511 - <div class="contant_one">  
512 - <div class="contant_img">  
513 - <img src="../images/5-1-4_1.png" alt="" /> 475 + <div class="wire3_title">ling Yan</div>
514 </div> 476 </div>
515 - <div class="contant_one_title">  
516 - 2015 Wanmin Qiang<br />  
517 - The first chairman of Chinese Association of Nursers in Oncology 477 + <div class="wire3">
  478 + <div class="wire3_img">
  479 + <img src="../images/leader3.png" alt="" />
518 </div> 480 </div>
  481 + <div class="wire3_title">Jing Zhao</div>
519 </div> 482 </div>
520 </div> 483 </div>
  484 + <!-- 3 -->
521 <div class="contant_right neirong" style="display: none"> 485 <div class="contant_right neirong" style="display: none">
522 <div class="wire2_img"> 486 <div class="wire2_img">
523 <img src="../images/leaser6.png" alt="" /> 487 <img src="../images/leaser6.png" alt="" />
@@ -526,72 +490,64 @@ @@ -526,72 +490,64 @@
526 Our Team 490 Our Team
527 </div> 491 </div>
528 <div class="wire2_word"> 492 <div class="wire2_word">
529 - At present, there are 1277 nurses and 83% of nurses with a  
530 - bachelor degree or above, 27 with a master's degree or above, 4  
531 - acted as master's tutor, 25 has a part-time academic position at  
532 - provincial or municipal level or above.<br />  
533 - According to “China's Hospital Rankings in Science and  
534 - Technology”, Nursing has top the ranking in cancer care for  
535 - consecutively 2 years .<br />  
536 - The National Key Disciplines Fields<br />  
537 - National Working Women’s Collective with Red Flag 493 + At present, there are 1277 nurses and 83% of nurses with a bachelor degree or above, 27 with a master's degree or above, 4 acted as master's tutor, 25 has a part-time academic position at provincial or municipal level or above.<br
  494 + /> According to “China's Hospital Rankings in Science and Technology”, Nursing has top the ranking in cancer care for consecutively 2 years .<br /> The National Key Disciplines Fields<br /> National Working Women’s Collective
  495 + with Red Flag
538 </div> 496 </div>
539 <div class="wire2_title"> 497 <div class="wire2_title">
540 Contact Us 498 Contact Us
541 </div> 499 </div>
542 <div class="wire2_word"> 500 <div class="wire2_word">
543 - Tianjin Medical University Cancer Institute & Hospital<br />  
544 - West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China  
545 - Phone ： nursing department ：<br />  
546 - 0086-22-23524903 Home care center: 0086-22-23353454 501 + Tianjin Medical University Cancer Institute & Hospital<br /> West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China Phone ： nursing department ：<br /> 0086-22-23524903 Home care center: 0086-22-23353454
547 </div> 502 </div>
548 </div> 503 </div>
  504 + <!--4 -->
549 <div class="contant_right neirong" style="display: none"> 505 <div class="contant_right neirong" style="display: none">
550 - <div class="wire3">  
551 - <div class="wire3_img">  
552 - <img src="../images/leader1.png" alt="" /> 506 + <div class="contant_one">
  507 + <div class="contant_img">
  508 + <img src="../images/5-1-4_5.png" alt="" />
553 </div> 509 </div>
554 - <div class="wire3_title">Wanmin Qiang</div> 510 + <div class="contant_one_title">
  511 + 1861 Ma Gen Ji established London Church Hospital
555 </div> 512 </div>
556 - <div class="wire3">  
557 - <div class="wire3_img">  
558 - <img src="../images/leader2.png" alt="" />  
559 </div> 513 </div>
560 - <div class="wire3_title">ling Yan</div> 514 + <div class="contant_one">
  515 + <div class="contant_img">
  516 + <img src="../images/5-1-4_4.png" alt="" />
561 </div> 517 </div>
562 - <div class="wire3">  
563 - <div class="wire3_img">  
564 - <img src="../images/leader3.png" alt="" /> 518 + <div class="contant_one_title">
  519 + 1927 Jihua Senior Nurse School
565 </div> 520 </div>
566 - <div class="wire3_title">Jing Zhao</div>  
567 </div> 521 </div>
  522 + <div class="contant_one">
  523 + <div class="contant_img">
  524 + <img src="../images/5-1-4_3.png" alt="" />
568 </div> 525 </div>
569 - <div class="contant_right neirong">  
570 - <div class="wire4_title">  
571 - Culture <br />  
572 - In 1861, British doctor Ma Gen Ji established London Church  
573 - Hospital which was the first western medicine hospital in Tianjin  
574 - and was the predecessor of Tianjin Medical University Cancer  
575 - Institute & Hospital. 526 + <div class="contant_one_title">
  527 + 2005 Director Yongqin Jiang worked as Board Member of the ISNCC
576 </div> 528 </div>
577 - <div class="wire4_img">  
578 - <img src="../images/5-1-4_4.png" alt="" />  
579 </div> 529 </div>
580 - <div class="wire_word">  
581 - In 1927, the hospital established Jihua Senior Nurse School  
582 - established to cultivate nurses. Meanwhile，the hospital collects  
583 - a personal letter from Dr Florence Nightingale.<br />Ideals  
584 - <br />We innovated the belief of “Patients’ Needs first ，  
585 - Evidence-based Nursing” ， which embodied humanity and  
586 - individualization, to provide “Whole-course, whole-person,  
587 - whole-family and whole-team” nursing mode for patients and  
588 - patients’ family. 530 + <div class="contant_one">
  531 + <div class="contant_img">
  532 + <img src="../images/5-1-4_2.png" alt="" />
589 </div> 533 </div>
590 - <div class="wire4_bottom_img">  
591 - <img src="../images/about_img.png" alt=" " /> 534 + <div class="contant_one_title">
  535 + 2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
  536 + </div>
  537 + </div>
  538 + <div class="contant_one">
  539 + <div class="contant_img">
  540 + <img src="../images/5-1-4_1.png" alt="" />
  541 + </div>
  542 + <div class="contant_one_title">
  543 + 2015 Wanmin Qiang<br /> The first chairman of Chinese Association of Nursers in Oncology
592 </div> 544 </div>
593 </div> 545 </div>
594 </div> 546 </div>
  547 +
  548 +
  549 +
  550 + </div>
595 </div> 551 </div>
596 <!-- <div class="content-word "> 552 <!-- <div class="content-word ">
597 <div class="content-word-left "> 553 <div class="content-word-left ">
@@ -671,7 +627,9 @@ @@ -671,7 +627,9 @@
671 .removeClass("contant_titles"); 627 .removeClass("contant_titles");
672 var index = $(this).index(); 628 var index = $(this).index();
673 console.log(index); 629 console.log(index);
674 - $(this).parents(".contant").find(".neirong") 630 + $(this)
  631 + .parents(".contant")
  632 + .find(".neirong")
675 .eq(index) 633 .eq(index)
676 .show() 634 .show()
677 .siblings() 635 .siblings()
@@ -701,5 +659,6 @@ @@ -701,5 +659,6 @@
701 // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active') 659 // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
702 // }) 660 // })
703 </script> 661 </script>
704 - </body> 662 +</body>
  663 +
705 </html> 664 </html>
@@ -146,10 +146,11 @@ @@ -146,10 +146,11 @@
146 color: #727171; 146 color: #727171;
147 line-height: 30px; 147 line-height: 30px;
148 } 148 }
  149 +
149 .swiper-container { 150 .swiper-container {
150 - width: 600px;  
151 - height: 300px;  
152 -} 151 + width: 850px;
  152 + margin: 60px auto;
  153 + }
153 </style> 154 </style>
154 </head> 155 </head>
155 156
@@ -385,22 +386,26 @@ @@ -385,22 +386,26 @@
385 </div> 386 </div>
386 387
387 <div class="contant"> 388 <div class="contant">
388 - <div class="swiper-container"> 389 + <div class="swiper-container swiper-container-horizontal">
389 <div class="swiper-wrapper"> 390 <div class="swiper-wrapper">
390 - <div class="swiper-slide">Slide 1</div>  
391 - <div class="swiper-slide">Slide 2</div>  
392 - <div class="swiper-slide">Slide 3</div> 391 + <div class="swiper-slide swiper-slide-active" style="height:236px; ">
  392 + <img src="../images/60.png" alt="" />
393 </div> 393 </div>
394 - <!-- 如果需要分页器 -->  
395 - <div class="swiper-pagination"></div>  
396 394
397 - <!-- 如果需要导航按钮 -->  
398 - <div class="swiper-button-prev"></div>  
399 - <div class="swiper-button-next"></div>  
400 -  
401 - <!-- 如果需要滚动条 -->  
402 - <div class="swiper-scrollbar"></div>  
403 -</div> 395 + <div class="swiper-slide swiper-slide-next" style="height:236px;">
  396 + <img src="../images/60.png" alt="" />
  397 + </div>
  398 + <div class="swiper-slide" style="height:236px;">
  399 + <img src="../images/60.png" alt="" />
  400 + </div>
  401 + </div>
  402 + <!-- Add Pagination -->
  403 + <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
  404 + <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span
  405 + ><span class="swiper-pagination-bullet"></span
  406 + ><span class="swiper-pagination-bullet"></span>
  407 + </div>
  408 + </div>
404 <div class="contant_img"> 409 <div class="contant_img">
405 <img src="../images/58.png" alt="" srcset="" /> 410 <img src="../images/58.png" alt="" srcset="" />
406 </div> 411 </div>
@@ -498,17 +503,17 @@ @@ -498,17 +503,17 @@
498 $(this).addClass("navbtnActive"); // 添加当前元素的样式 503 $(this).addClass("navbtnActive"); // 添加当前元素的样式
499 }); 504 });
500 }); 505 });
501 - var swiper = new Swiper(".swiper-container", {  
502 - pagination: ".swiper-pagination",  
503 - paginationClickable: true  
504 - }); 506 + // var swiper = new Swiper(".swiper-container", {
  507 + // pagination: ".swiper-pagination",
  508 + // paginationClickable: true
  509 + // });
505 510
506 - var swiper = new Swiper(".swiper-container1", {  
507 - pagination: ".swiper-pagination",  
508 - slidesPerView: 3,  
509 - paginationClickable: true,  
510 - spaceBetween: 30  
511 - }); 511 + // var swiper = new Swiper(".swiper-container1", {
  512 + // pagination: ".swiper-pagination",
  513 + // slidesPerView: 3,
  514 + // paginationClickable: true,
  515 + // spaceBetween: 30
  516 + // });
512 517
513 $(".content-word-left").on("click", "h4", function() { 518 $(".content-word-left").on("click", "h4", function() {
514 $(this) 519 $(this)
@@ -521,6 +526,12 @@ @@ -521,6 +526,12 @@
521 .siblings() 526 .siblings()
522 .removeClass("active"); 527 .removeClass("active");
523 }); 528 });
  529 + var swiper = new Swiper(".swiper-container", {
  530 + pagination: ".swiper-pagination",
  531 + slidesPerView: 3,
  532 + paginationClickable: true,
  533 + spaceBetween: 40
  534 + });
524 </script> 535 </script>
525 </body> 536 </body>
526 537
@@ -133,13 +133,19 @@ @@ -133,13 +133,19 @@
133 font-size: 24px; 133 font-size: 24px;
134 color: #727171; 134 color: #727171;
135 line-height: 32px; 135 line-height: 32px;
136 - font-weight: bold 136 + font-weight: bold;
137 } 137 }
138 - .contant_inform{ 138 +
  139 + .contant_inform {
139 margin-top: 10px; 140 margin-top: 10px;
140 font-size: 20px; 141 font-size: 20px;
141 color: #727171; 142 color: #727171;
142 - line-height: 32px 143 + line-height: 32px;
  144 + }
  145 +
  146 + .swiper-container {
  147 + width: 850px;
  148 + margin: 60px auto;
143 } 149 }
144 </style> 150 </style>
145 </head> 151 </head>
@@ -375,6 +381,34 @@ @@ -375,6 +381,34 @@
375 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit 381 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit
376 </div> 382 </div>
377 <div class="contant"> 383 <div class="contant">
  384 + <div class="swiper-container swiper-container-horizontal">
  385 + <div class="swiper-wrapper">
  386 + <div class="swiper-slide swiper-slide-active" style="height:336px;background: #727171 ">
  387 + <a href="./person_detail.2.1.2.html">
  388 + <img src="../images/" alt="" />
  389 + </a>
  390 + </div>
  391 +
  392 + <div class="swiper-slide swiper-slide-next" style="height:336px;">
  393 + <a href="./person_detail.2.1.2.html">
  394 +
  395 +
  396 + <img src="../images/wang.png" alt="" height="100%"/>
  397 + </a>
  398 + </div>
  399 + <div class="swiper-slide" style="height:336px;background: #727171">
  400 + <a href="./person_detail.2.1.2.html">
  401 + <img src="../images/" alt="" />
  402 + </a>
  403 + </div>
  404 + </div>
  405 + <!-- Add Pagination -->
  406 + <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
  407 + <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span
  408 + ><span class="swiper-pagination-bullet"></span
  409 + ><span class="swiper-pagination-bullet"></span>
  410 + </div>
  411 + </div>
378 <div class="contant_img"> 412 <div class="contant_img">
379 <img src="../images/24.png" alt="" /> 413 <img src="../images/24.png" alt="" />
380 </div> 414 </div>
@@ -397,13 +431,12 @@ @@ -397,13 +431,12 @@
397 dozens of articles in SCI, Chinese and core journals. Participated in two books compilation. In the past three years, our department has hosted the Academic Conference for National Oncology and Intensive Care Medicine for 3 times, 431 dozens of articles in SCI, Chinese and core journals. Participated in two books compilation. In the past three years, our department has hosted the Academic Conference for National Oncology and Intensive Care Medicine for 3 times,
398 and all of them have been well received by experts and participants. Wang Donghao, the leader of the department, served as Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. At the 432 and all of them have been well received by experts and participants. Wang Donghao, the leader of the department, served as Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. At the
399 same time, the backbone of the department has served in the Chinese Medical Association for Critical Care Medicine, the Enteral Parenteral Nutrition Association, the Tianjin Medical Association, the Physician Society, and the Anti-Cancer 433 same time, the backbone of the department has served in the Chinese Medical Association for Critical Care Medicine, the Enteral Parenteral Nutrition Association, the Tianjin Medical Association, the Physician Society, and the Anti-Cancer
400 - Association.  
401 - <br />The department constantly consolidates the professional foundation, promotes the spirit of craftsmen, and builds a professional team that can be able to take responsibility. Under the leadership of Director Wang Donghao,  
402 - ICU practices “Studies on the Theoretical and Practical Issues of Party Building”, constantly strengthens the construction of the style of work, thoroughly implements the spirit of The 19th session of National Congress of the Communist  
403 - Party of China, and takes the protection of people's health as the goal of professional development. Three doctors and nurses in the Department were awarded “The Tianjin May 1 Labour Medal”. Two members were awarded the title of  
404 - “Hao Yi Sheng” and "Hao Hu Shi" to the satisfaction of the people of Tianjin. Many nurses have achieved excellent results in Tianjin Nursing Skills Competition. The department has successively won the title of advanced grass-roots  
405 - Party organizations of Tianjin Medical University, Youth Civilization, Pioneer of Teaching and Workers, Party member pioneer, Advanced Party Organization, Advanced collective with noble medical ethics, which has been awarded the  
406 - title of five-star department for many years, and has won high praise and trust from hospitals, society and the people. 434 + Association. <br />The department constantly consolidates the professional foundation, promotes the spirit of craftsmen, and builds a professional team that can be able to take responsibility. Under the leadership of Director Wang
  435 + Donghao, ICU practices “Studies on the Theoretical and Practical Issues of Party Building”, constantly strengthens the construction of the style of work, thoroughly implements the spirit of The 19th session of National Congress
  436 + of the Communist Party of China, and takes the protection of people's health as the goal of professional development. Three doctors and nurses in the Department were awarded “The Tianjin May 1 Labour Medal”. Two members were awarded
  437 + the title of “Hao Yi Sheng” and "Hao Hu Shi" to the satisfaction of the people of Tianjin. Many nurses have achieved excellent results in Tianjin Nursing Skills Competition. The department has successively won the title of advanced
  438 + grass-roots Party organizations of Tianjin Medical University, Youth Civilization, Pioneer of Teaching and Workers, Party member pioneer, Advanced Party Organization, Advanced collective with noble medical ethics, which has been
  439 + awarded the title of five-star department for many years, and has won high praise and trust from hospitals, society and the people.
407 </div> 440 </div>
408 </div> 441 </div>
409 </div> 442 </div>
@@ -489,17 +522,17 @@ @@ -489,17 +522,17 @@
489 $(this).addClass("navbtnActive"); // 添加当前元素的样式 522 $(this).addClass("navbtnActive"); // 添加当前元素的样式
490 }); 523 });
491 }); 524 });
492 - var swiper = new Swiper(".swiper-container", {  
493 - pagination: ".swiper-pagination",  
494 - paginationClickable: true  
495 - }); 525 + // var swiper = new Swiper(".swiper-container", {
  526 + // pagination: ".swiper-pagination",
  527 + // paginationClickable: true
  528 + // });
496 529
497 - var swiper = new Swiper(".swiper-container1", {  
498 - pagination: ".swiper-pagination",  
499 - slidesPerView: 3,  
500 - paginationClickable: true,  
501 - spaceBetween: 30  
502 - }); 530 + // var swiper = new Swiper(".swiper-container1", {
  531 + // pagination: ".swiper-pagination",
  532 + // slidesPerView: 3,
  533 + // paginationClickable: true,
  534 + // spaceBetween: 30
  535 + // });
503 536
504 $(".content-word-left").on("click", "h4", function() { 537 $(".content-word-left").on("click", "h4", function() {
505 $(this) 538 $(this)
@@ -512,6 +545,12 @@ @@ -512,6 +545,12 @@
512 .siblings() 545 .siblings()
513 .removeClass("active"); 546 .removeClass("active");
514 }); 547 });
  548 + var swiper = new Swiper(".swiper-container", {
  549 + pagination: ".swiper-pagination",
  550 + slidesPerView: 3,
  551 + paginationClickable: true,
  552 + spaceBetween: 40
  553 + });
515 </script> 554 </script>
516 </body> 555 </body>
517 556
@@ -357,7 +357,7 @@ @@ -357,7 +357,7 @@
357 <div class="contant_right_title">Gynecologic Oncology</div> 357 <div class="contant_right_title">Gynecologic Oncology</div>
358 </div> 358 </div>
359 <div class="contant_right_second"> 359 <div class="contant_right_second">
360 - <div class="contant_right_title">Intensive Care Unit</div> 360 + <div class="contant_right_title"><a href="./depart_detail.html">Intensive Care Unit</a></div>
361 <div class="contant_right_title">Intervention Therapy</div> 361 <div class="contant_right_title">Intervention Therapy</div>
362 <div class="contant_right_title">Lung Cancer</div> 362 <div class="contant_right_title">Lung Cancer</div>
363 <div class="contant_right_title"> 363 <div class="contant_right_title">
@@ -164,13 +164,15 @@ @@ -164,13 +164,15 @@
164 color: #232323; 164 color: #232323;
165 line-height: 24px; 165 line-height: 24px;
166 } 166 }
167 - .contant_word{  
168 - margin-top: 40px 167 +
  168 + .contant_word {
  169 + margin-top: 40px;
169 } 170 }
170 - .contant_one{ 171 +
  172 + .contant_one {
171 font-size: 20px; 173 font-size: 20px;
172 color: #565656; 174 color: #565656;
173 - line-height: 30px 175 + line-height: 30px;
174 } 176 }
175 </style> 177 </style>
176 </head> 178 </head>
@@ -406,6 +408,7 @@ @@ -406,6 +408,7 @@
406 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit 408 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit
407 </div> 409 </div>
408 <div class="contant"> 410 <div class="contant">
  411 +
409 <div class="contant_top"> 412 <div class="contant_top">
410 <div class="contant_img"> 413 <div class="contant_img">
411 <img src="../images/wang.png" alt="" /> 414 <img src="../images/wang.png" alt="" />
@@ -416,19 +419,45 @@ @@ -416,19 +419,45 @@
416 <div class="contant_names">Director of Intensive Care Unit,</div> 419 <div class="contant_names">Director of Intensive Care Unit,</div>
417 </div> 420 </div>
418 <div class="contant_word"> 421 <div class="contant_word">
419 - <div class="contant_one">Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. </div>  
420 - <div class="contant_one">Standing Committee of China Geriatrics Society for Critical Care Medicine </div>  
421 - <div class="contant_one">Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.</div>  
422 - <div class="contant_one">Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.</div>  
423 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Critical Care Medicine.</div>  
424 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Fluid Therapy. </div>  
425 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition. </div>  
426 - <div class="contant_one">Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine. </div>  
427 - <div class="contant_one">Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control. </div>  
428 - <div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.</div>  
429 - <div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center. </div>  
430 - <div class="contant_one">Member of the Antibiotics Advisory Experts Committee.</div>  
431 - <div class="contant_one">Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.</div> 422 + <div class="contant_one">
  423 + Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine.
  424 + </div>
  425 + <div class="contant_one">
  426 + Standing Committee of China Geriatrics Society for Critical Care Medicine
  427 + </div>
  428 + <div class="contant_one">
  429 + Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.
  430 + </div>
  431 + <div class="contant_one">
  432 + Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.
  433 + </div>
  434 + <div class="contant_one">
  435 + Standing Committee of the Tianjin Medical Association for Critical Care Medicine.
  436 + </div>
  437 + <div class="contant_one">
  438 + Standing Committee of the Tianjin Medical Association for Fluid Therapy.
  439 + </div>
  440 + <div class="contant_one">
  441 + Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition.
  442 + </div>
  443 + <div class="contant_one">
  444 + Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine.
  445 + </div>
  446 + <div class="contant_one">
  447 + Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control.
  448 + </div>
  449 + <div class="contant_one">
  450 + Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.
  451 + </div>
  452 + <div class="contant_one">
  453 + Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center.
  454 + </div>
  455 + <div class="contant_one">
  456 + Member of the Antibiotics Advisory Experts Committee.
  457 + </div>
  458 + <div class="contant_one">
  459 + Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.
  460 + </div>
432 </div> 461 </div>
433 </div> 462 </div>
434 </div> 463 </div>
@@ -542,6 +571,18 @@ @@ -542,6 +571,18 @@
542 .siblings() 571 .siblings()
543 .removeClass("active"); 572 .removeClass("active");
544 }); 573 });
  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 + });
  585 +
545 // 586 //
546 </script> 587 </script>
547 </body> 588 </body>
@@ -2,45 +2,53 @@ @@ -2,45 +2,53 @@
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 - .left_ship_box{ 14 + .left_ship_box {
15 width: 330px; 15 width: 330px;
16 } 16 }
  17 +
17 .header-title-right { 18 .header-title-right {
18 width: 300px; 19 width: 300px;
19 margin-bottom: 80px; 20 margin-bottom: 80px;
20 margin: 0 auto; 21 margin: 0 auto;
21 } 22 }
22 - .header-title-right h3{  
23 - color:#00A16C; 23 +
  24 + .header-title-right h3 {
  25 + color: #00a16c;
24 font-size: 21px; 26 font-size: 21px;
25 } 27 }
26 - .content-word-left{ 28 +
  29 + .content-word-left {
27 margin-top: 60px; 30 margin-top: 60px;
28 border-right: 1px solid #666; 31 border-right: 1px solid #666;
29 width: 300px; 32 width: 300px;
30 flex: unset; 33 flex: unset;
31 } 34 }
32 - .content-word-left h4{ 35 +
  36 + .content-word-left h4 {
33 line-height: 2.5; 37 line-height: 2.5;
34 cursor: pointer; 38 cursor: pointer;
35 -font-weight: bold; 39 + font-weight: bold;
36 } 40 }
37 - .content-word-left h4:hover, .content-word-left h4.active {  
38 - color: #00A16C; 41 +
  42 + .content-word-left h4:hover,
  43 + .content-word-left h4.active {
  44 + color: #00a16c;
39 } 45 }
40 - .content{ 46 +
  47 + .content {
41 min-height: 500px; 48 min-height: 500px;
42 } 49 }
43 - .form-group{ 50 +
  51 + .form-group {
44 width: 300px; 52 width: 300px;
45 margin: 0 auto; 53 margin: 0 auto;
46 } 54 }
@@ -51,23 +59,22 @@ font-weight: bold; @@ -51,23 +59,22 @@ font-weight: bold;
51 <nav class="navbar navbar-default bgf mb0"> 59 <nav class="navbar navbar-default bgf mb0">
52 <div class="container-fluid top_pc_brand"> 60 <div class="container-fluid top_pc_brand">
53 <div class="navbar-header"> 61 <div class="navbar-header">
54 - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"  
55 - aria-expanded="true"> 62 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
56 <span class="sr-only">Toggle navigation</span> 63 <span class="sr-only">Toggle navigation</span>
57 <span class="icon-bar"></span> 64 <span class="icon-bar"></span>
58 <span class="icon-bar"></span> 65 <span class="icon-bar"></span>
59 <span class="icon-bar"></span> 66 <span class="icon-bar"></span>
60 </button> 67 </button>
61 <a class="navbar-brand logo" href="../index.html"> 68 <a class="navbar-brand logo" href="../index.html">
62 - <img class="brand-logo" src="../images/logo.png" alt=""> 69 + <img class="brand-logo" src="../images/logo.png" alt="" />
63 </a> 70 </a>
64 </div> 71 </div>
65 <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> 72 <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
66 <div class="search-group mt30 form-group navbar-text navbar-right"> 73 <div class="search-group mt30 form-group navbar-text navbar-right">
67 <a href="http://www.tjmuch.com/" class="langue">中文</a> 74 <a href="http://www.tjmuch.com/" class="langue">中文</a>
68 - <input type="text" class="form-control search-input" placeholder="Search"> 75 + <input type="text" class="form-control search-input" placeholder="Search" />
69 <div class="magnifier"> 76 <div class="magnifier">
70 - <img src="../images/search_btn.png" alt=""> 77 + <img src="../images/search_btn.png" alt="" />
71 </div> 78 </div>
72 </div> 79 </div>
73 </div> 80 </div>
@@ -79,7 +86,7 @@ font-weight: bold; @@ -79,7 +86,7 @@ font-weight: bold;
79 <ul class="nav_menu_items"> 86 <ul class="nav_menu_items">
80 <li class="btn navbtn-a" role="button"> 87 <li class="btn navbtn-a" role="button">
81 <a href="javascript:;">ABOUT US</a> 88 <a href="javascript:;">ABOUT US</a>
82 - <div class='sec_menu_items'> 89 + <div class="sec_menu_items">
83 <a href="../about/welcome.html" class="inner_item"> 90 <a href="../about/welcome.html" class="inner_item">
84 Welcome Message 91 Welcome Message
85 </a> 92 </a>
@@ -98,7 +105,7 @@ font-weight: bold; @@ -98,7 +105,7 @@ font-weight: bold;
98 </li> 105 </li>
99 <li class="btn navbtnActive navbtn-a" role="button"> 106 <li class="btn navbtnActive navbtn-a" role="button">
100 <a href="JavaScript:;">CLINICAL RESOURCES</a> 107 <a href="JavaScript:;">CLINICAL RESOURCES</a>
101 - <div class='sec_menu_items'> 108 + <div class="sec_menu_items">
102 <div class="inner_item"> 109 <div class="inner_item">
103 Clinical Departments 110 Clinical Departments
104 <div class="third_menu_items"> 111 <div class="third_menu_items">
@@ -132,8 +139,7 @@ font-weight: bold; @@ -132,8 +139,7 @@ font-weight: bold;
132 </li> 139 </li>
133 <li class="btn navbtn-a" role="button"> 140 <li class="btn navbtn-a" role="button">
134 <a href="javascript:;">RESEARCH & EDUCATION</a> 141 <a href="javascript:;">RESEARCH & EDUCATION</a>
135 - <div class='sec_menu_items'>  
136 - 142 + <div class="sec_menu_items">
137 <a href="../research/nationalCancer.html" class="inner_item"> 143 <a href="../research/nationalCancer.html" class="inner_item">
138 National Cancer Clinical Research Center 144 National Cancer Clinical Research Center
139 </a> 145 </a>
@@ -175,7 +181,7 @@ font-weight: bold; @@ -175,7 +181,7 @@ font-weight: bold;
175 </li> 181 </li>
176 <li class="btn navbtn-a" role="button"> 182 <li class="btn navbtn-a" role="button">
177 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 183 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
178 - <div class='sec_menu_items'> 184 + <div class="sec_menu_items">
179 <div href="javascript:;" class="inner_item"> 185 <div href="javascript:;" class="inner_item">
180 About Us 186 About Us
181 <div class="third_menu_items"> 187 <div class="third_menu_items">
@@ -207,12 +213,11 @@ font-weight: bold; @@ -207,12 +213,11 @@ font-weight: bold;
207 </a> 213 </a>
208 </div> 214 </div>
209 </div> 215 </div>
210 -  
211 </div> 216 </div>
212 </li> 217 </li>
213 <li class="btn navbtn-a" role="button"> 218 <li class="btn navbtn-a" role="button">
214 <a href="../contact.html">NURSING CARE</a> 219 <a href="../contact.html">NURSING CARE</a>
215 - <div class='sec_menu_items'> 220 + <div class="sec_menu_items">
216 <a href="../care/history_time.html" class="inner_item"> 221 <a href="../care/history_time.html" class="inner_item">
217 About Us 222 About Us
218 </a> 223 </a>
@@ -249,7 +254,7 @@ font-weight: bold; @@ -249,7 +254,7 @@ font-weight: bold;
249 </li> 254 </li>
250 <li class="btn navbtn-a" role="button"> 255 <li class="btn navbtn-a" role="button">
251 <a href="javascript:;">INTERNATIONAL AFFAIRS</a> 256 <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
252 - <div class='sec_menu_items'> 257 + <div class="sec_menu_items">
253 <a href="../international/conference.html" class="inner_item"> 258 <a href="../international/conference.html" class="inner_item">
254 International Conferences 259 International Conferences
255 </a> 260 </a>
@@ -262,7 +267,6 @@ font-weight: bold; @@ -262,7 +267,6 @@ font-weight: bold;
262 <a href="../international/partners.html" class="inner_item"> 267 <a href="../international/partners.html" class="inner_item">
263 Partnership Institutions 268 Partnership Institutions
264 </a> 269 </a>
265 -  
266 </div> 270 </div>
267 </li> 271 </li>
268 <li class="btn navbtn-a" role="button"> 272 <li class="btn navbtn-a" role="button">
@@ -276,6 +280,10 @@ font-weight: bold; @@ -276,6 +280,10 @@ font-weight: bold;
276 <img src="../images/clinical_top.png" width="100%" alt=""> 280 <img src="../images/clinical_top.png" width="100%" alt="">
277 </div> --> 281 </div> -->
278 <div class="content "> 282 <div class="content ">
  283 + <div class="content ">
  284 + <div class="navpath">
  285 + Clinical Resources<span>></span>Clinical Trials
  286 + </div>
279 287
280 <div class="content "> 288 <div class="content ">
281 <div class="navpath">Clinical Resources<span>></span>Clinical Trials</div> 289 <div class="navpath">Clinical Resources<span>></span>Clinical Trials</div>
@@ -299,23 +307,10 @@ font-weight: bold; @@ -299,23 +307,10 @@ font-weight: bold;
299 </h4> 307 </h4>
300 308
301 </div> 309 </div>
302 - <div class="content-word-right active">  
303 - <div class="header-title-right">  
304 - <h3>Enter Key Words</h3>  
305 - <div class="form-group" data-toggle="modal" data-target="#gridSystemModal">  
306 - <input type="text" class="form-control input-lg">  
307 - <button type="button" class="btn btn-warning btn-lg ">  
308 - <img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px">  
309 - </button>  
310 - </div>  
311 - </div>  
312 - </div>  
313 - </div>  
314 </div> 310 </div>
315 </div> 311 </div>
316 <footer class="footer-content"> 312 <footer class="footer-content">
317 <div class="footer-main"> 313 <div class="footer-main">
318 -  
319 <ul class="list-unstyled third-ul"> 314 <ul class="list-unstyled third-ul">
320 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 315 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
321 <li>Tianjin 300060</li> 316 <li>Tianjin 300060</li>
@@ -324,18 +319,16 @@ font-weight: bold; @@ -324,18 +319,16 @@ font-weight: bold;
324 <li>Email: info@tjmuch.com</li> 319 <li>Email: info@tjmuch.com</li>
325 </ul> 320 </ul>
326 <ul class="list-unstyled first-ul"> 321 <ul class="list-unstyled first-ul">
327 - <li><img src="../images/yikeda.png" width="160px" alt=""></li>  
328 - <li><img src="../images/tjuc.png" width="160px" alt=""></li> 322 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  323 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
329 </ul> 324 </ul>
330 </div> 325 </div>
331 </footer> 326 </footer>
332 -  
333 </div> 327 </div>
334 <script src="../js/jquery-1.11.3.min.js"></script> 328 <script src="../js/jquery-1.11.3.min.js"></script>
335 <script src="../js/bootstrap.min.js"></script> 329 <script src="../js/bootstrap.min.js"></script>
336 <script src="../js/swiper-3.4.2.jquery.min.js"></script> 330 <script src="../js/swiper-3.4.2.jquery.min.js"></script>
337 <script src="../js/common.js"></script> 331 <script src="../js/common.js"></script>
338 -  
339 </body> 332 </body>
340 333
341 </html> 334 </html>
@@ -113,7 +113,8 @@ @@ -113,7 +113,8 @@
113 } 113 }
114 114
115 .wire { 115 .wire {
116 - width: 950px; 116 + width: 630px;
  117 + /* width: 950px; */
117 position: relative; 118 position: relative;
118 } 119 }
119 120