PC / tmuch · 提交

转到一个项目

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

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

# Conflicts:
#	care/cancer.html
#	care/history_time.html
#	clinical/depart_detail.html
#	clinical/person_detail.2.1.2.html
#	clinical/trials.html
#	research/research1.html
内嵌 并排对比
正在显示 8 个修改的文件 包含 1021 行增加 和 953 行删除
@@ -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 {
124 display: flex; 125 display: flex;
125 - flex-flow:column; 126 + flex-flow: column;
  127 + }
  128 +
  129 + .singleNews {
  130 + height: 56px;
  131 + border-bottom: 1px dashed #999;
  132 + display: flex;
  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,80 +195,79 @@ @@ -182,80 +195,79 @@
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 Oncology 222 Surgical Oncology
210 </a> 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 253 + National Cancer Clinical Research Center
242 </a> 254 </a>
243 <div 255 <div
244 class="inner_item"> 256 class="inner_item">
245 Research 257 Research
246 <div class="third_menu_items"> 258 <div class="third_menu_items">
247 <a href="../research/research1.html" class="inner_item"> 259 <a href="../research/research1.html" class="inner_item">
248 - Research programs  
249 - </a> 260 + Research programs
  261 + </a>
250 <a href="../research/research2.html" class="inner_item"> 262 <a href="../research/research2.html" class="inner_item">
251 - Achievements  
252 - </a> 263 + Achievements
  264 + </a>
253 <a href="../research/research3.html" class="inner_item"> 265 <a href="../research/research3.html" class="inner_item">
254 - Key Labaratories  
255 - </a> 266 + Key Labaratories
  267 + </a>
256 <a href="../research/researcher.html" class="inner_item"> 268 <a href="../research/researcher.html" class="inner_item">
257 - Find a Researcher  
258 - </a> 269 + Find a Researcher
  270 + </a>
259 </div> 271 </div>
260 </div> 272 </div>
261 <div 273 <div
@@ -263,14 +275,14 @@ @@ -263,14 +275,14 @@
263 Education 275 Education
264 <div class="third_menu_items"> 276 <div class="third_menu_items">
265 <a href="../research/education.html" class="inner_item"> 277 <a href="../research/education.html" class="inner_item">
266 - Graduate Study  
267 - </a> 278 + Graduate Study
  279 + </a>
268 <a href="../research/education.html" class="inner_item"> 280 <a href="../research/education.html" class="inner_item">
269 - International Study  
270 - </a> 281 + International Study
  282 + </a>
271 <a href="../research/education.html" class="inner_item"> 283 <a href="../research/education.html" class="inner_item">
272 - Continuing Study  
273 - </a> 284 + Continuing Study
  285 + </a>
274 </div> 286 </div>
275 </div> 287 </div>
276 288
@@ -278,78 +290,77 @@ @@ -278,78 +290,77 @@
278 </li> 290 </li>
279 <li class="btn navbtn-a" role="button"> 291 <li class="btn navbtn-a" role="button">
280 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 292 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
281 - <div class='sec_menu_items'> 293 + <div class="sec_menu_items">
282 <div href="javascript:;" class="inner_item"> 294 <div href="javascript:;" class="inner_item">
283 About Us 295 About Us
284 <div class="third_menu_items"> 296 <div class="third_menu_items">
285 <a href="../institute/aboutus.html" class="inner_item"> 297 <a href="../institute/aboutus.html" class="inner_item">
286 - About Us  
287 - </a> 298 + About Us
  299 + </a>
288 <a href="../institute/leadership.html" class="inner_item"> 300 <a href="../institute/leadership.html" class="inner_item">
289 - Leadership  
290 - </a> 301 + Leadership
  302 + </a>
291 <a href="../institute/history.html" class="inner_item"> 303 <a href="../institute/history.html" class="inner_item">
292 - History  
293 - </a> 304 + History
  305 + </a>
294 <a href="../institute/report.html" class="inner_item"> 306 <a href="../institute/report.html" class="inner_item">
295 - Annual Report  
296 - </a> 307 + Annual Report
  308 + </a>
297 </div> 309 </div>
298 </div> 310 </div>
299 <div href="../clinical/nursing.html" class="inner_item"> 311 <div href="../clinical/nursing.html" class="inner_item">
300 Research 312 Research
301 <div class="third_menu_items"> 313 <div class="third_menu_items">
302 <a href="../institute/researchers.html" class="inner_item"> 314 <a href="../institute/researchers.html" class="inner_item">
303 - Our Researchers  
304 - </a> 315 + Our Researchers
  316 + </a>
305 <a href="../institute/facilities.html" class="inner_item"> 317 <a href="../institute/facilities.html" class="inner_item">
306 - Core Facilities and Services  
307 - </a> 318 + Core Facilities and Services
  319 + </a>
308 <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">
309 - Journal of Clinical Oncology  
310 - </a> 321 + Journal of Clinical Oncology
  322 + </a>
311 </div> 323 </div>
312 </div> 324 </div>
313 -  
314 </div> 325 </div>
315 </li> 326 </li>
316 <li class="btn navbtnActive navbtn-a" role="button"> 327 <li class="btn navbtnActive navbtn-a" role="button">
317 <a href="../contact.html">NURSING CARE</a> 328 <a href="../contact.html">NURSING CARE</a>
318 - <div class='sec_menu_items'> 329 + <div class="sec_menu_items">
319 <a href="../care/history_time.html" class="inner_item"> 330 <a href="../care/history_time.html" class="inner_item">
320 - About Us  
321 - </a>  
322 - 331 + About Us
  332 + </a>
  333 +
323 334
324 335
325 <a href="../care/achievement.html" class="inner_item"> 336 <a href="../care/achievement.html" class="inner_item">
326 - Research Achievement  
327 - </a>  
328 - 337 + Research Achievement
  338 + </a>
  339 +
329 <a href="../care/cancer.html" class="inner_item"> 340 <a href="../care/cancer.html" class="inner_item">
330 - Cancer Survivorship Support  
331 - </a> 341 + Cancer Survivorship Support
  342 + </a>
332 343
333 344
334 </div> 345 </div>
335 </li> 346 </li>
336 <li class="btn navbtn-a" role="button"> 347 <li class="btn navbtn-a" role="button">
337 <a href="javascript:;">INTERNATIONAL AFFAIRS</a> 348 <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
338 - <div class='sec_menu_items'> 349 + <div class="sec_menu_items">
339 <a href="../international/conference.html" class="inner_item"> 350 <a href="../international/conference.html" class="inner_item">
340 - International Conferences  
341 - </a> 351 + International Conferences
  352 + </a>
342 <a href="../international/training.html" class="inner_item"> 353 <a href="../international/training.html" class="inner_item">
343 - Oversea Trainings  
344 - </a> 354 + Oversea Trainings
  355 + </a>
345 <a href="../international/referral.html" class="inner_item"> 356 <a href="../international/referral.html" class="inner_item">
346 - International Patients  
347 - </a> 357 + International Patients
  358 + </a>
348 <a href="../international/partners.html" class="inner_item"> 359 <a href="../international/partners.html" class="inner_item">
349 - Partnership Institutions  
350 - </a> 360 + Partnership Institutions
  361 + </a>
351 <!--<a href="../international/exchange.html" class="inner_item">--> 362 <!--<a href="../international/exchange.html" class="inner_item">-->
352 - <!--International Exchanges News--> 363 + <!--International Exchanges News-->
353 <!--</a>--> 364 <!--</a>-->
354 </div> 365 </div>
355 </li> 366 </li>
@@ -361,20 +372,23 @@ @@ -361,20 +372,23 @@
361 372
362 <div class="content padding0"> 373 <div class="content padding0">
363 <!-- Swiper --> 374 <!-- Swiper -->
364 - <div class="img-header"> 375 + <!-- <div class="img-header">
365 <img src="../images/care_top.png" width="100%" alt=""> 376 <img src="../images/care_top.png" width="100%" alt="">
366 - </div> 377 + </div> -->
367 </div> 378 </div>
368 <div class="content"> 379 <div class="content">
369 -  
370 - <div class="content-word">  
371 - <div class="ondata">under construction</div> 380 + <div class="navpath">
  381 + Nursing Care<span>></span> Cancer Survivorship Support
372 </div> 382 </div>
373 - 383 + <div class="contant">
  384 + under construction
  385 + </div>
  386 + <!-- <div class="content-word">
  387 + <div class="ondata">under construction</div>
  388 + </div> -->
374 </div> 389 </div>
375 <footer class="footer-content"> 390 <footer class="footer-content">
376 <div class="footer-main"> 391 <div class="footer-main">
377 -  
378 <ul class="list-unstyled third-ul"> 392 <ul class="list-unstyled third-ul">
379 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 393 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
380 <li>Tianjin 300060</li> 394 <li>Tianjin 300060</li>
@@ -383,41 +397,51 @@ @@ -383,41 +397,51 @@
383 <li>Email: info@tjmuch.com</li> 397 <li>Email: info@tjmuch.com</li>
384 </ul> 398 </ul>
385 <ul class="list-unstyled first-ul"> 399 <ul class="list-unstyled first-ul">
386 - <li><img src="../images/yikeda.png" width="160px" alt=""></li>  
387 - <li><img src="../images/tjuc.png" width="160px" alt=""></li> 400 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  401 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
388 </ul> 402 </ul>
389 </div> 403 </div>
390 </footer> 404 </footer>
391 -  
392 </div> 405 </div>
393 <script src="../js/jquery-1.11.3.min.js"></script> 406 <script src="../js/jquery-1.11.3.min.js"></script>
394 <script src="../js/bootstrap.min.js"></script> 407 <script src="../js/bootstrap.min.js"></script>
395 <script src="../js/swiper-3.4.2.jquery.min.js"></script> 408 <script src="../js/swiper-3.4.2.jquery.min.js"></script>
396 <script src="../js/common.js"></script> 409 <script src="../js/common.js"></script>
397 <script> 410 <script>
398 - $(document).ready(function () {  
399 - $(".btn-group").find(".navbtn-a").click(function () {  
400 - console.log(this)  
401 - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式  
402 - $(this).addClass('navbtnActive'); // 添加当前元素的样式  
403 - })  
404 - })  
405 - var swiper = new Swiper('.swiper-container', {  
406 - pagination: '.swiper-pagination', 411 + $(document).ready(function() {
  412 + $(".btn-group")
  413 + .find(".navbtn-a")
  414 + .click(function() {
  415 + console.log(this);
  416 + $(this)
  417 + .siblings(".navbtn-a")
  418 + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式
  419 + $(this).addClass("navbtnActive"); // 添加当前元素的样式
  420 + });
  421 + });
  422 + var swiper = new Swiper(".swiper-container", {
  423 + pagination: ".swiper-pagination",
407 paginationClickable: true 424 paginationClickable: true
408 }); 425 });
409 426
410 - var swiper = new Swiper('.swiper-container1', {  
411 - pagination: '.swiper-pagination', 427 + var swiper = new Swiper(".swiper-container1", {
  428 + pagination: ".swiper-pagination",
412 slidesPerView: 3, 429 slidesPerView: 3,
413 paginationClickable: true, 430 paginationClickable: true,
414 spaceBetween: 30 431 spaceBetween: 30
415 }); 432 });
416 433
417 - $('.content-word-left').on('click', 'h4', function () {  
418 - $(this).addClass('active').siblings().removeClass('active')  
419 - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')  
420 - }) 434 + $(".content-word-left").on("click", "h4", function() {
  435 + $(this)
  436 + .addClass("active")
  437 + .siblings()
  438 + .removeClass("active");
  439 + $(".content-word-right")
  440 + .eq($(this).index())
  441 + .addClass("active")
  442 + .siblings()
  443 + .removeClass("active");
  444 + });
421 </script> 445 </script>
422 </body> 446 </body>
423 447
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 - <head> 3 +
  4 +<head>
4 <meta charset="UTF-8" /> 5 <meta charset="UTF-8" />
5 - <meta  
6 - name="viewport"  
7 - content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  
8 - /> 6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
9 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10 <link rel="stylesheet" href="../css/bootstrap.min.css" /> 8 <link rel="stylesheet" href="../css/bootstrap.min.css" />
11 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> 9 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
@@ -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 Oncology 269 Surgical Oncology
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.1.html" class="inner_item"> 383 <a href="../care/profession.1.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>
@@ -146,10 +146,11 @@ @@ -146,10 +146,11 @@
146 color: #727171; 146 color: #727171;
147 line-height: 30px; 147 line-height: 30px;
148 } 148 }
  149 +
