作者 王毅

1

1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 -  
4 -<head> 3 + <head>
5 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
6 - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 5 + <meta
  6 + name="viewport"
  7 + content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
  8 + />
7 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 9 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8 <link rel="stylesheet" href="../css/bootstrap.min.css" /> 10 <link rel="stylesheet" href="../css/bootstrap.min.css" />
9 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> 11 <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
@@ -11,519 +13,695 @@ @@ -11,519 +13,695 @@
11 <link rel="stylesheet" href="../css/index.css" /> 13 <link rel="stylesheet" href="../css/index.css" />
12 <title>Tianjin Medical University Cancer Institute & Hospital</title> 14 <title>Tianjin Medical University Cancer Institute & Hospital</title>
13 <style> 15 <style>
14 - .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, 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,
58 .content-word-left h4:hover { 60 .content-word-left h4:hover {
59 color: #00A16C; 61 color: #00A16C;
60 } */ 62 } */
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 - }  
93 -  
94 - .contant_titles {  
95 - font-size: 20px;  
96 - font-weight: bold;  
97 - color: rgba(0, 161, 108, 1);  
98 - margin-bottom: 46px;  
99 - }  
100 -  
101 - .contant_left {  
102 - position: relative;  
103 - }  
104 -  
105 - .contant_left::after {  
106 - content: "";  
107 - width: 2px;  
108 - height: 733px;  
109 - background: rgba(114, 113, 113, 1);  
110 - position: absolute;  
111 - top: 0;  
112 - right: -150px;  
113 - }  
114 -  
115 - .contant_right {  
116 - margin-left: 280px;  
117 - }  
118 -  
119 - .contant_img {  
120 - width: 634px;  
121 - height: 368px;  
122 - }  
123 -  
124 - .contant_img img {  
125 - width: 100%;  
126 - height: 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 - } 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 + }
  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 + .wire4_bottom_img {
  203 + width: 580px;
  204 + margin: 46px auto 0 auto;
  205 + }
  206 + .wire4_bottom_img img {
  207 + width: 100%;
  208 + }
135 </style> 209 </style>
136 -</head> 210 + </head>
137 211
138 -<body> 212 + <body>
139 <nav class="navbar navbar-default bgf mb0"> 213 <nav class="navbar navbar-default bgf mb0">
140 - <div class="container-fluid top_pc_brand">  
141 - <div class="navbar-header">  
142 - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> 214 + <div class="container-fluid top_pc_brand">
  215 + <div class="navbar-header">
  216 + <button
  217 + type="button"
  218 + class="navbar-toggle mtperc10 menuPage"
  219 + data-toggle="collapse"
  220 + data-target="#bs-example-navbar-collapse-4"
  221 + aria-expanded="true"
  222 + >
143 <span class="sr-only">Toggle navigation</span> 223 <span class="sr-only">Toggle navigation</span>
144 <span class="icon-bar"></span> 224 <span class="icon-bar"></span>
145 <span class="icon-bar"></span> 225 <span class="icon-bar"></span>
146 <span class="icon-bar"></span> 226 <span class="icon-bar"></span>
147 </button> 227 </button>
148 - <a class="navbar-brand logo" href="../index.html">  
149 - <img class="brand-logo" src="../images/logo.png" alt="" />  
150 - </a>  
151 - </div>  
152 - <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">  
153 - <div class="search-group mt30 form-group navbar-text navbar-right">  
154 - <a href="http://www.tjmuch.com/" class="langue">中文</a>  
155 - <input type="text" class="form-control search-input" placeholder="Search" />  
156 - <div class="magnifier">  
157 - <img src="../images/search_btn.png" alt="" />  
158 - </div>  
159 - </div> 228 + <a class="navbar-brand logo" href="../index.html">
  229 + <img class="brand-logo" src="../images/logo.png" alt="" />
  230 + </a>
  231 + </div>
  232 + <div
  233 + class="navbar-collapse collapse in"
  234 + id="bs-example-navbar-collapse-4"
  235 + aria-expanded="true"
  236 + >
  237 + <div class="search-group mt30 form-group navbar-text navbar-right">
  238 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  239 + <input
  240 + type="text"
  241 + class="form-control search-input"
  242 + placeholder="Search"
  243 + />
  244 + <div class="magnifier">
  245 + <img src="../images/search_btn.png" alt="" />
