PC / tmuch · 提交

转到一个项目

作者 王毅
提交 59df5f3df0aaa70989f1a181cafef182f3837e6c 2 个父辈 b6c1f496 6e227f3f

合并分支 'Branch_wy' 到 'master' 

Branch wy



查看合并请求 !7
内嵌 并排对比
正在显示 7 个修改的文件 包含 336 行增加 和 272 行删除
@@ -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,13 +248,11 @@ @@ -235,13 +248,11 @@
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>
243 - <div href="../research/research.html" onclick="location.href='../research/research.html'"  
244 - class="inner_item"> 255 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
245 Research 256 Research
246 <div class="third_menu_items"> 257 <div class="third_menu_items">
247 <a href="../research/research1.html" class="inner_item"> 258 <a href="../research/research1.html" class="inner_item">
@@ -258,8 +269,7 @@ @@ -258,8 +269,7 @@
258 </a> 269 </a>
259 </div> 270 </div>
260 </div> 271 </div>
261 - <div href="../research/education.html" onclick="location.href='../research/education.html'"  
262 - class="inner_item"> 272 + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
263 Education 273 Education
264 <div class="third_menu_items"> 274 <div class="third_menu_items">
265 <a href="../research/education.html" class="inner_item"> 275 <a href="../research/education.html" class="inner_item">
@@ -280,7 +290,7 @@ @@ -280,7 +290,7 @@
280 </li> 290 </li>
281 <li class="btn navbtn-a" role="button"> 291 <li class="btn navbtn-a" role="button">
282 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 292 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
283 - <div class='sec_menu_items'> 293 + <div class="sec_menu_items">
284 <div href="javascript:;" class="inner_item"> 294 <div href="javascript:;" class="inner_item">
285 About Us 295 About Us
286 <div class="third_menu_items"> 296 <div class="third_menu_items">
@@ -312,12 +322,11 @@ @@ -312,12 +322,11 @@
312 </a> 322 </a>
313 </div> 323 </div>
314 </div> 324 </div>
315 -  
316 </div> 325 </div>
317 </li> 326 </li>
318 <li class="btn navbtnActive navbtn-a" role="button"> 327 <li class="btn navbtnActive navbtn-a" role="button">
319 <a href="../contact.html">NURSING CARE</a> 328 <a href="../contact.html">NURSING CARE</a>
320 - <div class='sec_menu_items'> 329 + <div class="sec_menu_items">
321 <a href="../care/history_time.html" class="inner_item"> 330 <a href="../care/history_time.html" class="inner_item">
322 About Us 331 About Us
323 </a> 332 </a>
@@ -336,12 +345,11 @@ @@ -336,12 +345,11 @@
336 <a href="../care/news.html" class="inner_item"> 345 <a href="../care/news.html" class="inner_item">
337 News & Events 346 News & Events
338 </a> 347 </a>
339 -  
340 </div> 348 </div>
341 </li> 349 </li>
342 <li class="btn navbtn-a" role="button"> 350 <li class="btn navbtn-a" role="button">
343 <a href="javascript:;">INTERNATIONAL AFFAIRS</a> 351 <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
344 - <div class='sec_menu_items'> 352 + <div class="sec_menu_items">
345 <a href="../international/conference.html" class="inner_item"> 353 <a href="../international/conference.html" class="inner_item">
346 International Conferences 354 International Conferences
347 </a> 355 </a>
@@ -367,20 +375,23 @@ @@ -367,20 +375,23 @@
367 375
368 <div class="content padding0"> 376 <div class="content padding0">
369 <!-- Swiper --> 377 <!-- Swiper -->
370 - <div class="img-header"> 378 + <!-- <div class="img-header">
371 <img src="../images/care_top.png" width="100%" alt=""> 379 <img src="../images/care_top.png" width="100%" alt="">
372 - </div> 380 + </div> -->
373 </div> 381 </div>
374 <div class="content"> 382 <div class="content">
375 -  
376 - <div class="content-word">  
377 - <div class="ondata">under construction</div> 383 + <div class="navpath">
  384 + Nursing Care<span>></span> Cancer Survivorship Support
