作者 王毅

1

@@ -2,29 +2,29 @@ @@ -2,29 +2,29 @@
2 <html lang="en"> 2 <html lang="en">
3 3
4 <head> 4 <head>
5 - <meta charset="UTF-8">  
6 - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">  
7 - <meta http-equiv="X-UA-Compatible" content="ie=edge">  
8 - <link rel="stylesheet" href="../css/bootstrap.min.css">  
9 - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">  
10 - <link rel="stylesheet" href="../css/base.css">  
11 - <link rel="stylesheet" href="../css/index.css"> 5 + <meta charset="UTF-8" />
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css" />
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
  10 + <link rel="stylesheet" href="../css/base.css" />
  11 + <link rel="stylesheet" href="../css/index.css" />
12 <title>Tianjin Medical University Cancer Institute & Hospital</title> 12 <title>Tianjin Medical University Cancer Institute & Hospital</title>
13 <style> 13 <style>
14 .single_box { 14 .single_box {
15 width: 600px; 15 width: 600px;
16 margin-bottom: 44px; 16 margin-bottom: 44px;
17 } 17 }
18 - 18 +
19 .single_box:last-child { 19 .single_box:last-child {
20 margin: 0; 20 margin: 0;
21 } 21 }
22 - 22 +
23 .content-word { 23 .content-word {
24 position: relative; 24 position: relative;
25 align-items: flex-start; 25 align-items: flex-start;
26 } 26 }
27 - 27 +
28 .content-word-left { 28 .content-word-left {
29 width: 300px; 29 width: 300px;
30 flex: unset; 30 flex: unset;
@@ -32,7 +32,7 @@ @@ -32,7 +32,7 @@
32 justify-self: flex-end; 32 justify-self: flex-end;
33 margin-left: 60px; 33 margin-left: 60px;
34 } 34 }
35 - 35 +
36 .content-word-right { 36 .content-word-right {
37 flex: unset; 37 flex: unset;
38 display: none !important; 38 display: none !important;
@@ -43,12 +43,12 @@ @@ -43,12 +43,12 @@
43 padding: 0; 43 padding: 0;
44 position: relative; 44 position: relative;
45 } 45 }
46 - 46 +
47 .content-word-right.active { 47 .content-word-right.active {
48 display: flex !important; 48 display: flex !important;
49 flex-flow: column; 49 flex-flow: column;
50 } 50 }
51 - 51 +
52 .content-word-right .single_part { 52 .content-word-right .single_part {
53 display: flex; 53 display: flex;
54 margin-bottom: 50px; 54 margin-bottom: 50px;
@@ -58,42 +58,42 @@ @@ -58,42 +58,42 @@
58 align-items: flex-start; 58 align-items: flex-start;
59 margin-left: 50px; 59 margin-left: 50px;
60 } 60 }
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;
68 cursor: pointer; 68 cursor: pointer;
69 } 69 }
70 - 70 +
71 .single_part p { 71 .single_part p {
72 margin-top: 10px; 72 margin-top: 10px;
73 } 73 }
74 - 74 +
75 .content-word-left { 75 .content-word-left {
76 height: 800px; 76 height: 800px;
77 position: relative; 77 position: relative;
78 } 78 }
79 - 79 +
80 .part_box { 80 .part_box {
81 width: 242px; 81 width: 242px;
82 height: 115px; 82 height: 115px;
83 overflow: hidden; 83 overflow: hidden;
84 background-color: #898989; 84 background-color: #898989;
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;
92 } 92 }
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;
@@ -101,17 +101,17 @@ @@ -101,17 +101,17 @@
101 line-height: 74px; 101 line-height: 74px;
102 width: 100%; 102 width: 100%;
103 } 103 }
104 - 104 +
105 .part_inner_content { 105 .part_inner_content {
106 padding: 20px 40px; 106 padding: 20px 40px;
107 } 107 }
108 - 108 +
109 .person_introduce_box { 109 .person_introduce_box {
110 padding-top: 100px; 110 padding-top: 100px;
111 border-top: 5px solid #999; 111 border-top: 5px solid #999;
112 margin-top: 100px; 112 margin-top: 100px;
113 } 113 }
114 - 114 +
115 .next { 115 .next {
116 width: 32px; 116 width: 32px;
117 height: 22px; 117 height: 22px;
@@ -120,33 +120,47 @@ @@ -120,33 +120,47 @@
120 left: 50%; 120 left: 50%;
121 margin-left: -11px; 121 margin-left: -11px;
122 } 122 }
123 - .news_container{ 123 +
  124 + .news_container {
  125 + display: flex;
  126 + flex-flow: column;
  127 + }
  128 +
  129 + .singleNews {
  130 + height: 56px;
  131 + border-bottom: 1px dashed #999;
124 display: flex; 132 display: flex;
125 - flex-flow:column; 133 + align-items: center;
  134 + cursor: pointer;
  135 + width: 840px;
  136 + font-size: 16px;
  137 + }
  138 +
  139 + .singleNews .time {
  140 + color: #00a16c;
  141 + margin-right: 35px;
  142 + }
  143 +
  144 + .single_news_content {
  145 + color: #232323;
  146 + }
  147 +
  148 + .top_line {
  149 + text-align: left;
  150 + padding-left: 35px;
  151 + background: #ebfbf8;
  152 + color: #00a16c;
  153 + font-weight: bold;
  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;
126 } 163 }
127 - .singleNews{  
128 - height: 56px;  
129 - border-bottom: 1px dashed #999;  
130 - display: flex;  
131 - align-items: center;  
132 - cursor: pointer;  
133 - width: 840px;  
134 - font-size: 16px;  
135 - }  
136 - .singleNews .time{  
137 - color: #00A16C;  
138 - margin-right: 35px;  
139 - }  
140 - .single_news_content{  
141 - color: #232323  
142 - }  
143 - .top_line{  
144 - text-align: left;  
145 - padding-left: 35px;  
146 - background: #EBFBF8;  
147 - color: #00A16C;  
148 - font-weight: bold;  
149 - }  
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">  
159 - <span class="sr-only">Toggle navigation</span>  
160 - <span class="icon-bar"></span>  
161 - <span class="icon-bar"></span>  
162 - <span class="icon-bar"></span>  
163 - </button> 171 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
  172 + <span class="sr-only">Toggle navigation</span>
  173 + <span class="icon-bar"></span>
  174 + <span class="icon-bar"></span>
  175 + <span class="icon-bar"></span>
  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,180 +195,175 @@ @@ -182,180 +195,175 @@
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  
188 - </a> 200 + Welcome Message
  201 + </a>
189 <a href="../about/mission.html" class="inner_item"> 202 <a href="../about/mission.html" class="inner_item">
190 - Mission and Vision  
191 - </a>  
192 - 203 + Mission and Vision
  204 + </a>
  205 +
193 <a href="../about/history.html" class="inner_item"> 206 <a href="../about/history.html" class="inner_item">
194 - History and Milestones  
195 - </a> 207 + History and Milestones
  208 + </a>
196 <a href="../about/quick.html" class="inner_item"> 209 <a href="../about/quick.html" class="inner_item">
197 - Quick Facts  
198 - </a> 210 + Quick Facts
  211 + </a>
199 <a href="../about/contact.html" class="inner_item">Contact Us</a> 212 <a href="../about/contact.html" class="inner_item">Contact Us</a>
200 </div> 213 </div>
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'>  
205 - <div class="inner_item"> 217 + <div class="sec_menu_items">
  218 + <div class="inner_item">
206 Clinical Departments 219 Clinical Departments
207 <div class="third_menu_items"> 220 <div class="third_menu_items">
208 <a href="../clinical/departm.html" class="inner_item"> 221 <a href="../clinical/departm.html" class="inner_item">
209 - Surgical Department  
210 - </a> 222 + Surgical Department
  223 + </a>
211 <a href="../clinical/medical.html" class="inner_item"> 224 <a href="../clinical/medical.html" class="inner_item">
212 - Medical Oncology  
213 - </a> 225 + Medical Oncology
  226 + </a>
214 <a href="../clinical/radiation.html" class="inner_item"> 227 <a href="../clinical/radiation.html" class="inner_item">
215 - Radiation Oncology  
216 - </a> 228 + Radiation Oncology
  229 + </a>
217 <a href="../clinical/diagnostic.html" class="inner_item"> 230 <a href="../clinical/diagnostic.html" class="inner_item">
218 - Diagnostic Oncology  
219 - </a> 231 + Diagnostic Oncology
  232 + </a>
220 <a href="../clinical/center.html" class="inner_item"> 233 <a href="../clinical/center.html" class="inner_item">
221 - Center of Excellences  
222 - </a> 234 + Center of Excellences
  235 + </a>