149 .swiper-container { 150 .swiper-container {
150 - width: 600px;  
151 - height: 300px;  
152 -} 151 + width: 850px;
  152 + margin: 60px auto;
  153 + }
153 </style> 154 </style>
154 </head> 155 </head>
155 156
@@ -383,24 +384,28 @@ @@ -383,24 +384,28 @@
383 Clinical Resources<span>></span>Clinical Departments 384 Clinical Resources<span>></span>Clinical Departments
384 <span>></span>Medical Oncology<span>></span>Thoracic Medical Oncology 385 <span>></span>Medical Oncology<span>></span>Thoracic Medical Oncology
385 </div> 386 </div>
386 - 387 +
387 <div class="contant"> 388 <div class="contant">
388 - <div class="swiper-container">  
389 - <div class="swiper-wrapper">  
390 - <div class="swiper-slide">Slide 1</div>  
391 - <div class="swiper-slide">Slide 2</div>  
392 - <div class="swiper-slide">Slide 3</div>  
393 - </div>  
394 - <!-- 如果需要分页器 -->  
395 - <div class="swiper-pagination"></div>  
396 -  
397 - <!-- 如果需要导航按钮 -->  
398 - <div class="swiper-button-prev"></div>  
399 - <div class="swiper-button-next"></div>  
400 -  
401 - <!-- 如果需要滚动条 -->  
402 - <div class="swiper-scrollbar"></div>  
403 -</div> 389 + <div class="swiper-container swiper-container-horizontal">
  390 + <div class="swiper-wrapper">
  391 + <div class="swiper-slide swiper-slide-active" style="height:236px; ">
  392 + <img src="../images/60.png" alt="" />
  393 + </div>
  394 +
  395 + <div class="swiper-slide swiper-slide-next" style="height:236px;">
  396 + <img src="../images/60.png" alt="" />
  397 + </div>
  398 + <div class="swiper-slide" style="height:236px;">
  399 + <img src="../images/60.png" alt="" />
  400 + </div>
  401 + </div>
  402 + <!-- Add Pagination -->
  403 + <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
  404 + <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span
  405 + ><span class="swiper-pagination-bullet"></span
  406 + ><span class="swiper-pagination-bullet"></span>
  407 + </div>
  408 + </div>