160 </div> 246 </div>
  247 + </div>
161 </div> 248 </div>
  249 + </div>
162 </nav> 250 </nav>
163 <div class="container-fluid pc"> 251 <div class="container-fluid pc">
164 - <div class="mask"></div>  
165 - <div class="bs-example" data-example-id="simple-justified-button-group">  
166 - <ul class="nav_menu_items">  
167 - <li class="btn navbtn-a" role="button">  
168 - <a href="javascript:;">ABOUT US</a>  
169 - <div class="sec_menu_items">  
170 - <a href="../about/welcome.html" class="inner_item"> 252 + <div class="mask"></div>
  253 + <div class="bs-example" data-example-id="simple-justified-button-group">
  254 + <ul class="nav_menu_items">
  255 + <li class="btn navbtn-a" role="button">
  256 + <a href="javascript:;">ABOUT US</a>
  257 + <div class="sec_menu_items">
  258 + <a href="../about/welcome.html" class="inner_item">
171 Welcome Message 259 Welcome Message
172 </a> 260 </a>
173 - <a href="../about/mission.html" class="inner_item"> 261 + <a href="../about/mission.html" class="inner_item">
174 Mission and Vision 262 Mission and Vision
175 </a> 263 </a>
176 - <a href="../about/leadership.html" class="inner_item"> 264 + <a href="../about/leadership.html" class="inner_item">
177 Leadership 265 Leadership
178 </a> 266 </a>
179 - <a href="../about/history.html" class="inner_item"> 267 + <a href="../about/history.html" class="inner_item">
180 History and Milestones 268 History and Milestones
181 </a> 269 </a>
182 - <a href="../about/quick.html" class="inner_item"> 270 + <a href="../about/quick.html" class="inner_item">
183 Quick Facts 271 Quick Facts
184 </a> 272 </a>
185 - <a href="../about/contact.html" class="inner_item">Contact Us</a>  
186 - </div>  
187 - </li>  
188 - <li class="btn navbtn-a" role="button">  
189 - <a href="JavaScript:;">CLINICAL RESOURCES</a>  
190 - <div class="sec_menu_items">  
191 - <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">  
192 - Clinical Departments  
193 - <div class="third_menu_items">  
194 - <a href="../clinical/departm.html" class="inner_item"> 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">
195 Surgical Department 287 Surgical Department
196 </a> 288 </a>
197 - <a href="../clinical/medical.html" class="inner_item"> 289 + <a href="../clinical/medical.html" class="inner_item">
198 Medical Oncology 290 Medical Oncology
199 </a> 291 </a>
200 - <a href="../clinical/radiation.html" class="inner_item"> 292 + <a href="../clinical/radiation.html" class="inner_item">
201 Radiation Oncology 293 Radiation Oncology
202 </a> 294 </a>
203 - <a href="../clinical/diagnostic.html" class="inner_item"> 295 + <a href="../clinical/diagnostic.html" class="inner_item">
204 Diagnostic Oncology 296 Diagnostic Oncology
205 </a> 297 </a>
206 - <a href="../clinical/center.html" class="inner_item"> 298 + <a href="../clinical/center.html" class="inner_item">
207 Center of Excellences 299 Center of Excellences
208 </a> 300 </a>
209 - </div>  
210 - </div>  
211 - <a href="../clinical/activities.html" class="inner_item"> 301 + </div>
  302 + </div>
  303 + <a href="../clinical/activities.html" class="inner_item">