223 </div> 236 </div>
224 </div> 237 </div>
225 <a href="../clinical/activities.html" class="inner_item"> 238 <a href="../clinical/activities.html" class="inner_item">
226 - Clinical Activities  
227 - </a> 239 + Clinical Activities
  240 + </a>
228 <a href="../clinical/trials.html" class="inner_item"> 241 <a href="../clinical/trials.html" class="inner_item">
229 - Clinical Trials  
230 - </a> 242 + Clinical Trials
  243 + </a>
231 <a href="../clinical/finddoctor.html" class="inner_item"> 244 <a href="../clinical/finddoctor.html" class="inner_item">
232 - Find a Doctor  
233 - </a> 245 + Find a Doctor
  246 + </a>
234 </div> 247 </div>
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  
242 - </a>  
243 - <div href="../research/research.html" onclick="location.href='../research/research.html'"  
244 - class="inner_item"> 253 + National Cancer Clinical Research Center
  254 + </a>
  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">
248 - Research programs  
249 - </a> 259 + Research programs
  260 + </a>
250 <a href="../research/research2.html" class="inner_item"> 261 <a href="../research/research2.html" class="inner_item">
251 - Achievements  
252 - </a> 262 + Achievements
  263 + </a>
253 <a href="../research/research3.html" class="inner_item"> 264 <a href="../research/research3.html" class="inner_item">
254 - Key Labaratories  
255 - </a> 265 + Key Labaratories
  266 + </a>
256 <a href="../research/researcher.html" class="inner_item"> 267 <a href="../research/researcher.html" class="inner_item">
257 - Find a Researcher  
258 - </a> 268 + Find a Researcher
  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">
266 - Graduate Study  
267 - </a> 276 + Graduate Study
  277 + </a>
268 <a href="../research/education.html" class="inner_item"> 278 <a href="../research/education.html" class="inner_item">
269 - International Study  
270 - </a> 279 + International Study
  280 + </a>
271 <a href="../research/education.html" class="inner_item"> 281 <a href="../research/education.html" class="inner_item">
272 - Continuing Study  
273 - </a> 282 + Continuing Study
  283 + </a>
274 </div> 284 </div>
275 </div> 285 </div>
276 <a href="../research/news.html" class="inner_item"> 286 <a href="../research/news.html" class="inner_item">
277 - News  
278 - </a> 287 + News
  288 + </a>
279 </div> 289 </div>
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">
287 <a href="../institute/aboutus.html" class="inner_item"> 297 <a href="../institute/aboutus.html" class="inner_item">
288 - About Us  
289 - </a> 298 + About Us
  299 + </a>
290 <a href="../institute/leadership.html" class="inner_item"> 300 <a href="../institute/leadership.html" class="inner_item">
291 - Leadership  
292 - </a> 301 + Leadership
  302 + </a>
293 <a href="../institute/history.html" class="inner_item"> 303 <a href="../institute/history.html" class="inner_item">
294 - History  
295 - </a> 304 + History
  305 + </a>
296 <a href="../institute/report.html" class="inner_item"> 306 <a href="../institute/report.html" class="inner_item">
297 - Annual Report  
298 - </a> 307 + Annual Report
  308 + </a>
299 </div> 309 </div>
300 </div> 310 </div>
301 <div href="../clinical/nursing.html" class="inner_item"> 311 <div href="../clinical/nursing.html" class="inner_item">
302 Research 312 Research
303 <div class="third_menu_items"> 313 <div class="third_menu_items">
304 <a href="../institute/researchers.html" class="inner_item"> 314 <a href="../institute/researchers.html" class="inner_item">
305 - Our Researchers  
306 - </a> 315 + Our Researchers
  316 + </a>
307 <a href="../institute/facilities.html" class="inner_item"> 317 <a href="../institute/facilities.html" class="inner_item">
308 - Core Facilities and Services  
309 - </a> 318 + Core Facilities and Services
  319 + </a>
310 <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> 320 <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
311 - Journal of Clinical Oncology  
312 - </a> 321 + Journal of Clinical Oncology
  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  
323 - </a>  
324 - 331 + About Us
  332 + </a>
  333 +
325 <a href="../care/activity.html" class="inner_item"> 334 <a href="../care/activity.html" class="inner_item">
326 - Nursing Activities  
327 - </a>  
328 - 335 + Nursing Activities
  336 + </a>
  337 +
329 <a href="../care/achievement.html" class="inner_item"> 338 <a href="../care/achievement.html" class="inner_item">
330 - Research Achievement  
331 - </a>  
332 - 339 + Research Achievement
  340 + </a>
  341 +
333 <a href="../care/cancer.html" class="inner_item"> 342 <a href="../care/cancer.html" class="inner_item">
334 - Cancer Survivorship Support  
335 - </a> 343 + Cancer Survivorship Support
  344 + </a>
336 <a href="../care/news.html" class="inner_item"> 345 <a href="../care/news.html" class="inner_item">
337 - News & Events  
338 - </a>  
339 - 346 + News & Events
  347 + </a>
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  
347 - </a> 354 + International Conferences
  355 + </a>
348 <a href="../international/training.html" class="inner_item"> 356 <a href="../international/training.html" class="inner_item">
349 - Oversea Trainings  
350 - </a> 357 + Oversea Trainings
  358 + </a>
351 <a href="../international/referral.html" class="inner_item"> 359 <a href="../international/referral.html" class="inner_item">
352 - International Patients  
353 - </a> 360 + International Patients
  361 + </a>
354 <a href="../international/partners.html" class="inner_item"> 362 <a href="../international/partners.html" class="inner_item">
355 - Partnership Institutions  
356 - </a> 363 + Partnership Institutions
  364 + </a>