404 <div class="contant_img"> 409 <div class="contant_img">
405 <img src="../images/58.png" alt="" srcset="" /> 410 <img src="../images/58.png" alt="" srcset="" />
406 </div> 411 </div>
@@ -498,17 +503,17 @@ @@ -498,17 +503,17 @@
498 $(this).addClass("navbtnActive"); // 添加当前元素的样式 503 $(this).addClass("navbtnActive"); // 添加当前元素的样式
499 }); 504 });
500 }); 505 });
501 - var swiper = new Swiper(".swiper-container", {  
502 - pagination: ".swiper-pagination",  
503 - paginationClickable: true  
504 - }); 506 + // var swiper = new Swiper(".swiper-container", {
  507 + // pagination: ".swiper-pagination",
  508 + // paginationClickable: true
  509 + // });
505 510
506 - var swiper = new Swiper(".swiper-container1", {  
507 - pagination: ".swiper-pagination",  
508 - slidesPerView: 3,  
509 - paginationClickable: true,  
510 - spaceBetween: 30  
511 - }); 511 + // var swiper = new Swiper(".swiper-container1", {
  512 + // pagination: ".swiper-pagination",
  513 + // slidesPerView: 3,
  514 + // paginationClickable: true,
  515 + // spaceBetween: 30
  516 + // });
512 517
513 $(".content-word-left").on("click", "h4", function() { 518 $(".content-word-left").on("click", "h4", function() {
514 $(this) 519 $(this)
@@ -521,6 +526,12 @@ @@ -521,6 +526,12 @@
521 .siblings() 526 .siblings()
522 .removeClass("active"); 527 .removeClass("active");
523 }); 528 });
  529 + var swiper = new Swiper(".swiper-container", {
  530 + pagination: ".swiper-pagination",
  531 + slidesPerView: 3,
  532 + paginationClickable: true,
  533 + spaceBetween: 40
  534 + });