212 Clinical Activities 304 Clinical Activities
213 </a> 305 </a>
214 - <a href="../clinical/trials.html" class="inner_item"> 306 + <a href="../clinical/trials.html" class="inner_item">
215 Clinical Trials 307 Clinical Trials
216 </a> 308 </a>
217 - <a href="../clinical/finddoctor.html" class="inner_item"> 309 + <a href="../clinical/finddoctor.html" class="inner_item">
218 Find a Doctor 310 Find a Doctor
219 </a> 311 </a>
220 - </div>  
221 - </li>  
222 - <li class="btn navbtn-a" role="button">  
223 - <a href="javascript:;">RESEARCH & EDUCATION</a>  
224 - <div class="sec_menu_items">  
225 - <a href="../research/nationalCancer.html" class="inner_item"> 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">
226 National Cancer Clinical Research Center 318 National Cancer Clinical Research Center
227 </a> 319 </a>
228 - <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">  
229 - Research  
230 - <div class="third_menu_items">  
231 - <a href="../research/research1.html" class="inner_item"> 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">
232 Research programs 328 Research programs
233 </a> 329 </a>
234 - <a href="../research/research2.html" class="inner_item"> 330 + <a href="../research/research2.html" class="inner_item">
235 Achievements 331 Achievements
236 </a> 332 </a>
237 - <a href="../research/research3.html" class="inner_item"> 333 + <a href="../research/research3.html" class="inner_item">
238 Key Labaratories 334 Key Labaratories
239 </a> 335 </a>
240 - <a href="../research/researcher.html" class="inner_item"> 336 + <a href="../research/researcher.html" class="inner_item">
241 Find a Researcher 337 Find a Researcher
242 </a> 338 </a>
243 - </div>  
244 - </div>  
245 - <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">  
246 - Education  
247 - <div class="third_menu_items">  
248 - <a href="../research/education.html" class="inner_item"> 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">
249 Graduate Study 349 Graduate Study
250 </a> 350 </a>
251 - <a href="../research/education.html" class="inner_item"> 351 + <a href="../research/education.html" class="inner_item">
252 International Study 352 International Study
253 </a> 353 </a>
254 - <a href="../research/education.html" class="inner_item"> 354 + <a href="../research/education.html" class="inner_item">
255 Continuing Study 355 Continuing Study
256 </a> 356 </a>
257 - </div>  
258 - </div>  
259 - <a href="../research/news.html" class="inner_item"> 357 + </div>
  358 + </div>
  359 + <a href="../research/news.html" class="inner_item">
260 News 360 News
261 </a> 361 </a>
262 - </div>  
263 - </li>  
264 - <li class="btn navbtn-a" role="button">  
265 - <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>  
266 - <div class="sec_menu_items">  
267 - <div href="javascript:;" class="inner_item">  
268 - About Us  
269 - <div class="third_menu_items">  
270 - <a href="../institute/aboutus.html" class="inner_item"> 362 + </div>
  363 + </li>
  364 + <li class="btn navbtn-a" role="button">
  365 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  366 + <div class="sec_menu_items">
  367 + <div href="javascript:;" class="inner_item">
  368 + About Us
  369 + <div class="third_menu_items">
  370 + <a href="../institute/aboutus.html" class="inner_item">
271 About Us 371 About Us
272 </a> 372 </a>
273 - <a href="../institute/leadership.html" class="inner_item"> 373 + <a href="../institute/leadership.html" class="inner_item">
274 Leadership 374 Leadership
275 </a> 375 </a>
276 - <a href="../institute/history.html" class="inner_item"> 376 + <a href="../institute/history.html" class="inner_item">
277 History 377 History
278 </a> 378 </a>
279 - <a href="../institute/report.html" class="inner_item"> 379 + <a href="../institute/report.html" class="inner_item">
280 Annual Report 380 Annual Report
281 </a> 381 </a>
282 - </div>  
283 - </div>  
284 - <div href="../clinical/nursing.html" class="inner_item">  
285 - Research  
286 - <div class="third_menu_items">  
287 - <a href="../institute/researchers.html" class="inner_item"> 382 + </div>
  383 + </div>
  384 + <div href="../clinical/nursing.html" class="inner_item">
  385 + Research
  386 + <div class="third_menu_items">
  387 + <a href="../institute/researchers.html" class="inner_item">