357 <!--<a href="../international/exchange.html" class="inner_item">--> 365 <!--<a href="../international/exchange.html" class="inner_item">-->
358 - <!--International Exchanges News--> 366 + <!--International Exchanges News-->
359 <!--</a>--> 367 <!--</a>-->
360 </div> 368 </div>
361 </li> 369 </li>
@@ -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" />
@@ -13,587 +11,545 @@ @@ -13,587 +11,545 @@
13 <link rel="stylesheet" href="../css/index.css" /> 11 <link rel="stylesheet" href="../css/index.css" />
14 <title>Tianjin Medical University Cancer Institute & Hospital</title> 12 <title>Tianjin Medical University Cancer Institute & Hospital</title>
15 <style> 13 <style>
16 - .single_box {  
17 - width: 600px;  
18 - margin-bottom: 44px;  
19 - }  
20 -  
21 - .single_box:last-child {  
22 - margin: 0;  
23 - }  
24 -  
25 - .content-word {  
26 - position: relative;  
27 - align-items: flex-start;  
28 - display: flex;  
29 - display: -webkit-flex;  
30 - }  
31 -  
32 - .single_mark {  
33 - width: 1000px;  
34 - margin: 0 auto;  
35 - margin-bottom: 30px;  
36 - cursor: pointer;  
37 - }  
38 -  
39 - .single_mark img {  
40 - width: 100%;  
41 - }  
42 -  
43 - .content-word-left {  
44 - width: 350px;  
45 - min-height: 400px;  
46 - flex: unset;  
47 - align-self: flex-start;  
48 - }  
49 -  
50 - .content-word-right {  
51 - border-left: 1px solid #000;  
52 - }  
53 -  
54 - .content-word-left h4 {  
55 - color: #232323;  
56 - line-height: 1.6;  
57 - cursor: pointer;  
58 - }  
59 - /* .content-word-left h4.active, 14 + .single_box {
  15 + width: 600px;
  16 + margin-bottom: 44px;
  17 + }
  18 +
  19 + .single_box:last-child {
  20 + margin: 0;
  21 + }
  22 +
  23 + .content-word {
  24 + position: relative;
  25 + align-items: flex-start;
  26 + display: flex;
  27 + display: -webkit-flex;
  28 + }
  29 +
  30 + .single_mark {
  31 + width: 1000px;
  32 + margin: 0 auto;
  33 + margin-bottom: 30px;
  34 + cursor: pointer;
  35 + }
  36 +
  37 + .single_mark img {
  38 + width: 100%;
  39 + }
  40 +
  41 + .content-word-left {
  42 + width: 350px;
  43 + min-height: 400px;
  44 + flex: unset;
  45 + align-self: flex-start;
  46 + }
  47 +
  48 + .content-word-right {
  49 + border-left: 1px solid #000;
  50 + }
  51 +
  52 + .content-word-left h4 {
  53 + color: #232323;
  54 + line-height: 1.6;
  55 + cursor: pointer;
  56 + }
  57 + /* .content-word-left h4.active,
60 .content-word-left h4:hover { 58 .content-word-left h4:hover {
61 color: #00A16C; 59 color: #00A16C;
62 } */ 60 } */
63 -  
64 - .single_part_right {  
65 - color: #00a16c;  
66 - padding-left: 50px;  
67 - display: none;  
68 - max-width: 800px;  
69 - }  
70 -  
71 - .single_part_right p {  
72 - margin-top: 30px;  
73 - margin-bottom: 20px;  
74 - }  
75 -  
76 - .single_part_right.active {  
77 - display: block;  
78 - }  
79 -  
80 - .contant {  
81 - margin-top: 80px;  
82 - display: -webkit-box;  
83 - display: -ms-flexbox;  
84 - display: -webkit-flex;  
85 - display: flex;  
86 - justify-content: flex-start;  
87 - }  
88 -  
89 - .contant_title {  
90 - font-size: 20px;  
91 - font-weight: bold;  
92 - color: rgba(114, 113, 113, 1);  
93 - margin-bottom: 46px;  
94 - cursor: pointer;  
95 - width: 120px;  
96 - }  
97 -  
98 - .contant_titles {  
99 - font-size: 20px;  
100 - font-weight: bold;  
101 - color: rgba(0, 161, 108, 1);  
102 - margin-bottom: 46px;  
103 - }  
104 -  
105 - .contant_left {  
106 - position: relative;  
107 - }  
108 -  
109 - .contant_left::after {  
110 - content: "";  
111 - width: 2px;  
112 - height: 733px;  
113 - background: rgba(114, 113, 113, 1);  
114 - position: absolute;  
115 - top: 0;  
116 - right: -150px;  
117 - }  
118 -  
119 - .contant_right {  
120 - margin-left: 280px;  
121 - }  
122 -  
123 - .contant_img {  
124 - width: 634px;  
125 - }  
126 -  
127 - .contant_img img {  
128 - width: 100%;  
129 - }  
130 -  
131 - .contant_one_title {  
132 - margin: 18px 0;  
133 - font-size: 20px;  
134 - font-weight: 400;  
135 - color: rgba(114, 113, 113, 1);  
136 - }  
137 -  
138 - .neirong {  
139 - width: 790px;  
140 - }  
141 -  
142 - .wire2_img {  
143 - width: 100%;  
144 - }  
145 -  
146 - .wire2_title {  
147 - margin-top: 30px;  
148 - font-size: 20px;  
149 - color: #727171;  
150 - font-weight: bold;  
151 - line-height: 26px;  
152 - }  
153 -  
154 - .wire2_word {  
155 - margin-top: 10px;  
156 - font-size: 20px;  
157 - color: #727171;  
158 - line-height: 26px;  
159 - }  
160 -  
161 - .wire3 {  
162 - margin-bottom: 64px;  
163 - }  
164 -  
165 - .wire3_img {  
166 - width: 362px;  
167 - }  
168 -  
169 - .wire3_img img {  
170 - width: 100%;  
171 - }  
172 -  
173 - .wire3_title {  
174 - margin-top: 16px;  
175 - font-size: 20px;  
176 - font-weight: 400;  
177 - color: rgba(114, 113, 113, 1);  
178 - line-height: 25px;  
179 - }  
180 -  
181 - .wire4_title {  
182 - font-size: 20px;  
183 - font-weight: 400;  
184 - color: rgba(114, 113, 113, 1);  
185 - line-height: 36px;  
186 - }  
187 -  
188 - .wire4_img {  
189 - margin-top: 14px;  
190 - width: 100%;  
191 - }  
192 -  
193 - .wire4_img img {  
194 - width: 100%;  
195 - }  
196 -  
197 - .wire_word {  
198 - margin-top: 24px;  
199 - font-size: 20px;  
200 - font-weight: 400;  
201 - color: rgba(114, 113, 113, 1);  
202 - line-height: 36px;  
203 - }  
204 - .wire4_bottom_img {  
205 - width: 580px;  
206 - margin: 46px auto 0 auto;  
207 - }  
208 - .wire4_bottom_img img {  
209 - width: 100%;  
210 - } 61 +
  62 + .single_part_right {
  63 + color: #00a16c;
  64 + padding-left: 50px;
  65 + display: none;
  66 + max-width: 800px;
  67 + }
  68 +
  69 + .single_part_right p {
  70 + margin-top: 30px;
  71 + margin-bottom: 20px;
  72 + }
  73 +
  74 + .single_part_right.active {
  75 + display: block;
  76 + }
  77 +
  78 + .contant {
  79 + margin-top: 80px;
  80 + display: -webkit-box;
  81 + display: -ms-flexbox;
  82 + display: -webkit-flex;
  83 + display: flex;
  84 + justify-content: flex-start;
  85 + }
  86 +
  87 + .contant_title {
  88 + font-size: 20px;
  89 + font-weight: bold;
  90 + color: rgba(114, 113, 113, 1);
  91 + margin-bottom: 46px;
  92 + cursor: pointer;
  93 + width: 120px;
  94 + }
  95 +
  96 + .contant_titles {
  97 + font-size: 20px;
  98 + font-weight: bold;
  99 + color: rgba(0, 161, 108, 1);
  100 + margin-bottom: 46px;
  101 + }
  102 +
  103 + .contant_left {
  104 + position: relative;
  105 + }
  106 +
  107 + .contant_left::after {
  108 + content: "";
  109 + width: 2px;
  110 + height: 733px;
  111 + background: rgba(114, 113, 113, 1);
  112 + position: absolute;
  113 + top: 0;
  114 + right: -150px;
  115 + }
  116 +
  117 + .contant_right {
  118 + margin-left: 280px;
  119 + }
  120 +
  121 + .contant_img {
  122 + width: 634px;
  123 + }
  124 +
  125 + .contant_img img {
  126 + width: 100%;
  127 + }
  128 +
  129 + .contant_one_title {
  130 + margin: 18px 0;
  131 + font-size: 20px;
  132 + font-weight: 400;
  133 + color: rgba(114, 113, 113, 1);
  134 + }
  135 +
  136 + .neirong {
  137 + width: 790px;
  138 + }
  139 +
  140 + .wire2_img {
  141 + width: 100%;
  142 + }
  143 +
  144 + .wire2_title {
  145 + margin-top: 30px;
  146 + font-size: 20px;
  147 + color: #727171;
  148 + font-weight: bold;
  149 + line-height: 26px;
  150 + }
  151 +
  152 + .wire2_word {
  153 + margin-top: 10px;
  154 + font-size: 20px;
  155 + color: #727171;
  156 + line-height: 26px;
  157 + }
  158 +
  159 + .wire3 {
  160 + margin-bottom: 64px;
  161 + }
  162 +
  163 + .wire3_img {
  164 + width: 362px;
  165 + }
  166 +
  167 + .wire3_img img {
  168 + width: 100%;
  169 + }
  170 +
  171 + .wire3_title {
  172 + margin-top: 16px;
  173 + font-size: 20px;
  174 + font-weight: 400;
  175 + color: rgba(114, 113, 113, 1);
  176 + line-height: 25px;
  177 + }
  178 +
  179 + .wire4_title {
  180 + font-size: 20px;
  181 + font-weight: 400;
  182 + color: rgba(114, 113, 113, 1);
  183 + line-height: 36px;
  184 + }
  185 +
  186 + .wire4_img {
  187 + margin-top: 14px;
  188 + width: 100%;
  189 + }
  190 +
  191 + .wire4_img img {
  192 + width: 100%;
  193 + }
  194 +
  195 + .wire_word {
  196 + margin-top: 24px;
  197 + font-size: 20px;
  198 + font-weight: 400;
  199 + color: rgba(114, 113, 113, 1);
  200 + line-height: 36px;
  201 + }
  202 +
  203 + .wire4_bottom_img {
  204 + width: 580px;
  205 + margin: 46px auto 0 auto;
  206 + }
  207 +
  208 + .wire4_bottom_img img {
  209 + width: 100%;
  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">  
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 - > 216 + <div class="container-fluid top_pc_brand">
  217 + <div class="navbar-header">
  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>
228 <span class="icon-bar"></span> 222 <span class="icon-bar"></span>
229 </button> 223 </button>
230 - <a class="navbar-brand logo" href="../index.html">  
231 - <img class="brand-logo" src="../images/logo.png" alt="" />  
232 - </a>  
233 - </div>  
234 - <div  
235 - class="navbar-collapse collapse in"  
236 - id="bs-example-navbar-collapse-4"  
237 - aria-expanded="true"  
238 - >  
239 - <div class="search-group mt30 form-group navbar-text navbar-right">  
240 - <a href="http://www.tjmuch.com/" class="langue">中文</a>  
241 - <input  
242 - type="text"  
243 - class="form-control search-input"  
244 - placeholder="Search"  
245 - />  
246 - <div class="magnifier">  
247 - <img src="../images/search_btn.png" alt="" /> 224 + <a class="navbar-brand logo" href="../index.html">
  225 + <img class="brand-logo" src="../images/logo.png" alt="" />
  226 + </a>
  227 + </div>
  228 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  229 + <div class="search-group mt30 form-group navbar-text navbar-right">
  230 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  231 + <input type="text" class="form-control search-input" placeholder="Search" />
  232 + <div class="magnifier">
  233 + <img src="../images/search_btn.png" alt="" />
  234 + </div>
  235 + </div>
248 </div> 236 </div>
249 - </div>  
250 </div> 237 </div>
251 - </div>  
252 </nav> 238 </nav>
253 <div class="container-fluid pc"> 239 <div class="container-fluid pc">
254 - <div class="mask"></div>  
255 - <div class="bs-example" data-example-id="simple-justified-button-group">  
256 - <ul class="nav_menu_items">  
257 - <li class="btn navbtn-a" role="button">  
258 - <a href="javascript:;">ABOUT US</a>  
259 - <div class="sec_menu_items">  
260 - <a href="../about/welcome.html" class="inner_item"> 240 + <div class="mask"></div>
  241 + <div class="bs-example" data-example-id="simple-justified-button-group">
  242 + <ul class="nav_menu_items">
  243 + <li class="btn navbtn-a" role="button">
  244 + <a href="javascript:;">ABOUT US</a>
  245 + <div class="sec_menu_items">
  246 + <a href="../about/welcome.html" class="inner_item">
261 Welcome Message 247 Welcome Message
262 </a> 248 </a>
263 - <a href="../about/mission.html" class="inner_item"> 249 + <a href="../about/mission.html" class="inner_item">
264 Mission and Vision 250 Mission and Vision
265 </a> 251 </a>
266 -  
267 - <a href="../about/history.html" class="inner_item"> 252 +
  253 + <a href="../about/history.html" class="inner_item">
268 History and Milestones 254 History and Milestones
269 </a> 255 </a>
270 - <a href="../about/quick.html" class="inner_item"> 256 + <a href="../about/quick.html" class="inner_item">
271 Quick Facts 257 Quick Facts
272 </a> 258 </a>
273 - <a href="../about/contact.html" class="inner_item">Contact Us</a>  
274 - </div>  
275 - </li>  
276 - <li class="btn navbtn-a" role="button">  
277 - <a href="JavaScript:;">CLINICAL RESOURCES</a>  
278 - <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 - >  
284 - Clinical Departments  
285 - <div class="third_menu_items">  
286 - <a href="../clinical/departm.html" class="inner_item"> 259 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  260 + </div>
  261 + </li>
  262 + <li class="btn navbtn-a" role="button">
  263 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  264 + <div class="sec_menu_items">
  265 + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
  266 + Clinical Departments
  267 + <div class="third_menu_items">
  268 + <a href="../clinical/departm.html" class="inner_item">
287 Surgical Department 269 Surgical Department
288 </a> 270 </a>
289 - <a href="../clinical/medical.html" class="inner_item"> 271 + <a href="../clinical/medical.html" class="inner_item">
290 Medical Oncology 272 Medical Oncology
291 </a> 273 </a>
292 - <a href="../clinical/radiation.html" class="inner_item"> 274 + <a href="../clinical/radiation.html" class="inner_item">
293 Radiation Oncology 275 Radiation Oncology
294 </a> 276 </a>
295 - <a href="../clinical/diagnostic.html" class="inner_item"> 277 + <a href="../clinical/diagnostic.html" class="inner_item">
296 Diagnostic Oncology 278 Diagnostic Oncology
297 </a> 279 </a>
298 - <a href="../clinical/center.html" class="inner_item"> 280 + <a href="../clinical/center.html" class="inner_item">
299 Center of Excellences 281 Center of Excellences
300 </a> 282 </a>
301 - </div>  
302 - </div>  
303 - <a href="../clinical/activities.html" class="inner_item"> 283 + </div>
  284 + </div>
  285 + <a href="../clinical/activities.html" class="inner_item">
304 Clinical Activities 286 Clinical Activities
305 </a> 287 </a>
306 - <a href="../clinical/trials.html" class="inner_item"> 288 + <a href="../clinical/trials.html" class="inner_item">
307 Clinical Trials 289 Clinical Trials
308 </a> 290 </a>
309 - <a href="../clinical/finddoctor.html" class="inner_item"> 291 + <a href="../clinical/finddoctor.html" class="inner_item">
310 Find a Doctor 292 Find a Doctor
311 </a> 293 </a>
312 - </div>  
313 - </li>  
314 - <li class="btn navbtn-a" role="button">  
315 - <a href="javascript:;">RESEARCH & EDUCATION</a>  
316 - <div class="sec_menu_items">  
317 - <a href="../research/nationalCancer.html" class="inner_item"> 294 + </div>
  295 + </li>
  296 + <li class="btn navbtn-a" role="button">
  297 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  298 + <div class="sec_menu_items">
  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 - >  
325 - Research  
326 - <div class="third_menu_items">  
327 - <a href="../research/research1.html" class="inner_item"> 302 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  303 + Research
  304 + <div class="third_menu_items">
  305 + <a href="../research/research1.html" class="inner_item">
328 Research programs 306 Research programs
329 </a> 307 </a>
330 - <a href="../research/research2.html" class="inner_item"> 308 + <a href="../research/research2.html" class="inner_item">
331 Achievements 309 Achievements
332 </a> 310 </a>
333 - <a href="../research/research3.html" class="inner_item"> 311 + <a href="../research/research3.html" class="inner_item">
334 Key Labaratories 312 Key Labaratories
335 </a> 313 </a>
336 - <a href="../research/researcher.html" class="inner_item"> 314 + <a href="../research/researcher.html" class="inner_item">
337 Find a Researcher 315 Find a Researcher
338 </a> 316 </a>
339 - </div>  
340 - </div>  
341 - <div  
342 - href="../research/education.html"  
343 - onclick="location.href='../research/education.html'"  
344 - class="inner_item"  
345 - >  
346 - Education  
347 - <div class="third_menu_items">  
348 - <a href="../research/education.html" class="inner_item"> 317 + </div>
  318 + </div>
  319 + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
  320 + Education
  321 + <div class="third_menu_items">
  322 + <a href="../research/education.html" class="inner_item">
349 Graduate Study 323 Graduate Study
350 </a> 324 </a>
351 - <a href="../research/education.html" class="inner_item"> 325 + <a href="../research/education.html" class="inner_item">
352 International Study 326 International Study
353 </a> 327 </a>
354 - <a href="../research/education.html" class="inner_item"> 328 + <a href="../research/education.html" class="inner_item">
355 Continuing Study 329 Continuing Study
356 </a> 330 </a>
357 - </div>  
358 - </div>  
359 -  
360 - </div>  
361 - </li>  
362 - <li class="btn navbtn-a" role="button">  
363 - <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>  
364 - <div class="sec_menu_items">  
365 - <div href="javascript:;" class="inner_item">  
366 - About Us  
367 - <div class="third_menu_items">  
368 - <a href="../institute/aboutus.html" class="inner_item"> 331 + </div>
  332 + </div>
  333 + </div>
  334 + </li>
  335 + <li class="btn navbtn-a" role="button">
  336 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  337 + <div class="sec_menu_items">
  338 + <div href="javascript:;" class="inner_item">
  339 + About Us
  340 + <div class="third_menu_items">
  341 + <a href="../institute/aboutus.html" class="inner_item">
369 About Us 342 About Us
370 </a> 343 </a>
371 - <a href="../institute/leadership.html" class="inner_item"> 344 + <a href="../institute/leadership.html" class="inner_item">
372 Leadership 345 Leadership
373 </a> 346 </a>
374 - <a href="../institute/history.html" class="inner_item"> 347 + <a href="../institute/history.html" class="inner_item">
375 History 348 History
376 </a> 349 </a>
377 - <a href="../institute/report.html" class="inner_item"> 350 + <a href="../institute/report.html" class="inner_item">
378 Annual Report 351 Annual Report
379 </a> 352 </a>
380 - </div>  
381 - </div>  
382 - <div href="../clinical/nursing.html" class="inner_item">  
383 - Research  
384 - <div class="third_menu_items">  
385 - <a href="../institute/researchers.html" class="inner_item"> 353 + </div>
  354 + </div>
  355 + <div href="../clinical/nursing.html" class="inner_item">
  356 + Research
  357 + <div class="third_menu_items">
  358 + <a href="../institute/researchers.html" class="inner_item">
386 Our Researchers 359 Our Researchers
387 </a> 360 </a>
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>  
398 - </div>  
399 -  
400 - </div>  
401 - </li>  
402 - <li class="btn navbtnActive navbtn-a" role="button">  
403 - <a href="../contact.html">NURSING CARE</a>  
404 - <div class="sec_menu_items">  
405 - <a href="../care/history_time.html" class="inner_item"> 367 + </div>
  368 + </div>
  369 + </div>
  370 + </li>
  371 + <li class="btn navbtnActive navbtn-a" role="button">
  372 + <a href="../contact.html">NURSING CARE</a>
  373 + <div class="sec_menu_items">
  374 + <a href="../care/history_time.html" class="inner_item">
406 About Us 375 About Us
407 </a> 376 </a>
408 - <div class="inner_item">  
409 - Nursing Activities  
410 - <div class="third_menu_items">  
411 - <a href="../care/profession.html" class="inner_item"> 377 + <div class="inner_item">
  378 + Nursing Activities
  379 + <div class="third_menu_items">
  380 + <a href="../care/profession.html" class="inner_item">
412 Profession 381 Profession
413 </a> 382 </a>
414 - <a href="../care/profession.2.html" class="inner_item"> 383 + <a href="../care/profession.2.html" class="inner_item">
415 Social Support 384 Social Support
416 </a> 385 </a>
417 - <a href="../care/activity.html" class="inner_item"> 386 + <a href="../care/activity.html" class="inner_item">
418 Heart-warming Service 387 Heart-warming Service
419 </a> 388 </a>
420 - <a href="../care/profession.3.html" class="inner_item"> 389 + <a href="../care/profession.3.html" class="inner_item">
421 Caring for Nurse 390 Caring for Nurse
422 </a> 391 </a>
423 - </div>  
424 - </div>  
425 -  
426 - <a href="../care/achievement.html" class="inner_item"> 392 + </div>
  393 + </div>
  394 +
  395 + <a href="../care/achievement.html" class="inner_item">
427 Research Achievement 396 Research Achievement
428 </a> 397 </a>
429 -  
430 - <a href="../care/cancer.html" class="inner_item"> 398 +
  399 + <a href="../care/cancer.html" class="inner_item">
431 Cancer Survivorship Support 400 Cancer Survivorship Support
432 </a> 401 </a>
433 -  
434 - </div>  
435 - </li>  
436 - <li class="btn navbtn-a" role="button">  
437 - <a href="javascript:;">INTERNATIONAL AFFAIRS</a>  
438 - <div class="sec_menu_items">  
439 - <a href="../international/conference.html" class="inner_item"> 402 + </div>
  403 + </li>
  404 + <li class="btn navbtn-a" role="button">
  405 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  406 + <div class="sec_menu_items">
  407 + <a href="../international/conference.html" class="inner_item">
440 International Conferences 408 International Conferences
441 </a> 409 </a>
442 - <a href="../international/training.html" class="inner_item"> 410 + <a href="../international/training.html" class="inner_item">
443 Oversea Trainings 411 Oversea Trainings
444 </a> 412 </a>
445 - <a href="../international/referral.html" class="inner_item"> 413 + <a href="../international/referral.html" class="inner_item">
446 International Patients 414 International Patients
447 </a> 415 </a>
448 - <a href="../international/partners.html" class="inner_item"> 416 + <a href="../international/partners.html" class="inner_item">
449 Partnership Institutions 417 Partnership Institutions
450 </a> 418 </a>
451 - </div>  
452 - </li>  
453 - <li class="btn navbtn-a" role="button">  
454 - <a href="../news.html">NEWS RELEASE</a>  
455 - </li>  
456 - </ul>  
457 - </div> 419 + </div>
  420 + </li>
  421 + <li class="btn navbtn-a" role="button">
  422 + <a href="../news.html">NEWS RELEASE</a>
  423 + </li>
  424 + </ul>
  425 + </div>
458 426
459 - <div class="content padding0">  
460 - <!-- Swiper -->  
461 - <!-- <div class="img-header"> 427 + <div class="content padding0">
  428 + <!-- Swiper -->
  429 + <!-- <div class="img-header">
462 <img src="../images/care_top.png" width="100%" alt=""> 430 <img src="../images/care_top.png" width="100%" alt="">
463 </div> --> 431 </div> -->
464 - </div>  
465 - <div class="content">  
466 - <div class="navpath">  
467 - Nursing Care<span>></span>About Us  
468 - <span>></span>Important Events  
469 </div> 432 </div>
470 - <div class="contant">  
471 - <dis class="contant_left">  
472 - <div class="contant_title contant_titles">About Us</div>  
473 - <div class="contant_title">Leadership Team</div>  
474 - <div class="contant_title">Recognition</div>  
475 - <div class="contant_title">Important Events</div>  
476 - </dis>  
477 - <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>  
486 - </div>  
487 - <div class="contant_one">  
488 - <div class="contant_img">  
489 - <img src="../images/5-1-4_4.png" alt="" />  
490 - </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="" />  
498 - </div>  
499 - <div class="contant_one_title">  
500 - 2005 Director Yongqin Jiang worked as Board Member of the ISNCC  
501 - </div>  
502 - </div>  
503 - <div class="contant_one">  
504 - <div class="contant_img">  
505 - <img src="../images/5-1-4_2.png" alt="" />  
506 - </div>  
507 - <div class="contant_one_title">  
508 - 2011 Rongxiu Chen:the 43rd Nightingale Medal Winner  
509 - </div>  
510 - </div>  
511 - <div class="contant_one">  
512 - <div class="contant_img">  
513 - <img src="../images/5-1-4_1.png" alt="" />  
514 - </div>  
515 - <div class="contant_one_title">  
516 - 2015 Wanmin Qiang<br />  
517 - The first chairman of Chinese Association of Nursers in Oncology  
518 - </div>  
519 - </div>  
520 - </div>  
521 - <div class="contant_right neirong" style="display: none">  
522 - <div class="wire2_img">  
523 - <img src="../images/leaser6.png" alt="" />  
524 - </div>  
525 - <div class="wire2_title">  
526 - Our Team  
527 - </div>  
528 - <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  
538 - </div>  
539 - <div class="wire2_title">  
540 - Contact Us  
541 - </div>  
542 - <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  
547 - </div>  
548 - </div>  
549 - <div class="contant_right neirong" style="display: none">  
550 - <div class="wire3">  
551 - <div class="wire3_img">  
552 - <img src="../images/leader1.png" alt="" />  
553 - </div>  
554 - <div class="wire3_title">Wanmin Qiang</div>  
555 - </div>  
556 - <div class="wire3">  
557 - <div class="wire3_img">  
558 - <img src="../images/leader2.png" alt="" />  
559 - </div>  
560 - <div class="wire3_title">ling Yan</div> 433 + <div class="content">
  434 + <div class="navpath">
  435 + Nursing Care<span>></span>About Us
  436 + <span>></span>Important Events
561 </div> 437 </div>
562 - <div class="wire3">  
563 - <div class="wire3_img">  
564 - <img src="../images/leader3.png" alt="" />  
565 - </div>  
566 - <div class="wire3_title">Jing Zhao</div>  
567 - </div>  
568 - </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.  
576 - </div>  
577 - <div class="wire4_img">  
578 - <img src="../images/5-1-4_4.png" alt="" />  
579 - </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.  
589 - </div>  
590 - <div class="wire4_bottom_img">  
591 - <img src="../images/about_img.png" alt=" " /> 438 + <div class="contant">
  439 + <dis class="contant_left">
  440 + <div class="contant_title contant_titles">About Us</div>
  441 + <div class="contant_title">Leadership Team</div>
  442 + <div class="contant_title">Recognition</div>
  443 + <div class="contant_title">Important Events</div>
  444 + </dis>
  445 + <div class="xunhuan">
  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.
  450 + </div>
  451 + <div class="wire4_img">
  452 + <img src="../images/5-1-4_4.png" alt="" />
  453 + </div>
  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.
  458 + </div>
  459 + <div class="wire4_bottom_img">
  460 + <img src="../images/about_img.png" alt=" " />
  461 + </div>
  462 + </div>
  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="" />
  468 + </div>
  469 + <div class="wire3_title">Wanmin Qiang</div>
  470 + </div>
  471 + <div class="wire3">
  472 + <div class="wire3_img">
  473 + <img src="../images/leader2.png" alt="" />
  474 + </div>
  475 + <div class="wire3_title">ling Yan</div>
  476 + </div>
  477 + <div class="wire3">
  478 + <div class="wire3_img">
  479 + <img src="../images/leader3.png" alt="" />
  480 + </div>
  481 + <div class="wire3_title">Jing Zhao</div>
  482 + </div>
  483 + </div>
  484 + <!-- 3 -->
  485 + <div class="contant_right neirong" style="display: none">
  486 + <div class="wire2_img">
  487 + <img src="../images/leaser6.png" alt="" />
  488 + </div>
  489 + <div class="wire2_title">
  490 + Our Team
  491 + </div>
  492 + <div class="wire2_word">
  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
  496 + </div>
  497 + <div class="wire2_title">
  498 + Contact Us
  499 + </div>
  500 + <div class="wire2_word">
  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
  502 + </div>
  503 + </div>
  504 + <!--4 -->
  505 + <div class="contant_right neirong" style="display: none">
  506 + <div class="contant_one">
  507 + <div class="contant_img">
  508 + <img src="../images/5-1-4_5.png" alt="" />
  509 + </div>
  510 + <div class="contant_one_title">
  511 + 1861 Ma Gen Ji established London Church Hospital
  512 + </div>
  513 + </div>
  514 + <div class="contant_one">
  515 + <div class="contant_img">
  516 + <img src="../images/5-1-4_4.png" alt="" />
  517 + </div>
  518 + <div class="contant_one_title">
  519 + 1927 Jihua Senior Nurse School
  520 + </div>
  521 + </div>
  522 + <div class="contant_one">
  523 + <div class="contant_img">
  524 + <img src="../images/5-1-4_3.png" alt="" />
  525 + </div>
  526 + <div class="contant_one_title">
  527 + 2005 Director Yongqin Jiang worked as Board Member of the ISNCC
  528 + </div>
  529 + </div>
  530 + <div class="contant_one">
  531 + <div class="contant_img">
  532 + <img src="../images/5-1-4_2.png" alt="" />
  533 + </div>
  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
  544 + </div>
  545 + </div>
  546 + </div>
  547 +
  548 +
  549 +
  550 + </div>
592 </div> 551 </div>
593 - </div>  
594 - </div>  
595 - </div>  
596 - <!-- <div class="content-word "> 552 + <!-- <div class="content-word ">
597 <div class="content-word-left "> 553 <div class="content-word-left ">
598 <h4 class=" "> 554 <h4 class=" ">
599 Evidence-based Nursing Team 555 Evidence-based Nursing Team
@@ -636,70 +592,73 @@ @@ -636,70 +592,73 @@
636 </div> 592 </div>
637 593
638 </div> --> 594 </div> -->
639 - </div>  
640 - <footer class="footer-content ">  
641 - <div class="footer-main ">  
642 - <ul class="list-unstyled third-ul ">  
643 - <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>  
644 - <li>Tianjin 300060</li>  
645 - <li>China</li>  
646 - <li>Tel/Fax: 0086-22-23359337</li>  
647 - <li>Email: info@tjmuch.com</li>  
648 - </ul>  
649 - <ul class="list-unstyled first-ul ">  
650 - <li><img src="../images/yikeda.png " width="160px " alt=" " /></li>  
651 - <li><img src="../images/tjuc.png " width="160px " alt=" " /></li>  
652 - </ul>  
653 </div> 595 </div>
654 - </footer> 596 + <footer class="footer-content ">
  597 + <div class="footer-main ">
  598 + <ul class="list-unstyled third-ul ">
  599 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  600 + <li>Tianjin 300060</li>
  601 + <li>China</li>
  602 + <li>Tel/Fax: 0086-22-23359337</li>
  603 + <li>Email: info@tjmuch.com</li>
  604 + </ul>
  605 + <ul class="list-unstyled first-ul ">
  606 + <li><img src="../images/yikeda.png " width="160px " alt=" " /></li>
  607 + <li><img src="../images/tjuc.png " width="160px " alt=" " /></li>
  608 + </ul>
  609 + </div>
  610 + </footer>
655 </div> 611 </div>
656 <script src="../js/jquery-1.11.3.min.js "></script> 612 <script src="../js/jquery-1.11.3.min.js "></script>
657 <script src="../js/bootstrap.min.js "></script> 613 <script src="../js/bootstrap.min.js "></script>
658 <script src="../js/swiper-3.4.2.jquery.min.js "></script> 614 <script src="../js/swiper-3.4.2.jquery.min.js "></script>
659 <script src="../js/common.js "></script> 615 <script src="../js/common.js "></script>
660 <script> 616 <script>
661 - $(".contant_title").mouseover(function() {  
662 - $(this)  
663 - .addClass("contant_titles")  
664 - .siblings()  
665 - .removeClass("contant_titles");  
666 - });  
667 - $(".contant_title").click(function() {  
668 - $(this)  
669 - .addClass("contant_titles")  
670 - .siblings()  
671 - .removeClass("contant_titles");  
672 - var index = $(this).index();  
673 - console.log(index);  
674 - $(this).parents(".contant").find(".neirong")  
675 - .eq(index)  
676 - .show()  
677 - .siblings()  
678 - .hide();  
679 - });  
680 - // $(document).ready(function () {  
681 - // $(".btn-group ").find(".navbtn-a ").click(function () {  
682 - // console.log(this)  
683 - // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式  
684 - // $(this).addClass('navbtnActive'); // 添加当前元素的样式  
685 - // })  
686 - // })  
687 - // var swiper = new Swiper('.swiper-container', {  
688 - // pagination: '.swiper-pagination',  
689 - // paginationClickable: true  
690 - // });  
691 -  
692 - // var swiper = new Swiper('.swiper-container1', {  
693 - // pagination: '.swiper-pagination',  
694 - // slidesPerView: 3,  
695 - // paginationClickable: true,  
696 - // spaceBetween: 30  
697 - // });  
698 -  
699 - // $('.content-word-left').on('click', 'h4', function () {  
700 - // $(this).addClass('active').siblings().removeClass('active')  
701 - // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')  
702 - // }) 617 + $(".contant_title").mouseover(function() {
  618 + $(this)
  619 + .addClass("contant_titles")
  620 + .siblings()
  621 + .removeClass("contant_titles");
  622 + });
  623 + $(".contant_title").click(function() {
  624 + $(this)
  625 + .addClass("contant_titles")
  626 + .siblings()
  627 + .removeClass("contant_titles");
  628 + var index = $(this).index();
  629 + console.log(index);
  630 + $(this)
  631 + .parents(".contant")
  632 + .find(".neirong")
  633 + .eq(index)
  634 + .show()
  635 + .siblings()
  636 + .hide();
  637 + });
  638 + // $(document).ready(function () {
  639 + // $(".btn-group ").find(".navbtn-a ").click(function () {
  640 + // console.log(this)
  641 + // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  642 + // $(this).addClass('navbtnActive'); // 添加当前元素的样式
  643 + // })
  644 + // })
  645 + // var swiper = new Swiper('.swiper-container', {
  646 + // pagination: '.swiper-pagination',
  647 + // paginationClickable: true
  648 + // });
  649 +
  650 + // var swiper = new Swiper('.swiper-container1', {
  651 + // pagination: '.swiper-pagination',
  652 + // slidesPerView: 3,
  653 + // paginationClickable: true,
  654 + // spaceBetween: 30
  655 + // });
  656 +
  657 + // $('.content-word-left').on('click', 'h4', function () {
  658 + // $(this).addClass('active').siblings().removeClass('active')
  659 + // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
  660 + // })