524 </script> 535 </script>
525 </body> 536 </body>
526 537
@@ -133,13 +133,19 @@ @@ -133,13 +133,19 @@
133 font-size: 24px; 133 font-size: 24px;
134 color: #727171; 134 color: #727171;
135 line-height: 32px; 135 line-height: 32px;
136 - font-weight: bold 136 + font-weight: bold;
137 } 137 }
138 - .contant_inform{ 138 +
  139 + .contant_inform {
139 margin-top: 10px; 140 margin-top: 10px;
140 font-size: 20px; 141 font-size: 20px;
141 color: #727171; 142 color: #727171;
142 - line-height: 32px 143 + line-height: 32px;
  144 + }
  145 +
  146 + .swiper-container {
  147 + width: 850px;
  148 + margin: 60px auto;
143 } 149 }
144 </style> 150 </style>
145 </head> 151 </head>
@@ -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>
@@ -312,27 +318,27 @@ @@ -312,27 +318,27 @@
312 About Us 318 About Us
313 </a> 319 </a>
314 <div class="inner_item"> 320 <div class="inner_item">
315 - Nursing Activities  
316 - <div class="third_menu_items">  
317 - <a href="../care/profession.html" class="inner_item"> 321 + Nursing Activities
  322 + <div class="third_menu_items">
  323 + <a href="../care/profession.html" class="inner_item">
318 Profession 324 Profession
319 </a> 325 </a>
320 <a href="../care/profession.1.html" class="inner_item"> 326 <a href="../care/profession.1.html" class="inner_item">
321 Social Support 327 Social Support
322 </a> 328 </a>
323 - <a href="../care/activity.html" class="inner_item"> 329 + <a href="../care/activity.html" class="inner_item">
324 Heart-warming Service 330 Heart-warming Service
325 </a> 331 </a>
326 - <a href="../care/profession.3.html" class="inner_item"> 332 + <a href="../care/profession.3.html" class="inner_item">
327 Caring for Nurse 333 Caring for Nurse
328 </a> 334 </a>
329 - </div>  
330 - </div>  
331 - 335 + </div>
  336 + </div>
  337 +
332 <a href="../care/achievement.html" class="inner_item"> 338 <a href="../care/achievement.html" class="inner_item">
333 Research Achievement 339 Research Achievement
334 </a> 340 </a>
335 - 341 +
336 <a href="../care/cancer.html" class="inner_item"> 342 <a href="../care/cancer.html" class="inner_item">
337 Cancer Survivorship Support 343 Cancer Survivorship Support
338 </a> 344 </a>
@@ -375,6 +381,34 @@ @@ -375,6 +381,34 @@
375 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit 381 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit
376 </div> 382 </div>
377 <div class="contant"> 383 <div class="contant">
  384 + <div class="swiper-container swiper-container-horizontal">
  385 + <div class="swiper-wrapper">
  386 + <div class="swiper-slide swiper-slide-active" style="height:336px;background: #727171 ">
  387 + <a href="./person_detail.2.1.2.html">
  388 + <img src="../images/" alt="" />
  389 + </a>
  390 + </div>
  391 +
  392 + <div class="swiper-slide swiper-slide-next" style="height:336px;">
  393 + <a href="./person_detail.2.1.2.html">
  394 +
  395 +
  396 + <img src="../images/wang.png" alt="" height="100%"/>
  397 + </a>
  398 + </div>
  399 + <div class="swiper-slide" style="height:336px;background: #727171">
  400 + <a href="./person_detail.2.1.2.html">
  401 + <img src="../images/" alt="" />
  402 + </a>
  403 + </div>
  404 + </div>
  405 + <!-- Add Pagination -->
  406 + <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
  407 + <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span
  408 + ><span class="swiper-pagination-bullet"></span
  409 + ><span class="swiper-pagination-bullet"></span>
  410 + </div>
  411 + </div>
378 <div class="contant_img"> 412 <div class="contant_img">
379 <img src="../images/24.png" alt="" /> 413 <img src="../images/24.png" alt="" />
380 </div> 414 </div>
@@ -397,13 +431,12 @@ @@ -397,13 +431,12 @@
397 dozens of articles in SCI, Chinese and core journals. Participated in two books compilation. In the past three years, our department has hosted the Academic Conference for National Oncology and Intensive Care Medicine for 3 times, 431 dozens of articles in SCI, Chinese and core journals. Participated in two books compilation. In the past three years, our department has hosted the Academic Conference for National Oncology and Intensive Care Medicine for 3 times,
398 and all of them have been well received by experts and participants. Wang Donghao, the leader of the department, served as Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. At the 432 and all of them have been well received by experts and participants. Wang Donghao, the leader of the department, served as Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. At the
399 same time, the backbone of the department has served in the Chinese Medical Association for Critical Care Medicine, the Enteral Parenteral Nutrition Association, the Tianjin Medical Association, the Physician Society, and the Anti-Cancer 433 same time, the backbone of the department has served in the Chinese Medical Association for Critical Care Medicine, the Enteral Parenteral Nutrition Association, the Tianjin Medical Association, the Physician Society, and the Anti-Cancer
400 - Association.  
401 - <br />The department constantly consolidates the professional foundation, promotes the spirit of craftsmen, and builds a professional team that can be able to take responsibility. Under the leadership of Director Wang Donghao,  
402 - ICU practices “Studies on the Theoretical and Practical Issues of Party Building”, constantly strengthens the construction of the style of work, thoroughly implements the spirit of The 19th session of National Congress of the Communist  
403 - Party of China, and takes the protection of people's health as the goal of professional development. Three doctors and nurses in the Department were awarded “The Tianjin May 1 Labour Medal”. Two members were awarded the title of  
404 - “Hao Yi Sheng” and "Hao Hu Shi" to the satisfaction of the people of Tianjin. Many nurses have achieved excellent results in Tianjin Nursing Skills Competition. The department has successively won the title of advanced grass-roots  
405 - Party organizations of Tianjin Medical University, Youth Civilization, Pioneer of Teaching and Workers, Party member pioneer, Advanced Party Organization, Advanced collective with noble medical ethics, which has been awarded the  
406 - title of five-star department for many years, and has won high praise and trust from hospitals, society and the people. 434 + Association. <br />The department constantly consolidates the professional foundation, promotes the spirit of craftsmen, and builds a professional team that can be able to take responsibility. Under the leadership of Director Wang
  435 + Donghao, ICU practices “Studies on the Theoretical and Practical Issues of Party Building”, constantly strengthens the construction of the style of work, thoroughly implements the spirit of The 19th session of National Congress
  436 + of the Communist Party of China, and takes the protection of people's health as the goal of professional development. Three doctors and nurses in the Department were awarded “The Tianjin May 1 Labour Medal”. Two members were awarded
  437 + the title of “Hao Yi Sheng” and "Hao Hu Shi" to the satisfaction of the people of Tianjin. Many nurses have achieved excellent results in Tianjin Nursing Skills Competition. The department has successively won the title of advanced
  438 + grass-roots Party organizations of Tianjin Medical University, Youth Civilization, Pioneer of Teaching and Workers, Party member pioneer, Advanced Party Organization, Advanced collective with noble medical ethics, which has been
  439 + awarded the title of five-star department for many years, and has won high praise and trust from hospitals, society and the people.