288 Our Researchers 388 Our Researchers
289 </a> 389 </a>
290 - <a href="../institute/facilities.html" class="inner_item"> 390 + <a href="../institute/facilities.html" class="inner_item">
291 Core Facilities and Services 391 Core Facilities and Services
292 </a> 392 </a>
293 - <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> 393 + <a
  394 + href="http://www.cancerbiomed.org/index.php/cocr"
  395 + class="inner_item"
  396 + >
294 Journal of Clinical Oncology 397 Journal of Clinical Oncology
295 </a> 398 </a>
296 - </div>  
297 - </div>  
298 - <a href="../institute/news.html" class="inner_item"> 399 + </div>
  400 + </div>
  401 + <a href="../institute/news.html" class="inner_item">
299 News 402 News
300 </a> 403 </a>
301 - <a href="../institute/concat.html" class="inner_item"> 404 + <a href="../institute/concat.html" class="inner_item">
302 Contact Us 405 Contact Us
303 </a> 406 </a>
304 - </div>  
305 - </li>  
306 - <li class="btn navbtnActive navbtn-a" role="button">  
307 - <a href="../contact.html">NURSING CARE</a>  
308 - <div class="sec_menu_items">  
309 - <a href="../care/aboutus.html" class="inner_item"> 407 + </div>
  408 + </li>
  409 + <li class="btn navbtnActive navbtn-a" role="button">
  410 + <a href="../contact.html">NURSING CARE</a>
  411 + <div class="sec_menu_items">
  412 + <a href="../care/aboutus.html" class="inner_item">
310 About Us 413 About Us
311 </a> 414 </a>
312 - <a href="../care/activity.html" class="inner_item"> 415 + <a href="../care/activity.html" class="inner_item">
313 Nursing Activities 416 Nursing Activities
314 </a> 417 </a>
315 - <a href="../care/training.html" class="inner_item"> 418 + <a href="../care/training.html" class="inner_item">
316 Nurse Training 419 Nurse Training
317 </a> 420 </a>
318 - <a href="../care/achievement.html" class="inner_item"> 421 + <a href="../care/achievement.html" class="inner_item">
319 Research Achievement 422 Research Achievement
320 </a> 423 </a>
321 - <a href="../care/exchange.html" class="inner_item"> 424 + <a href="../care/exchange.html" class="inner_item">
322 International Exchanges 425 International Exchanges
323 </a> 426 </a>
324 - <a href="../care/cancer.html" class="inner_item"> 427 + <a href="../care/cancer.html" class="inner_item">
325 Cancer Survivorship Support 428 Cancer Survivorship Support
326 </a> 429 </a>
327 - <a href="../care/news.html" class="inner_item"> 430 + <a href="../care/news.html" class="inner_item">
328 News & Events 431 News & Events
329 </a> 432 </a>
330 - <a href="../care/contactUs.html" class="inner_item"> 433 + <a href="../care/contactUs.html" class="inner_item">
331 Contact Us 434 Contact Us
332 </a> 435 </a>
333 - </div>  
334 - </li>  
335 - <li class="btn navbtn-a" role="button">  
336 - <a href="javascript:;">INTERNATIONAL AFFAIRS</a>  
337 - <div class="sec_menu_items">  
338 - <a href="../international/conference.html" class="inner_item"> 436 + </div>
  437 + </li>
  438 + <li class="btn navbtn-a" role="button">
  439 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  440 + <div class="sec_menu_items">
  441 + <a href="../international/conference.html" class="inner_item">
339 International Conferences 442 International Conferences
340 </a> 443 </a>
341 - <a href="../international/training.html" class="inner_item"> 444 + <a href="../international/training.html" class="inner_item">
342 Oversea Trainings 445 Oversea Trainings
343 </a> 446 </a>
344 - <a href="../international/referral.html" class="inner_item"> 447 + <a href="../international/referral.html" class="inner_item">
345 International Patients 448 International Patients
346 </a> 449 </a>
347 - <a href="../international/partners.html" class="inner_item"> 450 + <a href="../international/partners.html" class="inner_item">
348 Partnership Institutions 451 Partnership Institutions
349 </a> 452 </a>
350 - </div>  
351 - </li>  
352 - <li class="btn navbtn-a" role="button">  
353 - <a href="../news.html">NEWS RELEASE</a>  
354 - </li>  
355 - </ul>  
356 - </div> 453 + </div>
  454 + </li>
  455 + <li class="btn navbtn-a" role="button">
  456 + <a href="../news.html">NEWS RELEASE</a>
  457 + </li>
  458 + </ul>
  459 + </div>