703 </script> 661 </script>
704 - </body>  
705 -</html> 662 +</body>
  663 +
  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>
@@ -182,7 +188,7 @@ @@ -182,7 +188,7 @@
182 <a href="../about/mission.html" class="inner_item"> 188 <a href="../about/mission.html" class="inner_item">
183 Mission and Vision 189 Mission and Vision
184 </a> 190 </a>
185 - 191 +
186 <a href="../about/history.html" class="inner_item"> 192 <a href="../about/history.html" class="inner_item">
187 History and Milestones 193 History and Milestones
188 </a> 194 </a>
@@ -317,27 +323,27 @@ @@ -317,27 +323,27 @@
317 About Us 323 About Us
318 </a> 324 </a>
319 <div class="inner_item"> 325 <div class="inner_item">
320 - Nursing Activities  
321 - <div class="third_menu_items">  
322 - <a href="../care/profession.html" class="inner_item"> 326 + Nursing Activities
  327 + <div class="third_menu_items">
  328 + <a href="../care/profession.html" class="inner_item">
323 Profession 329 Profession
324 </a> 330 </a>
325 - <a href="../care/profession.2.html" class="inner_item"> 331 + <a href="../care/profession.2.html" class="inner_item">
326 Social Support 332 Social Support
327 </a> 333 </a>
328 - <a href="../care/activity.html" class="inner_item"> 334 + <a href="../care/activity.html" class="inner_item">
329 Heart-warming Service 335 Heart-warming Service
330 </a> 336 </a>
331 - <a href="../care/profession.3.html" class="inner_item"> 337 + <a href="../care/profession.3.html" class="inner_item">
332 Caring for Nurse 338 Caring for Nurse
333 </a> 339 </a>
334 - </div>  
335 - </div>  
336 - 340 + </div>
  341 + </div>
  342 +