407 </div> 440 </div>
408 </div> 441 </div>
409 </div> 442 </div>
@@ -489,17 +522,17 @@ @@ -489,17 +522,17 @@
489 $(this).addClass("navbtnActive"); // 添加当前元素的样式 522 $(this).addClass("navbtnActive"); // 添加当前元素的样式
490 }); 523 });
491 }); 524 });
492 - var swiper = new Swiper(".swiper-container", {  
493 - pagination: ".swiper-pagination",  
494 - paginationClickable: true  
495 - }); 525 + // var swiper = new Swiper(".swiper-container", {
  526 + // pagination: ".swiper-pagination",
  527 + // paginationClickable: true
  528 + // });
496 529
497 - var swiper = new Swiper(".swiper-container1", {  
498 - pagination: ".swiper-pagination",  
499 - slidesPerView: 3,  
500 - paginationClickable: true,  
501 - spaceBetween: 30  
502 - }); 530 + // var swiper = new Swiper(".swiper-container1", {
  531 + // pagination: ".swiper-pagination",
  532 + // slidesPerView: 3,
  533 + // paginationClickable: true,
  534 + // spaceBetween: 30
  535 + // });
503 536
504 $(".content-word-left").on("click", "h4", function() { 537 $(".content-word-left").on("click", "h4", function() {
505 $(this) 538 $(this)
@@ -512,6 +545,12 @@ @@ -512,6 +545,12 @@
512 .siblings() 545 .siblings()
513 .removeClass("active"); 546 .removeClass("active");
514 }); 547 });
  548 + var swiper = new Swiper(".swiper-container", {
  549 + pagination: ".swiper-pagination",
  550 + slidesPerView: 3,
  551 + paginationClickable: true,
  552 + spaceBetween: 40
  553 + });
515 </script> 554 </script>
516 </body> 555 </body>
517 556
@@ -357,7 +357,7 @@ @@ -357,7 +357,7 @@
357 <div class="contant_right_title">Gynecologic Oncology</div> 357 <div class="contant_right_title">Gynecologic Oncology</div>
358 </div> 358 </div>
359 <div class="contant_right_second"> 359 <div class="contant_right_second">
360 - <div class="contant_right_title">Intensive Care Unit</div> 360 + <div class="contant_right_title"><a href="./depart_detail.html">Intensive Care Unit</a></div>
361 <div class="contant_right_title">Intervention Therapy</div> 361 <div class="contant_right_title">Intervention Therapy</div>
362 <div class="contant_right_title">Lung Cancer</div> 362 <div class="contant_right_title">Lung Cancer</div>
363 <div class="contant_right_title"> 363 <div class="contant_right_title">
@@ -164,13 +164,15 @@ @@ -164,13 +164,15 @@
164 color: #232323; 164 color: #232323;
165 line-height: 24px; 165 line-height: 24px;
166 } 166 }
167 - .contant_word{  
168 - margin-top: 40px 167 +
  168 + .contant_word {
  169 + margin-top: 40px;
169 } 170 }
170 - .contant_one{ 171 +
  172 + .contant_one {
171 font-size: 20px; 173 font-size: 20px;
172 color: #565656; 174 color: #565656;
173 - line-height: 30px 175 + line-height: 30px;
174 } 176 }
175 </style> 177 </style>
176 </head> 178 </head>
@@ -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>
@@ -343,27 +345,27 @@ @@ -343,27 +345,27 @@
343 About Us 345 About Us
344 </a> 346 </a>
345 <div class="inner_item"> 347 <div class="inner_item">
346 - Nursing Activities  
347 - <div class="third_menu_items">  
348 - <a href="../care/profession.html" class="inner_item"> 348 + Nursing Activities
  349 + <div class="third_menu_items">
  350 + <a href="../care/profession.html" class="inner_item">
349 Profession 351 Profession
350 </a> 352 </a>
351 <a href="../care/profession.1.html" class="inner_item"> 353 <a href="../care/profession.1.html" class="inner_item">
352 Social Support 354 Social Support
353 </a> 355 </a>
354 - <a href="../care/activity.html" class="inner_item"> 356 + <a href="../care/activity.html" class="inner_item">
355 Heart-warming Service 357 Heart-warming Service
356 </a> 358 </a>
357 - <a href="../care/profession.3.html" class="inner_item"> 359 + <a href="../care/profession.3.html" class="inner_item">
358 Caring for Nurse 360 Caring for Nurse
359 </a> 361 </a>
360 - </div>  
361 - </div>  
362 - 362 + </div>
  363 + </div>
  364 +