357 460
358 - <div class="content padding0">  
359 - <!-- Swiper -->  
360 - <!-- <div class="img-header"> 461 + <div class="content padding0">
  462 + <!-- Swiper -->
  463 + <!-- <div class="img-header">
361 <img src="../images/care_top.png" width="100%" alt=""> 464 <img src="../images/care_top.png" width="100%" alt="">
362 </div> --> 465 </div> -->
  466 + </div>
  467 + <div class="content">
  468 + <div class="navpath">
  469 + Nursing Care<span>></span>About Us
  470 + <span>></span>Important Events
363 </div> 471 </div>
364 - <div class="content">  
365 - <div class="navpath">  
366 - Nursing Care<span>></span>About Us  
367 - <span>></span>Important Events 472 + <div class="contant">
  473 + <dis class="contant_left">
  474 + <div class="contant_title">About Us</div>
  475 + <div class="contant_title">Leadership Team</div>
  476 + <div class="contant_title">Recognition</div>
  477 + <div class="contant_title">Important Events</div>
  478 + </dis>
  479 + <div class="xunhuan">
  480 + <div class="contant_right neirong" style="display: none">
  481 + <div class="contant_one">
  482 + <div class="contant_img">
  483 + <img src="../images/5-1-4_5.png" alt="" />
  484 + </div>
  485 + <div class="contant_one_title">
  486 + 1861 Ma Gen Ji established London Church Hospital
  487 + </div>
368 </div> 488 </div>
369 - <div class="contant">  
370 - <dis class="contant_left">  
371 - <div class="contant_title">About Us</div>  
372 - <div class="contant_title">Leadership Team</div>  
373 - <div class="contant_title">Recognition</div>  
374 - <div class="contant_title">Important Events</div>  
375 - </dis>  
376 - <dis class="contant_right">  
377 - <div class="contant_one">  
378 - <div class="contant_img">  
379 - <img src="../images/h6.png" alt="" />  
380 - </div>  
381 - <div class="contant_one_title">  
382 - 1861 Ma Gen Ji established London Church Hospital  
383 - </div>  
384 - </div>  
385 - <div class="contant_one">  
386 - <div class="contant_img">  
387 - <img src="../images/h6.png" alt="" />  
388 - </div>  
389 - <div class="contant_one_title">  
390 - 1861 Ma Gen Ji established London Church Hospital  
391 - </div>  
392 - </div>  
393 - <div class="contant_one">  
394 - <div class="contant_img">  
395 - <img src="../images/h6.png" alt="" />  
396 - </div>  
397 - <div class="contant_one_title">  
398 - 1861 Ma Gen Ji established London Church Hospital  
399 - </div>  
400 - </div>  
401 - <div class="contant_one">  
402 - <div class="contant_img">  
403 - <img src="../images/h6.png" alt="" />  
404 - </div>  
405 - <div class="contant_one_title">  
406 - 1861 Ma Gen Ji established London Church Hospital  
407 - </div>  
408 - </div>  
409 - <div class="contant_one">  
410 - <div class="contant_img">  
411 - <img src="../images/h6.png" alt="" />  
412 - </div>  
413 - <div class="contant_one_title">  
414 - 1861 Ma Gen Ji established London Church Hospital  
415 - </div>  
416 - </div>  
417 - </dis> 489 + <div class="contant_one">
  490 + <div class="contant_img">
  491 + <img src="../images/5-1-4_4.png" alt="" />
  492 + </div>
  493 + <div class="contant_one_title">
  494 + 1927 Jihua Senior Nurse School
  495 + </div>