378 </div> 385 </div>
379 - 386 + <div class="contant">
  387 + under construction
  388 + </div>
  389 + <!-- <div class="content-word">
  390 + <div class="ondata">under construction</div>
  391 + </div> -->
380 </div> 392 </div>
381 <footer class="footer-content"> 393 <footer class="footer-content">
382 <div class="footer-main"> 394 <div class="footer-main">
383 -  
384 <ul class="list-unstyled third-ul"> 395 <ul class="list-unstyled third-ul">
385 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 396 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
386 <li>Tianjin 300060</li> 397 <li>Tianjin 300060</li>
@@ -389,41 +400,51 @@ @@ -389,41 +400,51 @@
389 <li>Email: info@tjmuch.com</li> 400 <li>Email: info@tjmuch.com</li>
390 </ul> 401 </ul>
391 <ul class="list-unstyled first-ul"> 402 <ul class="list-unstyled first-ul">
392 - <li><img src="../images/yikeda.png" width="160px" alt=""></li>  
393 - <li><img src="../images/tjuc.png" width="160px" alt=""></li> 403 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  404 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
394 </ul> 405 </ul>
395 </div> 406 </div>
396 </footer> 407 </footer>
397 -  
398 </div> 408 </div>
399 <script src="../js/jquery-1.11.3.min.js"></script> 409 <script src="../js/jquery-1.11.3.min.js"></script>
400 <script src="../js/bootstrap.min.js"></script> 410 <script src="../js/bootstrap.min.js"></script>
401 <script src="../js/swiper-3.4.2.jquery.min.js"></script> 411 <script src="../js/swiper-3.4.2.jquery.min.js"></script>
402 <script src="../js/common.js"></script> 412 <script src="../js/common.js"></script>
403 <script> 413 <script>
404 - $(document).ready(function () {  
405 - $(".btn-group").find(".navbtn-a").click(function () {  
406 - console.log(this)  
407 - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式  
408 - $(this).addClass('navbtnActive'); // 添加当前元素的样式  
409 - })  
410 - })  
411 - var swiper = new Swiper('.swiper-container', {  
412 - pagination: '.swiper-pagination', 414 + $(document).ready(function() {
  415 + $(".btn-group")
  416 + .find(".navbtn-a")
  417 + .click(function() {
  418 + console.log(this);
  419 + $(this)
  420 + .siblings(".navbtn-a")
  421 + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式
  422 + $(this).addClass("navbtnActive"); // 添加当前元素的样式
  423 + });
  424 + });
  425 + var swiper = new Swiper(".swiper-container", {
  426 + pagination: ".swiper-pagination",
413 paginationClickable: true 427 paginationClickable: true
414 }); 428 });
415 429
416 - var swiper = new Swiper('.swiper-container1', {  
417 - pagination: '.swiper-pagination', 430 + var swiper = new Swiper(".swiper-container1", {
  431 + pagination: ".swiper-pagination",
418 slidesPerView: 3, 432 slidesPerView: 3,
419 paginationClickable: true, 433 paginationClickable: true,
420 spaceBetween: 30 434 spaceBetween: 30
421 }); 435 });
422 436
423 - $('.content-word-left').on('click', 'h4', function () {  
424 - $(this).addClass('active').siblings().removeClass('active')  
425 - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')  
426 - }) 437 + $(".content-word-left").on("click", "h4", function() {
  438 + $(this)
  439 + .addClass("active")
  440 + .siblings()
  441 + .removeClass("active");
  442 + $(".content-word-right")
  443 + .eq($(this).index())
  444 + .addClass("active")
  445 + .siblings()
  446 + .removeClass("active");
  447 + });