337 <a href="../care/achievement.html" class="inner_item"> 343 <a href="../care/achievement.html" class="inner_item">
338 Research Achievement 344 Research Achievement
339 </a> 345 </a>
340 - 346 +
341 <a href="../care/cancer.html" class="inner_item"> 347 <a href="../care/cancer.html" class="inner_item">
342 Cancer Survivorship Support 348 Cancer Survivorship Support
343 </a> 349 </a>
@@ -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>
@@ -213,7 +215,7 @@ @@ -213,7 +215,7 @@
213 <a href="../about/mission.html" class="inner_item"> 215 <a href="../about/mission.html" class="inner_item">
214 Mission and Vision 216 Mission and Vision
215 </a> 217 </a>
216 - 218 +
217 <a href="../about/history.html" class="inner_item"> 219 <a href="../about/history.html" class="inner_item">
218 History and Milestones 220 History and Milestones
219 </a> 221 </a>
@@ -348,27 +350,27 @@ @@ -348,27 +350,27 @@
348 About Us 350 About Us
349 </a> 351 </a>
350 <div class="inner_item"> 352 <div class="inner_item">
351 - Nursing Activities  
352 - <div class="third_menu_items">  
353 - <a href="../care/profession.html" class="inner_item"> 353 + Nursing Activities
  354 + <div class="third_menu_items">
  355 + <a href="../care/profession.html" class="inner_item">