418 </div> 496 </div>
419 - <!-- <div class="content-word">  
420 - <div class="content-word-left">  
421 - <h4 class=""> 497 + <div class="contant_one">
  498 + <div class="contant_img">
  499 + <img src="../images/5-1-4_3.png" alt="" />
  500 + </div>
  501 + <div class="contant_one_title">
  502 + 2005 Director Yongqin Jiang worked as Board Member of the ISNCC
  503 + </div>
  504 + </div>
  505 + <div class="contant_one">
  506 + <div class="contant_img">
  507 + <img src="../images/5-1-4_2.png" alt="" />
  508 + </div>
  509 + <div class="contant_one_title">
  510 + 2011 Rongxiu Chen:the 43rd Nightingale Medal Winner
  511 + </div>
  512 + </div>
  513 + <div class="contant_one">
  514 + <div class="contant_img">
  515 + <img src="../images/5-1-4_1.png" alt="" />
  516 + </div>
  517 + <div class="contant_one_title">
  518 + 2015 Wanmin Qiang<br />
  519 + The first chairman of Chinese Association of Nursers in Oncology
  520 + </div>
  521 + </div>
  522 + </div>
  523 + <div class="contant_right neirong" style="display: none">
  524 + <div class="wire2_img">
  525 + <img src="../images/leaser6.png" alt="" />
  526 + </div>
  527 + <div class="wire2_title">
  528 + Our Team
  529 + </div>
  530 + <div class="wire2_word">
  531 + At present, there are 1277 nurses and 83% of nurses with a
  532 + bachelor degree or above, 27 with a master's degree or above, 4
  533 + acted as master's tutor, 25 has a part-time academic position at
  534 + provincial or municipal level or above.<br />
  535 + According to “China's Hospital Rankings in Science and
  536 + Technology”, Nursing has top the ranking in cancer care for
  537 + consecutively 2 years .<br />
  538 + The National Key Disciplines Fields<br />
  539 + National Working Women’s Collective with Red Flag
  540 + </div>
  541 + <div class="wire2_title">
  542 + Contact Us
  543 + </div>
  544 + <div class="wire2_word">
  545 + Tianjin Medical University Cancer Institute & Hospital<br />
  546 + West Huan-Hu Rd, Ti Yuan Bei, Hexi District Tianjin 300060 China
  547 + Phone : nursing department :<br />
  548 + 0086-22-23524903 Home care center: 0086-22-23353454
  549 + </div>
  550 + </div>
  551 + <div class="contant_right neirong" style="display: none">
  552 + <div class="wire3">
  553 + <div class="wire3_img">
  554 + <img src="../images/leader1.png" alt="" />
  555 + </div>
  556 + <div class="wire3_title">Wanmin Qiang</div>
  557 + </div>
  558 + <div class="wire3">
  559 + <div class="wire3_img">
  560 + <img src="../images/leader2.png" alt="" />
  561 + </div>
  562 + <div class="wire3_title">ling Yan</div>
  563 + </div>
  564 + <div class="wire3">
  565 + <div class="wire3_img">
  566 + <img src="../images/leader3.png" alt="" />
  567 + </div>
  568 + <div class="wire3_title">Jing Zhao</div>
  569 + </div>
  570 + </div>
  571 + <div class="contant_right neirong">
  572 + <div class="wire4_title">
  573 + Culture <br />
  574 + In 1861, British doctor Ma Gen Ji established London Church
  575 + Hospital which was the first western medicine hospital in Tianjin
  576 + and was the predecessor of Tianjin Medical University Cancer
  577 + Institute & Hospital.
  578 + </div>
  579 + <div class="wire4_img">
  580 + <img src="../images/5-1-4_4.png" alt="" />
  581 + </div>
  582 + <div class="wire_word">
  583 + In 1927, the hospital established Jihua Senior Nurse School
  584 + established to cultivate nurses. Meanwhile,the hospital collects
  585 + a personal letter from Dr Florence Nightingale.<br />Ideals
  586 + <br />We innovated the belief of “Patients’ Needs first ,
  587 + Evidence-based Nursing” , which embodied humanity and
  588 + individualization, to provide “Whole-course, whole-person,
  589 + whole-family and whole-team” nursing mode for patients and
  590 + patients’ family.
  591 + </div>
  592 + <div class="wire4_bottom_img">
  593 + <img src="../images/about_img.png" alt=" " />
  594 + </div>
  595 + </div>
  596 + </div>
  597 + </div>
  598 + <!-- <div class="content-word ">
  599 + <div class="content-word-left ">
  600 + <h4 class=" ">