427 </script> 448 </script>
428 </body> 449 </body>
429 450
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>
@@ -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>
@@ -385,6 +391,34 @@ @@ -385,6 +391,34 @@
385 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit 391 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit
386 </div> 392 </div>
387 <div class="contant"> 393 <div class="contant">
  394 + <div class="swiper-container swiper-container-horizontal">
  395 + <div class="swiper-wrapper">
  396 + <div class="swiper-slide swiper-slide-active" style="height:336px;background: #727171 ">
  397 + <a href="./person_detail.2.1.2.html">
  398 + <img src="../images/" alt="" />
  399 + </a>
  400 + </div>
  401 +
  402 + <div class="swiper-slide swiper-slide-next" style="height:336px;">
  403 + <a href="./person_detail.2.1.2.html">
  404 +
  405 +
  406 + <img src="../images/wang.png" alt="" height="100%"/>
  407 + </a>
  408 + </div>
  409 + <div class="swiper-slide" style="height:336px;background: #727171">
  410 + <a href="./person_detail.2.1.2.html">
  411 + <img src="../images/" alt="" />
  412 + </a>
  413 + </div>
  414 + </div>
  415 + <!-- Add Pagination -->
  416 + <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
  417 + <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span
  418 + ><span class="swiper-pagination-bullet"></span
  419 + ><span class="swiper-pagination-bullet"></span>
  420 + </div>
  421 + </div>
388 <div class="contant_img"> 422 <div class="contant_img">
389 <img src="../images/24.png" alt="" /> 423 <img src="../images/24.png" alt="" />
390 </div> 424 </div>
@@ -407,13 +441,12 @@ @@ -407,13 +441,12 @@
407 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, 441 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,
408 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 442 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
409 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 443 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
410 - Association.  
411 - <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,  
412 - 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  
413 - 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  
414 - “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  
415 - 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  
416 - title of five-star department for many years, and has won high praise and trust from hospitals, society and the people. 444 + 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
  445 + 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
  446 + 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
  447 + 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
  448 + 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
  449 + awarded the title of five-star department for many years, and has won high praise and trust from hospitals, society and the people.
417 </div> 450 </div>
418 </div> 451 </div>
419 </div> 452 </div>
@@ -499,17 +532,17 @@ @@ -499,17 +532,17 @@
499 $(this).addClass("navbtnActive"); // 添加当前元素的样式 532 $(this).addClass("navbtnActive"); // 添加当前元素的样式
500 }); 533 });
501 }); 534 });
502 - var swiper = new Swiper(".swiper-container", {  
503 - pagination: ".swiper-pagination",  
504 - paginationClickable: true  
505 - }); 535 + // var swiper = new Swiper(".swiper-container", {
  536 + // pagination: ".swiper-pagination",
  537 + // paginationClickable: true
  538 + // });
506 539
507 - var swiper = new Swiper(".swiper-container1", {  
508 - pagination: ".swiper-pagination",  
509 - slidesPerView: 3,  
510 - paginationClickable: true,  
511 - spaceBetween: 30  
512 - }); 540 + // var swiper = new Swiper(".swiper-container1", {
  541 + // pagination: ".swiper-pagination",
  542 + // slidesPerView: 3,
  543 + // paginationClickable: true,
  544 + // spaceBetween: 30
  545 + // });
513 546
514 $(".content-word-left").on("click", "h4", function() { 547 $(".content-word-left").on("click", "h4", function() {
515 $(this) 548 $(this)
@@ -522,6 +555,12 @@ @@ -522,6 +555,12 @@
522 .siblings() 555 .siblings()
523 .removeClass("active"); 556 .removeClass("active");
524 }); 557 });
  558 + var swiper = new Swiper(".swiper-container", {
  559 + pagination: ".swiper-pagination",
  560 + slidesPerView: 3,
  561 + paginationClickable: true,
  562 + spaceBetween: 40
  563 + });