354 Profession 356 Profession
355 </a> 357 </a>
356 - <a href="../care/profession.2.html" class="inner_item"> 358 + <a href="../care/profession.2.html" class="inner_item">
357 Social Support 359 Social Support
358 </a> 360 </a>
359 - <a href="../care/activity.html" class="inner_item"> 361 + <a href="../care/activity.html" class="inner_item">
360 Heart-warming Service 362 Heart-warming Service
361 </a> 363 </a>
362 - <a href="../care/profession.3.html" class="inner_item"> 364 + <a href="../care/profession.3.html" class="inner_item">
363 Caring for Nurse 365 Caring for Nurse
364 </a> 366 </a>
365 - </div>  
366 - </div>  
367 - 367 + </div>
  368 + </div>
  369 +
368 <a href="../care/achievement.html" class="inner_item"> 370 <a href="../care/achievement.html" class="inner_item">
369 Research Achievement 371 Research Achievement
370 </a> 372 </a>
371 - 373 +
372 <a href="../care/cancer.html" class="inner_item"> 374 <a href="../care/cancer.html" class="inner_item">
373 Cancer Survivorship Support 375 Cancer Survivorship Support
374 </a> 376 </a>
@@ -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,48 +2,56 @@ @@ -2,48 +2,56 @@
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{  
15 - width: 330px;  
16 - }  
17 - .header-title-right {  
18 - width: 300px;  
19 - margin-bottom: 80px;  
20 - margin: 0 auto;  
21 - }  
22 - .header-title-right h3{  
23 - color:#00A16C;  
24 - font-size: 21px;  
25 - }  
26 - .content-word-left{  
27 - margin-top: 60px;  
28 - border-right: 1px solid #666;  
29 - width: 300px;  
30 - flex: unset;  
31 - }  
32 - .content-word-left h4{  
33 - line-height: 2.5;  
34 - cursor: pointer;  
35 -font-weight: bold;  
36 - }  
37 - .content-word-left h4:hover, .content-word-left h4.active {  
38 - color: #00A16C;  
39 - }  
40 - .content{  
41 - min-height: 500px;  
42 - }  
43 - .form-group{  
44 - width: 300px;  
45 - margin: 0 auto;  
46 - } 14 + .left_ship_box {
  15 + width: 330px;
  16 + }
  17 +
  18 + .header-title-right {
  19 + width: 300px;
  20 + margin-bottom: 80px;
  21 + margin: 0 auto;
  22 + }
  23 +
  24 + .header-title-right h3 {
  25 + color: #00a16c;
  26 + font-size: 21px;
  27 + }
  28 +
  29 + .content-word-left {
  30 + margin-top: 60px;
  31 + border-right: 1px solid #666;
  32 + width: 300px;
  33 + flex: unset;
  34 + }
  35 +
  36 + .content-word-left h4 {
  37 + line-height: 2.5;
  38 + cursor: pointer;
  39 + font-weight: bold;
  40 + }
  41 +
  42 + .content-word-left h4:hover,
  43 + .content-word-left h4.active {
  44 + color: #00a16c;
  45 + }
  46 +
  47 + .content {
  48 + min-height: 500px;
  49 + }
  50 +
  51 + .form-group {
  52 + width: 300px;
  53 + margin: 0 auto;
  54 + }