422 Evidence-based Nursing Team 601 Evidence-based Nursing Team
423 </h4> 602 </h4>
424 - <h4 class=""> 603 + <h4 class=" ">
425 Innovation & Profession 604 Innovation & Profession
426 605
427 </h4> 606 </h4>
428 - <h4 class=""> 607 + <h4 class=" ">
429 Scientific Achievements 608 Scientific Achievements
430 609
431 </h4> 610 </h4>
432 - <h4 class=""> 611 + <h4 class=" ">
433 Professional Books 612 Professional Books
434 </h4> 613 </h4>
435 </div> 614 </div>
436 615
437 - <div class="content-word-right">  
438 - <div class="single_part_right active"> 616 + <div class="content-word-right ">
  617 + <div class="single_part_right active ">
439 <h3>The aims is to combine research conclusions with clinical experience and patients' wishes as 618 <h3>The aims is to combine research conclusions with clinical experience and patients' wishes as
440 the basis for clinical nursing decision-making.</h3> 619 the basis for clinical nursing decision-making.</h3>
441 <p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care, 620 <p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care,
442 Symptom experience and management, Supportive care needs and Quality of life of cancer 621 Symptom experience and management, Supportive care needs and Quality of life of cancer
443 patients . In the past 5 years, We have published more than 400 papers in nursing core 622 patients . In the past 5 years, We have published more than 400 papers in nursing core
444 periodicals and 12 SCI.</p> 623 periodicals and 12 SCI.</p>
445 - <img src="../images/5-4-1.png" alt="" srcset=""> 624 + <img src="../images/5-4-1.png " alt=" " srcset=" ">
446 <p>Research team of Tianjin Medical University Cancer Institute & Hospital 625 <p>Research team of Tianjin Medical University Cancer Institute & Hospital
447 </p> 626 </p>
448 </div> 627 </div>
449 628
450 - <div class="single_part_right">  
451 - <img src="../images/5-4-2.png" width="100%" alt="" srcset=""> 629 + <div class="single_part_right ">
  630 + <img src="../images/5-4-2.png " width="100% " alt=" " srcset=" ">
452 </div> 631 </div>
453 - <div class="single_part_right">  
454 - <img src="../images/5-4-3.png" width="100%" alt="" srcset=""> 632 + <div class="single_part_right ">
  633 + <img src="../images/5-4-3.png " width="100% " alt=" " srcset=" ">
455 </div> 634 </div>
456 - <div class="single_part_right">  
457 - <img src="../images/5-4-4.png" width="100%" alt="" srcset=""> 635 + <div class="single_part_right ">
  636 + <img src="../images/5-4-4.png " width="100% " alt=" " srcset=" ">
458 </div> 637 </div>
459 </div> 638 </div>
460 639
461 </div> --> 640 </div> -->
  641 + </div>
  642 + <footer class="footer-content ">
  643 + <div class="footer-main ">
  644 + <ul class="list-unstyled third-ul ">
  645 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  646 + <li>Tianjin 300060</li>
  647 + <li>China</li>
  648 + <li>Tel/Fax: 0086-22-23359337</li>
  649 + <li>Email: info@tjmuch.com</li>
  650 + </ul>
  651 + <ul class="list-unstyled first-ul ">
  652 + <li><img src="../images/yikeda.png " width="160px " alt=" " /></li>
  653 + <li><img src="../images/tjuc.png " width="160px " alt=" " /></li>
  654 + </ul>