525 </script> 564 </script>
526 </body> 565 </body>
527 566
@@ -367,7 +367,7 @@ @@ -367,7 +367,7 @@
367 <div class="contant_right_title">Gynecologic Oncology</div> 367 <div class="contant_right_title">Gynecologic Oncology</div>
368 </div> 368 </div>
369 <div class="contant_right_second"> 369 <div class="contant_right_second">
370 - <div class="contant_right_title">Intensive Care Unit</div> 370 + <div class="contant_right_title"><a href="./depart_detail.html">Intensive Care Unit</a></div>
371 <div class="contant_right_title">Intervention Therapy</div> 371 <div class="contant_right_title">Intervention Therapy</div>
372 <div class="contant_right_title">Lung Cancer</div> 372 <div class="contant_right_title">Lung Cancer</div>
373 <div class="contant_right_title"> 373 <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>
@@ -416,6 +418,7 @@ @@ -416,6 +418,7 @@
416 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit 418 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit
417 </div> 419 </div>
418 <div class="contant"> 420 <div class="contant">
  421 +
419 <div class="contant_top"> 422 <div class="contant_top">
420 <div class="contant_img"> 423 <div class="contant_img">
421 <img src="../images/wang.png" alt="" /> 424 <img src="../images/wang.png" alt="" />
@@ -426,19 +429,45 @@ @@ -426,19 +429,45 @@
426 <div class="contant_names">Director of Intensive Care Unit,</div> 429 <div class="contant_names">Director of Intensive Care Unit,</div>
427 </div> 430 </div>
428 <div class="contant_word"> 431 <div class="contant_word">
429 - <div class="contant_one">Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. </div>  
430 - <div class="contant_one">Standing Committee of China Geriatrics Society for Critical Care Medicine </div>  
431 - <div class="contant_one">Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.</div>  
432 - <div class="contant_one">Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.</div>  
433 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Critical Care Medicine.</div>  
434 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Fluid Therapy. </div>  
435 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition. </div>  
436 - <div class="contant_one">Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine. </div>  
437 - <div class="contant_one">Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control. </div>  
438 - <div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.</div>  
439 - <div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center. </div>  
440 - <div class="contant_one">Member of the Antibiotics Advisory Experts Committee.</div>  
441 - <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> 432 + <div class="contant_one">
  433 + Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine.
  434 + </div>
  435 + <div class="contant_one">
  436 + Standing Committee of China Geriatrics Society for Critical Care Medicine
  437 + </div>
  438 + <div class="contant_one">
  439 + Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.
  440 + </div>
  441 + <div class="contant_one">
  442 + Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.
  443 + </div>
  444 + <div class="contant_one">
  445 + Standing Committee of the Tianjin Medical Association for Critical Care Medicine.
  446 + </div>
  447 + <div class="contant_one">
  448 + Standing Committee of the Tianjin Medical Association for Fluid Therapy.
  449 + </div>
  450 + <div class="contant_one">
  451 + Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition.
  452 + </div>
  453 + <div class="contant_one">
  454 + Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine.
  455 + </div>
  456 + <div class="contant_one">
  457 + Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control.
  458 + </div>
  459 + <div class="contant_one">
  460 + Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.
  461 + </div>
  462 + <div class="contant_one">
  463 + Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center.
  464 + </div>
  465 + <div class="contant_one">
  466 + Member of the Antibiotics Advisory Experts Committee.
  467 + </div>
  468 + <div class="contant_one">
  469 + Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.
  470 + </div>
442 </div> 471 </div>
443 </div> 472 </div>
444 </div> 473 </div>
@@ -552,6 +581,18 @@ @@ -552,6 +581,18 @@
552 .siblings() 581 .siblings()
553 .removeClass("active"); 582 .removeClass("active");
554 }); 583 });
  584 + $(".content-word-left").on("click", "h4", function() {
  585 + $(this)
  586 + .addClass("active")
  587 + .siblings()
  588 + .removeClass("active");
  589 + $(".content-word-right")
  590 + .eq($(this).index())
  591 + .addClass("active")
  592 + .siblings()
  593 + .removeClass("active");
  594 + });
  595 +