47 </style> 55 </style>
48 </head> 56 </head>
49 57
@@ -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">  
56 - <span class="sr-only">Toggle navigation</span>  
57 - <span class="icon-bar"></span>  
58 - <span class="icon-bar"></span>  
59 - <span class="icon-bar"></span>  
60 - </button> 62 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
  63 + <span class="sr-only">Toggle navigation</span>
  64 + <span class="icon-bar"></span>
  65 + <span class="icon-bar"></span>
  66 + <span class="icon-bar"></span>
  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,179 +86,173 @@ font-weight: bold; @@ -79,179 +86,173 @@ 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  
85 - </a> 91 + Welcome Message
  92 + </a>
86 <a href="../about/mission.html" class="inner_item"> 93 <a href="../about/mission.html" class="inner_item">
87 - Mission and Vision  
88 - </a>  
89 - 94 + Mission and Vision
  95 + </a>
  96 +
90 <a href="../about/history.html" class="inner_item"> 97 <a href="../about/history.html" class="inner_item">
91 - History and Milestones  
92 - </a> 98 + History and Milestones
  99 + </a>
93 <a href="../about/quick.html" class="inner_item"> 100 <a href="../about/quick.html" class="inner_item">
94 - Quick Facts  
95 - </a> 101 + Quick Facts
  102 + </a>
96 <a href="../about/contact.html" class="inner_item">Contact Us</a> 103 <a href="../about/contact.html" class="inner_item">Contact Us</a>
97 </div> 104 </div>
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'>  
102 - <div class="inner_item"> 108 + <div class="sec_menu_items">
  109 + <div class="inner_item">
103 Clinical Departments 110 Clinical Departments
104 <div class="third_menu_items"> 111 <div class="third_menu_items">
105 <a href="../clinical/departm.html" class="inner_item"> 112 <a href="../clinical/departm.html" class="inner_item">
106 - Surgical Department  
107 - </a> 113 + Surgical Department
  114 + </a>
108 <a href="../clinical/medical.html" class="inner_item"> 115 <a href="../clinical/medical.html" class="inner_item">
109 - Medical Oncology  
110 - </a> 116 + Medical Oncology
  117 + </a>
111 <a href="../clinical/radiation.html" class="inner_item"> 118 <a href="../clinical/radiation.html" class="inner_item">
112 - Radiation Oncology  
113 - </a> 119 + Radiation Oncology
  120 + </a>
114 <a href="../clinical/diagnostic.html" class="inner_item"> 121 <a href="../clinical/diagnostic.html" class="inner_item">
115 - Diagnostic Oncology  
116 - </a> 122 + Diagnostic Oncology
  123 + </a>
117 <a href="../clinical/center.html" class="inner_item"> 124 <a href="../clinical/center.html" class="inner_item">
118 - Center of Excellences  
119 - </a> 125 + Center of Excellences
  126 + </a>
120 </div> 127 </div>
121 </div> 128 </div>
122 <a href="../clinical/activities.html" class="inner_item"> 129 <a href="../clinical/activities.html" class="inner_item">
123 - Clinical Activities  
124 - </a> 130 + Clinical Activities
  131 + </a>
125 <a href="trials.html" class="inner_item"> 132 <a href="trials.html" class="inner_item">
126 - Clinical Trials  
127 - </a> 133 + Clinical Trials
  134 + </a>
128 <a href="../clinical/finddoctor.html" class="inner_item"> 135 <a href="../clinical/finddoctor.html" class="inner_item">
129 - Find a Doctor  
130 - </a> 136 + Find a Doctor
  137 + </a>
131 </div> 138 </div>
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  
139 - </a>  
140 - <div href="../research/research.html" onclick="location.href='../research/research.html'"  
141 - class="inner_item"> 144 + National Cancer Clinical Research Center
  145 + </a>
  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">
145 - Research programs  
146 - </a> 150 + Research programs
  151 + </a>
147 <a href="../research/research2.html" class="inner_item"> 152 <a href="../research/research2.html" class="inner_item">
148 - Achievements  
149 - </a> 153 + Achievements
  154 + </a>
150 <a href="../research/research3.html" class="inner_item"> 155 <a href="../research/research3.html" class="inner_item">
151 - Key Labaratories  
152 - </a> 156 + Key Labaratories
  157 + </a>
153 <a href="../research/researcher.html" class="inner_item"> 158 <a href="../research/researcher.html" class="inner_item">
154 - Find a Researcher  
155 - </a> 159 + Find a Researcher
  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">