462 </div> 655 </div>
463 - <footer class="footer-content">  
464 - <div class="footer-main">  
465 - <ul class="list-unstyled third-ul">  
466 - <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>  
467 - <li>Tianjin 300060</li>  
468 - <li>China</li>  
469 - <li>Tel/Fax: 0086-22-23359337</li>  
470 - <li>Email: info@tjmuch.com</li>  
471 - </ul>  
472 - <ul class="list-unstyled first-ul">  
473 - <li><img src="../images/yikeda.png" width="160px" alt="" /></li>  
474 - <li><img src="../images/tjuc.png" width="160px" alt="" /></li>  
475 - </ul>  
476 - </div>  
477 - </footer> 656 + </footer>
478 </div> 657 </div>
479 - <script src="../js/jquery-1.11.3.min.js"></script>  
480 - <script src="../js/bootstrap.min.js"></script>  
481 - <script src="../js/swiper-3.4.2.jquery.min.js"></script>  
482 - <script src="../js/common.js"></script> 658 + <script src="../js/jquery-1.11.3.min.js "></script>
  659 + <script src="../js/bootstrap.min.js "></script>
  660 + <script src="../js/swiper-3.4.2.jquery.min.js "></script>
  661 + <script src="../js/common.js "></script>
483 <script> 662 <script>
484 - $(".contant_left").mouseover(function() {  
485 - $(this)  
486 - .addClass("left_titles")  
487 - .siblings()  
488 - .removeClass("left_titles");  
489 - });  
490 - $(".contant_left").click(function() {  
491 - $(this)  
492 - .addClass("left_titles")  
493 - .siblings()  
494 - .removeClass("left_titles");  
495 - var index = $(this).index();  
496 - console.log(index);  
497 - $(".neirong")  
498 - .eq(index)  
499 - .show()  
500 - .siblings()  
501 - .hide();  
502 - });  
503 - // $(document).ready(function () {  
504 - // $(".btn-group").find(".navbtn-a").click(function () {  
505 - // console.log(this)  
506 - // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式  
507 - // $(this).addClass('navbtnActive'); // 添加当前元素的样式  
508 - // })  
509 - // })  
510 - // var swiper = new Swiper('.swiper-container', {  
511 - // pagination: '.swiper-pagination',  
512 - // paginationClickable: true  
513 - // });  
514 -  
515 - // var swiper = new Swiper('.swiper-container1', {  
516 - // pagination: '.swiper-pagination',  
517 - // slidesPerView: 3,  
518 - // paginationClickable: true,  
519 - // spaceBetween: 30  
520 - // });  
521 -  
522 - // $('.content-word-left').on('click', 'h4', function () {  
523 - // $(this).addClass('active').siblings().removeClass('active')  
524 - // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')  
525 - // })  
526 - </script>  
527 -</body> 663 + $(".contant_title").mouseover(function() {
  664 + $(this)
  665 + .addClass("contant_titles")
  666 + .siblings()
  667 + .removeClass("contant_titles");
  668 + });
  669 + $(".contant_title").click(function() {
  670 + $(this)
  671 + .addClass("contant_titles")
  672 + .siblings()
  673 + .removeClass("contant_titles");
  674 + var index = $(this).index();
  675 + console.log(index);
  676 + $(this).parents(".contant").find(".neirong")
  677 + .eq(index)
  678 + .show()
  679 + .siblings()
  680 + .hide();
  681 + });
  682 + // $(document).ready(function () {
  683 + // $(".btn-group ").find(".navbtn-a ").click(function () {
  684 + // console.log(this)
  685 + // $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  686 + // $(this).addClass('navbtnActive'); // 添加当前元素的样式
  687 + // })
  688 + // })
  689 + // var swiper = new Swiper('.swiper-container', {
  690 + // pagination: '.swiper-pagination',
  691 + // paginationClickable: true
  692 + // });
528 693
529 -</html>  
  694 + // var swiper = new Swiper('.swiper-container1', {
  695 + // pagination: '.swiper-pagination',
  696 + // slidesPerView: 3,
  697 + // paginationClickable: true,
  698 + // spaceBetween: 30
  699 + // });
  700 +
  701 + // $('.content-word-left').on('click', 'h4', function () {
  702 + // $(this).addClass('active').siblings().removeClass('active')
  703 + // $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
  704 + // })
  705 + </script>
  706 + </body>
  707 +</html>