555 // 596 //
556 </script> 597 </script>
557 </body> 598 </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,13 +139,11 @@ font-weight: bold; @@ -132,13 +139,11 @@ 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>
140 - <div href="../research/research.html" onclick="location.href='../research/research.html'"  
141 - class="inner_item"> 146 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
142 Research 147 Research
143 <div class="third_menu_items"> 148 <div class="third_menu_items">
144 <a href="../research/research1.html" class="inner_item"> 149 <a href="../research/research1.html" class="inner_item">
@@ -155,8 +160,7 @@ font-weight: bold; @@ -155,8 +160,7 @@ font-weight: bold;
155 </a> 160 </a>
156 </div> 161 </div>
157 </div> 162 </div>
158 - <div href="../research/education.html" onclick="location.href='../research/education.html'"  
159 - class="inner_item"> 163 + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
160 Education 164 Education
161 <div class="third_menu_items"> 165 <div class="third_menu_items">
162 <a href="../research/education.html" class="inner_item"> 166 <a href="../research/education.html" class="inner_item">
@@ -177,7 +181,7 @@ font-weight: bold; @@ -177,7 +181,7 @@ font-weight: bold;
177 </li> 181 </li>
178 <li class="btn navbtn-a" role="button"> 182 <li class="btn navbtn-a" role="button">
179 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 183 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
180 - <div class='sec_menu_items'> 184 + <div class="sec_menu_items">
181 <div href="javascript:;" class="inner_item"> 185 <div href="javascript:;" class="inner_item">
182 About Us 186 About Us
183 <div class="third_menu_items"> 187 <div class="third_menu_items">
@@ -209,12 +213,11 @@ font-weight: bold; @@ -209,12 +213,11 @@ font-weight: bold;
209 </a> 213 </a>
210 </div> 214 </div>
211 </div> 215 </div>
212 -  
213 </div> 216 </div>
214 </li> 217 </li>
215 <li class="btn navbtn-a" role="button"> 218 <li class="btn navbtn-a" role="button">
216 <a href="../contact.html">NURSING CARE</a> 219 <a href="../contact.html">NURSING CARE</a>
217 - <div class='sec_menu_items'> 220 + <div class="sec_menu_items">
218 <a href="../care/history_time.html" class="inner_item"> 221 <a href="../care/history_time.html" class="inner_item">
219 About Us 222 About Us
220 </a> 223 </a>
@@ -233,12 +236,11 @@ font-weight: bold; @@ -233,12 +236,11 @@ font-weight: bold;
233 <a href="../care/news.html" class="inner_item"> 236 <a href="../care/news.html" class="inner_item">
234 News & Events 237 News & Events
235 </a> 238 </a>
236 -  
237 </div> 239 </div>
238 </li> 240 </li>
239 <li class="btn navbtn-a" role="button"> 241 <li class="btn navbtn-a" role="button">
240 <a href="javascript:;">INTERNATIONAL AFFAIRS</a> 242 <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
241 - <div class='sec_menu_items'> 243 + <div class="sec_menu_items">
242 <a href="../international/conference.html" class="inner_item"> 244 <a href="../international/conference.html" class="inner_item">
243 International Conferences 245 International Conferences
244 </a> 246 </a>
@@ -251,7 +253,6 @@ font-weight: bold; @@ -251,7 +253,6 @@ font-weight: bold;
251 <a href="../international/partners.html" class="inner_item"> 253 <a href="../international/partners.html" class="inner_item">
252 Partnership Institutions 254 Partnership Institutions
253 </a> 255 </a>
254 -  
255 </div> 256 </div>
256 </li> 257 </li>
257 <li class="btn navbtn-a" role="button"> 258 <li class="btn navbtn-a" role="button">
@@ -265,9 +266,10 @@ font-weight: bold; @@ -265,9 +266,10 @@ font-weight: bold;
265 <img src="../images/clinical_top.png" width="100%" alt=""> 266 <img src="../images/clinical_top.png" width="100%" alt="">
266 </div> --> 267 </div> -->
267 <div class="content "> 268 <div class="content ">
268 -  
269 <div class="content "> 269 <div class="content ">
270 -<div class="navpath">Clinical Resources<span>></span>Clinical Trials</div> 270 + <div class="navpath">
  271 + Clinical Resources<span>></span>Clinical Trials
  272 + </div>