363 <a href="../care/achievement.html" class="inner_item"> 365 <a href="../care/achievement.html" class="inner_item">
364 Research Achievement 366 Research Achievement
365 </a> 367 </a>
366 - 368 +
367 <a href="../care/cancer.html" class="inner_item"> 369 <a href="../care/cancer.html" class="inner_item">
368 Cancer Survivorship Support 370 Cancer Survivorship Support
369 </a> 371 </a>
@@ -406,6 +408,7 @@ @@ -406,6 +408,7 @@
406 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit 408 <span>></span>Surgical Oncology<span>></span>Intensive Care Unit
407 </div> 409 </div>
408 <div class="contant"> 410 <div class="contant">
  411 +
409 <div class="contant_top"> 412 <div class="contant_top">
410 <div class="contant_img"> 413 <div class="contant_img">
411 <img src="../images/wang.png" alt="" /> 414 <img src="../images/wang.png" alt="" />
@@ -416,19 +419,45 @@ @@ -416,19 +419,45 @@
416 <div class="contant_names">Director of Intensive Care Unit,</div> 419 <div class="contant_names">Director of Intensive Care Unit,</div>
417 </div> 420 </div>
418 <div class="contant_word"> 421 <div class="contant_word">
419 - <div class="contant_one">Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine. </div>  
420 - <div class="contant_one">Standing Committee of China Geriatrics Society for Critical Care Medicine </div>  
421 - <div class="contant_one">Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.</div>  
422 - <div class="contant_one">Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.</div>  
423 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Critical Care Medicine.</div>  
424 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Fluid Therapy. </div>  
425 - <div class="contant_one">Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition. </div>  
426 - <div class="contant_one">Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine. </div>  
427 - <div class="contant_one">Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control. </div>  
428 - <div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.</div>  
429 - <div class="contant_one">Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center. </div>  
430 - <div class="contant_one">Member of the Antibiotics Advisory Experts Committee.</div>  
431 - <div class="contant_one">Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.</div> 422 + <div class="contant_one">
  423 + Chairman-designate of the Chinese Anti-Cancer Association for Oncology and Intensive Care Medicine.
  424 + </div>
  425 + <div class="contant_one">
  426 + Standing Committee of China Geriatrics Society for Critical Care Medicine
  427 + </div>
  428 + <div class="contant_one">
  429 + Chairman of the Tianjin Anti-Cancer Association for Oncology and Intensive Care Medicine.
  430 + </div>
  431 + <div class="contant_one">
  432 + Vice-chairmen of the Tianjin Anti-Cancer Association for Oncological Nutrition & Supportive Care.
  433 + </div>
  434 + <div class="contant_one">
  435 + Standing Committee of the Tianjin Medical Association for Critical Care Medicine.
  436 + </div>
  437 + <div class="contant_one">
  438 + Standing Committee of the Tianjin Medical Association for Fluid Therapy.
  439 + </div>
  440 + <div class="contant_one">
  441 + Standing Committee of the Tianjin Medical Association for Parenteral and Enteral Nutrition.
  442 + </div>
  443 + <div class="contant_one">
  444 + Standing Committee of the Tianjin Medical Doctor Association for Critical Care Medicine.
  445 + </div>
  446 + <div class="contant_one">
  447 + Committee member of Tianjin Preventive Medicine Association for Hospital Infection Control.
  448 + </div>
  449 + <div class="contant_one">
  450 + Committee member of Tianjin Health and Family Planning Commission for Clinical Quality Control Center for Critical Care Medicine.
  451 + </div>
  452 + <div class="contant_one">
  453 + Committee member of Tianjin Health and Family Planning Commission for Hospital Infection Quality Control Center.
  454 + </div>
  455 + <div class="contant_one">
  456 + Member of the Antibiotics Advisory Experts Committee.
  457 + </div>
  458 + <div class="contant_one">
  459 + Professor Wang Donghao was awarded “The Tianjin May 1 Labour Medal” in 2016 and “Hao Yi Sheng” in the 4th session of Tianjin.
  460 + </div>
432 </div> 461 </div>
433 </div> 462 </div>
434 </div> 463 </div>
@@ -542,6 +571,18 @@ @@ -542,6 +571,18 @@
542 .siblings() 571 .siblings()
543 .removeClass("active"); 572 .removeClass("active");
544 }); 573 });
  574 + $(".content-word-left").on("click", "h4", function() {
  575 + $(this)
  576 + .addClass("active")
  577 + .siblings()
  578 + .removeClass("active");
  579 + $(".content-word-right")
  580 + .eq($(this).index())
  581 + .addClass("active")
  582 + .siblings()
  583 + .removeClass("active");
  584 + });
  585 +
545 // 586 //
546 </script> 587 </script>
547 </body> 588 </body>
@@ -2,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,61 +86,60 @@ font-weight: bold; @@ -79,61 +86,60 @@ 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 Oncology 113 Surgical Oncology
107 </a> 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 144 National Cancer Clinical Research Center
139 </a> 145 </a>
@@ -142,17 +148,17 @@ font-weight: bold; @@ -142,17 +148,17 @@ font-weight: bold;
142 Research 148 Research
143 <div class="third_menu_items"> 149 <div class="third_menu_items">
144 <a href="../research/research1.html" class="inner_item"> 150 <a href="../research/research1.html" class="inner_item">
145 - Research programs  
146 - </a> 151 + Research programs
  152 + </a>
147 <a href="../research/research2.html" class="inner_item"> 153 <a href="../research/research2.html" class="inner_item">
148 - Achievements  
149 - </a> 154 + Achievements
  155 + </a>