163 - Graduate Study  
164 - </a> 167 + Graduate Study
  168 + </a>
165 <a href="../research/education.html" class="inner_item"> 169 <a href="../research/education.html" class="inner_item">
166 - International Study  
167 - </a> 170 + International Study
  171 + </a>
168 <a href="../research/education.html" class="inner_item"> 172 <a href="../research/education.html" class="inner_item">
169 - Continuing Study  
170 - </a> 173 + Continuing Study
  174 + </a>
171 </div> 175 </div>
172 </div> 176 </div>
173 <a href="../research/news.html" class="inner_item"> 177 <a href="../research/news.html" class="inner_item">
174 - News  
175 - </a> 178 + News
  179 + </a>
176 </div> 180 </div>
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">
184 <a href="../institute/aboutus.html" class="inner_item"> 188 <a href="../institute/aboutus.html" class="inner_item">
185 - About Us  
186 - </a> 189 + About Us
  190 + </a>
187 <a href="../institute/leadership.html" class="inner_item"> 191 <a href="../institute/leadership.html" class="inner_item">
188 - Leadership  
189 - </a> 192 + Leadership
  193 + </a>
190 <a href="../institute/history.html" class="inner_item"> 194 <a href="../institute/history.html" class="inner_item">
191 - History  
192 - </a> 195 + History
  196 + </a>
193 <a href="../institute/report.html" class="inner_item"> 197 <a href="../institute/report.html" class="inner_item">
194 - Annual Report  
195 - </a> 198 + Annual Report
  199 + </a>
196 </div> 200 </div>
197 </div> 201 </div>
198 <div href="../clinical/nursing.html" class="inner_item"> 202 <div href="../clinical/nursing.html" class="inner_item">
199 Research 203 Research
200 <div class="third_menu_items"> 204 <div class="third_menu_items">
201 <a href="../institute/researchers.html" class="inner_item"> 205 <a href="../institute/researchers.html" class="inner_item">
202 - Our Researchers  
203 - </a> 206 + Our Researchers
  207 + </a>
204 <a href="../institute/facilities.html" class="inner_item"> 208 <a href="../institute/facilities.html" class="inner_item">
205 - Core Facilities and Services  
206 - </a> 209 + Core Facilities and Services
  210 + </a>
207 <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> 211 <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
208 - Journal of Clinical Oncology  
209 - </a> 212 + Journal of Clinical Oncology
  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  
220 - </a>  
221 - 222 + About Us
  223 + </a>
  224 +
222 <a href="../care/activity.html" class="inner_item"> 225 <a href="../care/activity.html" class="inner_item">
223 - Nursing Activities  
224 - </a>  
225 - 226 + Nursing Activities
  227 + </a>
  228 +
226 <a href="../care/achievement.html" class="inner_item"> 229 <a href="../care/achievement.html" class="inner_item">
227 - Research Achievement  
228 - </a>  
229 - 230 + Research Achievement
  231 + </a>
  232 +
230 <a href="../care/cancer.html" class="inner_item"> 233 <a href="../care/cancer.html" class="inner_item">
231 - Cancer Survivorship Support  
232 - </a> 234 + Cancer Survivorship Support
  235 + </a>
233 <a href="../care/news.html" class="inner_item"> 236 <a href="../care/news.html" class="inner_item">
234 - News & Events  
235 - </a>  
236 - 237 + News & Events
  238 + </a>
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  
244 - </a> 245 + International Conferences
  246 + </a>
245 <a href="../international/training.html" class="inner_item"> 247 <a href="../international/training.html" class="inner_item">
246 - Oversea Trainings  
247 - </a> 248 + Oversea Trainings
  249 + </a>
248 <a href="../international/referral.html" class="inner_item"> 250 <a href="../international/referral.html" class="inner_item">
249 - International Patients  
250 - </a> 251 + International Patients
  252 + </a>
251 <a href="../international/partners.html" class="inner_item"> 253 <a href="../international/partners.html" class="inner_item">
252 - Partnership Institutions  
253 - </a>  
254 - 254 + Partnership Institutions
  255 + </a>
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,51 +266,55 @@ font-weight: bold; @@ -265,51 +266,55 @@ 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 ">
  269 + <div class="content ">
  270 + <div class="navpath">
  271 + Clinical Resources<span>></span>Clinical Trials
  272 + </div>
268 273
269 - <div class="content ">  
270 -<div class="navpath">Clinical Resources<span>></span>Clinical Trials</div>  
271 -  
272 - <div class="content-word">  
273 - <div class="content-word-left">  
274 - <h4 class="">  
275 - About Us  
276 - </h4>  
277 - <h4 class="">  
278 - Work Flow Chart  
279 - </h4>  
280 - <h4 class="active">  
281 - Find A Clinical Trail  
282 - </h4>  
283 - <h4 class="">  
284 - DepartMent Feature  
285 - </h4>  
286 - <h4 class="">  
287 - Research Achievement  
288 - </h4>  
289 - <h4 class=""> 274 + <div class="content-word">
  275 + <div class="content-word-left">
  276 + <h4 class="">
  277 + About Us
  278 + </h4>
  279 + <h4 class="">
  280 + Work Flow Chart
  281 + </h4>
  282 + <h4 class="active">
  283 + Find A Clinical Trail
  284 + </h4>
  285 + <h4 class="">
  286 + DepartMent Feature
  287 + </h4>
  288 + <h4 class="">
  289 + Research Achievement
  290 + </h4>
  291 + <!-- <h4 class="">
290 Exchange 292 Exchange
291 </h4> 293 </h4>
292 <h4 class=""> 294 <h4 class="">
293 Contact 295 Contact
294 - </h4>  
295 - </div>  
296 - <div class="content-word-right active">  
297 - <div class="header-title-right">  
298 - <h3>Enter Key Words</h3>  
299 - <div class="form-group" data-toggle="modal" data-target="#gridSystemModal">  
300 - <input type="text" class="form-control input-lg">  
301 - <button type="button" class="btn btn-warning btn-lg ">  
302 - <img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px">  
303 - </button>  
304 - </div>  
305 - </div> 296 + </h4> -->
  297 + </div>
  298 + <div class="content-word-right active">
  299 + <div class="header-title-right">
  300 + <h3>Enter Key Words</h3>
  301 + <div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
  302 + <input type="text" class="form-control input-lg" />
  303 + <button type="button" class="btn btn-warning btn-lg ">
  304 + <img
  305 + src="../images/01pc-main/pic (11).png"
  306 + alt=""
  307 + style="margin-bottom: 6px"
  308 + />
  309 + </button>
  310 + </div>
  311 + </div>
  312 + </div>
306 </div> 313 </div>
307 </div> 314 </div>
308 </div> 315 </div>
309 - </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
@@ -168,7 +169,7 @@ @@ -168,7 +169,7 @@
168 <a href="../about/mission.html" class="inner_item"> 169 <a href="../about/mission.html" class="inner_item">
169 Mission and Vision 170 Mission and Vision
170 </a> 171 </a>
171 - 172 +
172 <a href="../about/history.html" class="inner_item"> 173 <a href="../about/history.html" class="inner_item">
173 History and Milestones 174 History and Milestones
174 </a> 175 </a>
@@ -303,27 +304,27 @@ @@ -303,27 +304,27 @@
303 About Us 304 About Us
304 </a> 305 </a>
305 <div class="inner_item"> 306 <div class="inner_item">
306 - Nursing Activities  
307 - <div class="third_menu_items">  
308 - <a href="../care/profession.html" class="inner_item"> 307 + Nursing Activities
  308 + <div class="third_menu_items">
  309 + <a href="../care/profession.html" class="inner_item">
309 Profession 310 Profession
310 </a> 311 </a>
311 - <a href="../care/profession.2.html" class="inner_item"> 312 + <a href="../care/profession.2.html" class="inner_item">
312 Social Support 313 Social Support
313 </a> 314 </a>
314 - <a href="../care/activity.html" class="inner_item"> 315 + <a href="../care/activity.html" class="inner_item">
315 Heart-warming Service 316 Heart-warming Service
316 </a> 317 </a>
317 - <a href="../care/profession.3.html" class="inner_item"> 318 + <a href="../care/profession.3.html" class="inner_item">
318 Caring for Nurse 319 Caring for Nurse
319 </a> 320 </a>
320 - </div>  
321 - </div>  
322 - 321 + </div>
  322 + </div>
  323 +
323 <a href="../care/achievement.html" class="inner_item"> 324 <a href="../care/achievement.html" class="inner_item">
324 Research Achievement 325 Research Achievement
325 </a> 326 </a>
326 - 327 +
327 <a href="../care/cancer.html" class="inner_item"> 328 <a href="../care/cancer.html" class="inner_item">
328 Cancer Survivorship Support 329 Cancer Survivorship Support
329 </a> 330 </a>