271 273
272 <div class="content-word"> 274 <div class="content-word">
273 <div class="content-word-left"> 275 <div class="content-word-left">
@@ -286,20 +288,24 @@ font-weight: bold; @@ -286,20 +288,24 @@ font-weight: bold;
286 <h4 class=""> 288 <h4 class="">
287 Research Achievement 289 Research Achievement
288 </h4> 290 </h4>
289 - <h4 class=""> 291 + <!-- <h4 class="">
290 Exchange 292 Exchange
291 </h4> 293 </h4>
292 <h4 class=""> 294 <h4 class="">
293 Contact 295 Contact
294 - </h4> 296 + </h4> -->
295 </div> 297 </div>
296 <div class="content-word-right active"> 298 <div class="content-word-right active">
297 <div class="header-title-right"> 299 <div class="header-title-right">
298 <h3>Enter Key Words</h3> 300 <h3>Enter Key Words</h3>
299 <div class="form-group" data-toggle="modal" data-target="#gridSystemModal"> 301 <div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
300 - <input type="text" class="form-control input-lg"> 302 + <input type="text" class="form-control input-lg" />
301 <button type="button" class="btn btn-warning btn-lg "> 303 <button type="button" class="btn btn-warning btn-lg ">
302 - <img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px"> 304 + <img
  305 + src="../images/01pc-main/pic (11).png"
  306 + alt=""
  307 + style="margin-bottom: 6px"
  308 + />
303 </button> 309 </button>
304 </div> 310 </div>
305 </div> 311 </div>
@@ -309,7 +315,6 @@ font-weight: bold; @@ -309,7 +315,6 @@ font-weight: bold;
309 </div> 315 </div>
310 <footer class="footer-content"> 316 <footer class="footer-content">
311 <div class="footer-main"> 317 <div class="footer-main">
312 -  
313 <ul class="list-unstyled third-ul"> 318 <ul class="list-unstyled third-ul">
314 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 319 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
315 <li>Tianjin 300060</li> 320 <li>Tianjin 300060</li>
@@ -318,18 +323,16 @@ font-weight: bold; @@ -318,18 +323,16 @@ font-weight: bold;
318 <li>Email: info@tjmuch.com</li> 323 <li>Email: info@tjmuch.com</li>
319 </ul> 324 </ul>
320 <ul class="list-unstyled first-ul"> 325 <ul class="list-unstyled first-ul">
321 - <li><img src="../images/yikeda.png" width="160px" alt=""></li>  
322 - <li><img src="../images/tjuc.png" width="160px" alt=""></li> 326 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  327 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
323 </ul> 328 </ul>
324 </div> 329 </div>
325 </footer> 330 </footer>
326 -  
327 </div> 331 </div>
328 <script src="../js/jquery-1.11.3.min.js"></script> 332 <script src="../js/jquery-1.11.3.min.js"></script>
329 <script src="../js/bootstrap.min.js"></script> 333 <script src="../js/bootstrap.min.js"></script>
330 <script src="../js/swiper-3.4.2.jquery.min.js"></script> 334 <script src="../js/swiper-3.4.2.jquery.min.js"></script>
331 <script src="../js/common.js"></script> 335 <script src="../js/common.js"></script>
332 -  
333 </body> 336 </body>
334 337
335 </html> 338 </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