150 <a href="../research/research3.html" class="inner_item"> 156 <a href="../research/research3.html" class="inner_item">
151 - Key Labaratories  
152 - </a> 157 + Key Labaratories
  158 + </a>
153 <a href="../research/researcher.html" class="inner_item"> 159 <a href="../research/researcher.html" class="inner_item">
154 - Find a Researcher  
155 - </a> 160 + Find a Researcher
  161 + </a>
156 </div> 162 </div>
157 </div> 163 </div>
158 <div 164 <div
@@ -160,14 +166,14 @@ font-weight: bold; @@ -160,14 +166,14 @@ font-weight: bold;
160 Education 166 Education
161 <div class="third_menu_items"> 167 <div class="third_menu_items">
162 <a href="../research/education.html" class="inner_item"> 168 <a href="../research/education.html" class="inner_item">
163 - Graduate Study  
164 - </a> 169 + Graduate Study
  170 + </a>
165 <a href="../research/education.html" class="inner_item"> 171 <a href="../research/education.html" class="inner_item">
166 - International Study  
167 - </a> 172 + International Study
  173 + </a>
168 <a href="../research/education.html" class="inner_item"> 174 <a href="../research/education.html" class="inner_item">
169 - Continuing Study  
170 - </a> 175 + Continuing Study
  176 + </a>
171 </div> 177 </div>
172 </div> 178 </div>
173 179
@@ -175,48 +181,47 @@ font-weight: bold; @@ -175,48 +181,47 @@ font-weight: bold;
175 </li> 181 </li>
176 <li class="btn navbtn-a" role="button"> 182 <li class="btn navbtn-a" role="button">
177 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> 183 <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
178 - <div class='sec_menu_items'> 184 + <div class="sec_menu_items">
179 <div href="javascript:;" class="inner_item"> 185 <div href="javascript:;" class="inner_item">
180 About Us 186 About Us
181 <div class="third_menu_items"> 187 <div class="third_menu_items">
182 <a href="../institute/aboutus.html" class="inner_item"> 188 <a href="../institute/aboutus.html" class="inner_item">
183 - About Us  
184 - </a> 189 + About Us
  190 + </a>
185 <a href="../institute/leadership.html" class="inner_item"> 191 <a href="../institute/leadership.html" class="inner_item">
186 - Leadership  
187 - </a> 192 + Leadership
  193 + </a>
188 <a href="../institute/history.html" class="inner_item"> 194 <a href="../institute/history.html" class="inner_item">
189 - History  
190 - </a> 195 + History
  196 + </a>
191 <a href="../institute/report.html" class="inner_item"> 197 <a href="../institute/report.html" class="inner_item">
192 - Annual Report  
193 - </a> 198 + Annual Report
  199 + </a>
194 </div> 200 </div>
195 </div> 201 </div>
196 <div href="../clinical/nursing.html" class="inner_item"> 202 <div href="../clinical/nursing.html" class="inner_item">
197 Research 203 Research
198 <div class="third_menu_items"> 204 <div class="third_menu_items">
199 <a href="../institute/researchers.html" class="inner_item"> 205 <a href="../institute/researchers.html" class="inner_item">
200 - Our Researchers  
201 - </a> 206 + Our Researchers
  207 + </a>
202 <a href="../institute/facilities.html" class="inner_item"> 208 <a href="../institute/facilities.html" class="inner_item">
203 - Core Facilities and Services  
204 - </a> 209 + Core Facilities and Services
  210 + </a>
205 <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">
206 - Journal of Clinical Oncology  
207 - </a> 212 + Journal of Clinical Oncology
  213 + </a>
208 </div> 214 </div>
209 </div> 215 </div>
210 -  
211 </div> 216 </div>
212 </li> 217 </li>
213 <li class="btn navbtn-a" role="button"> 218 <li class="btn navbtn-a" role="button">
214 <a href="../contact.html">NURSING CARE</a> 219 <a href="../contact.html">NURSING CARE</a>
215 - <div class='sec_menu_items'> 220 + <div class="sec_menu_items">
216 <a href="../care/history_time.html" class="inner_item"> 221 <a href="../care/history_time.html" class="inner_item">
217 - About Us  
218 - </a>  
219 - 222 + About Us
  223 + </a>
  224 +
220 225
221 <div class="inner_item"> 226 <div class="inner_item">
222 Nursing Activities 227 Nursing Activities
@@ -237,32 +242,31 @@ font-weight: bold; @@ -237,32 +242,31 @@ font-weight: bold;
237 </div> 242 </div>
238 243
239 <a href="../care/achievement.html" class="inner_item"> 244 <a href="../care/achievement.html" class="inner_item">
240 - Research Achievement  
241 - </a>  
242 - 245 + Research Achievement
  246 + </a>
  247 +
243 <a href="../care/cancer.html" class="inner_item"> 248 <a href="../care/cancer.html" class="inner_item">
244 - Cancer Survivorship Support  
245 - </a> 249 + Cancer Survivorship Support
  250 + </a>
246 251
247 252
248 </div> 253 </div>
249 </li> 254 </li>
250 <li class="btn navbtn-a" role="button"> 255 <li class="btn navbtn-a" role="button">
251 <a href="javascript:;">INTERNATIONAL AFFAIRS</a> 256 <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
252 - <div class='sec_menu_items'> 257 + <div class="sec_menu_items">
253 <a href="../international/conference.html" class="inner_item"> 258 <a href="../international/conference.html" class="inner_item">
254 - International Conferences  
255 - </a> 259 + International Conferences
  260 + </a>
256 <a href="../international/training.html" class="inner_item"> 261 <a href="../international/training.html" class="inner_item">
257 - Oversea Trainings  
258 - </a> 262 + Oversea Trainings
  263 + </a>
259 <a href="../international/referral.html" class="inner_item"> 264 <a href="../international/referral.html" class="inner_item">
260 - International Patients  
261 - </a> 265 + International Patients
  266 + </a>
262 <a href="../international/partners.html" class="inner_item"> 267 <a href="../international/partners.html" class="inner_item">
263 - Partnership Institutions  
264 - </a>  
265 - 268 + Partnership Institutions
  269 + </a>
266 </div> 270 </div>
267 </li> 271 </li>
268 <li class="btn navbtn-a" role="button"> 272 <li class="btn navbtn-a" role="button">
@@ -276,6 +280,10 @@ font-weight: bold; @@ -276,6 +280,10 @@ font-weight: bold;
276 <img src="../images/clinical_top.png" width="100%" alt=""> 280 <img src="../images/clinical_top.png" width="100%" alt="">
277 </div> --> 281 </div> -->
278 <div class="content "> 282 <div class="content ">
  283 + <div class="content ">
  284 + <div class="navpath">
  285 + Clinical Resources<span>></span>Clinical Trials
  286 + </div>
279 287
280 <div class="content "> 288 <div class="content ">
281 <div class="navpath">Clinical Resources<span>></span>Clinical Trials</div> 289 <div class="navpath">Clinical Resources<span>></span>Clinical Trials</div>
@@ -299,23 +307,10 @@ font-weight: bold; @@ -299,23 +307,10 @@ font-weight: bold;
299 </h4> 307 </h4>
300 308
301 </div> 309 </div>
302 - <div class="content-word-right active">  
303 - <div class="header-title-right">  
304 - <h3>Enter Key Words</h3>  
305 - <div class="form-group" data-toggle="modal" data-target="#gridSystemModal">  
306 - <input type="text" class="form-control input-lg">  
307 - <button type="button" class="btn btn-warning btn-lg ">  
308 - <img src="../images/01pc-main/pic (11).png" alt="" style="margin-bottom: 6px">  
309 - </button>  
310 - </div>  
311 - </div>  
312 - </div>  
313 </div> 310 </div>
314 </div> 311 </div>
315 - </div>  
316 <footer class="footer-content"> 312 <footer class="footer-content">
317 <div class="footer-main"> 313 <div class="footer-main">
318 -  
319 <ul class="list-unstyled third-ul"> 314 <ul class="list-unstyled third-ul">
320 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> 315 <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
321 <li>Tianjin 300060</li> 316 <li>Tianjin 300060</li>
@@ -324,18 +319,16 @@ font-weight: bold; @@ -324,18 +319,16 @@ font-weight: bold;
324 <li>Email: info@tjmuch.com</li> 319 <li>Email: info@tjmuch.com</li>
325 </ul> 320 </ul>
326 <ul class="list-unstyled first-ul"> 321 <ul class="list-unstyled first-ul">
327 - <li><img src="../images/yikeda.png" width="160px" alt=""></li>  
328 - <li><img src="../images/tjuc.png" width="160px" alt=""></li> 322 + <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
  323 + <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
329 </ul> 324 </ul>
330 </div> 325 </div>
331 </footer> 326 </footer>
332 -  
333 </div> 327 </div>
334 <script src="../js/jquery-1.11.3.min.js"></script> 328 <script src="../js/jquery-1.11.3.min.js"></script>
335 <script src="../js/bootstrap.min.js"></script> 329 <script src="../js/bootstrap.min.js"></script>
336 <script src="../js/swiper-3.4.2.jquery.min.js"></script> 330 <script src="../js/swiper-3.4.2.jquery.min.js"></script>
337 <script src="../js/common.js"></script> 331 <script src="../js/common.js"></script>
338 -  
339 </body> 332 </body>
340 333
341 </html> 334 </html>
@@ -113,7 +113,8 @@ @@ -113,7 +113,8 @@
113 } 113 }
114 114
115 .wire { 115 .wire {
116 - width: 950px; 116 + width: 630px;
  117 + /* width: 950px; */
117 position: relative; 118 position: relative;
118 } 119 }
119 120
@@ -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>
@@ -298,27 +299,27 @@ @@ -298,27 +299,27 @@
298 About Us 299 About Us
299 </a> 300 </a>
300 <div class="inner_item"> 301 <div class="inner_item">
301 - Nursing Activities  
302 - <div class="third_menu_items">  
303 - <a href="../care/profession.html" class="inner_item"> 302 + Nursing Activities
  303 + <div class="third_menu_items">
  304 + <a href="../care/profession.html" class="inner_item">
304 Profession 305 Profession
305 </a> 306 </a>
306 <a href="../care/profession.1.html" class="inner_item"> 307 <a href="../care/profession.1.html" class="inner_item">
307 Social Support 308 Social Support
308 </a> 309 </a>
309 - <a href="../care/activity.html" class="inner_item"> 310 + <a href="../care/activity.html" class="inner_item">
310 Heart-warming Service 311 Heart-warming Service
311 </a> 312 </a>
312 - <a href="../care/profession.3.html" class="inner_item"> 313 + <a href="../care/profession.3.html" class="inner_item">
313 Caring for Nurse 314 Caring for Nurse
314 </a> 315 </a>
315 - </div>  
316 - </div>  
317 - 316 + </div>
  317 + </div>
  318 +
318 <a href="../care/achievement.html" class="inner_item"> 319 <a href="../care/achievement.html" class="inner_item">
319 Research Achievement 320 Research Achievement
320 </a> 321 </a>
321 - 322 +
322 <a href="../care/cancer.html" class="inner_item"> 323 <a href="../care/cancer.html" class="inner_item">
323 Cancer Survivorship Support 324 Cancer Survivorship Support
324 </a> 325 </a>