合并分支 'Branch_wy' 到 'master'
11 查看合并请求 !1
正在显示
10 个修改的文件
包含
1869 行增加
和
1255 行删除
@@ -52,6 +52,9 @@ | @@ -52,6 +52,9 @@ | ||
52 | .swiper-button-next { | 52 | .swiper-button-next { |
53 | background-image: url("../images/right.png"); | 53 | background-image: url("../images/right.png"); |
54 | } | 54 | } |
55 | + .navpath{ | ||
56 | + margin: 90px 0 72px 0 | ||
57 | + } | ||
55 | </style> | 58 | </style> |
56 | </head> | 59 | </head> |
57 | 60 | ||
@@ -334,7 +337,7 @@ | @@ -334,7 +337,7 @@ | ||
334 | <!-- /.modal-dialog --> | 337 | <!-- /.modal-dialog --> |
335 | </div> | 338 | </div> |
336 | <div class="content nopadding"> | 339 | <div class="content nopadding"> |
337 | - | 340 | + <div class="navpath">About Us<span>></span>Quick Facts</div> |
338 | <div class="imgshow-wrapper"> | 341 | <div class="imgshow-wrapper"> |
339 | <div class="swiper-container swiper-container-m1" id="d_slider"> | 342 | <div class="swiper-container swiper-container-m1" id="d_slider"> |
340 | <div class="swiper-wrapper"> | 343 | <div class="swiper-wrapper"> |
@@ -350,7 +353,7 @@ | @@ -350,7 +353,7 @@ | ||
350 | </div> | 353 | </div> |
351 | <div class="bottom-wrapper"> | 354 | <div class="bottom-wrapper"> |
352 | <h4> | 355 | <h4> |
353 | - Tianjin Medical University Cancer Institute & Hospital | 356 | + TIANJIN MEDICAL UNIVERSITY CANCER INSTITUTE & HOSPITAL |
354 | </h4> | 357 | </h4> |
355 | <h4> | 358 | <h4> |
356 | West Huan-Hu Rd, Ti Yuan Bei, Hexi District | 359 | West Huan-Hu Rd, Ti Yuan Bei, Hexi District |
@@ -365,7 +368,7 @@ | @@ -365,7 +368,7 @@ | ||
365 | Tel/Fax: 0086-22-23359337 | 368 | Tel/Fax: 0086-22-23359337 |
366 | </h4> | 369 | </h4> |
367 | <h4> | 370 | <h4> |
368 | - Email: info@tjmuch.com | 371 | + Email: info@tjmuchf.com |
369 | </h4> | 372 | </h4> |
370 | 373 | ||
371 | </div> | 374 | </div> |
@@ -2,13 +2,13 @@ | @@ -2,13 +2,13 @@ | ||
2 | <html lang="en"> | 2 | <html lang="en"> |
3 | 3 | ||
4 | <head> | 4 | <head> |
5 | - <meta charset="UTF-8"> | ||
6 | - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
8 | - <link rel="stylesheet" href="../css/bootstrap.min.css"> | ||
9 | - <link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> | ||
10 | - <link rel="stylesheet" href="../css/base.css"> | ||
11 | - <link rel="stylesheet" href="../css/index.css"> | 5 | + <meta charset="UTF-8" /> |
6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> | ||
7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
8 | + <link rel="stylesheet" href="../css/bootstrap.min.css" /> | ||
9 | + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" /> | ||
10 | + <link rel="stylesheet" href="../css/base.css" /> | ||
11 | + <link rel="stylesheet" href="../css/index.css" /> | ||
12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> | 12 | <title>Tianjin Medical University Cancer Institute & Hospital</title> |
13 | <style> | 13 | <style> |
14 | .single_box { | 14 | .single_box { |
@@ -19,8 +19,7 @@ | @@ -19,8 +19,7 @@ | ||
19 | .single_box:last-child { | 19 | .single_box:last-child { |
20 | margin: 0; | 20 | margin: 0; |
21 | } | 21 | } |
22 | - | ||
23 | - .content-word { | 22 | + /* .content-word { |
24 | position: relative; | 23 | position: relative; |
25 | } | 24 | } |
26 | 25 | ||
@@ -45,10 +44,11 @@ | @@ -45,10 +44,11 @@ | ||
45 | } | 44 | } |
46 | 45 | ||
47 | .single_date h3 { | 46 | .single_date h3 { |
48 | - color: #00A16C; | 47 | + color: #00a16c; |
49 | padding: 0; | 48 | padding: 0; |
50 | margin: 0; | 49 | margin: 0; |
51 | } | 50 | } |
51 | + | ||
52 | .content-word-right { | 52 | .content-word-right { |
53 | color: #01a26e; | 53 | color: #01a26e; |
54 | flex: unset; | 54 | flex: unset; |
@@ -56,10 +56,36 @@ | @@ -56,10 +56,36 @@ | ||
56 | margin: 0 auto; | 56 | margin: 0 auto; |
57 | transform: translateX(-70%); | 57 | transform: translateX(-70%); |
58 | } | 58 | } |
59 | -.timeZone{ | ||
60 | - display: block; | ||
61 | - margin: 0 auto; | ||
62 | -} | 59 | + |
60 | + .timeZone { | ||
61 | + display: block; | ||
62 | + margin: 0 auto; | ||
63 | + } */ | ||
64 | + | ||
65 | + .new_contant { | ||
66 | + margin: 80px auto 0 auto; | ||
67 | + width: 1104px; | ||
68 | + } | ||
69 | + | ||
70 | + .new_contant_img { | ||
71 | + width: 100%; | ||
72 | + height: 522px; | ||
73 | + /* background: pink; */ | ||
74 | + } | ||
75 | + | ||
76 | + .new_contant_img img { | ||
77 | + width: 100%; | ||
78 | + height: 100%; | ||
79 | + } | ||
80 | + | ||
81 | + .new_contant_title { | ||
82 | + margin: 32px 0 40px 0; | ||
83 | + font-size: 20px; | ||
84 | + font-weight: normal; | ||
85 | + font-stretch: normal; | ||
86 | + letter-spacing: 0px; | ||
87 | + color: #727171; | ||
88 | + } | ||
63 | </style> | 89 | </style> |
64 | </head> | 90 | </head> |
65 | 91 | ||
@@ -67,23 +93,22 @@ | @@ -67,23 +93,22 @@ | ||
67 | <nav class="navbar navbar-default bgf mb0"> | 93 | <nav class="navbar navbar-default bgf mb0"> |
68 | <div class="container-fluid top_pc_brand"> | 94 | <div class="container-fluid top_pc_brand"> |
69 | <div class="navbar-header"> | 95 | <div class="navbar-header"> |
70 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" | ||
71 | - aria-expanded="true"> | ||
72 | - <span class="sr-only">Toggle navigation</span> | ||
73 | - <span class="icon-bar"></span> | ||
74 | - <span class="icon-bar"></span> | ||
75 | - <span class="icon-bar"></span> | ||
76 | - </button> | 96 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
97 | + <span class="sr-only">Toggle navigation</span> | ||
98 | + <span class="icon-bar"></span> | ||
99 | + <span class="icon-bar"></span> | ||
100 | + <span class="icon-bar"></span> | ||
101 | + </button> | ||
77 | <a class="navbar-brand logo" href="../index.html"> | 102 | <a class="navbar-brand logo" href="../index.html"> |
78 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 103 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
79 | </a> | 104 | </a> |
80 | </div> | 105 | </div> |
81 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 106 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
82 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 107 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
83 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 108 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
84 | - <input type="text" class="form-control search-input" placeholder="Search"> | 109 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
85 | <div class="magnifier"> | 110 | <div class="magnifier"> |
86 | - <img src="../images/search_btn.png" alt=""> | 111 | + <img src="../images/search_btn.png" alt="" /> |
87 | </div> | 112 | </div> |
88 | </div> | 113 | </div> |
89 | </div> | 114 | </div> |
@@ -95,179 +120,172 @@ | @@ -95,179 +120,172 @@ | ||
95 | <ul class="nav_menu_items"> | 120 | <ul class="nav_menu_items"> |
96 | <li class="btn navbtnActive navbtn-a" role="button"> | 121 | <li class="btn navbtnActive navbtn-a" role="button"> |
97 | <a href="javascript:;">ABOUT US</a> | 122 | <a href="javascript:;">ABOUT US</a> |
98 | - <div class='sec_menu_items'> | 123 | + <div class="sec_menu_items"> |
99 | <a href="../about/welcome.html" class="inner_item"> | 124 | <a href="../about/welcome.html" class="inner_item"> |
100 | - Welcome Message | ||
101 | - </a> | 125 | + Welcome Message |
126 | + </a> | ||
102 | <a href="../about/mission.html" class="inner_item"> | 127 | <a href="../about/mission.html" class="inner_item"> |
103 | - Mission and Vision | ||
104 | - </a> | 128 | + Mission and Vision |
129 | + </a> | ||
105 | <a href="../about/leadership.html" class="inner_item"> | 130 | <a href="../about/leadership.html" class="inner_item"> |
106 | - Leadership | ||
107 | - </a> | 131 | + Leadership |
132 | + </a> | ||
108 | <a href="../about/history.html" class="inner_item"> | 133 | <a href="../about/history.html" class="inner_item"> |
109 | - History and Milestones | ||
110 | - </a> | 134 | + History and Milestones |
135 | + </a> | ||
111 | <a href="../about/quick.html" class="inner_item"> | 136 | <a href="../about/quick.html" class="inner_item"> |
112 | - Quick Facts | ||
113 | - </a> | 137 | + Quick Facts |
138 | + </a> | ||
114 | </div> | 139 | </div> |
115 | </li> | 140 | </li> |
116 | <li class="btn navbtn-a" role="button"> | 141 | <li class="btn navbtn-a" role="button"> |
117 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 142 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
118 | - <div class='sec_menu_items'> | ||
119 | - <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" | ||
120 | - class="inner_item"> | 143 | + <div class="sec_menu_items"> |
144 | + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" class="inner_item"> | ||
121 | Clinical Departments | 145 | Clinical Departments |
122 | <div class="third_menu_items"> | 146 | <div class="third_menu_items"> |
123 | <a href="../clinical/departm.html" class="inner_item"> | 147 | <a href="../clinical/departm.html" class="inner_item"> |
124 | - Surgical Department | ||
125 | - </a> | 148 | + Surgical Department |
149 | + </a> | ||
126 | <a href="../clinical/medical.html" class="inner_item"> | 150 | <a href="../clinical/medical.html" class="inner_item"> |
127 | - Medical Oncology | ||
128 | - </a> | 151 | + Medical Oncology |
152 | + </a> | ||
129 | <a href="../clinical/radiation.html" class="inner_item"> | 153 | <a href="../clinical/radiation.html" class="inner_item"> |
130 | - Radiation Oncology | ||
131 | - </a> | 154 | + Radiation Oncology |
155 | + </a> | ||
132 | <a href="../clinical/diagnostic.html" class="inner_item"> | 156 | <a href="../clinical/diagnostic.html" class="inner_item"> |
133 | - Diagnostic Oncology | ||
134 | - </a> | 157 | + Diagnostic Oncology |
158 | + </a> | ||
135 | <a href="../clinical/center.html" class="inner_item"> | 159 | <a href="../clinical/center.html" class="inner_item"> |
136 | - Center of Excellences | ||
137 | - </a> | 160 | + Center of Excellences |
161 | + </a> | ||
138 | </div> | 162 | </div> |
139 | </div> | 163 | </div> |
140 | <a href="../clinical/activities.html" class="inner_item"> | 164 | <a href="../clinical/activities.html" class="inner_item"> |
141 | - Clinical Activities | ||
142 | - </a> | 165 | + Clinical Activities |
166 | + </a> | ||
143 | <a href="../clinical/trials.html" class="inner_item"> | 167 | <a href="../clinical/trials.html" class="inner_item"> |
144 | - Clinical Trials | ||
145 | - </a> | 168 | + Clinical Trials |
169 | + </a> | ||
146 | <a href="../clinical/finddoctor.html" class="inner_item"> | 170 | <a href="../clinical/finddoctor.html" class="inner_item"> |
147 | - Find a Doctor | ||
148 | - </a> | 171 | + Find a Doctor |
172 | + </a> | ||
149 | </div> | 173 | </div> |
150 | </li> | 174 | </li> |
151 | <li class="btn navbtn-a" role="button"> | 175 | <li class="btn navbtn-a" role="button"> |
152 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 176 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
153 | - <div class='sec_menu_items'> | ||
154 | - | 177 | + <div class="sec_menu_items"> |
155 | <a href="../research/nationalCancer.html" class="inner_item"> | 178 | <a href="../research/nationalCancer.html" class="inner_item"> |
156 | - National Cancer Clinical Research Center | ||
157 | - </a> | ||
158 | - <div href="../research/research.html" onclick="location.href='../research/research.html'" | ||
159 | - class="inner_item"> | 179 | + National Cancer Clinical Research Center |
180 | + </a> | ||
181 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> | ||
160 | Research | 182 | Research |
161 | <div class="third_menu_items"> | 183 | <div class="third_menu_items"> |
162 | <a href="../research/research1.html" class="inner_item"> | 184 | <a href="../research/research1.html" class="inner_item"> |
163 | - Research programs | ||
164 | - </a> | 185 | + Research programs |
186 | + </a> | ||
165 | <a href="../research/research2.html" class="inner_item"> | 187 | <a href="../research/research2.html" class="inner_item"> |
166 | - Achievements | ||
167 | - </a> | 188 | + Achievements |
189 | + </a> | ||
168 | <a href="../research/research3.html" class="inner_item"> | 190 | <a href="../research/research3.html" class="inner_item"> |
169 | - Key Labaratories | ||
170 | - </a> | 191 | + Key Labaratories |
192 | + </a> | ||
171 | <a href="../research/researcher.html" class="inner_item"> | 193 | <a href="../research/researcher.html" class="inner_item"> |
172 | - Find a Researcher | ||
173 | - </a> | 194 | + Find a Researcher |
195 | + </a> | ||
174 | </div> | 196 | </div> |
175 | </div> | 197 | </div> |
176 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
177 | - class="inner_item"> | 198 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
178 | Education | 199 | Education |
179 | <div class="third_menu_items"> | 200 | <div class="third_menu_items"> |
180 | <a href="../research/education.html" class="inner_item"> | 201 | <a href="../research/education.html" class="inner_item"> |
181 | - Graduate Study | ||
182 | - </a> | 202 | + Graduate Study |
203 | + </a> | ||
183 | <a href="../research/education.html" class="inner_item"> | 204 | <a href="../research/education.html" class="inner_item"> |
184 | - International Study | ||
185 | - </a> | 205 | + International Study |
206 | + </a> | ||
186 | <a href="../research/education.html" class="inner_item"> | 207 | <a href="../research/education.html" class="inner_item"> |
187 | - Continuing Study | ||
188 | - </a> | 208 | + Continuing Study |
209 | + </a> | ||
189 | </div> | 210 | </div> |
190 | </div> | 211 | </div> |
191 | <a href="../research/researcher.html" class="inner_item"> | 212 | <a href="../research/researcher.html" class="inner_item"> |
192 | - News | ||
193 | - </a> | 213 | + News |
214 | + </a> | ||
194 | </div> | 215 | </div> |
195 | </li> | 216 | </li> |
196 | <li class="btn navbtn-a" role="button"> | 217 | <li class="btn navbtn-a" role="button"> |
197 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 218 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
198 | - <div class='sec_menu_items'> | 219 | + <div class="sec_menu_items"> |
199 | <a href="../international/conference.html" class="inner_item"> | 220 | <a href="../international/conference.html" class="inner_item"> |
200 | - International Conferences | ||
201 | - </a> | 221 | + International Conferences |
222 | + </a> | ||
202 | <a href="../international/training.html" class="inner_item"> | 223 | <a href="../international/training.html" class="inner_item"> |
203 | - Oversea Trainings | ||
204 | - </a> | 224 | + Oversea Trainings |
225 | + </a> | ||
205 | <a href="../international/referral.html" class="inner_item"> | 226 | <a href="../international/referral.html" class="inner_item"> |
206 | - International Patients | ||
207 | - </a> | 227 | + International Patients |
228 | + </a> | ||
208 | <a href="../international/partners.html" class="inner_item"> | 229 | <a href="../international/partners.html" class="inner_item"> |
209 | - Partnership Institutions | ||
210 | - </a> | ||
211 | - | 230 | + Partnership Institutions |
231 | + </a> | ||
212 | </div> | 232 | </div> |
213 | </li> | 233 | </li> |
214 | <li class="btn navbtn-a" role="button"> | 234 | <li class="btn navbtn-a" role="button"> |
215 | - <a href="../news.html">NEWS RELEASE</a> | 235 | + <a href="../news.html">NEWS RELEASE</a> |
216 | </li> | 236 | </li> |
217 | <li class="btn navbtn-a" role="button"> | 237 | <li class="btn navbtn-a" role="button"> |
218 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 238 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
219 | - <div class='sec_menu_items'> | 239 | + <div class="sec_menu_items"> |
220 | <div href="javascript:;" class="inner_item"> | 240 | <div href="javascript:;" class="inner_item"> |
221 | About Us | 241 | About Us |
222 | <div class="third_menu_items"> | 242 | <div class="third_menu_items"> |
223 | <a href="../institute/aboutus.html" class="inner_item"> | 243 | <a href="../institute/aboutus.html" class="inner_item"> |
224 | - About Us | ||
225 | - </a> | 244 | + About Us |
245 | + </a> | ||
226 | <a href="../institute/leadership.html" class="inner_item"> | 246 | <a href="../institute/leadership.html" class="inner_item"> |
227 | - Leadership | ||
228 | - </a> | 247 | + Leadership |
248 | + </a> | ||
229 | <a href="../institute/history.html" class="inner_item"> | 249 | <a href="../institute/history.html" class="inner_item"> |
230 | - History | ||
231 | - </a> | 250 | + History |
251 | + </a> | ||
232 | <a href="../institute/report.html" class="inner_item"> | 252 | <a href="../institute/report.html" class="inner_item"> |
233 | - Annual Report | ||
234 | - </a> | ||
235 | - | 253 | + Annual Report |
254 | + </a> | ||
236 | </div> | 255 | </div> |
237 | </div> | 256 | </div> |
238 | <div href="../clinical/nursing.html" class="inner_item"> | 257 | <div href="../clinical/nursing.html" class="inner_item"> |
239 | Research | 258 | Research |
240 | <div class="third_menu_items"> | 259 | <div class="third_menu_items"> |
241 | <a href="../institute/researchers.html" class="inner_item"> | 260 | <a href="../institute/researchers.html" class="inner_item"> |
242 | - Our Researchers | ||
243 | - </a> | 261 | + Our Researchers |
262 | + </a> | ||
244 | <a href="../institute/facilities.html" class="inner_item"> | 263 | <a href="../institute/facilities.html" class="inner_item"> |
245 | - Core Facilities | ||
246 | - </a> | 264 | + Core Facilities |
265 | + </a> | ||
247 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 266 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
248 | - Journal of Clinical Oncology | ||
249 | - </a> | 267 | + Journal of Clinical Oncology |
268 | + </a> | ||
250 | </div> | 269 | </div> |
251 | </div> | 270 | </div> |
252 | <a href="../institute/news.html" class="inner_item"> | 271 | <a href="../institute/news.html" class="inner_item"> |
253 | - News | ||
254 | - </a> | 272 | + News |
273 | + </a> | ||
255 | <a href="../institute/concat.html" class="inner_item"> | 274 | <a href="../institute/concat.html" class="inner_item"> |
256 | - Contact Us | ||
257 | - </a> | 275 | + Contact Us |
276 | + </a> | ||
258 | </div> | 277 | </div> |
259 | </li> | 278 | </li> |
260 | <li class="btn navbtn-a" role="button"> | 279 | <li class="btn navbtn-a" role="button"> |
261 | <a href="contact.html">CONTACT US</a> | 280 | <a href="contact.html">CONTACT US</a> |
262 | </li> | 281 | </li> |
263 | </ul> | 282 | </ul> |
264 | - | ||
265 | </div> | 283 | </div> |
266 | 284 | ||
267 | <!-- Swiper --> | 285 | <!-- Swiper --> |
268 | - <div class="img-header"> | 286 | + <!-- <div class="img-header"> |
269 | <img src="../images/h_1.png" width="100%" alt=""> | 287 | <img src="../images/h_1.png" width="100%" alt=""> |
270 | - </div> | 288 | + </div> --> |
271 | <div class="content"> | 289 | <div class="content"> |
272 | <!-- <div class="content-word"> | 290 | <!-- <div class="content-word"> |
273 | <div class="content-word-right"> | 291 | <div class="content-word-right"> |
@@ -333,19 +351,94 @@ | @@ -333,19 +351,94 @@ | ||
333 | </div> | 351 | </div> |
334 | </div> | 352 | </div> |
335 | </div> --> | 353 | </div> --> |
336 | - <div class="bold_title"> | 354 | + <!-- <div class="bold_title"> |
337 | HISTORY <br> | 355 | HISTORY <br> |
338 | AND<br> | 356 | AND<br> |
339 | MILESTONES | 357 | MILESTONES |
340 | </div> | 358 | </div> |
341 | - <img src="../images/time_zone.png" class='timeZone' alt=""> | 359 | + <img src="../images/time_zone.png" class='timeZone' alt=""> --> |
360 | + <div class="navpath">About Us<span>></span>History and Milestones</div> | ||
361 | + <div class="new_contant"> | ||
362 | + <div class="new_contant_one"> | ||
363 | + <div class="new_contant_img"> | ||
364 | + <img src="../images/46.png" alt="" /> | ||
365 | + </div> | ||
366 | + <div class="new_contant_title">2019-New Outpatient Building</div> | ||
367 | + </div> | ||
368 | + <div class="new_contant_one"> | ||
369 | + <div class="new_contant_img"> | ||
370 | + <img src="../images/47.png" alt=""> | ||
371 | + </div> | ||
372 | + <div class="new_contant_title"> | ||
373 | + 2018-Airport Free Trade Zone Hospital(Branch Hospital) | ||
374 | + </div> | ||
375 | + </div> | ||
376 | + <div class="new_contant_one"> | ||
377 | + <div class="new_contant_img"> | ||
378 | + <img src="../images/48.png" alt=""> | ||
379 | + </div> | ||
380 | + <div class="new_contant_title"> | ||
381 | + 2013-National Clinical Research Center for Cancer | ||
382 | + </div> | ||
383 | + </div> | ||
384 | + <div class="new_contant_one"> | ||
385 | + <div class="new_contant_img"> | ||
386 | + <img src="../images/49.png" alt=""> | ||
387 | + </div> | ||
388 | + <div class="new_contant_title"> | ||
389 | + 2011-Comprehensive Center for Clinic and Research | ||
390 | + </div> | ||
391 | + </div> | ||
392 | + <div class="new_contant_one"> | ||
393 | + <div class="new_contant_img"> | ||
394 | + <img src="../images/50.png" alt=""> | ||
395 | + </div> | ||
396 | + <div class="new_contant_title"> | ||
397 | + 2003-Comprehensive Breast Cancer Center | ||
398 | + </div> | ||
399 | + </div> | ||
400 | + <div class="new_contant_two"> | ||
401 | + <div class="new_contant_title"> | ||
402 | + 1997-Affiliated to Tianjin Medical University | ||
403 | + </div> | ||
404 | + <div class="new_contant_img"> | ||
405 | + <img src="../images/51.png" alt=""> | ||
406 | + </div> | ||
407 | + <div class="new_contant_title">1987</div> | ||
408 | + </div> | ||
409 | + <div class="new_contant_two"> | ||
410 | + <div class="new_contant_img"> | ||
411 | + <img src="../images/52.png" alt=""> | ||
412 | + </div> | ||
413 | + <div class="new_contant_title"> | ||
414 | + 1986-Renamed as “Tianjin Cancer Institute & Hospital” | ||
415 | + </div> | ||
416 | + </div> | ||
417 | + <div class="new_contant_two"> | ||
418 | + <div class="new_contant_title"> | ||
419 | + 1951-Tianjin Municipal People's Hospital | ||
420 | + </div> | ||
421 | + <div class="new_contant_img"> | ||
422 | + <img src="../images/53.png" alt=""> | ||
423 | + </div> | ||
424 | + <div class="new_contant_title"> | ||
425 | + 1924-Dr. Machenzie Memorial Hospital | ||
426 | + </div> | ||
427 | + </div> | ||
428 | + <div class="new_contant_two"> | ||
429 | + <div class="new_contant_img"> | ||
430 | + <img src="../images/1834nian.png" alt=""> | ||
431 | + </div> | ||
432 | + <div class="new_contant_title"> | ||
433 | + 1868-The London Christian Church Hospital | ||
434 | + </div> | ||
435 | + <div class="new_contant_title">1861-British Army Hospital</div> | ||
436 | + </div> | ||
437 | + </div> | ||
342 | </div> | 438 | </div> |
343 | - | ||
344 | - | ||
345 | </div> | 439 | </div> |
346 | -<footer class="footer-content"> | 440 | + <footer class="footer-content"> |
347 | <div class="footer-main"> | 441 | <div class="footer-main"> |
348 | - | ||
349 | <ul class="list-unstyled third-ul"> | 442 | <ul class="list-unstyled third-ul"> |
350 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 443 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
351 | <li>Tianjin 300060</li> | 444 | <li>Tianjin 300060</li> |
@@ -354,8 +447,8 @@ | @@ -354,8 +447,8 @@ | ||
354 | <li>Email: info@tjmuch.com</li> | 447 | <li>Email: info@tjmuch.com</li> |
355 | </ul> | 448 | </ul> |
356 | <ul class="list-unstyled first-ul"> | 449 | <ul class="list-unstyled first-ul"> |
357 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
358 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 450 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
451 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
359 | </ul> | 452 | </ul> |
360 | </div> | 453 | </div> |
361 | </footer> | 454 | </footer> |
@@ -363,7 +456,6 @@ | @@ -363,7 +456,6 @@ | ||
363 | <script src="../js/bootstrap.min.js"></script> | 456 | <script src="../js/bootstrap.min.js"></script> |
364 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 457 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
365 | <script src="../js/common.js"></script> | 458 | <script src="../js/common.js"></script> |
366 | - | ||
367 | </body> | 459 | </body> |
368 | 460 | ||
369 | </html> | 461 | </html> |
@@ -2,18 +2,44 @@ | @@ -2,18 +2,44 @@ | ||
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 | - .content{ | 14 | + .content { |
15 | background: none; | 15 | background: none; |
16 | } | 16 | } |
17 | + | ||
18 | + .new_contant { | ||
19 | + margin: 98px auto 0 auto; | ||
20 | + width: 1050px; | ||
21 | + text-align: center; | ||
22 | + } | ||
23 | + | ||
24 | + .new_contant_title { | ||
25 | + font-size: 30px; | ||
26 | + font-weight: normal; | ||
27 | + font-stretch: normal; | ||
28 | + line-height: 36px; | ||
29 | + letter-spacing: -1px; | ||
30 | + color: #737373; | ||
31 | + } | ||
32 | + | ||
33 | + .new_contant_word { | ||
34 | + margin-top: 36px; | ||
35 | + margin-bottom: 46px; | ||
36 | + font-size: 20px; | ||
37 | + font-weight: normal; | ||
38 | + font-stretch: normal; | ||
39 | + line-height: 30px; | ||
40 | + letter-spacing: 0px; | ||
41 | + color: #737373; | ||
42 | + } | ||
17 | </STYLE> | 43 | </STYLE> |
18 | </head> | 44 | </head> |
19 | 45 | ||
@@ -21,23 +47,22 @@ | @@ -21,23 +47,22 @@ | ||
21 | <nav class="navbar navbar-default bgf mb0"> | 47 | <nav class="navbar navbar-default bgf mb0"> |
22 | <div class="container-fluid top_pc_brand"> | 48 | <div class="container-fluid top_pc_brand"> |
23 | <div class="navbar-header"> | 49 | <div class="navbar-header"> |
24 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
25 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | ||
26 | - <span class="sr-only">Toggle navigation</span> | ||
27 | - <span class="icon-bar"></span> | ||
28 | - <span class="icon-bar"></span> | ||
29 | - <span class="icon-bar"></span> | ||
30 | - </button> | 50 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
51 | + <span class="sr-only">Toggle navigation</span> | ||
52 | + <span class="icon-bar"></span> | ||
53 | + <span class="icon-bar"></span> | ||
54 | + <span class="icon-bar"></span> | ||
55 | + </button> | ||
31 | <a class="navbar-brand logo" href="../index.html"> | 56 | <a class="navbar-brand logo" href="../index.html"> |
32 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 57 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
33 | </a> | 58 | </a> |
34 | </div> | 59 | </div> |
35 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 60 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
36 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 61 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
37 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 62 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
38 | - <input type="text" class="form-control search-input" placeholder="Search"> | 63 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
39 | <div class="magnifier"> | 64 | <div class="magnifier"> |
40 | - <img src="../images/search_btn.png" alt=""> | 65 | + <img src="../images/search_btn.png" alt="" /> |
41 | </div> | 66 | </div> |
42 | </div> | 67 | </div> |
43 | </div> | 68 | </div> |
@@ -46,194 +71,190 @@ | @@ -46,194 +71,190 @@ | ||
46 | <div class="container-fluid pc"> | 71 | <div class="container-fluid pc"> |
47 | <div class="mask"></div> | 72 | <div class="mask"></div> |
48 | <div class="bs-example" data-example-id="simple-justified-button-group"> | 73 | <div class="bs-example" data-example-id="simple-justified-button-group"> |
49 | - <ul class="nav_menu_items"> | 74 | + <ul class="nav_menu_items"> |
50 | <li class="btn navbtnActive navbtn-a" role="button"> | 75 | <li class="btn navbtnActive navbtn-a" role="button"> |
51 | <a href="javascript:;">ABOUT US</a> | 76 | <a href="javascript:;">ABOUT US</a> |
52 | - <div class='sec_menu_items'> | 77 | + <div class="sec_menu_items"> |
53 | <a href="../about/welcome.html" class="inner_item"> | 78 | <a href="../about/welcome.html" class="inner_item"> |
54 | - Welcome Message | ||
55 | - </a> | 79 | + Welcome Message |
80 | + </a> | ||
56 | <a href="../about/mission.html" class="inner_item"> | 81 | <a href="../about/mission.html" class="inner_item"> |
57 | - Mission and Vision | ||
58 | - </a> | 82 | + Mission and Vision |
83 | + </a> | ||
59 | <a href="../about/leadership.html" class="inner_item"> | 84 | <a href="../about/leadership.html" class="inner_item"> |
60 | - Leadership | ||
61 | - </a> | 85 | + Leadership |
86 | + </a> | ||
62 | <a href="../about/history.html" class="inner_item"> | 87 | <a href="../about/history.html" class="inner_item"> |
63 | - History and Milestones | ||
64 | - </a> | 88 | + History and Milestones |
89 | + </a> | ||
65 | <a href="../about/quick.html" class="inner_item"> | 90 | <a href="../about/quick.html" class="inner_item"> |
66 | - Quick Facts | ||
67 | - </a> | 91 | + Quick Facts |
92 | + </a> | ||
68 | <a href="../about/contact.html" class="inner_item">Contact Us</a> | 93 | <a href="../about/contact.html" class="inner_item">Contact Us</a> |
69 | </div> | 94 | </div> |
70 | </li> | 95 | </li> |
71 | <li class="btn navbtn-a" role="button"> | 96 | <li class="btn navbtn-a" role="button"> |
72 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 97 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
73 | - <div class='sec_menu_items'> | ||
74 | - <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" | ||
75 | - class="inner_item"> | 98 | + <div class="sec_menu_items"> |
99 | + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" class="inner_item"> | ||
76 | Clinical Departments | 100 | Clinical Departments |
77 | <div class="third_menu_items"> | 101 | <div class="third_menu_items"> |
78 | <a href="../clinical/departm.html" class="inner_item"> | 102 | <a href="../clinical/departm.html" class="inner_item"> |
79 | - Surgical Department | ||
80 | - </a> | 103 | + Surgical Department |
104 | + </a> | ||
81 | <a href="../clinical/medical.html" class="inner_item"> | 105 | <a href="../clinical/medical.html" class="inner_item"> |
82 | - Medical Oncology | ||
83 | - </a> | 106 | + Medical Oncology |
107 | + </a> | ||
84 | <a href="../clinical/radiation.html" class="inner_item"> | 108 | <a href="../clinical/radiation.html" class="inner_item"> |
85 | - Radiation Oncology | ||
86 | - </a> | 109 | + Radiation Oncology |
110 | + </a> | ||
87 | <a href="../clinical/diagnostic.html" class="inner_item"> | 111 | <a href="../clinical/diagnostic.html" class="inner_item"> |
88 | - Diagnostic Oncology | ||
89 | - </a> | 112 | + Diagnostic Oncology |
113 | + </a> | ||
90 | <a href="../clinical/center.html" class="inner_item"> | 114 | <a href="../clinical/center.html" class="inner_item"> |
91 | - Center of Excellences | ||
92 | - </a> | 115 | + Center of Excellences |
116 | + </a> | ||
93 | </div> | 117 | </div> |
94 | </div> | 118 | </div> |
95 | <a href="../clinical/activities.html" class="inner_item"> | 119 | <a href="../clinical/activities.html" class="inner_item"> |
96 | - Clinical Activities | ||
97 | - </a> | 120 | + Clinical Activities |
121 | + </a> | ||
98 | <a href="../clinical/trials.html" class="inner_item"> | 122 | <a href="../clinical/trials.html" class="inner_item"> |
99 | - Clinical Trials | ||
100 | - </a> | 123 | + Clinical Trials |
124 | + </a> | ||
101 | <a href="../clinical/finddoctor.html" class="inner_item"> | 125 | <a href="../clinical/finddoctor.html" class="inner_item"> |
102 | - Find a Doctor | ||
103 | - </a> | 126 | + Find a Doctor |
127 | + </a> | ||
104 | </div> | 128 | </div> |
105 | </li> | 129 | </li> |
106 | <li class="btn navbtn-a" role="button"> | 130 | <li class="btn navbtn-a" role="button"> |
107 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 131 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
108 | - <div class='sec_menu_items'> | ||
109 | - | 132 | + <div class="sec_menu_items"> |
110 | <a href="../research/nationalCancer.html" class="inner_item"> | 133 | <a href="../research/nationalCancer.html" class="inner_item"> |
111 | - National Cancer Clinical Research Center | ||
112 | - </a> | 134 | + National Cancer Clinical Research Center |
135 | + </a> | ||
113 | <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> | 136 | <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
114 | Research | 137 | Research |
115 | <div class="third_menu_items"> | 138 | <div class="third_menu_items"> |
116 | <a href="../research/research1.html" class="inner_item"> | 139 | <a href="../research/research1.html" class="inner_item"> |
117 | - Research programs | ||
118 | - </a> | 140 | + Research programs |
141 | + </a> | ||
119 | <a href="../clinical/research2.html" class="inner_item"> | 142 | <a href="../clinical/research2.html" class="inner_item"> |
120 | - Achievements | ||
121 | - </a> | 143 | + Achievements |
144 | + </a> | ||
122 | <a href="../clinical/research3.html" class="inner_item"> | 145 | <a href="../clinical/research3.html" class="inner_item"> |
123 | - Key Labaratories | ||
124 | - </a> | 146 | + Key Labaratories |
147 | + </a> | ||
125 | <a href="../research/researcher.html" class="inner_item"> | 148 | <a href="../research/researcher.html" class="inner_item"> |
126 | - Find a Researcher | ||
127 | - </a> | 149 | + Find a Researcher |
150 | + </a> | ||
128 | </div> | 151 | </div> |
129 | </div> | 152 | </div> |
130 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
131 | - class="inner_item"> | 153 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
132 | Education | 154 | Education |
133 | <div class="third_menu_items"> | 155 | <div class="third_menu_items"> |
134 | <a href="../research/education.html" class="inner_item"> | 156 | <a href="../research/education.html" class="inner_item"> |
135 | - Graduate Study | ||
136 | - </a> | 157 | + Graduate Study |
158 | + </a> | ||
137 | <a href="../research/education.html" class="inner_item"> | 159 | <a href="../research/education.html" class="inner_item"> |
138 | - International Study | ||
139 | - </a> | 160 | + International Study |
161 | + </a> | ||
140 | <a href="../research/education.html" class="inner_item"> | 162 | <a href="../research/education.html" class="inner_item"> |
141 | - Continuing Study | ||
142 | - </a> | 163 | + Continuing Study |
164 | + </a> | ||
143 | </div> | 165 | </div> |
144 | </div> | 166 | </div> |
145 | <a href="../research/news.html" class="inner_item"> | 167 | <a href="../research/news.html" class="inner_item"> |
146 | - News | ||
147 | - </a> | 168 | + News |
169 | + </a> | ||
148 | </div> | 170 | </div> |
149 | </li> | 171 | </li> |
150 | <li class="btn navbtn-a" role="button"> | 172 | <li class="btn navbtn-a" role="button"> |
151 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 173 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
152 | - <div class='sec_menu_items'> | 174 | + <div class="sec_menu_items"> |
153 | <div href="javascript:;" class="inner_item"> | 175 | <div href="javascript:;" class="inner_item"> |
154 | About Us | 176 | About Us |
155 | <div class="third_menu_items"> | 177 | <div class="third_menu_items"> |
156 | <a href="../institute/aboutus.html" class="inner_item"> | 178 | <a href="../institute/aboutus.html" class="inner_item"> |
157 | - About Us | ||
158 | - </a> | 179 | + About Us |
180 | + </a> | ||
159 | <a href="../institute/leadership.html" class="inner_item"> | 181 | <a href="../institute/leadership.html" class="inner_item"> |
160 | - Leadership | ||
161 | - </a> | 182 | + Leadership |
183 | + </a> | ||
162 | <a href="../institute/history.html" class="inner_item"> | 184 | <a href="../institute/history.html" class="inner_item"> |
163 | - History | ||
164 | - </a> | 185 | + History |
186 | + </a> | ||
165 | <a href="../institute/report.html" class="inner_item"> | 187 | <a href="../institute/report.html" class="inner_item"> |
166 | - Annual Report | ||
167 | - </a> | 188 | + Annual Report |
189 | + </a> | ||
168 | </div> | 190 | </div> |
169 | </div> | 191 | </div> |
170 | <div href="../clinical/nursing.html" class="inner_item"> | 192 | <div href="../clinical/nursing.html" class="inner_item"> |
171 | Research | 193 | Research |
172 | <div class="third_menu_items"> | 194 | <div class="third_menu_items"> |
173 | <a href="../institute/researchers.html" class="inner_item"> | 195 | <a href="../institute/researchers.html" class="inner_item"> |
174 | - Our Researchers | ||
175 | - </a> | 196 | + Our Researchers |
197 | + </a> | ||
176 | <a href="../institute/facilities.html" class="inner_item"> | 198 | <a href="../institute/facilities.html" class="inner_item"> |
177 | - Core Facilities and Services | ||
178 | - </a> | 199 | + Core Facilities and Services |
200 | + </a> | ||
179 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 201 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
180 | - Journal of Clinical Oncology | ||
181 | - </a> | 202 | + Journal of Clinical Oncology |
203 | + </a> | ||
182 | </div> | 204 | </div> |
183 | </div> | 205 | </div> |
184 | <a href="../institute/news.html" class="inner_item"> | 206 | <a href="../institute/news.html" class="inner_item"> |
185 | - News | ||
186 | - </a> | 207 | + News |
208 | + </a> | ||
187 | <a href="../institute/concat.html" class="inner_item"> | 209 | <a href="../institute/concat.html" class="inner_item"> |
188 | - Contact Us | ||
189 | - </a> | 210 | + Contact Us |
211 | + </a> | ||
190 | </div> | 212 | </div> |
191 | </li> | 213 | </li> |
192 | <li class="btn navbtn-a" role="button"> | 214 | <li class="btn navbtn-a" role="button"> |
193 | <a href="../contact.html">NURSING CARE</a> | 215 | <a href="../contact.html">NURSING CARE</a> |
194 | - <div class='sec_menu_items'> | 216 | + <div class="sec_menu_items"> |
195 | <a href="../care/aboutus.html" class="inner_item"> | 217 | <a href="../care/aboutus.html" class="inner_item"> |
196 | - About Us | ||
197 | - </a> | 218 | + About Us |
219 | + </a> | ||
198 | <a href="../care/activity.html" class="inner_item"> | 220 | <a href="../care/activity.html" class="inner_item"> |
199 | - Nursing Activities | ||
200 | - </a> | 221 | + Nursing Activities |
222 | + </a> | ||
201 | <a href="../care/training.html" class="inner_item"> | 223 | <a href="../care/training.html" class="inner_item"> |
202 | - Nurse Training | ||
203 | - </a> | 224 | + Nurse Training |
225 | + </a> | ||
204 | <a href="../care/achievement.html" class="inner_item"> | 226 | <a href="../care/achievement.html" class="inner_item"> |
205 | - Research Achievement | ||
206 | - </a> | 227 | + Research Achievement |
228 | + </a> | ||
207 | <a href="../care/exchange.html" class="inner_item"> | 229 | <a href="../care/exchange.html" class="inner_item"> |
208 | - International Exchanges | ||
209 | - </a> | 230 | + International Exchanges |
231 | + </a> | ||
210 | <a href="../care/cancer.html" class="inner_item"> | 232 | <a href="../care/cancer.html" class="inner_item"> |
211 | - Cancer Survivorship Support | ||
212 | - </a> | ||
213 | - <a href="../care/news.html" class="inner_item"> | ||
214 | - News & Events | ||
215 | - </a> | 233 | + Cancer Survivorship Support |
234 | + </a> | ||
235 | + <a href="../care/news.html" class="inner_item"> | ||
236 | + News & Events | ||
237 | + </a> | ||
216 | <a href="../care/contactUs.html" class="inner_item"> | 238 | <a href="../care/contactUs.html" class="inner_item"> |
217 | - Contact Us | ||
218 | - </a> | 239 | + Contact Us |
240 | + </a> | ||
219 | </div> | 241 | </div> |
220 | </li> | 242 | </li> |
221 | <li class="btn navbtn-a" role="button"> | 243 | <li class="btn navbtn-a" role="button"> |
222 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 244 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
223 | - <div class='sec_menu_items'> | 245 | + <div class="sec_menu_items"> |
224 | <a href="../international/conference.html" class="inner_item"> | 246 | <a href="../international/conference.html" class="inner_item"> |
225 | - International Conferences | ||
226 | - </a> | 247 | + International Conferences |
248 | + </a> | ||
227 | <a href="../international/training.html" class="inner_item"> | 249 | <a href="../international/training.html" class="inner_item"> |
228 | - Oversea Trainings | ||
229 | - </a> | 250 | + Oversea Trainings |
251 | + </a> | ||
230 | <a href="../international/referral.html" class="inner_item"> | 252 | <a href="../international/referral.html" class="inner_item"> |
231 | - International Patients | ||
232 | - </a> | 253 | + International Patients |
254 | + </a> | ||
233 | <a href="../international/partners.html" class="inner_item"> | 255 | <a href="../international/partners.html" class="inner_item"> |
234 | - Partnership Institutions | ||
235 | - </a> | ||
236 | - | 256 | + Partnership Institutions |
257 | + </a> | ||
237 | </div> | 258 | </div> |
238 | </li> | 259 | </li> |
239 | <li class="btn navbtn-a" role="button"> | 260 | <li class="btn navbtn-a" role="button"> |
@@ -243,16 +264,42 @@ | @@ -243,16 +264,42 @@ | ||
243 | </div> | 264 | </div> |
244 | 265 | ||
245 | <!-- Swiper --> | 266 | <!-- Swiper --> |
246 | - <div class="img-header"> | 267 | + <!-- <div class="img-header"> |
247 | <img src="../images/f_1.png" width="100%" alt=""> | 268 | <img src="../images/f_1.png" width="100%" alt=""> |
248 | - </div> | 269 | + </div> --> |
249 | <div class="full_content"> | 270 | <div class="full_content"> |
250 | <div class="content" style="padding-bottom:0"> | 271 | <div class="content" style="padding-bottom:0"> |
251 | - <div class="top_title_inner"> | 272 | + <!-- <div class="top_title_inner"> |
252 | MISSION AND VISION | 273 | MISSION AND VISION |
274 | + </div> --> | ||
275 | + <div class="navpath">About Us<span>></span>Mission and Vision</div> | ||
276 | + <div class="new_contant"> | ||
277 | + <div class="new_contant_one"> | ||
278 | + <div class="new_contant_title">MISSION</div> | ||
279 | + <div class="new_contant_word"> | ||
280 | + The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best treatment and care for cancer patients through promoting cancer research, treatment and education and to achieve the goal of decreasing the incidence of cancer | ||
281 | + and improving the quality of life of cancer patients in China. | ||
282 | + </div> | ||
283 | + </div> | ||
284 | + <div class="new_contant_one"> | ||
285 | + <div class="new_contant_title">VISION</div> | ||
286 | + <div class="new_contant_word"> | ||
287 | + The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously strengthen its status as a major national and international center for cancer research, treatment, prevention and education and to closely collaborate with leading | ||
288 | + cancer centers worldwide in the fight against all types of cancer. | ||
289 | + </div> | ||
290 | + </div> | ||
291 | + <div class="new_contant_one"> | ||
292 | + <div class="new_contant_title">MOTTO</div> | ||
293 | + <div class="new_contant_word"> | ||
294 | + <p> | ||
295 | + To provide patients with uttermost integrityand state-of-the-art medicine | ||
296 | + </p> | ||
297 | + <p style="margin-top: 30px">To improve our profession with ingenuity and innovations</p> | ||
298 | + </div> | ||
299 | + </div> | ||
253 | </div> | 300 | </div> |
254 | </div> | 301 | </div> |
255 | - <div class="content flex_content"> | 302 | + <!-- <div class="content flex_content"> |
256 | 303 | ||
257 | <div class="imgwordthree"> | 304 | <div class="imgwordthree"> |
258 | <div class="fstitem"> | 305 | <div class="fstitem"> |
@@ -285,13 +332,11 @@ | @@ -285,13 +332,11 @@ | ||
285 | improve our profession with ingenuity and innovations</p> | 332 | improve our profession with ingenuity and innovations</p> |
286 | </div> | 333 | </div> |
287 | </div> | 334 | </div> |
288 | - </div> | 335 | + </div> --> |
289 | </div> | 336 | </div> |
290 | 337 | ||
291 | - | ||
292 | <footer class="footer-content"> | 338 | <footer class="footer-content"> |
293 | <div class="footer-main"> | 339 | <div class="footer-main"> |
294 | - | ||
295 | <ul class="list-unstyled third-ul"> | 340 | <ul class="list-unstyled third-ul"> |
296 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 341 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
297 | <li>Tianjin 300060</li> | 342 | <li>Tianjin 300060</li> |
@@ -300,32 +345,35 @@ | @@ -300,32 +345,35 @@ | ||
300 | <li>Email: info@tjmuch.com</li> | 345 | <li>Email: info@tjmuch.com</li> |
301 | </ul> | 346 | </ul> |
302 | <ul class="list-unstyled first-ul"> | 347 | <ul class="list-unstyled first-ul"> |
303 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
304 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 348 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
349 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
305 | </ul> | 350 | </ul> |
306 | </div> | 351 | </div> |
307 | </footer> | 352 | </footer> |
308 | - | ||
309 | </div> | 353 | </div> |
310 | <script src="../js/jquery-1.11.3.min.js"></script> | 354 | <script src="../js/jquery-1.11.3.min.js"></script> |
311 | <script src="../js/bootstrap.min.js"></script> | 355 | <script src="../js/bootstrap.min.js"></script> |
312 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 356 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
313 | <script src="../js/common.js"></script> | 357 | <script src="../js/common.js"></script> |
314 | <script> | 358 | <script> |
315 | - $(document).ready(function () { | ||
316 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
317 | - console.log(this) | ||
318 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
319 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
320 | - }) | ||
321 | - }) | ||
322 | - var swiper = new Swiper('.swiper-container', { | ||
323 | - pagination: '.swiper-pagination', | 359 | + $(document).ready(function() { |
360 | + $(".btn-group") | ||
361 | + .find(".navbtn-a") | ||
362 | + .click(function() { | ||
363 | + console.log(this); | ||
364 | + $(this) | ||
365 | + .siblings(".navbtn-a") | ||
366 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
367 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
368 | + }); | ||
369 | + }); | ||
370 | + var swiper = new Swiper(".swiper-container", { | ||
371 | + pagination: ".swiper-pagination", | ||
324 | paginationClickable: true | 372 | paginationClickable: true |
325 | }); | 373 | }); |
326 | 374 | ||
327 | - var swiper = new Swiper('.swiper-container1', { | ||
328 | - pagination: '.swiper-pagination', | 375 | + var swiper = new Swiper(".swiper-container1", { |
376 | + pagination: ".swiper-pagination", | ||
329 | slidesPerView: 3, | 377 | slidesPerView: 3, |
330 | paginationClickable: true, | 378 | paginationClickable: true, |
331 | spaceBetween: 30 | 379 | spaceBetween: 30 |
@@ -11,19 +11,19 @@ | @@ -11,19 +11,19 @@ | ||
11 | <link rel="stylesheet" href="../css/index.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 | margin-bottom: 44px; | 15 | margin-bottom: 44px; |
16 | width: auto; | 16 | width: auto; |
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 | } | 25 | } |
26 | - | 26 | + |
27 | .content-word-left { | 27 | .content-word-left { |
28 | position: absolute; | 28 | position: absolute; |
29 | top: 0; | 29 | top: 0; |
@@ -35,7 +35,7 @@ | @@ -35,7 +35,7 @@ | ||
35 | justify-content: space-between; | 35 | justify-content: space-between; |
36 | box-sizing: border-box; | 36 | box-sizing: border-box; |
37 | } | 37 | } |
38 | - | 38 | + |
39 | .single_date { | 39 | .single_date { |
40 | height: auto; | 40 | height: auto; |
41 | display: flex; | 41 | display: flex; |
@@ -43,12 +43,13 @@ | @@ -43,12 +43,13 @@ | ||
43 | flex-flow: column; | 43 | flex-flow: column; |
44 | justify-content: space-between; | 44 | justify-content: space-between; |
45 | } | 45 | } |
46 | - | 46 | + |
47 | .single_date h3 { | 47 | .single_date h3 { |
48 | color: #000; | 48 | color: #000; |
49 | padding: 0; | 49 | padding: 0; |
50 | margin: 0; | 50 | margin: 0; |
51 | } | 51 | } |
52 | + | ||
52 | .content-word-right { | 53 | .content-word-right { |
53 | color: #01a26e; | 54 | color: #01a26e; |
54 | flex: unset; | 55 | flex: unset; |
@@ -56,38 +57,92 @@ | @@ -56,38 +57,92 @@ | ||
56 | margin: 0 auto; | 57 | margin: 0 auto; |
57 | transform: translateX(-70%); | 58 | transform: translateX(-70%); |
58 | } | 59 | } |
59 | - .single_data_inner{ | 60 | + |
61 | + .single_data_inner { | ||
60 | font-size: 16px | 62 | font-size: 16px |
61 | } | 63 | } |
62 | - .single_data_inner p{ | 64 | + |
65 | + .single_data_inner p { | ||
63 | margin-bottom: 5px; | 66 | margin-bottom: 5px; |
64 | } | 67 | } |
65 | - | ||
66 | - .word_item{ | 68 | + |
69 | + .word_item { | ||
67 | width: 300px; | 70 | width: 300px; |
68 | flex: unset; | 71 | flex: unset; |
69 | } | 72 | } |
70 | - .first_item{ | ||
71 | - width:500px; | 73 | + |
74 | + .first_item { | ||
75 | + width: 500px; | ||
72 | } | 76 | } |
73 | - .word_item .single_box{ | 77 | + |
78 | + .word_item .single_box { | ||
74 | width: auto; | 79 | width: auto; |
75 | height: auto; | 80 | height: auto; |
76 | } | 81 | } |
77 | - .q_title{ | 82 | + |
83 | + .q_title { | ||
78 | display: flex; | 84 | display: flex; |
79 | align-items: center; | 85 | align-items: center; |
80 | margin-bottom: 15px | 86 | margin-bottom: 15px |
81 | } | 87 | } |
82 | - .q_title img{ | 88 | + |
89 | + .q_title img { | ||
83 | height: 30px; | 90 | height: 30px; |
84 | width: 30px; | 91 | width: 30px; |
85 | margin-right: 15px; | 92 | margin-right: 15px; |
86 | align-self: flex-end; | 93 | align-self: flex-end; |
87 | margin-bottom: 5px; | 94 | margin-bottom: 5px; |
88 | } | 95 | } |
89 | - .left_desc{ | ||
90 | - display: inline-block;width: 200px; | 96 | + |
97 | + .left_desc { | ||
98 | + display: inline-block; | ||
99 | + width: 200px; | ||
100 | + } */ | ||
101 | + | ||
102 | + .contant { | ||
103 | + width: 611px; | ||
104 | + margin: 56px auto 0 auto | ||
105 | + } | ||
106 | + | ||
107 | + .contant_img { | ||
108 | + width: 100%; | ||
109 | + height: 400px; | ||
110 | + /* background: pink */ | ||
111 | + } | ||
112 | + | ||
113 | + .contant_word { | ||
114 | + margin-top: 32px | ||
115 | + } | ||
116 | + | ||
117 | + .contant_title { | ||
118 | + font-size: 30px; | ||
119 | + font-weight: bold; | ||
120 | + color: rgba(2, 2, 2, 1); | ||
121 | + } | ||
122 | + | ||
123 | + .contant_words { | ||
124 | + font-size: 20px; | ||
125 | + font-weight: bold; | ||
126 | + color: #666666; | ||
127 | + position: relative; | ||
128 | + padding-left: 20px; | ||
129 | + line-height: 40px | ||
130 | + } | ||
131 | + | ||
132 | + .contant_words::before { | ||
133 | + content: ""; | ||
134 | + width: 10px; | ||
135 | + height: 10px; | ||
136 | + background: #666666; | ||
137 | + border-radius: 50%; | ||
138 | + position: absolute; | ||
139 | + top: 14px; | ||
140 | + left: 0; | ||
141 | + } | ||
142 | + | ||
143 | + .contant_two, | ||
144 | + .contant_three { | ||
145 | + margin-top: 34px | ||
91 | } | 146 | } |
92 | </style> | 147 | </style> |
93 | </head> | 148 | </head> |
@@ -96,8 +151,7 @@ | @@ -96,8 +151,7 @@ | ||
96 | <nav class="navbar navbar-default bgf mb0"> | 151 | <nav class="navbar navbar-default bgf mb0"> |
97 | <div class="container-fluid top_pc_brand"> | 152 | <div class="container-fluid top_pc_brand"> |
98 | <div class="navbar-header"> | 153 | <div class="navbar-header"> |
99 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" | ||
100 | - aria-expanded="true"> | 154 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
101 | <span class="sr-only">Toggle navigation</span> | 155 | <span class="sr-only">Toggle navigation</span> |
102 | <span class="icon-bar"></span> | 156 | <span class="icon-bar"></span> |
103 | <span class="icon-bar"></span> | 157 | <span class="icon-bar"></span> |
@@ -121,7 +175,7 @@ | @@ -121,7 +175,7 @@ | ||
121 | <div class="container-fluid pc"> | 175 | <div class="container-fluid pc"> |
122 | <div class="mask"></div> | 176 | <div class="mask"></div> |
123 | <div class="bs-example" data-example-id="simple-justified-button-group"> | 177 | <div class="bs-example" data-example-id="simple-justified-button-group"> |
124 | - <ul class="nav_menu_items"> | 178 | + <ul class="nav_menu_items"> |
125 | <li class="btn navbtnActive navbtn-a" role="button"> | 179 | <li class="btn navbtnActive navbtn-a" role="button"> |
126 | <a href="javascript:;">ABOUT US</a> | 180 | <a href="javascript:;">ABOUT US</a> |
127 | <div class='sec_menu_items'> | 181 | <div class='sec_menu_items'> |
@@ -146,8 +200,7 @@ | @@ -146,8 +200,7 @@ | ||
146 | <li class="btn navbtn-a" role="button"> | 200 | <li class="btn navbtn-a" role="button"> |
147 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 201 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
148 | <div class='sec_menu_items'> | 202 | <div class='sec_menu_items'> |
149 | - <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" | ||
150 | - class="inner_item"> | 203 | + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" class="inner_item"> |
151 | Clinical Departments | 204 | Clinical Departments |
152 | <div class="third_menu_items"> | 205 | <div class="third_menu_items"> |
153 | <a href="../clinical/departm.html" class="inner_item"> | 206 | <a href="../clinical/departm.html" class="inner_item"> |
@@ -181,7 +234,7 @@ | @@ -181,7 +234,7 @@ | ||
181 | <li class="btn navbtn-a" role="button"> | 234 | <li class="btn navbtn-a" role="button"> |
182 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 235 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
183 | <div class='sec_menu_items'> | 236 | <div class='sec_menu_items'> |
184 | - | 237 | + |
185 | <a href="../research/nationalCancer.html" class="inner_item"> | 238 | <a href="../research/nationalCancer.html" class="inner_item"> |
186 | National Cancer Clinical Research Center | 239 | National Cancer Clinical Research Center |
187 | </a> | 240 | </a> |
@@ -202,8 +255,7 @@ | @@ -202,8 +255,7 @@ | ||
202 | </a> | 255 | </a> |
203 | </div> | 256 | </div> |
204 | </div> | 257 | </div> |
205 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
206 | - class="inner_item"> | 258 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
207 | Education | 259 | Education |
208 | <div class="third_menu_items"> | 260 | <div class="third_menu_items"> |
209 | <a href="../research/education.html" class="inner_item"> | 261 | <a href="../research/education.html" class="inner_item"> |
@@ -318,14 +370,56 @@ | @@ -318,14 +370,56 @@ | ||
318 | </div> | 370 | </div> |
319 | 371 | ||
320 | <!-- Swiper --> | 372 | <!-- Swiper --> |
321 | - <div class="img-header"> | 373 | + <!-- <div class="img-header"> |
322 | <img src="../images/quick_1.png" width="100%" alt=""> | 374 | <img src="../images/quick_1.png" width="100%" alt=""> |
323 | - </div> | 375 | + </div> --> |
324 | <div class="content"> | 376 | <div class="content"> |
325 | - <div class="top_title_inner"> | ||
326 | - QUICK FACTS | 377 | + <div class="navpath">About Us<span>></span>Quick Facts</div> |
378 | + <div class="contant"> | ||
379 | + <div class="contant_one"> | ||
380 | + <div class="contant_img"> | ||
381 | + <img src="../images/54.png" alt=""> | ||
382 | + </div> | ||
383 | + <div class="contant_word"> | ||
384 | + <div class="contant_title">Main Campus</div> | ||
385 | + <div class="contant_words">Cover Area: 63,000㎡</div> | ||
386 | + <div class="contant_words">Building Area: 175,052m2</div> | ||
387 | + <div class="contant_words">Beds: 2,198</div> | ||
388 | + <div class="contant_words">Staffs: 2,993</div> | ||
389 | + <div class="contant_words">Outpatient visits: 1,224,629</div> | ||
390 | + <div class="contant_words">In-patients visits: 103,123</div> | ||
391 | + <div class="contant_words">Operations: 32,462</div> | ||
392 | + </div> | ||
393 | + </div> | ||
394 | + <div class="contant_two"> | ||
395 | + <div class="contant_img"> | ||
396 | + <img src="../images/55.png" alt=""> | ||
397 | + </div> | ||
398 | + <div class="contant_word"> | ||
399 | + <div class="contant_title">Airport Free Trade Zone Hospital</div> | ||
400 | + <div class="contant_words">Building Area: 116,255㎡</div> | ||
401 | + <div class="contant_words">Beds:1000</div> | ||
402 | + <div class="contant_words">Staffs: 450</div> | ||
403 | + </div> | ||
404 | + </div> | ||
405 | + <div class="contant_three"> | ||
406 | + <div class="contant_img"> | ||
407 | + <img src="../images/56.png" alt=""> | ||
408 | + </div> | ||
409 | + <div class="contant_word"> | ||
410 | + <div class="contant_title">Binhai Hospital</div> | ||
411 | + <div class="contant_words">Covers 150,000㎡</div> | ||
412 | + <div class="contant_words">Beds:1200</div> | ||
413 | + <div class="contant_words">Put into use in 2020</div> | ||
414 | + </div> | ||
415 | + </div> | ||
327 | </div> | 416 | </div> |
328 | - <div class="content-word"> | 417 | + |
418 | + | ||
419 | + <!-- <div class="top_title_inner"> | ||
420 | + QUICK FACTS | ||
421 | + </div> --> | ||
422 | + <!-- <div class="content-word"> | ||
329 | <div class="word_item first_item"> | 423 | <div class="word_item first_item"> |
330 | <div class="single_date"> | 424 | <div class="single_date"> |
331 | <div class="single_box"> | 425 | <div class="single_box"> |
@@ -423,36 +517,29 @@ | @@ -423,36 +517,29 @@ | ||
423 | </div> | 517 | </div> |
424 | </div> | 518 | </div> |
425 | 519 | ||
426 | - </div> | ||
427 | - <!-- <div class="content-word-right"> | ||
428 | - | ||
429 | - | ||
430 | - | 520 | + </!--> |
521 | + <!-- <div class="content-word-right"> | ||
431 | </div> | 522 | </div> |
432 | <div class="content-word-left"> | 523 | <div class="content-word-left"> |
433 | - | ||
434 | - | ||
435 | - | ||
436 | - | ||
437 | </div> --> | 524 | </div> --> |
438 | - </div> | ||
439 | </div> | 525 | </div> |
440 | - <footer class="footer-content"> | ||
441 | - <div class="footer-main"> | 526 | + </div> |
527 | + <footer class="footer-content"> | ||
528 | + <div class="footer-main"> | ||
442 | 529 | ||
443 | - <ul class="list-unstyled third-ul"> | ||
444 | - <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | ||
445 | - <li>Tianjin 300060</li> | ||
446 | - <li>China</li> | ||
447 | - <li>Tel/Fax: 0086-22-23359337</li> | ||
448 | - <li>Email: info@tjmuch.com</li> | ||
449 | - </ul> | ||
450 | - <ul class="list-unstyled first-ul"> | ||
451 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
452 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | ||
453 | - </ul> | ||
454 | - </div> | ||
455 | - </footer> | 530 | + <ul class="list-unstyled third-ul"> |
531 | + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | ||
532 | + <li>Tianjin 300060</li> | ||
533 | + <li>China</li> | ||
534 | + <li>Tel/Fax: 0086-22-23359337</li> | ||
535 | + <li>Email: info@tjmuch.com</li> | ||
536 | + </ul> | ||
537 | + <ul class="list-unstyled first-ul"> | ||
538 | + <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
539 | + <li><img src="../images/tjuc.png" width="160px" alt=""></li> | ||
540 | + </ul> | ||
541 | + </div> | ||
542 | + </footer> | ||
456 | 543 | ||
457 | </div> | 544 | </div> |
458 | <script src="../js/jquery-1.11.3.min.js"></script> | 545 | <script src="../js/jquery-1.11.3.min.js"></script> |
@@ -460,8 +547,8 @@ | @@ -460,8 +547,8 @@ | ||
460 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 547 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
461 | <script src="../js/common.js"></script> | 548 | <script src="../js/common.js"></script> |
462 | <script> | 549 | <script> |
463 | - $(document).ready(function () { | ||
464 | - $(".btn-group").find(".navbtn-a").click(function () { | 550 | + $(document).ready(function() { |
551 | + $(".btn-group").find(".navbtn-a").click(function() { | ||
465 | console.log(this) | 552 | console.log(this) |
466 | $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | 553 | $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 |
467 | $(this).addClass('navbtnActive'); // 添加当前元素的样式 | 554 | $(this).addClass('navbtnActive'); // 添加当前元素的样式 |
@@ -2,18 +2,37 @@ | @@ -2,18 +2,37 @@ | ||
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 | - .prof_box{ | 14 | + .prof_box { |
15 | justify-content: flex-start; | 15 | justify-content: flex-start; |
16 | } | 16 | } |
17 | + .new_img { | ||
18 | + width: 100%; | ||
19 | + height: 508px; | ||
20 | + margin-top: 86px; | ||
21 | + margin-bottom: 60px; | ||
22 | + } | ||
23 | + | ||
24 | + .new_imgs { | ||
25 | + width: 100%; | ||
26 | + height: 822px; | ||
27 | + /* background-color: #626262; */ | ||
28 | + margin-top: 112px; | ||
29 | + } | ||
30 | + | ||
31 | + .new_img img, | ||
32 | + .new_imgs img { | ||
33 | + width: 100%; | ||
34 | + height: 100%; | ||
35 | + } | ||
17 | </style> | 36 | </style> |
18 | </head> | 37 | </head> |
19 | 38 | ||
@@ -21,23 +40,22 @@ | @@ -21,23 +40,22 @@ | ||
21 | <nav class="navbar navbar-default bgf mb0"> | 40 | <nav class="navbar navbar-default bgf mb0"> |
22 | <div class="container-fluid top_pc_brand"> | 41 | <div class="container-fluid top_pc_brand"> |
23 | <div class="navbar-header"> | 42 | <div class="navbar-header"> |
24 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" | ||
25 | - aria-expanded="true"> | ||
26 | - <span class="sr-only">Toggle navigation</span> | ||
27 | - <span class="icon-bar"></span> | ||
28 | - <span class="icon-bar"></span> | ||
29 | - <span class="icon-bar"></span> | ||
30 | - </button> | 43 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
44 | + <span class="sr-only">Toggle navigation</span> | ||
45 | + <span class="icon-bar"></span> | ||
46 | + <span class="icon-bar"></span> | ||
47 | + <span class="icon-bar"></span> | ||
48 | + </button> | ||
31 | <a class="navbar-brand logo" href="../index.html"> | 49 | <a class="navbar-brand logo" href="../index.html"> |
32 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 50 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
33 | </a> | 51 | </a> |
34 | </div> | 52 | </div> |
35 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 53 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
36 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 54 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
37 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 55 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
38 | - <input type="text" class="form-control search-input" placeholder="Search"> | 56 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
39 | <div class="magnifier"> | 57 | <div class="magnifier"> |
40 | - <img src="../images/search_btn.png" alt=""> | 58 | + <img src="../images/search_btn.png" alt="" /> |
41 | </div> | 59 | </div> |
42 | </div> | 60 | </div> |
43 | </div> | 61 | </div> |
@@ -46,193 +64,190 @@ | @@ -46,193 +64,190 @@ | ||
46 | <div class="container-fluid pc"> | 64 | <div class="container-fluid pc"> |
47 | <div class="mask"></div> | 65 | <div class="mask"></div> |
48 | <div class="bs-example" data-example-id="simple-justified-button-group"> | 66 | <div class="bs-example" data-example-id="simple-justified-button-group"> |
49 | - <ul class="nav_menu_items"> | 67 | + <ul class="nav_menu_items"> |
50 | <li class="btn navbtnActive navbtn-a" role="button"> | 68 | <li class="btn navbtnActive navbtn-a" role="button"> |
51 | <a href="javascript:;">ABOUT US</a> | 69 | <a href="javascript:;">ABOUT US</a> |
52 | - <div class='sec_menu_items'> | 70 | + <div class="sec_menu_items"> |
53 | <a href="../about/welcome.html" class="inner_item"> | 71 | <a href="../about/welcome.html" class="inner_item"> |
54 | - Welcome Message | ||
55 | - </a> | 72 | + Welcome Message |
73 | + </a> | ||
56 | <a href="../about/mission.html" class="inner_item"> | 74 | <a href="../about/mission.html" class="inner_item"> |
57 | - Mission and Vision | ||
58 | - </a> | 75 | + Mission and Vision |
76 | + </a> | ||
59 | <a href="../about/leadership.html" class="inner_item"> | 77 | <a href="../about/leadership.html" class="inner_item"> |
60 | - Leadership | ||
61 | - </a> | 78 | + Leadership |
79 | + </a> | ||
62 | <a href="../about/history.html" class="inner_item"> | 80 | <a href="../about/history.html" class="inner_item"> |
63 | - History and Milestones | ||
64 | - </a> | 81 | + History and Milestones |
82 | + </a> | ||
65 | <a href="../about/quick.html" class="inner_item"> | 83 | <a href="../about/quick.html" class="inner_item"> |
66 | - Quick Facts | ||
67 | - </a> | 84 | + Quick Facts |
85 | + </a> | ||
68 | <a href="../about/contact.html" class="inner_item">Contact Us</a> | 86 | <a href="../about/contact.html" class="inner_item">Contact Us</a> |
69 | </div> | 87 | </div> |
70 | </li> | 88 | </li> |
71 | <li class="btn navbtn-a" role="button"> | 89 | <li class="btn navbtn-a" role="button"> |
72 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 90 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
73 | - <div class='sec_menu_items'> | 91 | + <div class="sec_menu_items"> |
74 | <div href="../clinical/departments.html" class="inner_item"> | 92 | <div href="../clinical/departments.html" class="inner_item"> |
75 | Clinical Departments | 93 | Clinical Departments |
76 | <div class="third_menu_items"> | 94 | <div class="third_menu_items"> |
77 | <a href="../clinical/departm.html" class="inner_item"> | 95 | <a href="../clinical/departm.html" class="inner_item"> |
78 | - Surgical Department | ||
79 | - </a> | 96 | + Surgical Department |
97 | + </a> | ||
80 | <a href="../clinical/medical.html" class="inner_item"> | 98 | <a href="../clinical/medical.html" class="inner_item"> |
81 | - Medical Oncology | ||
82 | - </a> | 99 | + Medical Oncology |
100 | + </a> | ||
83 | <a href="../clinical/radiation.html" class="inner_item"> | 101 | <a href="../clinical/radiation.html" class="inner_item"> |
84 | - Radiation Oncology | ||
85 | - </a> | 102 | + Radiation Oncology |
103 | + </a> | ||
86 | <a href="../clinical/diagnostic.html" class="inner_item"> | 104 | <a href="../clinical/diagnostic.html" class="inner_item"> |
87 | - Diagnostic Oncology | ||
88 | - </a> | 105 | + Diagnostic Oncology |
106 | + </a> | ||
89 | <a href="../clinical/center.html" class="inner_item"> | 107 | <a href="../clinical/center.html" class="inner_item"> |
90 | - Center of Excellences | ||
91 | - </a> | 108 | + Center of Excellences |
109 | + </a> | ||
92 | </div> | 110 | </div> |
93 | </div> | 111 | </div> |
94 | <a href="../clinical/activities.html" class="inner_item"> | 112 | <a href="../clinical/activities.html" class="inner_item"> |
95 | - Clinical Activities | ||
96 | - </a> | 113 | + Clinical Activities |
114 | + </a> | ||
97 | <a href="../clinical/trials.html" class="inner_item"> | 115 | <a href="../clinical/trials.html" class="inner_item"> |
98 | - Clinical Trials | ||
99 | - </a> | 116 | + Clinical Trials |
117 | + </a> | ||
100 | <a href="../clinical/finddoctor.html" class="inner_item"> | 118 | <a href="../clinical/finddoctor.html" class="inner_item"> |
101 | - Find a Doctor | ||
102 | - </a> | 119 | + Find a Doctor |
120 | + </a> | ||
103 | </div> | 121 | </div> |
104 | </li> | 122 | </li> |
105 | <li class="btn navbtn-a" role="button"> | 123 | <li class="btn navbtn-a" role="button"> |
106 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 124 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
107 | - <div class='sec_menu_items'> | ||
108 | - | 125 | + <div class="sec_menu_items"> |
109 | <a href="../research/nationalCancer.html" class="inner_item"> | 126 | <a href="../research/nationalCancer.html" class="inner_item"> |
110 | - National Cancer Clinical Research Center | ||
111 | - </a> | 127 | + National Cancer Clinical Research Center |
128 | + </a> | ||
112 | <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> | 129 | <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> |
113 | Research | 130 | Research |
114 | <div class="third_menu_items"> | 131 | <div class="third_menu_items"> |
115 | <a href="../research/research1.html" class="inner_item"> | 132 | <a href="../research/research1.html" class="inner_item"> |
116 | - Research programs | ||
117 | - </a> | 133 | + Research programs |
134 | + </a> | ||
118 | <a href="../clinical/research2.html" class="inner_item"> | 135 | <a href="../clinical/research2.html" class="inner_item"> |
119 | - Achievements | ||
120 | - </a> | 136 | + Achievements |
137 | + </a> | ||
121 | <a href="../clinical/research3.html" class="inner_item"> | 138 | <a href="../clinical/research3.html" class="inner_item"> |
122 | - Key Labaratories | ||
123 | - </a> | 139 | + Key Labaratories |
140 | + </a> | ||
124 | <a href="../research/researcher.html" class="inner_item"> | 141 | <a href="../research/researcher.html" class="inner_item"> |
125 | - Find a Researcher | ||
126 | - </a> | 142 | + Find a Researcher |
143 | + </a> | ||
127 | </div> | 144 | </div> |
128 | </div> | 145 | </div> |
129 | - <div href="../research/education.html" onclick="location.href='../research/education.html'" | ||
130 | - class="inner_item"> | 146 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
131 | Education | 147 | Education |
132 | <div class="third_menu_items"> | 148 | <div class="third_menu_items"> |
133 | <a href="../research/education.html" class="inner_item"> | 149 | <a href="../research/education.html" class="inner_item"> |
134 | - Graduate Study | ||
135 | - </a> | 150 | + Graduate Study |
151 | + </a> | ||
136 | <a href="../research/education.html" class="inner_item"> | 152 | <a href="../research/education.html" class="inner_item"> |
137 | - International Study | ||
138 | - </a> | 153 | + International Study |
154 | + </a> | ||
139 | <a href="../research/education.html" class="inner_item"> | 155 | <a href="../research/education.html" class="inner_item"> |
140 | - Continuing Study | ||
141 | - </a> | 156 | + Continuing Study |
157 | + </a> | ||
142 | </div> | 158 | </div> |
143 | </div> | 159 | </div> |
144 | <a href="../research/news.html" class="inner_item"> | 160 | <a href="../research/news.html" class="inner_item"> |
145 | - News | ||
146 | - </a> | 161 | + News |
162 | + </a> | ||
147 | </div> | 163 | </div> |
148 | </li> | 164 | </li> |
149 | <li class="btn navbtn-a" role="button"> | 165 | <li class="btn navbtn-a" role="button"> |
150 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 166 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
151 | - <div class='sec_menu_items'> | 167 | + <div class="sec_menu_items"> |
152 | <div href="javascript:;" class="inner_item"> | 168 | <div href="javascript:;" class="inner_item"> |
153 | About Us | 169 | About Us |
154 | <div class="third_menu_items"> | 170 | <div class="third_menu_items"> |
155 | <a href="../institute/aboutus.html" class="inner_item"> | 171 | <a href="../institute/aboutus.html" class="inner_item"> |
156 | - About Us | ||
157 | - </a> | 172 | + About Us |
173 | + </a> | ||
158 | <a href="../institute/leadership.html" class="inner_item"> | 174 | <a href="../institute/leadership.html" class="inner_item"> |
159 | - Leadership | ||
160 | - </a> | 175 | + Leadership |
176 | + </a> | ||
161 | <a href="../institute/history.html" class="inner_item"> | 177 | <a href="../institute/history.html" class="inner_item"> |
162 | - History | ||
163 | - </a> | 178 | + History |
179 | + </a> | ||
164 | <a href="../institute/report.html" class="inner_item"> | 180 | <a href="../institute/report.html" class="inner_item"> |
165 | - Annual Report | ||
166 | - </a> | 181 | + Annual Report |
182 | + </a> | ||
167 | </div> | 183 | </div> |
168 | </div> | 184 | </div> |
169 | <div href="../clinical/nursing.html" class="inner_item"> | 185 | <div href="../clinical/nursing.html" class="inner_item"> |
170 | Research | 186 | Research |
171 | <div class="third_menu_items"> | 187 | <div class="third_menu_items"> |
172 | <a href="../institute/researchers.html" class="inner_item"> | 188 | <a href="../institute/researchers.html" class="inner_item"> |
173 | - Our Researchers | ||
174 | - </a> | 189 | + Our Researchers |
190 | + </a> | ||
175 | <a href="../institute/facilities.html" class="inner_item"> | 191 | <a href="../institute/facilities.html" class="inner_item"> |
176 | - Core Facilities and Services | ||
177 | - </a> | 192 | + Core Facilities and Services |
193 | + </a> | ||
178 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 194 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
179 | - Journal of Clinical Oncology | ||
180 | - </a> | 195 | + Journal of Clinical Oncology |
196 | + </a> | ||
181 | </div> | 197 | </div> |
182 | </div> | 198 | </div> |
183 | <a href="../institute/news.html" class="inner_item"> | 199 | <a href="../institute/news.html" class="inner_item"> |
184 | - News | ||
185 | - </a> | 200 | + News |
201 | + </a> | ||
186 | <a href="../institute/concat.html" class="inner_item"> | 202 | <a href="../institute/concat.html" class="inner_item"> |
187 | - Contact Us | ||
188 | - </a> | 203 | + Contact Us |
204 | + </a> | ||
189 | </div> | 205 | </div> |
190 | </li> | 206 | </li> |
191 | <li class="btn navbtn-a" role="button"> | 207 | <li class="btn navbtn-a" role="button"> |
192 | <a href="../contact.html">NURSING CARE</a> | 208 | <a href="../contact.html">NURSING CARE</a> |
193 | - <div class='sec_menu_items'> | 209 | + <div class="sec_menu_items"> |
194 | <a href="../care/aboutus.html" class="inner_item"> | 210 | <a href="../care/aboutus.html" class="inner_item"> |
195 | - About Us | ||
196 | - </a> | 211 | + About Us |
212 | + </a> | ||
197 | <a href="../care/activity.html" class="inner_item"> | 213 | <a href="../care/activity.html" class="inner_item"> |
198 | - Nursing Activities | ||
199 | - </a> | 214 | + Nursing Activities |
215 | + </a> | ||
200 | <a href="../care/training.html" class="inner_item"> | 216 | <a href="../care/training.html" class="inner_item"> |
201 | - Nurse Training | ||
202 | - </a> | 217 | + Nurse Training |
218 | + </a> | ||
203 | <a href="../care/achievement.html" class="inner_item"> | 219 | <a href="../care/achievement.html" class="inner_item"> |
204 | - Research Achievement | ||
205 | - </a> | 220 | + Research Achievement |
221 | + </a> | ||
206 | <a href="../care/exchange.html" class="inner_item"> | 222 | <a href="../care/exchange.html" class="inner_item"> |
207 | - International Exchanges | ||
208 | - </a> | 223 | + International Exchanges |
224 | + </a> | ||
209 | <a href="../care/cancer.html" class="inner_item"> | 225 | <a href="../care/cancer.html" class="inner_item"> |
210 | - Cancer Survivorship Support | ||
211 | - </a> | ||
212 | - <a href="../care/news.html" class="inner_item"> | ||
213 | - News & Events | ||
214 | - </a> | 226 | + Cancer Survivorship Support |
227 | + </a> | ||
228 | + <a href="../care/news.html" class="inner_item"> | ||
229 | + News & Events | ||
230 | + </a> | ||
215 | <a href="../care/contactUs.html" class="inner_item"> | 231 | <a href="../care/contactUs.html" class="inner_item"> |
216 | - Contact Us | ||
217 | - </a> | 232 | + Contact Us |
233 | + </a> | ||
218 | </div> | 234 | </div> |
219 | </li> | 235 | </li> |
220 | <li class="btn navbtn-a" role="button"> | 236 | <li class="btn navbtn-a" role="button"> |
221 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 237 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
222 | - <div class='sec_menu_items'> | 238 | + <div class="sec_menu_items"> |
223 | <a href="../international/conference.html" class="inner_item"> | 239 | <a href="../international/conference.html" class="inner_item"> |
224 | - International Conferences | ||
225 | - </a> | 240 | + International Conferences |
241 | + </a> | ||
226 | <a href="../international/training.html" class="inner_item"> | 242 | <a href="../international/training.html" class="inner_item"> |
227 | - Oversea Trainings | ||
228 | - </a> | 243 | + Oversea Trainings |
244 | + </a> | ||
229 | <a href="../international/referral.html" class="inner_item"> | 245 | <a href="../international/referral.html" class="inner_item"> |
230 | - International Patients | ||
231 | - </a> | 246 | + International Patients |
247 | + </a> | ||
232 | <a href="../international/partners.html" class="inner_item"> | 248 | <a href="../international/partners.html" class="inner_item"> |
233 | - Partnership Institutions | ||
234 | - </a> | ||
235 | - | 249 | + Partnership Institutions |
250 | + </a> | ||
236 | </div> | 251 | </div> |
237 | </li> | 252 | </li> |
238 | <li class="btn navbtn-a" role="button"> | 253 | <li class="btn navbtn-a" role="button"> |
@@ -242,73 +257,68 @@ | @@ -242,73 +257,68 @@ | ||
242 | </div> | 257 | </div> |
243 | 258 | ||
244 | <!-- Swiper --> | 259 | <!-- Swiper --> |
245 | - <div class="img-header"> | 260 | + <!-- <div class="img-header"> |
246 | <img src="../images/wel_banner.png" width="100%" alt=""> | 261 | <img src="../images/wel_banner.png" width="100%" alt=""> |
247 | - </div> | 262 | + </div> --> |
248 | <div class="content"> | 263 | <div class="content"> |
249 | <div class="content-word"> | 264 | <div class="content-word"> |
250 | <div class="content-word-left"> | 265 | <div class="content-word-left"> |
251 | - <div class="top_title_inner"> | ||
252 | - WELCOME MESSAGE | 266 | + <div class="navpath">About Us<span>></span>Welcome Message</div> |
267 | + <div class="new_img"> | ||
268 | + <img src="../images/45.png" alt=""> | ||
253 | </div> | 269 | </div> |
254 | - <h4>Welcome to the Tianjin Medical University Cancer Institute & Hospital</h4> | ||
255 | - <p>Tianjin Medical University Cancer Institute & Hospital is the birthplace of oncology in China. The | ||
256 | - hospital was originally established in 1861 as The British Army Hospital, and later renamed as the | ||
257 | - London Christian Church Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently | ||
258 | - renamed as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in China was | ||
259 | - established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin Cancer | ||
260 | - Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the present site | ||
261 | - and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to | ||
262 | - the Tianjin Medical University and was officially named as The Tianjin Medical University Cancer | ||
263 | - Institute and Hospital (TMUCIH).</p> | ||
264 | - <p>With one and half centuries of history, TMUCIH has developed into one of the largest specialized | ||
265 | - hospitals in China with integrated patient care, education, training, research and preventative | ||
266 | - medicine with 2500 beds, 46 clinical and diagnostic departments and 13 basic research departments. | ||
267 | - In 2013, Tianjin Medical University Cancer Institute and Hospital was designated as National | ||
268 | - Clinical Research Center for Cancer by the Ministry of Science and Technology of The People’s | ||
269 | - Republic of China. In 2017, Oncology was ranked as the National “World-Class” Academic Development | ||
270 | - by The Ministry of Education, the Ministry of Finance, and the National Development and Reform | ||
271 | - Commission.</p> | ||
272 | - | ||
273 | - <p>The hospital covers area of 63,000 square meters and 175,052square meters of the building area. In | ||
274 | - 2017, there were 1,150,000 outpatient clinic visits, 86,000 In-patients visits and 30,000 | ||
275 | - operations. TMUCIH has 3000 full-time staff members; among them are 275 senior professionals | ||
276 | - including an academician from The Chinese Academy of Engineering, a Specially Appointed Professor | ||
277 | - and two Visiting Professors from the National Yangtze Scholar Plan, 15 experts who enjoy The Special | ||
278 | - Allowance from the State Council and 6 experts ranked as Excellent Talents of the New Century by the | ||
279 | - Ministry of Education.</p> | ||
280 | - <p>The most recognized specialties in the hospital are basic and clinical research on breast cancer, | ||
281 | - lung cancer, biotherapy, molecular imaging, radiation oncology, medical oncology, pathology as well | ||
282 | - as cancer Epidemiology. Oncology is a National Key subject and a“National 211 Project” Key | ||
283 | - Construction Subject. The hospital has a Key Breast Cancer Prevention and Treatment Laboratory | ||
284 | - authorized by the Ministry of Education and two Ministry of Education Innovation Teams, a National | ||
285 | - Experimental Clinical Medicine Institute, and a Ministry of Health National Continuing Medical | ||
286 | - Education Base, . Oncology, chest surgery, pathology and nursing are selected national key clinical | ||
287 | - construction specialties. The hospital Breast Cancer Center is the largest one in China.</p> | 270 | + <!-- <div class="top_title_inner"> |
271 | + WELCOME MESSAGE | ||
272 | + </div> --> | ||
273 | + <h4 style="margin-bottom: 40px"> | ||
274 | + Welcome to the Tianjin Medical University Cancer Institute & Hospital | ||
275 | + </h4> | ||
276 | + <p> | ||
277 | + Tianjin Medical University Cancer Institute & Hospital is the birthplace of oncology in China. The hospital was originally established in 1861 as The British Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie Memorial | ||
278 | + Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin | ||
279 | + Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the Tianjin Medical | ||
280 | + University and was officially named as The Tianjin Medical University Cancer Institute and Hospital (TMUCIH). | ||
281 | + </p> | ||
282 | + <p> | ||
283 | + With one and half centuries of history, TMUCIH has developed into one of the largest specialized hospitals in China with integrated patient care, education, training, research and preventative medicine with 2500 beds, 46 clinical and diagnostic departments | ||
284 | + and 13 basic research departments. In 2013, Tianjin Medical University Cancer Institute and Hospital was designated as National Clinical Research Center for Cancer by the Ministry of Science and Technology of The People’s Republic | ||
285 | + of China. In 2017, Oncology was ranked as the National “World-Class” Academic Development by The Ministry of Education, the Ministry of Finance, and the National Development and Reform Commission. | ||
286 | + </p> | ||
288 | 287 | ||
289 | - <p>TMUCIH launched “Advanced National Oncologists and pathologists training course” commissioned by the | ||
290 | - Ministry of Health. TMUCIH has been offering 51 advanced courses for oncologists and 37 courses for | ||
291 | - pathologists nationwide since 1954. There are more than 5,500 doctors who have been trained here. | ||
292 | - TMUCIH issued the first cancer journal “Chinese Journal of Clinical Oncology (CJCO)”, which is one | ||
293 | - of the major state level journals, in 1963. The English edition of CJCO was launched in 2004. China | ||
294 | - Anti-Cancer Association (CACA) was also established in TMUCIH in 1984. CACA has now developed 64 | ||
295 | - professional societies and 31 local anti-cancer associations around China with a total membership | ||
296 | - exceeding 200000.</p> | ||
297 | - <p>Our hospital strives for excellence, strict management and first class service to fulfill our | ||
298 | - hospital motto of “Providing patients with uttermost integrity and state-of-art medicine and | ||
299 | - improving our profession with ingenuity and innovation”. The hospital has won special honors, such | ||
300 | - as National Civilization Unite; Health Circle National Advanced Unite; and Young Civilized | ||
301 | - Institution authorized by Ministry of Health.</p> | 288 | + <p> |
289 | + The hospital covers area of 63,000 square meters and 175,052square meters of the building area. In 2017, there were 1,150,000 outpatient clinic visits, 86,000 In-patients visits and 30,000 operations. TMUCIH has 3000 full-time staff members; among them | ||
290 | + are 275 senior professionals including an academician from The Chinese Academy of Engineering, a Specially Appointed Professor and two Visiting Professors from the National Yangtze Scholar Plan, 15 experts who enjoy The Special | ||
291 | + Allowance from the State Council and 6 experts ranked as Excellent Talents of the New Century by the Ministry of Education. | ||
292 | + </p> | ||
293 | + <p> | ||
294 | + The most recognized specialties in the hospital are basic and clinical research on breast cancer, lung cancer, biotherapy, molecular imaging, radiation oncology, medical oncology, pathology as well as cancer Epidemiology. Oncology is a National Key subject | ||
295 | + and a“National 211 Project” Key Construction Subject. The hospital has a Key Breast Cancer Prevention and Treatment Laboratory authorized by the Ministry of Education and two Ministry of Education Innovation Teams, a National Experimental | ||
296 | + Clinical Medicine Institute, and a Ministry of Health National Continuing Medical Education Base, . Oncology, chest surgery, pathology and nursing are selected national key clinical construction specialties. The hospital Breast | ||
297 | + Cancer Center is the largest one in China. | ||
298 | + </p> | ||
302 | 299 | ||
303 | - <p>We are confident that we will offer the best treatment and care for cancer patients through | ||
304 | - promoting cancer research, treatment, and education.</p> | 300 | + <p> |
301 | + TMUCIH launched “Advanced National Oncologists and pathologists training course” commissioned by the Ministry of Health. TMUCIH has been offering 51 advanced courses for oncologists and 37 courses for pathologists nationwide since 1954. There are more | ||
302 | + than 5,500 doctors who have been trained here. TMUCIH issued the first cancer journal “Chinese Journal of Clinical Oncology (CJCO)”, which is one of the major state level journals, in 1963. The English edition of CJCO was launched | ||
303 | + in 2004. China Anti-Cancer Association (CACA) was also established in TMUCIH in 1984. CACA has now developed 64 professional societies and 31 local anti-cancer associations around China with a total membership exceeding 200000. | ||
304 | + Our hospital strives for excellence, strict management and first class service to fulfill our hospital motto of “Providing patients with uttermost integrity and state-of-art medicine and improving our profession with ingenuity | ||
305 | + and innovation”. The hospital has won special honors, such as National Civilization Unite; Health Circle National Advanced Unite; and Young Civilized Institution authorized by Ministry of Health. | ||
306 | + </p> | ||
307 | + <p> | ||
308 | + Our hospital strives for excellence, strict management and first class service to fulfill our hospital motto of “Providing patients with uttermost integrity and state-of-art medicine and improving our profession with ingenuity and innovation”. The hospital | ||
309 | + has won special honors, such as National Civilization Unite; Health Circle National Advanced Unite; and Young Civilized Institution authorized by Ministry of Health. | ||
310 | + </p> | ||
305 | 311 | ||
306 | - | 312 | + <p> |
313 | + We are confident that we will offer the best treatment and care for cancer patients through promoting cancer research, treatment, and education." | ||
314 | + </p> | ||
315 | + <div class="new_imgs"> | ||
316 | + <img src="../images/18.png" alt=""> | ||
317 | + </div> | ||
307 | </div> | 318 | </div> |
308 | - | ||
309 | </div> | 319 | </div> |
310 | <!-- 形象墙 --> | 320 | <!-- 形象墙 --> |
311 | - <div class='prof_box'> | 321 | + <!-- <div class='prof_box'> |
312 | 322 | ||
313 | <div class="prof_item"> | 323 | <div class="prof_item"> |
314 | <div class="prof_img_box"> | 324 | <div class="prof_img_box"> |
@@ -330,45 +340,47 @@ | @@ -330,45 +340,47 @@ | ||
330 | President and Professor | 340 | President and Professor |
331 | </div> | 341 | </div> |
332 | </div> | 342 | </div> |
333 | - </div> | 343 | + </div> --> |
334 | </div> | 344 | </div> |
335 | <footer class="footer-content"> | 345 | <footer class="footer-content"> |
336 | - <div class="footer-main"> | ||
337 | - | ||
338 | - <ul class="list-unstyled third-ul"> | ||
339 | - <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | ||
340 | - <li>Tianjin 300060</li> | ||
341 | - <li>China</li> | ||
342 | - <li>Tel/Fax: 0086-22-23359337</li> | ||
343 | - <li>Email: info@tjmuch.com</li> | ||
344 | - </ul> | ||
345 | - <ul class="list-unstyled first-ul"> | ||
346 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
347 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | ||
348 | - </ul> | ||
349 | - </div> | ||
350 | - </footer> | ||
351 | - | 346 | + <div class="footer-main"> |
347 | + <ul class="list-unstyled third-ul"> | ||
348 | + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | ||
349 | + <li>Tianjin 300060</li> | ||
350 | + <li>China</li> | ||
351 | + <li>Tel/Fax: 0086-22-23359337</li> | ||
352 | + <li>Email: info@tjmuch.com</li> | ||
353 | + </ul> | ||
354 | + <ul class="list-unstyled first-ul"> | ||
355 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> | ||
356 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
357 | + </ul> | ||
358 | + </div> | ||
359 | + </footer> | ||
352 | </div> | 360 | </div> |
353 | <script src="../js/jquery-1.11.3.min.js"></script> | 361 | <script src="../js/jquery-1.11.3.min.js"></script> |
354 | <script src="../js/bootstrap.min.js"></script> | 362 | <script src="../js/bootstrap.min.js"></script> |
355 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 363 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
356 | <script src="../js/common.js"></script> | 364 | <script src="../js/common.js"></script> |
357 | <script> | 365 | <script> |
358 | - $(document).ready(function () { | ||
359 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
360 | - console.log(this) | ||
361 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
362 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
363 | - }) | ||
364 | - }) | ||
365 | - var swiper = new Swiper('.swiper-container', { | ||
366 | - pagination: '.swiper-pagination', | 366 | + $(document).ready(function() { |
367 | + $(".btn-group") | ||
368 | + .find(".navbtn-a") | ||
369 | + .click(function() { | ||
370 | + console.log(this); | ||
371 | + $(this) | ||
372 | + .siblings(".navbtn-a") | ||
373 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
374 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
375 | + }); | ||
376 | + }); | ||
377 | + var swiper = new Swiper(".swiper-container", { | ||
378 | + pagination: ".swiper-pagination", | ||
367 | paginationClickable: true | 379 | paginationClickable: true |
368 | }); | 380 | }); |
369 | 381 | ||
370 | - var swiper = new Swiper('.swiper-container1', { | ||
371 | - pagination: '.swiper-pagination', | 382 | + var swiper = new Swiper(".swiper-container1", { |
383 | + pagination: ".swiper-pagination", | ||
372 | slidesPerView: 3, | 384 | slidesPerView: 3, |
373 | paginationClickable: true, | 385 | paginationClickable: true, |
374 | spaceBetween: 30 | 386 | spaceBetween: 30 |
@@ -2,23 +2,23 @@ | @@ -2,23 +2,23 @@ | ||
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 | .single_box:last-child { | 18 | .single_box:last-child { |
19 | margin: 0; | 19 | margin: 0; |
20 | - } | ||
21 | - .content-word { | 20 | + } */ |
21 | + /* .content-word { | ||
22 | position: relative; | 22 | position: relative; |
23 | } | 23 | } |
24 | .content-word-left { | 24 | .content-word-left { |
@@ -57,8 +57,8 @@ | @@ -57,8 +57,8 @@ | ||
57 | padding: 0; | 57 | padding: 0; |
58 | margin: 0; | 58 | margin: 0; |
59 | cursor: pointer; | 59 | cursor: pointer; |
60 | - } | ||
61 | - .single_part p { | 60 | + } */ |
61 | + /* .single_part p { | ||
62 | margin-top: 10px; | 62 | margin-top: 10px; |
63 | } | 63 | } |
64 | 64 | ||
@@ -74,7 +74,6 @@ | @@ -74,7 +74,6 @@ | ||
74 | background-color: #898989; | 74 | background-color: #898989; |
75 | } | 75 | } |
76 | .depart_introduce{ | 76 | .depart_introduce{ |
77 | - background: #EBFBF8; | ||
78 | min-height: 400px; | 77 | min-height: 400px; |
79 | color: #232323; | 78 | color: #232323; |
80 | margin-top: 60px; | 79 | margin-top: 60px; |
@@ -96,13 +95,13 @@ | @@ -96,13 +95,13 @@ | ||
96 | } | 95 | } |
97 | .part_inner_content{ | 96 | .part_inner_content{ |
98 | padding: 20px 40px; | 97 | padding: 20px 40px; |
99 | - } | ||
100 | - .person_introduce_box{ | 98 | + } */ |
99 | + /* .person_introduce_box{ | ||
101 | padding-top: 50px; | 100 | padding-top: 50px; |
102 | border-top: 5px solid #999; | 101 | border-top: 5px solid #999; |
103 | margin-top: 100px; | 102 | margin-top: 100px; |
104 | - } | ||
105 | - .next{ | 103 | + } */ |
104 | + /* .next{ | ||
106 | width: 32px; | 105 | width: 32px; |
107 | height: 22px; | 106 | height: 22px; |
108 | position: absolute; | 107 | position: absolute; |
@@ -113,6 +112,39 @@ | @@ -113,6 +112,39 @@ | ||
113 | .left_name{ | 112 | .left_name{ |
114 | font-size: 20px; | 113 | font-size: 20px; |
115 | margin-top: 10px; | 114 | margin-top: 10px; |
115 | + } */ | ||
116 | + | ||
117 | + .contant { | ||
118 | + width: 1122px; | ||
119 | + margin: 0 auto; | ||
120 | + } | ||
121 | + | ||
122 | + .contant_img { | ||
123 | + margin-top: 66px; | ||
124 | + width: 100%; | ||
125 | + height: 610px; | ||
126 | + } | ||
127 | + | ||
128 | + .contant_img img { | ||
129 | + width: 100%; | ||
130 | + height: 100%; | ||
131 | + } | ||
132 | + | ||
133 | + .contant_word { | ||
134 | + margin-top: 38px; | ||
135 | + } | ||
136 | + | ||
137 | + .contant_word h4 { | ||
138 | + font-size: 24px; | ||
139 | + color: #727171; | ||
140 | + line-height: 30px; | ||
141 | + } | ||
142 | + | ||
143 | + .contant_word_one { | ||
144 | + margin-top: 10px; | ||
145 | + font-size: 20px; | ||
146 | + color: #727171; | ||
147 | + line-height: 30px; | ||
116 | } | 148 | } |
117 | </style> | 149 | </style> |
118 | </head> | 150 | </head> |
@@ -121,23 +153,22 @@ | @@ -121,23 +153,22 @@ | ||
121 | <nav class="navbar navbar-default bgf mb0"> | 153 | <nav class="navbar navbar-default bgf mb0"> |
122 | <div class="container-fluid top_pc_brand"> | 154 | <div class="container-fluid top_pc_brand"> |
123 | <div class="navbar-header"> | 155 | <div class="navbar-header"> |
124 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
125 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | ||
126 | - <span class="sr-only">Toggle navigation</span> | ||
127 | - <span class="icon-bar"></span> | ||
128 | - <span class="icon-bar"></span> | ||
129 | - <span class="icon-bar"></span> | ||
130 | - </button> | 156 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
157 | + <span class="sr-only">Toggle navigation</span> | ||
158 | + <span class="icon-bar"></span> | ||
159 | + <span class="icon-bar"></span> | ||
160 | + <span class="icon-bar"></span> | ||
161 | + </button> | ||
131 | <a class="navbar-brand logo" href="../index.html"> | 162 | <a class="navbar-brand logo" href="../index.html"> |
132 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 163 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
133 | </a> | 164 | </a> |
134 | </div> | 165 | </div> |
135 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 166 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
136 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 167 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
137 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 168 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
138 | - <input type="text" class="form-control search-input" placeholder="Search"> | 169 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
139 | <div class="magnifier"> | 170 | <div class="magnifier"> |
140 | - <img src="../images/search_btn.png" alt=""> | 171 | + <img src="../images/search_btn.png" alt="" /> |
141 | </div> | 172 | </div> |
142 | </div> | 173 | </div> |
143 | </div> | 174 | </div> |
@@ -149,192 +180,187 @@ | @@ -149,192 +180,187 @@ | ||
149 | <ul class="nav_menu_items"> | 180 | <ul class="nav_menu_items"> |
150 | <li class="btn navbtn-a" role="button"> | 181 | <li class="btn navbtn-a" role="button"> |
151 | <a href="javascript:;">ABOUT US</a> | 182 | <a href="javascript:;">ABOUT US</a> |
152 | - <div class='sec_menu_items'> | 183 | + <div class="sec_menu_items"> |
153 | <a href="../about/welcome.html" class="inner_item"> | 184 | <a href="../about/welcome.html" class="inner_item"> |
154 | - Welcome Message | ||
155 | - </a> | 185 | + Welcome Message |
186 | + </a> | ||
156 | <a href="../about/mission.html" class="inner_item"> | 187 | <a href="../about/mission.html" class="inner_item"> |
157 | - Mission and Vision | ||
158 | - </a> | 188 | + Mission and Vision |
189 | + </a> | ||
159 | <a href="../about/leadership.html" class="inner_item"> | 190 | <a href="../about/leadership.html" class="inner_item"> |
160 | - Leadership | ||
161 | - </a> | 191 | + Leadership |
192 | + </a> | ||
162 | <a href="../about/history.html" class="inner_item"> | 193 | <a href="../about/history.html" class="inner_item"> |
163 | - History and Milestones | ||
164 | - </a> | 194 | + History and Milestones |
195 | + </a> | ||
165 | <a href="../about/quick.html" class="inner_item"> | 196 | <a href="../about/quick.html" class="inner_item"> |
166 | - Quick Facts | ||
167 | - </a> | 197 | + Quick Facts |
198 | + </a> | ||
168 | <a href="../about/contact.html" class="inner_item">Contact Us</a> | 199 | <a href="../about/contact.html" class="inner_item">Contact Us</a> |
169 | </div> | 200 | </div> |
170 | </li> | 201 | </li> |
171 | <li class="btn navbtnActive navbtn-a" role="button"> | 202 | <li class="btn navbtnActive navbtn-a" role="button"> |
172 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 203 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
173 | - <div class='sec_menu_items'> | ||
174 | - <div href="../clinical/departments.html" | ||
175 | - onclick="window.location.href='../clinical/departments.html'" | ||
176 | - class="inner_item"> | 204 | + <div class="sec_menu_items"> |
205 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
177 | Clinical Departments | 206 | Clinical Departments |
178 | <div class="third_menu_items"> | 207 | <div class="third_menu_items"> |
179 | <a href="../clinical/departm.html" class="inner_item"> | 208 | <a href="../clinical/departm.html" class="inner_item"> |
180 | - Surgical Department | ||
181 | - </a> | 209 | + Surgical Department |
210 | + </a> | ||
182 | <a href="../clinical/medical.html" class="inner_item"> | 211 | <a href="../clinical/medical.html" class="inner_item"> |
183 | - Medical Oncology | ||
184 | - </a> | 212 | + Medical Oncology |
213 | + </a> | ||
185 | <a href="../clinical/radiation.html" class="inner_item"> | 214 | <a href="../clinical/radiation.html" class="inner_item"> |
186 | - Radiation Oncology | ||
187 | - </a> | 215 | + Radiation Oncology |
216 | + </a> | ||
188 | <a href="../clinical/diagnostic.html" class="inner_item"> | 217 | <a href="../clinical/diagnostic.html" class="inner_item"> |
189 | - Diagnostic Oncology | ||
190 | - </a> | 218 | + Diagnostic Oncology |
219 | + </a> | ||
191 | <a href="../clinical/center.html" class="inner_item"> | 220 | <a href="../clinical/center.html" class="inner_item"> |
192 | - Center of Excellences | ||
193 | - </a> | 221 | + Center of Excellences |
222 | + </a> | ||
194 | </div> | 223 | </div> |
195 | </div> | 224 | </div> |
196 | <a href="../clinical/activities.html" class="inner_item"> | 225 | <a href="../clinical/activities.html" class="inner_item"> |
197 | - Clinical Activities | ||
198 | - </a> | 226 | + Clinical Activities |
227 | + </a> | ||
199 | <a href="../clinical/trials.html" class="inner_item"> | 228 | <a href="../clinical/trials.html" class="inner_item"> |
200 | - Clinical Trials | ||
201 | - </a> | 229 | + Clinical Trials |
230 | + </a> | ||
202 | <a href="../clinical/finddoctor.html" class="inner_item"> | 231 | <a href="../clinical/finddoctor.html" class="inner_item"> |
203 | - Find a Doctor | ||
204 | - </a> | 232 | + Find a Doctor |
233 | + </a> | ||
205 | </div> | 234 | </div> |
206 | </li> | 235 | </li> |
207 | <li class="btn navbtn-a" role="button"> | 236 | <li class="btn navbtn-a" role="button"> |
208 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 237 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
209 | - <div class='sec_menu_items'> | ||
210 | - | 238 | + <div class="sec_menu_items"> |
211 | <a href="../research/nationalCancer.html" class="inner_item"> | 239 | <a href="../research/nationalCancer.html" class="inner_item"> |
212 | - National Cancer Clinical Research Center | ||
213 | - </a> | ||
214 | - <div href="../research/research.html" | ||
215 | - onclick="location.href='../research/research.html'" class="inner_item"> | 240 | + National Cancer Clinical Research Center |
241 | + </a> | ||
242 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> | ||
216 | Research | 243 | Research |
217 | <div class="third_menu_items"> | 244 | <div class="third_menu_items"> |
218 | <a href="../research/research1.html" class="inner_item"> | 245 | <a href="../research/research1.html" class="inner_item"> |
219 | - Research programs | ||
220 | - </a> | 246 | + Research programs |
247 | + </a> | ||
221 | <a href="../research/research2.html" class="inner_item"> | 248 | <a href="../research/research2.html" class="inner_item"> |
222 | - Achievements | ||
223 | - </a> | 249 | + Achievements |
250 | + </a> | ||
224 | <a href="../research/research3.html" class="inner_item"> | 251 | <a href="../research/research3.html" class="inner_item"> |
225 | - Key Labaratories | ||
226 | - </a> | 252 | + Key Labaratories |
253 | + </a> | ||
227 | <a href="../research/researcher.html" class="inner_item"> | 254 | <a href="../research/researcher.html" class="inner_item"> |
228 | - Find a Researcher | ||
229 | - </a> | 255 | + Find a Researcher |
256 | + </a> | ||
230 | </div> | 257 | </div> |
231 | </div> | 258 | </div> |
232 | - <div href="../research/education.html" | ||
233 | - onclick="location.href='../research/education.html'" class="inner_item"> | 259 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
234 | Education | 260 | Education |
235 | <div class="third_menu_items"> | 261 | <div class="third_menu_items"> |
236 | <a href="../research/education.html" class="inner_item"> | 262 | <a href="../research/education.html" class="inner_item"> |
237 | - Graduate Study | ||
238 | - </a> | 263 | + Graduate Study |
264 | + </a> | ||
239 | <a href="../research/education.html" class="inner_item"> | 265 | <a href="../research/education.html" class="inner_item"> |
240 | - International Study | ||
241 | - </a> | 266 | + International Study |
267 | + </a> | ||
242 | <a href="../research/education.html" class="inner_item"> | 268 | <a href="../research/education.html" class="inner_item"> |
243 | - Continuing Study | ||
244 | - </a> | 269 | + Continuing Study |
270 | + </a> | ||
245 | </div> | 271 | </div> |
246 | </div> | 272 | </div> |
247 | <a href="../research/news.html" class="inner_item"> | 273 | <a href="../research/news.html" class="inner_item"> |
248 | - News | ||
249 | - </a> | 274 | + News |
275 | + </a> | ||
250 | </div> | 276 | </div> |
251 | </li> | 277 | </li> |
252 | <li class="btn navbtn-a" role="button"> | 278 | <li class="btn navbtn-a" role="button"> |
253 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 279 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
254 | - <div class='sec_menu_items'> | 280 | + <div class="sec_menu_items"> |
255 | <div href="javascript:;" class="inner_item"> | 281 | <div href="javascript:;" class="inner_item"> |
256 | About Us | 282 | About Us |
257 | <div class="third_menu_items"> | 283 | <div class="third_menu_items"> |
258 | <a href="../institute/aboutus.html" class="inner_item"> | 284 | <a href="../institute/aboutus.html" class="inner_item"> |
259 | - About Us | ||
260 | - </a> | 285 | + About Us |
286 | + </a> | ||
261 | <a href="../institute/leadership.html" class="inner_item"> | 287 | <a href="../institute/leadership.html" class="inner_item"> |
262 | - Leadership | ||
263 | - </a> | 288 | + Leadership |
289 | + </a> | ||
264 | <a href="../institute/history.html" class="inner_item"> | 290 | <a href="../institute/history.html" class="inner_item"> |
265 | - History | ||
266 | - </a> | 291 | + History |
292 | + </a> | ||
267 | <a href="../institute/report.html" class="inner_item"> | 293 | <a href="../institute/report.html" class="inner_item"> |
268 | - Annual Report | ||
269 | - </a> | 294 | + Annual Report |
295 | + </a> | ||
270 | </div> | 296 | </div> |
271 | </div> | 297 | </div> |
272 | <div href="../clinical/nursing.html" class="inner_item"> | 298 | <div href="../clinical/nursing.html" class="inner_item"> |
273 | Research | 299 | Research |
274 | <div class="third_menu_items"> | 300 | <div class="third_menu_items"> |
275 | <a href="../institute/researchers.html" class="inner_item"> | 301 | <a href="../institute/researchers.html" class="inner_item"> |
276 | - Our Researchers | ||
277 | - </a> | 302 | + Our Researchers |
303 | + </a> | ||
278 | <a href="../institute/facilities.html" class="inner_item"> | 304 | <a href="../institute/facilities.html" class="inner_item"> |
279 | - Core Facilities and Services | ||
280 | - </a> | 305 | + Core Facilities and Services |
306 | + </a> | ||
281 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 307 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
282 | - Journal of Clinical Oncology | ||
283 | - </a> | 308 | + Journal of Clinical Oncology |
309 | + </a> | ||
284 | </div> | 310 | </div> |
285 | </div> | 311 | </div> |
286 | <a href="../institute/news.html" class="inner_item"> | 312 | <a href="../institute/news.html" class="inner_item"> |
287 | - News | ||
288 | - </a> | 313 | + News |
314 | + </a> | ||
289 | <a href="../institute/concat.html" class="inner_item"> | 315 | <a href="../institute/concat.html" class="inner_item"> |
290 | - Contact Us | ||
291 | - </a> | 316 | + Contact Us |
317 | + </a> | ||
292 | </div> | 318 | </div> |
293 | </li> | 319 | </li> |
294 | <li class="btn navbtn-a" role="button"> | 320 | <li class="btn navbtn-a" role="button"> |
295 | <a href="../contact.html">NURSING CARE</a> | 321 | <a href="../contact.html">NURSING CARE</a> |
296 | - <div class='sec_menu_items'> | 322 | + <div class="sec_menu_items"> |
297 | <a href="../care/aboutus.html" class="inner_item"> | 323 | <a href="../care/aboutus.html" class="inner_item"> |
298 | - About Us | ||
299 | - </a> | 324 | + About Us |
325 | + </a> | ||
300 | <a href="../care/activity.html" class="inner_item"> | 326 | <a href="../care/activity.html" class="inner_item"> |
301 | - Nursing Activities | ||
302 | - </a> | 327 | + Nursing Activities |
328 | + </a> | ||
303 | <a href="../care/training.html" class="inner_item"> | 329 | <a href="../care/training.html" class="inner_item"> |
304 | - Nurse Training | ||
305 | - </a> | 330 | + Nurse Training |
331 | + </a> | ||
306 | <a href="../care/achievement.html" class="inner_item"> | 332 | <a href="../care/achievement.html" class="inner_item"> |
307 | - Research Achievement | ||
308 | - </a> | 333 | + Research Achievement |
334 | + </a> | ||
309 | <a href="../care/exchange.html" class="inner_item"> | 335 | <a href="../care/exchange.html" class="inner_item"> |
310 | - International Exchanges | ||
311 | - </a> | 336 | + International Exchanges |
337 | + </a> | ||
312 | <a href="../care/cancer.html" class="inner_item"> | 338 | <a href="../care/cancer.html" class="inner_item"> |
313 | - Cancer Survivorship Support | ||
314 | - </a> | 339 | + Cancer Survivorship Support |
340 | + </a> | ||
315 | <a href="../care/news.html" class="inner_item"> | 341 | <a href="../care/news.html" class="inner_item"> |
316 | - News & Events | ||
317 | - </a> | 342 | + News & Events |
343 | + </a> | ||
318 | <a href="../care/contactUs.html" class="inner_item"> | 344 | <a href="../care/contactUs.html" class="inner_item"> |
319 | - Contact Us | ||
320 | - </a> | 345 | + Contact Us |
346 | + </a> | ||
321 | </div> | 347 | </div> |
322 | </li> | 348 | </li> |
323 | <li class="btn navbtn-a" role="button"> | 349 | <li class="btn navbtn-a" role="button"> |
324 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 350 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
325 | - <div class='sec_menu_items'> | 351 | + <div class="sec_menu_items"> |
326 | <a href="../international/conference.html" class="inner_item"> | 352 | <a href="../international/conference.html" class="inner_item"> |
327 | - International Conferences | ||
328 | - </a> | 353 | + International Conferences |
354 | + </a> | ||
329 | <a href="../international/training.html" class="inner_item"> | 355 | <a href="../international/training.html" class="inner_item"> |
330 | - Oversea Trainings | ||
331 | - </a> | 356 | + Oversea Trainings |
357 | + </a> | ||
332 | <a href="../international/referral.html" class="inner_item"> | 358 | <a href="../international/referral.html" class="inner_item"> |
333 | - International Patients | ||
334 | - </a> | 359 | + International Patients |
360 | + </a> | ||
335 | <a href="../international/partners.html" class="inner_item"> | 361 | <a href="../international/partners.html" class="inner_item"> |
336 | - Partnership Institutions | ||
337 | - </a> | 362 | + Partnership Institutions |
363 | + </a> | ||
338 | <!--<a href="../international/exchange.html" class="inner_item">--> | 364 | <!--<a href="../international/exchange.html" class="inner_item">--> |
339 | <!--International Exchanges News--> | 365 | <!--International Exchanges News--> |
340 | <!--</a>--> | 366 | <!--</a>--> |
@@ -347,11 +373,38 @@ | @@ -347,11 +373,38 @@ | ||
347 | </div> | 373 | </div> |
348 | 374 | ||
349 | <!-- Swiper --> | 375 | <!-- Swiper --> |
350 | - <div class="img-header"> | 376 | + <!-- <div class="img-header"> |
351 | <img src="../images/cli2_top.png" width="100%" alt=""> | 377 | <img src="../images/cli2_top.png" width="100%" alt=""> |
352 | - </div> | 378 | + </div> --> |
353 | <div class="content"> | 379 | <div class="content"> |
354 | - <div class="content-word"> | 380 | + <div class="navpath"> |
381 | + Clinical Resources<span>></span>Clinical Departments | ||
382 | + <span>></span>Medical Oncology<span>></span>Thoracic Medical Oncology | ||
383 | + </div> | ||
384 | + <div class="contant"> | ||
385 | + <div class="contant_img"> | ||
386 | + <img src="../images/58.png" alt="" srcset="" /> | ||
387 | + </div> | ||
388 | + <div class="contant_word"> | ||
389 | + <h4>Department of Thoracic Medical Oncology</h4> | ||
390 | + <div class="contant_word_one"> | ||
391 | + General Introduction<br /> The Department of Thoracic Medical Oncology is one of the earliest groups specializing multidisciplinary treatment for lung cancer in China. Initially established as 3rd Department of Medical Oncology | ||
392 | + in 1998, it was renamed as the Department of Thoracic Medical Oncology in 2006. The department provides individualized and comprehensive treatment for various thoracic tumors,especially chemotherapy,targeted therapy and immunotherapy | ||
393 | + of lung cancer<br /> Faculty / Staff<br /> Currently, there are 35 staff, including 15 physicians (8 professors, 6 attendants and 1 resident), 19 nurses and 1 scientific researcher. In 2018, the department invited Dr. Shirley Liu | ||
394 | + as guest professor. Dr. Shirley Liu is the world leading computational biologist with expertise in cancer epigenetics. She is now professor at the Department of Biostatistics and Computational Biology at the Dana-Farber Cancer | ||
395 | + Institute and Harvard School.<br /> Research <br /> As one of the national anti-tumor new drug clinical research bases, the department of Thoracic Medical Oncology has led or participated in dozens of clinical trials. Currently, | ||
396 | + a number of international and domestic clinical researches on novel anticancer drugs are being carried out in the department. Thanks to the dynamism of the research teams and the clinicians, the department has made great achievements | ||
397 | + in scientific research work. Physician scientists in this department also took part in research programs funded by National Natural Science Foundation of China (NSFC), and dozens research projects have been supported by provincial | ||
398 | + and municipal science and technology plan. The department undertakes the educational work for the doctorial students and graduate students of Tianjin medical university. Besides, it also brings up many professionals in cancer chemotherapy | ||
399 | + and clinical pharmacology for our country each year. <br />4. Clinical Service | ||
400 | + <br />The Department of Thoracic Oncology is a cooperative team that provides a multidisciplinary care of thoracic carcinoma. Physicians work together to make optimal therapeutic plan for every patient based on the principle of | ||
401 | + individualization. Over 5000 patients received treatment in our department each year. For patients with lung cancer, treatment is available through multidisciplinary teams. They work together to make optimal therapeutic plan for | ||
402 | + every patient based on the principle of individualization. | ||
403 | + </div> | ||
404 | + </div> | ||
405 | + </div> | ||
406 | + <!-- <div class="content-word"> | ||
407 | + | ||
355 | <div class="content-word-right active"> | 408 | <div class="content-word-right active"> |
356 | <img src="../images/2.2.1.png" width="100%" alt="" srcset=""> | 409 | <img src="../images/2.2.1.png" width="100%" alt="" srcset=""> |
357 | <div class="depart_introduce"> | 410 | <div class="depart_introduce"> |
@@ -390,31 +443,12 @@ | @@ -390,31 +443,12 @@ | ||
390 | treatment in our department each year. For patients with lung cancer, treatment is available | 443 | treatment in our department each year. For patients with lung cancer, treatment is available |
391 | through multidisciplinary teams. They work together to make optimal therapeutic plan for | 444 | through multidisciplinary teams. They work together to make optimal therapeutic plan for |
392 | every patient based on the principle of individualization.</p> | 445 | every patient based on the principle of individualization.</p> |
393 | - | ||
394 | </div> | 446 | </div> |
395 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
396 | </div> | 447 | </div> |
397 | - </div> | ||
398 | - <div class="person_introduce_box"> | ||
399 | - <h3>ACADEMIC LEADER</h3> | ||
400 | - <div class="photo_box"> | ||
401 | - <a class="photo_item_box" href="person_detail.2.2.1.html"> | ||
402 | - <div class="photo_item_imageBox"> | ||
403 | - <img src="../images/2.2.2.png" width="100%" alt="" srcset=""> | ||
404 | - </div> | ||
405 | - <div class="photo_item_desc"> | ||
406 | - <div class="item_name">Dingzhi Huang</div> | ||
407 | - <div class="item_cheer">PhD supervisor</div> | ||
408 | - Chief Physician and Director | ||
409 | - </div> | ||
410 | - </a> | ||
411 | - | ||
412 | - </div> | ||
413 | - </div> | 448 | + </div> --> |
414 | </div> | 449 | </div> |
415 | <footer class="footer-content"> | 450 | <footer class="footer-content"> |
416 | <div class="footer-main"> | 451 | <div class="footer-main"> |
417 | - | ||
418 | <ul class="list-unstyled third-ul"> | 452 | <ul class="list-unstyled third-ul"> |
419 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 453 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
420 | <li>Tianjin 300060</li> | 454 | <li>Tianjin 300060</li> |
@@ -423,41 +457,51 @@ | @@ -423,41 +457,51 @@ | ||
423 | <li>Email: info@tjmuch.com</li> | 457 | <li>Email: info@tjmuch.com</li> |
424 | </ul> | 458 | </ul> |
425 | <ul class="list-unstyled first-ul"> | 459 | <ul class="list-unstyled first-ul"> |
426 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
427 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 460 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
461 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
428 | </ul> | 462 | </ul> |
429 | </div> | 463 | </div> |
430 | </footer> | 464 | </footer> |
431 | - | ||
432 | </div> | 465 | </div> |
433 | <script src="../js/jquery-1.11.3.min.js"></script> | 466 | <script src="../js/jquery-1.11.3.min.js"></script> |
434 | <script src="../js/bootstrap.min.js"></script> | 467 | <script src="../js/bootstrap.min.js"></script> |
435 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 468 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
436 | <script src="../js/common.js"></script> | 469 | <script src="../js/common.js"></script> |
437 | <script> | 470 | <script> |
438 | - $(document).ready(function () { | ||
439 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
440 | - console.log(this) | ||
441 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
442 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
443 | - }) | ||
444 | - }) | ||
445 | - var swiper = new Swiper('.swiper-container', { | ||
446 | - pagination: '.swiper-pagination', | 471 | + $(document).ready(function() { |
472 | + $(".btn-group") | ||
473 | + .find(".navbtn-a") | ||
474 | + .click(function() { | ||
475 | + console.log(this); | ||
476 | + $(this) | ||
477 | + .siblings(".navbtn-a") | ||
478 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
479 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
480 | + }); | ||
481 | + }); | ||
482 | + var swiper = new Swiper(".swiper-container", { | ||
483 | + pagination: ".swiper-pagination", | ||
447 | paginationClickable: true | 484 | paginationClickable: true |
448 | }); | 485 | }); |
449 | 486 | ||
450 | - var swiper = new Swiper('.swiper-container1', { | ||
451 | - pagination: '.swiper-pagination', | 487 | + var swiper = new Swiper(".swiper-container1", { |
488 | + pagination: ".swiper-pagination", | ||
452 | slidesPerView: 3, | 489 | slidesPerView: 3, |
453 | paginationClickable: true, | 490 | paginationClickable: true, |
454 | spaceBetween: 30 | 491 | spaceBetween: 30 |
455 | }); | 492 | }); |
456 | 493 | ||
457 | - $('.content-word-left').on('click', 'h4', function () { | ||
458 | - $(this).addClass('active').siblings().removeClass('active') | ||
459 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
460 | - }) | 494 | + $(".content-word-left").on("click", "h4", function() { |
495 | + $(this) | ||
496 | + .addClass("active") | ||
497 | + .siblings() | ||
498 | + .removeClass("active"); | ||
499 | + $(".content-word-right") | ||
500 | + .eq($(this).index()) | ||
501 | + .addClass("active") | ||
502 | + .siblings() | ||
503 | + .removeClass("active"); | ||
504 | + }); | ||
461 | </script> | 505 | </script> |
462 | </body> | 506 | </body> |
463 | 507 |
@@ -2,16 +2,16 @@ | @@ -2,16 +2,16 @@ | ||
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 | } |
@@ -118,6 +118,44 @@ | @@ -118,6 +118,44 @@ | ||
118 | background: #f5f5f5; | 118 | background: #f5f5f5; |
119 | width: 900px; | 119 | width: 900px; |
120 | height: 380px; | 120 | height: 380px; |
121 | + } */ | ||
122 | + | ||
123 | + .contant { | ||
124 | + width: 1122px; | ||
125 | + margin: 0 auto; | ||
126 | + } | ||
127 | + | ||
128 | + .contant_img { | ||
129 | + margin-top: 66px; | ||
130 | + width: 100%; | ||
131 | + height: 606px; | ||
132 | + background: #9fa0a0; | ||
133 | + } | ||
134 | + | ||
135 | + .contant_img img { | ||
136 | + width: 100%; | ||
137 | + height: 100%; | ||
138 | + } | ||
139 | + | ||
140 | + .contant_word { | ||
141 | + margin-top: 40px; | ||
142 | + } | ||
143 | + .contant_word_title{ | ||
144 | + font-size: 24px; | ||
145 | + color: #727171; | ||
146 | + font-weight: bold; | ||
147 | + line-height: 30px | ||
148 | + } | ||
149 | + .contant_title{ | ||
150 | + font-size: 20px; | ||
151 | + color: #727171; | ||
152 | + line-height: 30px; | ||
153 | + font-weight: 600 | ||
154 | + } | ||
155 | + .contant_words{ | ||
156 | + font-size: 20px; | ||
157 | + color: #727171; | ||
158 | + line-height: 30px; | ||
121 | } | 159 | } |
122 | </style> | 160 | </style> |
123 | </head> | 161 | </head> |
@@ -126,23 +164,22 @@ | @@ -126,23 +164,22 @@ | ||
126 | <nav class="navbar navbar-default bgf mb0"> | 164 | <nav class="navbar navbar-default bgf mb0"> |
127 | <div class="container-fluid top_pc_brand"> | 165 | <div class="container-fluid top_pc_brand"> |
128 | <div class="navbar-header"> | 166 | <div class="navbar-header"> |
129 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
130 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | ||
131 | - <span class="sr-only">Toggle navigation</span> | ||
132 | - <span class="icon-bar"></span> | ||
133 | - <span class="icon-bar"></span> | ||
134 | - <span class="icon-bar"></span> | ||
135 | - </button> | 167 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
168 | + <span class="sr-only">Toggle navigation</span> | ||
169 | + <span class="icon-bar"></span> | ||
170 | + <span class="icon-bar"></span> | ||
171 | + <span class="icon-bar"></span> | ||
172 | + </button> | ||
136 | <a class="navbar-brand logo" href="../index.html"> | 173 | <a class="navbar-brand logo" href="../index.html"> |
137 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 174 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
138 | </a> | 175 | </a> |
139 | </div> | 176 | </div> |
140 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 177 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
141 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 178 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
142 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 179 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
143 | - <input type="text" class="form-control search-input" placeholder="Search"> | 180 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
144 | <div class="magnifier"> | 181 | <div class="magnifier"> |
145 | - <img src="../images/search_btn.png" alt=""> | 182 | + <img src="../images/search_btn.png" alt="" /> |
146 | </div> | 183 | </div> |
147 | </div> | 184 | </div> |
148 | </div> | 185 | </div> |
@@ -154,192 +191,187 @@ | @@ -154,192 +191,187 @@ | ||
154 | <ul class="nav_menu_items"> | 191 | <ul class="nav_menu_items"> |
155 | <li class="btn navbtn-a" role="button"> | 192 | <li class="btn navbtn-a" role="button"> |
156 | <a href="javascript:;">ABOUT US</a> | 193 | <a href="javascript:;">ABOUT US</a> |
157 | - <div class='sec_menu_items'> | 194 | + <div class="sec_menu_items"> |
158 | <a href="../about/welcome.html" class="inner_item"> | 195 | <a href="../about/welcome.html" class="inner_item"> |
159 | - Welcome Message | ||
160 | - </a> | 196 | + Welcome Message |
197 | + </a> | ||
161 | <a href="../about/mission.html" class="inner_item"> | 198 | <a href="../about/mission.html" class="inner_item"> |
162 | - Mission and Vision | ||
163 | - </a> | 199 | + Mission and Vision |
200 | + </a> | ||
164 | <a href="../about/leadership.html" class="inner_item"> | 201 | <a href="../about/leadership.html" class="inner_item"> |
165 | - Leadership | ||
166 | - </a> | 202 | + Leadership |
203 | + </a> | ||
167 | <a href="../about/history.html" class="inner_item"> | 204 | <a href="../about/history.html" class="inner_item"> |
168 | - History and Milestones | ||
169 | - </a> | 205 | + History and Milestones |
206 | + </a> | ||
170 | <a href="../about/quick.html" class="inner_item"> | 207 | <a href="../about/quick.html" class="inner_item"> |
171 | - Quick Facts | ||
172 | - </a> | 208 | + Quick Facts |
209 | + </a> | ||
173 | <a href="../about/contact.html" class="inner_item">Contact Us</a> | 210 | <a href="../about/contact.html" class="inner_item">Contact Us</a> |
174 | </div> | 211 | </div> |
175 | </li> | 212 | </li> |
176 | <li class="btn navbtnActive navbtn-a" role="button"> | 213 | <li class="btn navbtnActive navbtn-a" role="button"> |
177 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 214 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
178 | - <div class='sec_menu_items'> | ||
179 | - <div href="../clinical/departments.html" | ||
180 | - onclick="window.location.href='../clinical/departments.html'" | ||
181 | - class="inner_item"> | 215 | + <div class="sec_menu_items"> |
216 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
182 | Clinical Departments | 217 | Clinical Departments |
183 | <div class="third_menu_items"> | 218 | <div class="third_menu_items"> |
184 | <a href="../clinical/departm.html" class="inner_item"> | 219 | <a href="../clinical/departm.html" class="inner_item"> |
185 | - Surgical Department | ||
186 | - </a> | 220 | + Surgical Department |
221 | + </a> | ||
187 | <a href="../clinical/medical.html" class="inner_item"> | 222 | <a href="../clinical/medical.html" class="inner_item"> |
188 | - Medical Oncology | ||
189 | - </a> | 223 | + Medical Oncology |
224 | + </a> | ||
190 | <a href="../clinical/radiation.html" class="inner_item"> | 225 | <a href="../clinical/radiation.html" class="inner_item"> |
191 | - Radiation Oncology | ||
192 | - </a> | 226 | + Radiation Oncology |
227 | + </a> | ||
193 | <a href="../clinical/diagnostic.html" class="inner_item"> | 228 | <a href="../clinical/diagnostic.html" class="inner_item"> |
194 | - Diagnostic Oncology | ||
195 | - </a> | 229 | + Diagnostic Oncology |
230 | + </a> | ||
196 | <a href="../clinical/center.html" class="inner_item"> | 231 | <a href="../clinical/center.html" class="inner_item"> |
197 | - Center of Excellences | ||
198 | - </a> | 232 | + Center of Excellences |
233 | + </a> | ||
199 | </div> | 234 | </div> |
200 | </div> | 235 | </div> |
201 | <a href="../clinical/activities.html" class="inner_item"> | 236 | <a href="../clinical/activities.html" class="inner_item"> |
202 | - Clinical Activities | ||
203 | - </a> | 237 | + Clinical Activities |
238 | + </a> | ||
204 | <a href="../clinical/trials.html" class="inner_item"> | 239 | <a href="../clinical/trials.html" class="inner_item"> |
205 | - Clinical Trials | ||
206 | - </a> | 240 | + Clinical Trials |
241 | + </a> | ||
207 | <a href="../clinical/finddoctor.html" class="inner_item"> | 242 | <a href="../clinical/finddoctor.html" class="inner_item"> |
208 | - Find a Doctor | ||
209 | - </a> | 243 | + Find a Doctor |
244 | + </a> | ||
210 | </div> | 245 | </div> |
211 | </li> | 246 | </li> |
212 | <li class="btn navbtn-a" role="button"> | 247 | <li class="btn navbtn-a" role="button"> |
213 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 248 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
214 | - <div class='sec_menu_items'> | ||
215 | - | 249 | + <div class="sec_menu_items"> |
216 | <a href="../research/nationalCancer.html" class="inner_item"> | 250 | <a href="../research/nationalCancer.html" class="inner_item"> |
217 | - National Cancer Clinical Research Center | ||
218 | - </a> | ||
219 | - <div href="../research/research.html" | ||
220 | - onclick="location.href='../research/research.html'" class="inner_item"> | 251 | + National Cancer Clinical Research Center |
252 | + </a> | ||
253 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> | ||
221 | Research | 254 | Research |
222 | <div class="third_menu_items"> | 255 | <div class="third_menu_items"> |
223 | <a href="../research/research1.html" class="inner_item"> | 256 | <a href="../research/research1.html" class="inner_item"> |
224 | - Research programs | ||
225 | - </a> | 257 | + Research programs |
258 | + </a> | ||
226 | <a href="../research/research2.html" class="inner_item"> | 259 | <a href="../research/research2.html" class="inner_item"> |
227 | - Achievements | ||
228 | - </a> | 260 | + Achievements |
261 | + </a> | ||
229 | <a href="../research/research3.html" class="inner_item"> | 262 | <a href="../research/research3.html" class="inner_item"> |
230 | - Key Labaratories | ||
231 | - </a> | 263 | + Key Labaratories |
264 | + </a> | ||
232 | <a href="../research/researcher.html" class="inner_item"> | 265 | <a href="../research/researcher.html" class="inner_item"> |
233 | - Find a Researcher | ||
234 | - </a> | 266 | + Find a Researcher |
267 | + </a> | ||
235 | </div> | 268 | </div> |
236 | </div> | 269 | </div> |
237 | - <div href="../research/education.html" | ||
238 | - onclick="location.href='../research/education.html'" class="inner_item"> | 270 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
239 | Education | 271 | Education |
240 | <div class="third_menu_items"> | 272 | <div class="third_menu_items"> |
241 | <a href="../research/education.html" class="inner_item"> | 273 | <a href="../research/education.html" class="inner_item"> |
242 | - Graduate Study | ||
243 | - </a> | 274 | + Graduate Study |
275 | + </a> | ||
244 | <a href="../research/education.html" class="inner_item"> | 276 | <a href="../research/education.html" class="inner_item"> |
245 | - International Study | ||
246 | - </a> | 277 | + International Study |
278 | + </a> | ||
247 | <a href="../research/education.html" class="inner_item"> | 279 | <a href="../research/education.html" class="inner_item"> |
248 | - Continuing Study | ||
249 | - </a> | 280 | + Continuing Study |
281 | + </a> | ||
250 | </div> | 282 | </div> |
251 | </div> | 283 | </div> |
252 | <a href="../research/news.html" class="inner_item"> | 284 | <a href="../research/news.html" class="inner_item"> |
253 | - News | ||
254 | - </a> | 285 | + News |
286 | + </a> | ||
255 | </div> | 287 | </div> |
256 | </li> | 288 | </li> |
257 | <li class="btn navbtn-a" role="button"> | 289 | <li class="btn navbtn-a" role="button"> |
258 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 290 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
259 | - <div class='sec_menu_items'> | 291 | + <div class="sec_menu_items"> |
260 | <div href="javascript:;" class="inner_item"> | 292 | <div href="javascript:;" class="inner_item"> |
261 | About Us | 293 | About Us |
262 | <div class="third_menu_items"> | 294 | <div class="third_menu_items"> |
263 | <a href="../institute/aboutus.html" class="inner_item"> | 295 | <a href="../institute/aboutus.html" class="inner_item"> |
264 | - About Us | ||
265 | - </a> | 296 | + About Us |
297 | + </a> | ||
266 | <a href="../institute/leadership.html" class="inner_item"> | 298 | <a href="../institute/leadership.html" class="inner_item"> |
267 | - Leadership | ||
268 | - </a> | 299 | + Leadership |
300 | + </a> | ||
269 | <a href="../institute/history.html" class="inner_item"> | 301 | <a href="../institute/history.html" class="inner_item"> |
270 | - History | ||
271 | - </a> | 302 | + History |
303 | + </a> | ||
272 | <a href="../institute/report.html" class="inner_item"> | 304 | <a href="../institute/report.html" class="inner_item"> |
273 | - Annual Report | ||
274 | - </a> | 305 | + Annual Report |
306 | + </a> | ||
275 | </div> | 307 | </div> |
276 | </div> | 308 | </div> |
277 | <div href="../clinical/nursing.html" class="inner_item"> | 309 | <div href="../clinical/nursing.html" class="inner_item"> |
278 | Research | 310 | Research |
279 | <div class="third_menu_items"> | 311 | <div class="third_menu_items"> |
280 | <a href="../institute/researchers.html" class="inner_item"> | 312 | <a href="../institute/researchers.html" class="inner_item"> |
281 | - Our Researchers | ||
282 | - </a> | 313 | + Our Researchers |
314 | + </a> | ||
283 | <a href="../institute/facilities.html" class="inner_item"> | 315 | <a href="../institute/facilities.html" class="inner_item"> |
284 | - Core Facilities and Services | ||
285 | - </a> | 316 | + Core Facilities and Services |
317 | + </a> | ||
286 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 318 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
287 | - Journal of Clinical Oncology | ||
288 | - </a> | 319 | + Journal of Clinical Oncology |
320 | + </a> | ||
289 | </div> | 321 | </div> |
290 | </div> | 322 | </div> |
291 | <a href="../institute/news.html" class="inner_item"> | 323 | <a href="../institute/news.html" class="inner_item"> |
292 | - News | ||
293 | - </a> | 324 | + News |
325 | + </a> | ||
294 | <a href="../institute/concat.html" class="inner_item"> | 326 | <a href="../institute/concat.html" class="inner_item"> |
295 | - Contact Us | ||
296 | - </a> | 327 | + Contact Us |
328 | + </a> | ||
297 | </div> | 329 | </div> |
298 | </li> | 330 | </li> |
299 | <li class="btn navbtn-a" role="button"> | 331 | <li class="btn navbtn-a" role="button"> |
300 | <a href="../contact.html">NURSING CARE</a> | 332 | <a href="../contact.html">NURSING CARE</a> |
301 | - <div class='sec_menu_items'> | 333 | + <div class="sec_menu_items"> |
302 | <a href="../care/aboutus.html" class="inner_item"> | 334 | <a href="../care/aboutus.html" class="inner_item"> |
303 | - About Us | ||
304 | - </a> | 335 | + About Us |
336 | + </a> | ||
305 | <a href="../care/activity.html" class="inner_item"> | 337 | <a href="../care/activity.html" class="inner_item"> |
306 | - Nursing Activities | ||
307 | - </a> | 338 | + Nursing Activities |
339 | + </a> | ||
308 | <a href="../care/training.html" class="inner_item"> | 340 | <a href="../care/training.html" class="inner_item"> |
309 | - Nurse Training | ||
310 | - </a> | 341 | + Nurse Training |
342 | + </a> | ||
311 | <a href="../care/achievement.html" class="inner_item"> | 343 | <a href="../care/achievement.html" class="inner_item"> |
312 | - Research Achievement | ||
313 | - </a> | 344 | + Research Achievement |
345 | + </a> | ||
314 | <a href="../care/exchange.html" class="inner_item"> | 346 | <a href="../care/exchange.html" class="inner_item"> |
315 | - International Exchanges | ||
316 | - </a> | 347 | + International Exchanges |
348 | + </a> | ||
317 | <a href="../care/cancer.html" class="inner_item"> | 349 | <a href="../care/cancer.html" class="inner_item"> |
318 | - Cancer Survivorship Support | ||
319 | - </a> | 350 | + Cancer Survivorship Support |
351 | + </a> | ||
320 | <a href="../care/news.html" class="inner_item"> | 352 | <a href="../care/news.html" class="inner_item"> |
321 | - News & Events | ||
322 | - </a> | 353 | + News & Events |
354 | + </a> | ||
323 | <a href="../care/contactUs.html" class="inner_item"> | 355 | <a href="../care/contactUs.html" class="inner_item"> |
324 | - Contact Us | ||
325 | - </a> | 356 | + Contact Us |
357 | + </a> | ||
326 | </div> | 358 | </div> |
327 | </li> | 359 | </li> |
328 | <li class="btn navbtn-a" role="button"> | 360 | <li class="btn navbtn-a" role="button"> |
329 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 361 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
330 | - <div class='sec_menu_items'> | 362 | + <div class="sec_menu_items"> |
331 | <a href="../international/conference.html" class="inner_item"> | 363 | <a href="../international/conference.html" class="inner_item"> |
332 | - International Conferences | ||
333 | - </a> | 364 | + International Conferences |
365 | + </a> | ||
334 | <a href="../international/training.html" class="inner_item"> | 366 | <a href="../international/training.html" class="inner_item"> |
335 | - Oversea Trainings | ||
336 | - </a> | 367 | + Oversea Trainings |
368 | + </a> | ||
337 | <a href="../international/referral.html" class="inner_item"> | 369 | <a href="../international/referral.html" class="inner_item"> |
338 | - International Patients | ||
339 | - </a> | 370 | + International Patients |
371 | + </a> | ||
340 | <a href="../international/partners.html" class="inner_item"> | 372 | <a href="../international/partners.html" class="inner_item"> |
341 | - Partnership Institutions | ||
342 | - </a> | 373 | + Partnership Institutions |
374 | + </a> | ||
343 | <!--<a href="../international/exchange.html" class="inner_item">--> | 375 | <!--<a href="../international/exchange.html" class="inner_item">--> |
344 | <!--International Exchanges News--> | 376 | <!--International Exchanges News--> |
345 | <!--</a>--> | 377 | <!--</a>--> |
@@ -352,11 +384,87 @@ | @@ -352,11 +384,87 @@ | ||
352 | </div> | 384 | </div> |
353 | 385 | ||
354 | <!-- Swiper --> | 386 | <!-- Swiper --> |
355 | - <div class="img-header"> | 387 | + <!-- <div class="img-header"> |
356 | <img src="../images/cli2_top.png" width="100%" alt=""> | 388 | <img src="../images/cli2_top.png" width="100%" alt=""> |
357 | - </div> | 389 | + </div> --> |
358 | <div class="content"> | 390 | <div class="content"> |
359 | - <div class="content-word"> | 391 | + <div class="navpath"> |
392 | + Clinical Resources<span>></span>Clinical Departments | ||
393 | + <span>></span>Radiation Oncology<span>></span>Radiation Oncology | ||
394 | + </div> | ||
395 | + <div class="contant"> | ||
396 | + <div class="contant_top"> | ||
397 | + <div class="contant_img"></div> | ||
398 | + </div> | ||
399 | + <div class="contant_word"> | ||
400 | + <div class="contant_word_title"> | ||
401 | + Department of Radiation Oncology | ||
402 | + </div><br/> | ||
403 | + <div class="contant_one"> | ||
404 | + <div class="contant_title"> | ||
405 | + General introduction | ||
406 | + </div> | ||
407 | + <div class="contant_words"> | ||
408 | + The Department of Radiation Oncology at Tianjin Medical University Cancer Institute and Hospital is one of the largest departments of radiation oncology in China It serves as one of the national training bases for radiation oncologist, a training base | ||
409 | + for Swedish Elekta Company, and the education and training center for master candidates from Tianjin Medical University. Our department combines clinical expertise, compassionate care, and advanced radiation therapies to deliver | ||
410 | + the safest, most effective treatments for cancer and benign tumors. We strive to excite, educate, encourage, train and mentor a diverse team of physicians, physicists, radiation therapists, and dosimetrists to become excellent | ||
411 | + caregivers, to develop methods to improve outcomes for their community, and to become future leaders in academic medicine and/or healthcare delivery. | ||
412 | + </div><br/><br/> | ||
413 | + <div class="contant_words"> | ||
414 | + The department have international first-class radiation therapy equipments: 5 medical linear accelerators, 1 full-digital simulator, 1 spiral CT simulator, 19 sets of inverse 3-dimensional planning system, 1 brachytherapy equipment, and 3 microwave machines | ||
415 | + for thermal therapy. Our state-of-the-art radiation technologies, found in few other Chinese hospitals, provide precise targeting of tumors while minimizing the potential for injury to surrounding tissue. Each year, we successfully | ||
416 | + treat thousands of patients with noninvasive and minimally invasive internal and external radiation therapies, including stereotactic radiosurgery, stereotactic body radiation therapy (SBRT), brachytherapy, intensity-modulated | ||
417 | + radiation therapy (IMRT), volumetric arc therapy (VMAT) and image-guided radiation therapy (IGRT). | ||
418 | + </div> | ||
419 | + </div><br/><br/> | ||
420 | + <div class="contant_one"> | ||
421 | + <div class="contant_title"> | ||
422 | + 2. Faculty and staff | ||
423 | + </div> | ||
424 | + <div class="contant_words"> | ||
425 | + The department of radiation oncology is the largest department in our hospital, which including four wards, radiation physics and maintenance sub-groups. All the radiation oncologists pay special attention to the improvement of radiation technique and | ||
426 | + the multiple modality therapy. The radiation physics and maintenance groups are in charge of the daily quality assurance and quality control. The well cooperation between each groups assure the improvement of clinical treatment | ||
427 | + and the development of advanced techniques. | ||
428 | + </div> | ||
429 | + <div class="contant_words"> | ||
430 | + As the largest department of Tianjin Medical University Cancer Institute and Hospital, we have a high level professional team, which consists of 45 radiation oncologists, 8 physicists, 8 dosimetrists, 38 radiation therapists, 5 engineers, and 78 nurses. | ||
431 | + At present, there are 182 faculties and staffs in our department. Among them, 8 are professors or chief physicians; 15 are associate chief physicians or associate professors. The academic leader of our department is Dr. Ping | ||
432 | + Wang. The director is Dr. Zhiyong Yuan. Vice directors: Dr. Li Zhu, Dr. Lujun Zhao and Dr. Peiguo Wang. | ||
433 | + </div> | ||
434 | + </div> | ||
435 | + <div class="contant_one"> | ||
436 | + <div class="contant_title"> | ||
437 | + 3. Cutting edge Research | ||
438 | + </div> | ||
439 | + <div class="contant_words"> | ||
440 | + In addition to our patient care mission, our physicians, physician-scientists and physicists are among the most active, visionary investigators in developing next-generation radiation therapies. Clinical, translational, and laboratory-based biology researches | ||
441 | + are critical components of our department. | ||
442 | + </div> | ||
443 | + <div class="contant_words"> | ||
444 | + Our department leads 11 National Natural Science Foundation, 3 Provincial and ministerial scientific foundation, 4 Tianjin Natural Science Foundation and 2 bureau or university foundation. Besides, we have won many scientific and technological awards, | ||
445 | + including 3 national invention awards, 3 national practical new-type patent, 5 municipal awards for scientific and technological progress and 2 university awards. More than hundreds peer-reviewed papers were published worldwide. | ||
446 | + Within the past 5 years, there’re 70 papers were accepted in SCI journals. The total influence factors were more than 300, and the most high IF for a single paper was12.253. | ||
447 | + </div> | ||
448 | + </div> | ||
449 | + <div class="contant_one"> | ||
450 | + <div class="contant_title"> | ||
451 | + 4. Clinical Service | ||
452 | + </div> | ||
453 | + <div class="contant_words"> | ||
454 | + Our department possesses the international standard radiotherapy equipments. In clinical practice, we divide into three treatment groups: head and neck (including lymphoma), thoracic, and abdominal and pelvic (including breast) groups. We can perform | ||
455 | + various kinds of modern radiotherapy techniques, including IGRT, IMRT, CRT, brachytherapy, thermal therapy, and the most advanced Cyberknife radiosurgery. | ||
456 | + </div> | ||
457 | + <div class="contant_words"> | ||
458 | + Recently, our department further standardized the treatment modality in nasopharyngeal carcinoma, lung cancer, esophageal carcinoma, rectal carcinoma, malignant lymphoma, breast conservative surgery followed by radiotherapy, and achieved outstanding treatment | ||
459 | + outcomes. These clinical practices indicate that the radiotherapy technique in our department reaches the top-rank in our country. | ||
460 | + </div> | ||
461 | + <div class="contant_words"> | ||
462 | + The mission of Department of Radiation Oncology at Tianjin Medical University Cancer Institute and Hospital is to provide excellence in patient care by administering the highest level of quality in a safe and compassionate environment. | ||
463 | + </div> | ||
464 | + </div> | ||
465 | + </div> | ||
466 | + </div> | ||
467 | + <!-- <div class="content-word"> | ||
360 | <div class="content-word-right active"> | 468 | <div class="content-word-right active"> |
361 | <div class="top_img_box"> | 469 | <div class="top_img_box"> |
362 | </div> | 470 | </div> |
@@ -434,8 +542,8 @@ | @@ -434,8 +542,8 @@ | ||
434 | </div> | 542 | </div> |
435 | <img src="../images/next.png" class="next" alt="" srcset=""> | 543 | <img src="../images/next.png" class="next" alt="" srcset=""> |
436 | </div> | 544 | </div> |
437 | - </div> | ||
438 | - <div class="person_introduce_box"> | 545 | + </div> --> |
546 | + <!-- <div class="person_introduce_box"> | ||
439 | <h3>ACADEMIC LEADER</h3> | 547 | <h3>ACADEMIC LEADER</h3> |
440 | <div class="photo_box"> | 548 | <div class="photo_box"> |
441 | <a class="photo_item_box" href="person_detail.2.3.1.html"> | 549 | <a class="photo_item_box" href="person_detail.2.3.1.html"> |
@@ -450,11 +558,10 @@ | @@ -450,11 +558,10 @@ | ||
450 | </a> | 558 | </a> |
451 | 559 | ||
452 | </div> | 560 | </div> |
453 | - </div> | 561 | + </!--> |
454 | </div> | 562 | </div> |
455 | <footer class="footer-content"> | 563 | <footer class="footer-content"> |
456 | <div class="footer-main"> | 564 | <div class="footer-main"> |
457 | - | ||
458 | <ul class="list-unstyled third-ul"> | 565 | <ul class="list-unstyled third-ul"> |
459 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 566 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
460 | <li>Tianjin 300060</li> | 567 | <li>Tianjin 300060</li> |
@@ -463,41 +570,51 @@ | @@ -463,41 +570,51 @@ | ||
463 | <li>Email: info@tjmuch.com</li> | 570 | <li>Email: info@tjmuch.com</li> |
464 | </ul> | 571 | </ul> |
465 | <ul class="list-unstyled first-ul"> | 572 | <ul class="list-unstyled first-ul"> |
466 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
467 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 573 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
574 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
468 | </ul> | 575 | </ul> |
469 | </div> | 576 | </div> |
470 | </footer> | 577 | </footer> |
471 | - | ||
472 | </div> | 578 | </div> |
473 | <script src="../js/jquery-1.11.3.min.js"></script> | 579 | <script src="../js/jquery-1.11.3.min.js"></script> |
474 | <script src="../js/bootstrap.min.js"></script> | 580 | <script src="../js/bootstrap.min.js"></script> |
475 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 581 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
476 | <script src="../js/common.js"></script> | 582 | <script src="../js/common.js"></script> |
477 | <script> | 583 | <script> |
478 | - $(document).ready(function () { | ||
479 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
480 | - console.log(this) | ||
481 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
482 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
483 | - }) | ||
484 | - }) | ||
485 | - var swiper = new Swiper('.swiper-container', { | ||
486 | - pagination: '.swiper-pagination', | 584 | + $(document).ready(function() { |
585 | + $(".btn-group") | ||
586 | + .find(".navbtn-a") | ||
587 | + .click(function() { | ||
588 | + console.log(this); | ||
589 | + $(this) | ||
590 | + .siblings(".navbtn-a") | ||
591 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
592 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
593 | + }); | ||
594 | + }); | ||
595 | + var swiper = new Swiper(".swiper-container", { | ||
596 | + pagination: ".swiper-pagination", | ||
487 | paginationClickable: true | 597 | paginationClickable: true |
488 | }); | 598 | }); |
489 | 599 | ||
490 | - var swiper = new Swiper('.swiper-container1', { | ||
491 | - pagination: '.swiper-pagination', | 600 | + var swiper = new Swiper(".swiper-container1", { |
601 | + pagination: ".swiper-pagination", | ||
492 | slidesPerView: 3, | 602 | slidesPerView: 3, |
493 | paginationClickable: true, | 603 | paginationClickable: true, |
494 | spaceBetween: 30 | 604 | spaceBetween: 30 |
495 | }); | 605 | }); |
496 | 606 | ||
497 | - $('.content-word-left').on('click', 'h4', function () { | ||
498 | - $(this).addClass('active').siblings().removeClass('active') | ||
499 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
500 | - }) | 607 | + $(".content-word-left").on("click", "h4", function() { |
608 | + $(this) | ||
609 | + .addClass("active") | ||
610 | + .siblings() | ||
611 | + .removeClass("active"); | ||
612 | + $(".content-word-right") | ||
613 | + .eq($(this).index()) | ||
614 | + .addClass("active") | ||
615 | + .siblings() | ||
616 | + .removeClass("active"); | ||
617 | + }); | ||
501 | </script> | 618 | </script> |
502 | </body> | 619 | </body> |
503 | 620 |
@@ -2,16 +2,16 @@ | @@ -2,16 +2,16 @@ | ||
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 | } |
@@ -110,6 +110,49 @@ | @@ -110,6 +110,49 @@ | ||
110 | bottom: -15px; | 110 | bottom: -15px; |
111 | left: 50%; | 111 | left: 50%; |
112 | margin-left: -11px; | 112 | margin-left: -11px; |
113 | + } */ | ||
114 | + | ||
115 | + .contant { | ||
116 | + width: 1122px; | ||
117 | + margin: 0 auto; | ||
118 | + } | ||
119 | + | ||
120 | + .contant_img { | ||
121 | + margin-top: 66px; | ||
122 | + width: 100%; | ||
123 | + height: 610px; | ||
124 | + } | ||
125 | + | ||
126 | + .contant_img img { | ||
127 | + width: 100%; | ||
128 | + height: 100%; | ||
129 | + } | ||
130 | + | ||
131 | + .contant_word { | ||
132 | + margin-top: 38px; | ||
133 | + } | ||
134 | + | ||
135 | + .contant_word_title { | ||
136 | + font-size: 24px; | ||
137 | + color: #727171; | ||
138 | + line-height: 30px; | ||
139 | + font-weight: bold; | ||
140 | + margin-bottom: -20px | ||
141 | + } | ||
142 | + .contant_one{ | ||
143 | + margin-top: 40px | ||
144 | + } | ||
145 | + .contant_title{ | ||
146 | + font-size: 20px; | ||
147 | + color: #727171; | ||
148 | + line-height: 30px; | ||
149 | + font-weight: bold; | ||
150 | + } | ||
151 | + .contant_words{ | ||
152 | + font-size: 20px; | ||
153 | + color: #727171; | ||
154 | + line-height: 30px | ||
155 | + | ||
113 | } | 156 | } |
114 | </style> | 157 | </style> |
115 | </head> | 158 | </head> |
@@ -118,23 +161,22 @@ | @@ -118,23 +161,22 @@ | ||
118 | <nav class="navbar navbar-default bgf mb0"> | 161 | <nav class="navbar navbar-default bgf mb0"> |
119 | <div class="container-fluid top_pc_brand"> | 162 | <div class="container-fluid top_pc_brand"> |
120 | <div class="navbar-header"> | 163 | <div class="navbar-header"> |
121 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
122 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | ||
123 | - <span class="sr-only">Toggle navigation</span> | ||
124 | - <span class="icon-bar"></span> | ||
125 | - <span class="icon-bar"></span> | ||
126 | - <span class="icon-bar"></span> | ||
127 | - </button> | 164 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
165 | + <span class="sr-only">Toggle navigation</span> | ||
166 | + <span class="icon-bar"></span> | ||
167 | + <span class="icon-bar"></span> | ||
168 | + <span class="icon-bar"></span> | ||
169 | + </button> | ||
128 | <a class="navbar-brand logo" href="../index.html"> | 170 | <a class="navbar-brand logo" href="../index.html"> |
129 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 171 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
130 | </a> | 172 | </a> |
131 | </div> | 173 | </div> |
132 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 174 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
133 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 175 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
134 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 176 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
135 | - <input type="text" class="form-control search-input" placeholder="Search"> | 177 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
136 | <div class="magnifier"> | 178 | <div class="magnifier"> |
137 | - <img src="../images/search_btn.png" alt=""> | 179 | + <img src="../images/search_btn.png" alt="" /> |
138 | </div> | 180 | </div> |
139 | </div> | 181 | </div> |
140 | </div> | 182 | </div> |
@@ -146,93 +188,90 @@ | @@ -146,93 +188,90 @@ | ||
146 | <ul class="nav_menu_items"> | 188 | <ul class="nav_menu_items"> |
147 | <li class="btn navbtn-a" role="button"> | 189 | <li class="btn navbtn-a" role="button"> |
148 | <a href="javascript:;">ABOUT US</a> | 190 | <a href="javascript:;">ABOUT US</a> |
149 | - <div class='sec_menu_items'> | 191 | + <div class="sec_menu_items"> |
150 | <a href="../about/welcome.html" class="inner_item"> | 192 | <a href="../about/welcome.html" class="inner_item"> |
151 | - Welcome Message | ||
152 | - </a> | 193 | + Welcome Message |
194 | + </a> | ||
153 | <a href="../about/mission.html" class="inner_item"> | 195 | <a href="../about/mission.html" class="inner_item"> |
154 | - Mission and Vision | ||
155 | - </a> | 196 | + Mission and Vision |
197 | + </a> | ||
156 | <a href="../about/leadership.html" class="inner_item"> | 198 | <a href="../about/leadership.html" class="inner_item"> |
157 | - Leadership | ||
158 | - </a> | 199 | + Leadership |
200 | + </a> | ||
159 | <a href="../about/history.html" class="inner_item"> | 201 | <a href="../about/history.html" class="inner_item"> |
160 | - History and Milestones | ||
161 | - </a> | 202 | + History and Milestones |
203 | + </a> | ||
162 | <a href="../about/quick.html" class="inner_item"> | 204 | <a href="../about/quick.html" class="inner_item"> |
163 | - Quick Facts | ||
164 | - </a> | 205 | + Quick Facts |
206 | + </a> | ||
165 | </div> | 207 | </div> |
166 | </li> | 208 | </li> |
167 | <li class="btn navbtnActive navbtn-a" role="button"> | 209 | <li class="btn navbtnActive navbtn-a" role="button"> |
168 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 210 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
169 | - <div class='sec_menu_items'> | ||
170 | - <div href="../clinical/departments.html" | ||
171 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 211 | + <div class="sec_menu_items"> |
212 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
172 | Clinical Departments | 213 | Clinical Departments |
173 | <div class="third_menu_items"> | 214 | <div class="third_menu_items"> |
174 | <a href="../clinical/departm.html" class="inner_item"> | 215 | <a href="../clinical/departm.html" class="inner_item"> |
175 | - Surgical Department | ||
176 | - </a> | 216 | + Surgical Department |
217 | + </a> | ||
177 | <a href="../clinical/medical.html" class="inner_item"> | 218 | <a href="../clinical/medical.html" class="inner_item"> |
178 | - Medical Oncology | ||
179 | - </a> | 219 | + Medical Oncology |
220 | + </a> | ||
180 | <a href="../clinical/radiation.html" class="inner_item"> | 221 | <a href="../clinical/radiation.html" class="inner_item"> |
181 | - Radiation Oncology | ||
182 | - </a> | 222 | + Radiation Oncology |
223 | + </a> | ||
183 | <a href="../clinical/diagnostic.html" class="inner_item"> | 224 | <a href="../clinical/diagnostic.html" class="inner_item"> |
184 | - Diagnostic Oncology | ||
185 | - </a> | 225 | + Diagnostic Oncology |
226 | + </a> | ||
186 | <a href="../clinical/center.html" class="inner_item"> | 227 | <a href="../clinical/center.html" class="inner_item"> |
187 | - Center of Excellences | ||
188 | - </a> | 228 | + Center of Excellences |
229 | + </a> | ||
189 | </div> | 230 | </div> |
190 | </div> | 231 | </div> |
191 | <a href="../clinical/activities.html" class="inner_item"> | 232 | <a href="../clinical/activities.html" class="inner_item"> |
192 | - Clinical Activities | ||
193 | - </a> | 233 | + Clinical Activities |
234 | + </a> | ||
194 | <a href="trials.html" class="inner_item"> | 235 | <a href="trials.html" class="inner_item"> |
195 | - Clinical Trials | ||
196 | - </a> | 236 | + Clinical Trials |
237 | + </a> | ||
197 | <a href="../clinical/finddoctor.html" class="inner_item"> | 238 | <a href="../clinical/finddoctor.html" class="inner_item"> |
198 | - Find a Doctor | ||
199 | - </a> | 239 | + Find a Doctor |
240 | + </a> | ||
200 | </div> | 241 | </div> |
201 | </li> | 242 | </li> |
202 | <li class="btn navbtn-a" role="button"> | 243 | <li class="btn navbtn-a" role="button"> |
203 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 244 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
204 | - <div class='sec_menu_items'> | 245 | + <div class="sec_menu_items"> |
205 | <a href="../research/nationalCancer.html" class="inner_item"> | 246 | <a href="../research/nationalCancer.html" class="inner_item"> |
206 | - National Cancer Clinical Research Center | ||
207 | - </a> | 247 | + National Cancer Clinical Research Center |
248 | + </a> | ||
208 | <a href="../research/research.html" class="inner_item"> | 249 | <a href="../research/research.html" class="inner_item"> |
209 | - Research | ||
210 | - </a> | 250 | + Research |
251 | + </a> | ||
211 | <a href="../research/education.html" class="inner_item"> | 252 | <a href="../research/education.html" class="inner_item"> |
212 | - Education | ||
213 | - </a> | 253 | + Education |
254 | + </a> | ||
214 | <a href="../research/news.html" class="inner_item"> | 255 | <a href="../research/news.html" class="inner_item"> |
215 | - News | ||
216 | - </a> | 256 | + News |
257 | + </a> | ||
217 | </div> | 258 | </div> |
218 | - | ||
219 | </li> | 259 | </li> |
220 | <li class="btn navbtn-a" role="button"> | 260 | <li class="btn navbtn-a" role="button"> |
221 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 261 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
222 | - <div class='sec_menu_items'> | 262 | + <div class="sec_menu_items"> |
223 | <a href="../international/conference.html" class="inner_item"> | 263 | <a href="../international/conference.html" class="inner_item"> |
224 | - International Conferences | ||
225 | - </a> | 264 | + International Conferences |
265 | + </a> | ||
226 | <a href="../international/training.html" class="inner_item"> | 266 | <a href="../international/training.html" class="inner_item"> |
227 | - Oversea Trainings | ||
228 | - </a> | 267 | + Oversea Trainings |
268 | + </a> | ||
229 | <a href="../international/referral.html" class="inner_item"> | 269 | <a href="../international/referral.html" class="inner_item"> |
230 | - International Patients | ||
231 | - </a> | 270 | + International Patients |
271 | + </a> | ||
232 | <a href="../international/partners.html" class="inner_item"> | 272 | <a href="../international/partners.html" class="inner_item"> |
233 | - Partnership Institutions | ||
234 | - </a> | ||
235 | - | 273 | + Partnership Institutions |
274 | + </a> | ||
236 | </div> | 275 | </div> |
237 | </li> | 276 | </li> |
238 | <li class="btn navbtn-a" role="button"> | 277 | <li class="btn navbtn-a" role="button"> |
@@ -240,45 +279,44 @@ | @@ -240,45 +279,44 @@ | ||
240 | </li> | 279 | </li> |
241 | <li class="btn navbtn-a" role="button"> | 280 | <li class="btn navbtn-a" role="button"> |
242 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 281 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
243 | - <div class='sec_menu_items'> | 282 | + <div class="sec_menu_items"> |
244 | <div href="javascript:;" class="inner_item"> | 283 | <div href="javascript:;" class="inner_item"> |
245 | About Us | 284 | About Us |
246 | <div class="third_menu_items"> | 285 | <div class="third_menu_items"> |
247 | <a href="../institute/aboutus.html" class="inner_item"> | 286 | <a href="../institute/aboutus.html" class="inner_item"> |
248 | - About Us | ||
249 | - </a> | 287 | + About Us |
288 | + </a> | ||
250 | <a href="../institute/leadership.html" class="inner_item"> | 289 | <a href="../institute/leadership.html" class="inner_item"> |
251 | - Leadership | ||
252 | - </a> | 290 | + Leadership |
291 | + </a> | ||
253 | <a href="../institute/history.html" class="inner_item"> | 292 | <a href="../institute/history.html" class="inner_item"> |
254 | - History | ||
255 | - </a> | 293 | + History |
294 | + </a> | ||
256 | <a href="../institute/report.html" class="inner_item"> | 295 | <a href="../institute/report.html" class="inner_item"> |
257 | - Annual Report | ||
258 | - </a> | ||
259 | - | 296 | + Annual Report |
297 | + </a> | ||
260 | </div> | 298 | </div> |
261 | </div> | 299 | </div> |
262 | <div href="../clinical/nursing.html" class="inner_item"> | 300 | <div href="../clinical/nursing.html" class="inner_item"> |
263 | Research | 301 | Research |
264 | <div class="third_menu_items"> | 302 | <div class="third_menu_items"> |
265 | <a href="../institute/researchers.html" class="inner_item"> | 303 | <a href="../institute/researchers.html" class="inner_item"> |
266 | - Our Researchers | ||
267 | - </a> | 304 | + Our Researchers |
305 | + </a> | ||
268 | <a href="../institute/facilities.html" class="inner_item"> | 306 | <a href="../institute/facilities.html" class="inner_item"> |
269 | - Core Facilities | ||
270 | - </a> | 307 | + Core Facilities |
308 | + </a> | ||
271 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 309 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
272 | - Journal of Clinical Oncology | ||
273 | - </a> | 310 | + Journal of Clinical Oncology |
311 | + </a> | ||
274 | </div> | 312 | </div> |
275 | </div> | 313 | </div> |
276 | <a href="../institute/news.html" class="inner_item"> | 314 | <a href="../institute/news.html" class="inner_item"> |
277 | - News | ||
278 | - </a> | 315 | + News |
316 | + </a> | ||
279 | <a href="../institute/concat.html" class="inner_item"> | 317 | <a href="../institute/concat.html" class="inner_item"> |
280 | - Contact Us | ||
281 | - </a> | 318 | + Contact Us |
319 | + </a> | ||
282 | </div> | 320 | </div> |
283 | </li> | 321 | </li> |
284 | <li class="btn navbtn-a" role="button"> | 322 | <li class="btn navbtn-a" role="button"> |
@@ -288,11 +326,80 @@ | @@ -288,11 +326,80 @@ | ||
288 | </div> | 326 | </div> |
289 | 327 | ||
290 | <!-- Swiper --> | 328 | <!-- Swiper --> |
291 | - <div class="img-header"> | 329 | + <!-- <div class="img-header"> |
292 | <img src="../images/cli2_top.png" width="100%" alt=""> | 330 | <img src="../images/cli2_top.png" width="100%" alt=""> |
293 | - </div> | 331 | + </div> --> |
294 | <div class="content"> | 332 | <div class="content"> |
295 | - <div class="content-word"> | 333 | + <div class="navpath"> |
334 | + Clinical Resources<span>></span>Clinical Departments | ||
335 | + <span>></span>Diagnostic Oncology<span>></span>Clinical Laboratory | ||
336 | + </div> | ||
337 | + <div class="contant"> | ||
338 | + <div class="contant_top"> | ||
339 | + <div class="contant_img"> | ||
340 | + <img src="../images/214.png" alt="" srcset="" /> | ||
341 | + </div> | ||
342 | + </div> | ||
343 | + <div class="contant_word"> | ||
344 | + <div class="contant_word_title"> | ||
345 | + Department of Clinical Laboratory | ||
346 | + </div> | ||
347 | + <div class="contant_one"> | ||
348 | + <div class="contant_title"> | ||
349 | + General Introduction | ||
350 | + </div> | ||
351 | + <div class="contant_words"> | ||
352 | + The Department of Clinical Laboratory provides 24-hour service for tests and analysis on patients’ blood as well as body fluid specimens in our hospital. We are committed to excellence of service in patient care, education, and clinical research. We test | ||
353 | + the specimens from all the patients of our hospital and sign out the reports which will help doctors’ diagnosis and monitoring the patients’ disease, and help patients know their condition better. Our focus is all patient services | ||
354 | + and clinical needs. | ||
355 | + <br />To provide comprehensive clinical service and cancer patient care, our department has 7 different functional groups with different responsibilities. We have Specimen Processing center, Hematology Lab, Microbiology Lab, | ||
356 | + Blood Bank, Immunology Lab, Biochemistry Lab, and Tumor Marker Lab.<br />International Standard ISO 15189 is one of the most recognized international quality standards in the world. It provides an effective quality control | ||
357 | + and technical competence assessment system. After 3 years of hard work, our department was accredited to ISO 15189 in 2013 and become the first ISO credited lab among the five affiliated hospitals of Tianjin Medical University. | ||
358 | + Working with accreditation of ISO15189 will enable us to meet international standards for patient care and laboratory management. The testing reports issued by our department are accepted by more than 50 countries and regions | ||
359 | + all around the world. Our goal is to be persist in pursuing high quality lab test results. | ||
360 | + </div> | ||
361 | + </div> | ||
362 | + <div class="contant_one"> | ||
363 | + <div class="contant_title"> | ||
364 | + Faculty / Staff | ||
365 | + </div> | ||
366 | + <div class="contant_words"> | ||
367 | + The Department of Clinical Laboratory have a working team consisting of 68 staff members. 12 of them have doctor’s degrees and 21 of them have master’s degrees.<br />Our department was also designated as the center for Resident | ||
368 | + Standard Training and the Clinical Laboratory internship by Tianjin Medical University. We are teaching the interns from 5 medical universities, and for scholarship visitors from all over the country. So far, more than 200 | ||
369 | + interns and technicians have been trained in our department.<br />Our department also emphasize on mutual collaboration with advanced cancer centers and laboratories in the world. Up to now, we have established exchange programs | ||
370 | + and good relationships with several hospitals and laboratories from United States and from Japan. We have also invited three professors from United States to visit and teach in our department. Dr. Lynn Moscinski from Moffitt | ||
371 | + cancer center, Dr Tony Hu from Arizona State University, and Dr Xiaoping Sun from M.D. Anderson. Their visit and the collaboration with worldly renown cancer center will great contribute to our advancement in education and | ||
372 | + in research. We have established visiting scholar exchange programs with the clinical lab medicine of M. D. Anderson Cancer Center and Moffitt Cancer Center, and the biology center of Connell University. So far, more than 20 | ||
373 | + of our colleagues have been sent to study abroad. | ||
374 | + </div> | ||
375 | + </div> | ||
376 | + <div class="contant_one"> | ||
377 | + <div class="contant_title"> | ||
378 | + Research | ||
379 | + </div> | ||
380 | + <div class="contant_words"> | ||
381 | + Since our hospital is an affiliated hospital of Tianjin Medical University, our department put great importance to research and education. We are the assigned research and teaching demonstration center for Beckman, the clinical research laboratory of | ||
382 | + “863”program, and the key lab of Tianjin Medical University. Our colleagues have presented high quality research and studies and have received a variety of awards at the conferences of clinical laboratory medicine organized | ||
383 | + by Chinese Medical Association.<br />So far, we have led the project for two National High Technology Research and Development Programs of China (863 Program) and 10 National Natural Science Foundations. | ||
384 | + We have also won several Science and Technology Progress and Achievement awards of the Tianjin City. More than 40 of our publications have been cited by SCI in recent 3 years, and one of them had an impact factor of higher | ||
385 | + than 10. We also have more than 60 articles published in Major Chinese journals. | ||
386 | + </div> | ||
387 | + </div> | ||
388 | + <div class="contant_one"> | ||
389 | + <div class="contant_title"> | ||
390 | + Clinical Service | ||
391 | + </div> | ||
392 | + <div class="contant_words"> | ||
393 | + To meet the needs of patients in our hospital, the laboratory makes a commitment that we carry out all-year-round work without holidays. Inpatient testing reports can be immediately seen in the local area network, and the outpatient hematological routine | ||
394 | + repots will be signed out within 30 minutes. And you will get the rest testing reports less than 3 hours in outpatient. We also have the official website and intelligent system to facilitate the patients to quickly get the | ||
395 | + results at home. Our Department quality requirements: Quality is the life of test. Check disease patients, check our own level.<br />Our service calls are: 022-23340123 to 5201 (Tumor marker lab); | ||
396 | + 5202 (Immunology lab); 5203 (Biochemical lab); 5204 (Specimen Processing center); 5205 (Outpatient room); 5206 (Hematology Lab); 5207 (Blood Bank); 5209 ( Microbiology lab). Welcome to visit our website and we are looking forward | ||
397 | + to your guidance on our work. | ||
398 | + </div> | ||
399 | + </div> | ||
400 | + </div> | ||
401 | + </div> | ||
402 | + <!-- <div class="content-word"> | ||
296 | <div class="content-word-right active"> | 403 | <div class="content-word-right active"> |
297 | <img src="../images/214.png" width="100%" alt="" srcset=""> | 404 | <img src="../images/214.png" width="100%" alt="" srcset=""> |
298 | <div class="depart_introduce"> | 405 | <div class="depart_introduce"> |
@@ -325,22 +432,8 @@ | @@ -325,22 +432,8 @@ | ||
325 | </div> | 432 | </div> |
326 | <img src="../images/next.png" class="next" alt="" srcset=""> | 433 | <img src="../images/next.png" class="next" alt="" srcset=""> |
327 | </div> | 434 | </div> |
328 | - <!-- <div class="content-word-left"> | ||
329 | - <div class="part_top"> | ||
330 | - DEPARTMENTS DYNAMICS | ||
331 | - </div> | ||
332 | - <div class="part_inner_content"> | ||
333 | - under construction under construction | ||
334 | - under construction under construction | ||
335 | - under construction under construction | ||
336 | - under construction under construction | ||
337 | - under construction under construction | ||
338 | - under construction under construction | ||
339 | - </div> | ||
340 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
341 | - </div> --> | ||
342 | - </div> | ||
343 | - <div class="person_introduce_box"> | 435 | + </div> --> |
436 | + <!-- <div class="person_introduce_box"> | ||
344 | <h3>ACADEMIC LEADER</h3> | 437 | <h3>ACADEMIC LEADER</h3> |
345 | <div class="photo_box"> | 438 | <div class="photo_box"> |
346 | <a class="photo_item_box" href="person_detail.html"> | 439 | <a class="photo_item_box" href="person_detail.html"> |
@@ -421,11 +514,10 @@ | @@ -421,11 +514,10 @@ | ||
421 | </div> | 514 | </div> |
422 | </a> | 515 | </a> |
423 | </div> | 516 | </div> |
424 | - </div> | 517 | + </div> --> |
425 | </div> | 518 | </div> |
426 | <footer class="footer-content"> | 519 | <footer class="footer-content"> |
427 | <div class="footer-main"> | 520 | <div class="footer-main"> |
428 | - | ||
429 | <ul class="list-unstyled third-ul"> | 521 | <ul class="list-unstyled third-ul"> |
430 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 522 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
431 | <li>Tianjin 300060</li> | 523 | <li>Tianjin 300060</li> |
@@ -434,41 +526,51 @@ | @@ -434,41 +526,51 @@ | ||
434 | <li>Email: info@tjmuch.com</li> | 526 | <li>Email: info@tjmuch.com</li> |
435 | </ul> | 527 | </ul> |
436 | <ul class="list-unstyled first-ul"> | 528 | <ul class="list-unstyled first-ul"> |
437 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
438 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 529 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
530 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
439 | </ul> | 531 | </ul> |
440 | </div> | 532 | </div> |
441 | </footer> | 533 | </footer> |
442 | - | ||
443 | </div> | 534 | </div> |
444 | <script src="../js/jquery-1.11.3.min.js"></script> | 535 | <script src="../js/jquery-1.11.3.min.js"></script> |
445 | <script src="../js/bootstrap.min.js"></script> | 536 | <script src="../js/bootstrap.min.js"></script> |
446 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 537 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
447 | <script src="../js/common.js"></script> | 538 | <script src="../js/common.js"></script> |
448 | <script> | 539 | <script> |
449 | - $(document).ready(function () { | ||
450 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
451 | - console.log(this) | ||
452 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
453 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
454 | - }) | ||
455 | - }) | ||
456 | - var swiper = new Swiper('.swiper-container', { | ||
457 | - pagination: '.swiper-pagination', | 540 | + $(document).ready(function() { |
541 | + $(".btn-group") | ||
542 | + .find(".navbtn-a") | ||
543 | + .click(function() { | ||
544 | + console.log(this); | ||
545 | + $(this) | ||
546 | + .siblings(".navbtn-a") | ||
547 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
548 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
549 | + }); | ||
550 | + }); | ||
551 | + var swiper = new Swiper(".swiper-container", { | ||
552 | + pagination: ".swiper-pagination", | ||
458 | paginationClickable: true | 553 | paginationClickable: true |
459 | }); | 554 | }); |
460 | 555 | ||
461 | - var swiper = new Swiper('.swiper-container1', { | ||
462 | - pagination: '.swiper-pagination', | 556 | + var swiper = new Swiper(".swiper-container1", { |
557 | + pagination: ".swiper-pagination", | ||
463 | slidesPerView: 3, | 558 | slidesPerView: 3, |
464 | paginationClickable: true, | 559 | paginationClickable: true, |
465 | spaceBetween: 30 | 560 | spaceBetween: 30 |
466 | }); | 561 | }); |
467 | 562 | ||
468 | - $('.content-word-left').on('click', 'h4', function () { | ||
469 | - $(this).addClass('active').siblings().removeClass('active') | ||
470 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
471 | - }) | 563 | + $(".content-word-left").on("click", "h4", function() { |
564 | + $(this) | ||
565 | + .addClass("active") | ||
566 | + .siblings() | ||
567 | + .removeClass("active"); | ||
568 | + $(".content-word-right") | ||
569 | + .eq($(this).index()) | ||
570 | + .addClass("active") | ||
571 | + .siblings() | ||
572 | + .removeClass("active"); | ||
573 | + }); | ||
472 | </script> | 574 | </script> |
473 | </body> | 575 | </body> |
474 | 576 |
@@ -2,16 +2,16 @@ | @@ -2,16 +2,16 @@ | ||
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 | } |
@@ -110,6 +110,47 @@ | @@ -110,6 +110,47 @@ | ||
110 | bottom: -15px; | 110 | bottom: -15px; |
111 | left: 50%; | 111 | left: 50%; |
112 | margin-left: -11px; | 112 | margin-left: -11px; |
113 | + } */ | ||
114 | + | ||
115 | + .contant { | ||
116 | + width: 1122px; | ||
117 | + margin: 0 auto; | ||
118 | + } | ||
119 | + | ||
120 | + .contant_img { | ||
121 | + margin-top: 66px; | ||
122 | + width: 100%; | ||
123 | + height: 606px; | ||
124 | + background: #9fa0a0; | ||
125 | + } | ||
126 | + | ||
127 | + .contant_img img { | ||
128 | + width: 100%; | ||
129 | + height: 100%; | ||
130 | + } | ||
131 | + | ||
132 | + .contant_word { | ||
133 | + margin-top: 38px; | ||
134 | + } | ||
135 | + | ||
136 | + .contant_title { | ||
137 | + font-size: 24px; | ||
138 | + color: #727171; | ||
139 | + line-height: 30px; | ||
140 | + font-weight: bold; | ||
141 | + } | ||
142 | + | ||
143 | + .contant_word_title { | ||
144 | + font-size: 20px; | ||
145 | + color: #727171; | ||
146 | + line-height: 30px; | ||
147 | + margin: 14px 0; | ||
148 | + } | ||
149 | + | ||
150 | + .contant_words { | ||
151 | + font-size: 20px; | ||
152 | + color: #727171; | ||
153 | + line-height: 30px; | ||
113 | } | 154 | } |
114 | </style> | 155 | </style> |
115 | </head> | 156 | </head> |
@@ -118,23 +159,22 @@ | @@ -118,23 +159,22 @@ | ||
118 | <nav class="navbar navbar-default bgf mb0"> | 159 | <nav class="navbar navbar-default bgf mb0"> |
119 | <div class="container-fluid top_pc_brand"> | 160 | <div class="container-fluid top_pc_brand"> |
120 | <div class="navbar-header"> | 161 | <div class="navbar-header"> |
121 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
122 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | ||
123 | - <span class="sr-only">Toggle navigation</span> | ||
124 | - <span class="icon-bar"></span> | ||
125 | - <span class="icon-bar"></span> | ||
126 | - <span class="icon-bar"></span> | ||
127 | - </button> | 162 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
163 | + <span class="sr-only">Toggle navigation</span> | ||
164 | + <span class="icon-bar"></span> | ||
165 | + <span class="icon-bar"></span> | ||
166 | + <span class="icon-bar"></span> | ||
167 | + </button> | ||
128 | <a class="navbar-brand logo" href="../index.html"> | 168 | <a class="navbar-brand logo" href="../index.html"> |
129 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 169 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
130 | </a> | 170 | </a> |
131 | </div> | 171 | </div> |
132 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 172 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
133 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 173 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
134 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 174 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
135 | - <input type="text" class="form-control search-input" placeholder="Search"> | 175 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
136 | <div class="magnifier"> | 176 | <div class="magnifier"> |
137 | - <img src="../images/search_btn.png" alt=""> | 177 | + <img src="../images/search_btn.png" alt="" /> |
138 | </div> | 178 | </div> |
139 | </div> | 179 | </div> |
140 | </div> | 180 | </div> |
@@ -146,93 +186,90 @@ | @@ -146,93 +186,90 @@ | ||
146 | <ul class="nav_menu_items"> | 186 | <ul class="nav_menu_items"> |
147 | <li class="btn navbtn-a" role="button"> | 187 | <li class="btn navbtn-a" role="button"> |
148 | <a href="javascript:;">ABOUT US</a> | 188 | <a href="javascript:;">ABOUT US</a> |
149 | - <div class='sec_menu_items'> | 189 | + <div class="sec_menu_items"> |
150 | <a href="../about/welcome.html" class="inner_item"> | 190 | <a href="../about/welcome.html" class="inner_item"> |
151 | - Welcome Message | ||
152 | - </a> | 191 | + Welcome Message |
192 | + </a> | ||
153 | <a href="../about/mission.html" class="inner_item"> | 193 | <a href="../about/mission.html" class="inner_item"> |
154 | - Mission and Vision | ||
155 | - </a> | 194 | + Mission and Vision |
195 | + </a> | ||
156 | <a href="../about/leadership.html" class="inner_item"> | 196 | <a href="../about/leadership.html" class="inner_item"> |
157 | - Leadership | ||
158 | - </a> | 197 | + Leadership |
198 | + </a> | ||
159 | <a href="../about/history.html" class="inner_item"> | 199 | <a href="../about/history.html" class="inner_item"> |
160 | - History and Milestones | ||
161 | - </a> | 200 | + History and Milestones |
201 | + </a> | ||
162 | <a href="../about/quick.html" class="inner_item"> | 202 | <a href="../about/quick.html" class="inner_item"> |
163 | - Quick Facts | ||
164 | - </a> | 203 | + Quick Facts |
204 | + </a> | ||
165 | </div> | 205 | </div> |
166 | </li> | 206 | </li> |
167 | <li class="btn navbtnActive navbtn-a" role="button"> | 207 | <li class="btn navbtnActive navbtn-a" role="button"> |
168 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 208 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
169 | - <div class='sec_menu_items'> | ||
170 | - <div href="../clinical/departments.html" | ||
171 | - onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | 209 | + <div class="sec_menu_items"> |
210 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
172 | Clinical Departments | 211 | Clinical Departments |
173 | <div class="third_menu_items"> | 212 | <div class="third_menu_items"> |
174 | <a href="../clinical/departm.html" class="inner_item"> | 213 | <a href="../clinical/departm.html" class="inner_item"> |
175 | - Surgical Department | ||
176 | - </a> | 214 | + Surgical Department |
215 | + </a> | ||
177 | <a href="../clinical/medical.html" class="inner_item"> | 216 | <a href="../clinical/medical.html" class="inner_item"> |
178 | - Medical Oncology | ||
179 | - </a> | 217 | + Medical Oncology |
218 | + </a> | ||
180 | <a href="../clinical/radiation.html" class="inner_item"> | 219 | <a href="../clinical/radiation.html" class="inner_item"> |
181 | - Radiation Oncology | ||
182 | - </a> | 220 | + Radiation Oncology |
221 | + </a> | ||
183 | <a href="../clinical/diagnostic.html" class="inner_item"> | 222 | <a href="../clinical/diagnostic.html" class="inner_item"> |
184 | - Diagnostic Oncology | ||
185 | - </a> | 223 | + Diagnostic Oncology |
224 | + </a> | ||
186 | <a href="../clinical/center.html" class="inner_item"> | 225 | <a href="../clinical/center.html" class="inner_item"> |
187 | - Center of Excellences | ||
188 | - </a> | 226 | + Center of Excellences |
227 | + </a> | ||
189 | </div> | 228 | </div> |
190 | </div> | 229 | </div> |
191 | <a href="../clinical/activities.html" class="inner_item"> | 230 | <a href="../clinical/activities.html" class="inner_item"> |
192 | - Clinical Activities | ||
193 | - </a> | 231 | + Clinical Activities |
232 | + </a> | ||
194 | <a href="trials.html" class="inner_item"> | 233 | <a href="trials.html" class="inner_item"> |
195 | - Clinical Trials | ||
196 | - </a> | 234 | + Clinical Trials |
235 | + </a> | ||
197 | <a href="../clinical/finddoctor.html" class="inner_item"> | 236 | <a href="../clinical/finddoctor.html" class="inner_item"> |
198 | - Find a Doctor | ||
199 | - </a> | 237 | + Find a Doctor |
238 | + </a> | ||
200 | </div> | 239 | </div> |
201 | </li> | 240 | </li> |
202 | <li class="btn navbtn-a" role="button"> | 241 | <li class="btn navbtn-a" role="button"> |
203 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 242 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
204 | - <div class='sec_menu_items'> | 243 | + <div class="sec_menu_items"> |
205 | <a href="../research/nationalCancer.html" class="inner_item"> | 244 | <a href="../research/nationalCancer.html" class="inner_item"> |
206 | - National Cancer Clinical Research Center | ||
207 | - </a> | 245 | + National Cancer Clinical Research Center |
246 | + </a> | ||
208 | <a href="../research/research.html" class="inner_item"> | 247 | <a href="../research/research.html" class="inner_item"> |
209 | - Research | ||
210 | - </a> | 248 | + Research |
249 | + </a> | ||
211 | <a href="../research/education.html" class="inner_item"> | 250 | <a href="../research/education.html" class="inner_item"> |
212 | - Education | ||
213 | - </a> | 251 | + Education |
252 | + </a> | ||
214 | <a href="../research/news.html" class="inner_item"> | 253 | <a href="../research/news.html" class="inner_item"> |
215 | - News | ||
216 | - </a> | 254 | + News |
255 | + </a> | ||
217 | </div> | 256 | </div> |
218 | - | ||
219 | </li> | 257 | </li> |
220 | <li class="btn navbtn-a" role="button"> | 258 | <li class="btn navbtn-a" role="button"> |
221 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 259 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
222 | - <div class='sec_menu_items'> | 260 | + <div class="sec_menu_items"> |
223 | <a href="../international/conference.html" class="inner_item"> | 261 | <a href="../international/conference.html" class="inner_item"> |
224 | - International Conferences | ||
225 | - </a> | 262 | + International Conferences |
263 | + </a> | ||
226 | <a href="../international/training.html" class="inner_item"> | 264 | <a href="../international/training.html" class="inner_item"> |
227 | - Oversea Trainings | ||
228 | - </a> | 265 | + Oversea Trainings |
266 | + </a> | ||
229 | <a href="../international/referral.html" class="inner_item"> | 267 | <a href="../international/referral.html" class="inner_item"> |
230 | - International Patients | ||
231 | - </a> | 268 | + International Patients |
269 | + </a> | ||
232 | <a href="../international/partners.html" class="inner_item"> | 270 | <a href="../international/partners.html" class="inner_item"> |
233 | - Partnership Institutions | ||
234 | - </a> | ||
235 | - | 271 | + Partnership Institutions |
272 | + </a> | ||
236 | </div> | 273 | </div> |
237 | </li> | 274 | </li> |
238 | <li class="btn navbtn-a" role="button"> | 275 | <li class="btn navbtn-a" role="button"> |
@@ -240,45 +277,44 @@ | @@ -240,45 +277,44 @@ | ||
240 | </li> | 277 | </li> |
241 | <li class="btn navbtn-a" role="button"> | 278 | <li class="btn navbtn-a" role="button"> |
242 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 279 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
243 | - <div class='sec_menu_items'> | 280 | + <div class="sec_menu_items"> |
244 | <div href="javascript:;" class="inner_item"> | 281 | <div href="javascript:;" class="inner_item"> |
245 | About Us | 282 | About Us |
246 | <div class="third_menu_items"> | 283 | <div class="third_menu_items"> |
247 | <a href="../institute/aboutus.html" class="inner_item"> | 284 | <a href="../institute/aboutus.html" class="inner_item"> |
248 | - About Us | ||
249 | - </a> | 285 | + About Us |
286 | + </a> | ||
250 | <a href="../institute/leadership.html" class="inner_item"> | 287 | <a href="../institute/leadership.html" class="inner_item"> |
251 | - Leadership | ||
252 | - </a> | 288 | + Leadership |
289 | + </a> | ||
253 | <a href="../institute/history.html" class="inner_item"> | 290 | <a href="../institute/history.html" class="inner_item"> |
254 | - History | ||
255 | - </a> | 291 | + History |
292 | + </a> | ||
256 | <a href="../institute/report.html" class="inner_item"> | 293 | <a href="../institute/report.html" class="inner_item"> |
257 | - Annual Report | ||
258 | - </a> | ||
259 | - | 294 | + Annual Report |
295 | + </a> | ||
260 | </div> | 296 | </div> |
261 | </div> | 297 | </div> |
262 | <div href="../clinical/nursing.html" class="inner_item"> | 298 | <div href="../clinical/nursing.html" class="inner_item"> |
263 | Research | 299 | Research |
264 | <div class="third_menu_items"> | 300 | <div class="third_menu_items"> |
265 | <a href="../institute/researchers.html" class="inner_item"> | 301 | <a href="../institute/researchers.html" class="inner_item"> |
266 | - Our Researchers | ||
267 | - </a> | 302 | + Our Researchers |
303 | + </a> | ||
268 | <a href="../institute/facilities.html" class="inner_item"> | 304 | <a href="../institute/facilities.html" class="inner_item"> |
269 | - Core Facilities | ||
270 | - </a> | 305 | + Core Facilities |
306 | + </a> | ||
271 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 307 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
272 | - Journal of Clinical Oncology | ||
273 | - </a> | 308 | + Journal of Clinical Oncology |
309 | + </a> | ||
274 | </div> | 310 | </div> |
275 | </div> | 311 | </div> |
276 | <a href="../institute/news.html" class="inner_item"> | 312 | <a href="../institute/news.html" class="inner_item"> |
277 | - News | ||
278 | - </a> | 313 | + News |
314 | + </a> | ||
279 | <a href="../institute/concat.html" class="inner_item"> | 315 | <a href="../institute/concat.html" class="inner_item"> |
280 | - Contact Us | ||
281 | - </a> | 316 | + Contact Us |
317 | + </a> | ||
282 | </div> | 318 | </div> |
283 | </li> | 319 | </li> |
284 | <li class="btn navbtn-a" role="button"> | 320 | <li class="btn navbtn-a" role="button"> |
@@ -288,86 +324,79 @@ | @@ -288,86 +324,79 @@ | ||
288 | </div> | 324 | </div> |
289 | 325 | ||
290 | <!-- Swiper --> | 326 | <!-- Swiper --> |
291 | - <div class="img-header"> | 327 | + <!-- <div class="img-header"> |
292 | <img src="../images/cli2_top.png" width="100%" alt=""> | 328 | <img src="../images/cli2_top.png" width="100%" alt=""> |
293 | - </div> | 329 | + </div> --> |
294 | <div class="content"> | 330 | <div class="content"> |
295 | - <div class="content-word"> | 331 | + <div class="navpath"> |
332 | + Clinical Resources<span>></span>Clinical Departments | ||
333 | + <span>></span>Center of Excellences<span>></span>Biotherapy Cancer Center | ||
334 | + </div> | ||
335 | + <div class="contant"> | ||
336 | + <div class="contant_top"> | ||
337 | + <div class="contant_img"> | ||
338 | + <img src="../images/detail_2-1-5.png" alt="" /> | ||
339 | + </div> | ||
340 | + <div class="contant_word"> | ||
341 | + <div class="contant_title">Department of Biotherapy</div> | ||
342 | + <div class="contant_word_title"> | ||
343 | + clinical therapy translational research | ||
344 | + </div> | ||
345 | + <div class="contant_words"> | ||
346 | + Biotherapy Department mainly carry out the comprehensive | ||
347 | + </div> | ||
348 | + <div class="contant_words">treatment of medical oncology</div> | ||
349 | + <div class="contant_words">Adoptive immunotherapy</div> | ||
350 | + <div class="contant_words">cancer vaccine</div> | ||
351 | + </div> | ||
352 | + </div> | ||
353 | + </div> | ||
354 | + <!-- <div class="content-word"> | ||
296 | <div class="content-word-right active"> | 355 | <div class="content-word-right active"> |
297 | - <img src="../images/detail_2-1-5.png" alt="" srcset=""> | 356 | + <img src="../images/detail_2-1-5.png" alt="" srcset="" /> |
298 | <div class="depart_introduce"> | 357 | <div class="depart_introduce"> |
299 | <h4> | 358 | <h4> |
300 | Department of Biotherapy | 359 | Department of Biotherapy |
301 | </h4> | 360 | </h4> |
302 | - <p style='font-size: 18px'> | ||
303 | - | ||
304 | - | ||
305 | - clinical therapy translational research <br> | ||
306 | - | ||
307 | - Biotherapy Department mainly carry out the comprehensive<br> | ||
308 | - treatment of medical oncology<br> | ||
309 | - Adoptive immunotherapy<br> | ||
310 | - cancer vaccine | ||
311 | - | ||
312 | - | 361 | + <p style="font-size: 18px"> |
362 | + clinical therapy translational research <br /> Biotherapy Department mainly carry out the comprehensive<br /> treatment of medical oncology<br /> Adoptive immunotherapy<br /> cancer vaccine | ||
313 | </p> | 363 | </p> |
314 | - | ||
315 | </div> | 364 | </div> |
316 | - <img src="../images/next.png" class="next" alt="" srcset=""> | 365 | + <img src="../images/next.png" class="next" alt="" srcset="" /> |
317 | </div> | 366 | </div> |
318 | - <!-- <div class="content-word-left"> | ||
319 | - <div class="part_top"> | ||
320 | - DEPARTMENTS DYNAMICS | ||
321 | - </div> | ||
322 | - <div class="part_inner_content"> | ||
323 | - under construction under construction | ||
324 | - under construction under construction | ||
325 | - under construction under construction | ||
326 | - under construction under construction | ||
327 | - under construction under construction | ||
328 | - under construction under construction | ||
329 | - </div> | ||
330 | - <img src="../images/next.png" class="next" alt="" srcset=""> | ||
331 | - </div> --> | ||
332 | - </div> | ||
333 | - <div class="person_introduce_box"> | 367 | + </div> --> |
368 | + <!-- <div class="person_introduce_box"> | ||
334 | <h3>ACADEMIC LEADER</h3> | 369 | <h3>ACADEMIC LEADER</h3> |
335 | <div class="photo_box"> | 370 | <div class="photo_box"> |
336 | - <a class="photo_item_box" > | ||
337 | - <div class="photo_item_imageBox"> | ||
338 | - </div> | 371 | + <a class="photo_item_box"> |
372 | + <div class="photo_item_imageBox"></div> | ||
339 | <div class="photo_item_desc"> | 373 | <div class="photo_item_desc"> |
340 | - <div class="item_name">under construction</div> | 374 | + <div class="item_name">under construction</div> |
341 | </div> | 375 | </div> |
342 | </a> | 376 | </a> |
343 | <a class="photo_item_box"> | 377 | <a class="photo_item_box"> |
344 | - <div class="photo_item_imageBox"> | ||
345 | - </div> | 378 | + <div class="photo_item_imageBox"></div> |
346 | <div class="photo_item_desc"> | 379 | <div class="photo_item_desc"> |
347 | <div class="item_name">under construction</div> | 380 | <div class="item_name">under construction</div> |
348 | </div> | 381 | </div> |
349 | </a> | 382 | </a> |
350 | <a class="photo_item_box"> | 383 | <a class="photo_item_box"> |
351 | - <div class="photo_item_imageBox"> | ||
352 | - </div> | 384 | + <div class="photo_item_imageBox"></div> |
353 | <div class="photo_item_desc"> | 385 | <div class="photo_item_desc"> |
354 | <div class="item_name">under construction</div> | 386 | <div class="item_name">under construction</div> |
355 | </div> | 387 | </div> |
356 | </a> | 388 | </a> |
357 | <a class="photo_item_box"> | 389 | <a class="photo_item_box"> |
358 | - <div class="photo_item_imageBox"> | ||
359 | - </div> | 390 | + <div class="photo_item_imageBox"></div> |
360 | <div class="photo_item_desc"> | 391 | <div class="photo_item_desc"> |
361 | <div class="item_name">under construction</div> | 392 | <div class="item_name">under construction</div> |
362 | </div> | 393 | </div> |
363 | </a> | 394 | </a> |
364 | - | ||
365 | </div> | 395 | </div> |
366 | - </div> | 396 | + </div> --> |
367 | </div> | 397 | </div> |
368 | <footer class="footer-content"> | 398 | <footer class="footer-content"> |
369 | <div class="footer-main"> | 399 | <div class="footer-main"> |
370 | - | ||
371 | <ul class="list-unstyled third-ul"> | 400 | <ul class="list-unstyled third-ul"> |
372 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 401 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
373 | <li>Tianjin 300060</li> | 402 | <li>Tianjin 300060</li> |
@@ -376,41 +405,51 @@ | @@ -376,41 +405,51 @@ | ||
376 | <li>Email: info@tjmuch.com</li> | 405 | <li>Email: info@tjmuch.com</li> |
377 | </ul> | 406 | </ul> |
378 | <ul class="list-unstyled first-ul"> | 407 | <ul class="list-unstyled first-ul"> |
379 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
380 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 408 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
409 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
381 | </ul> | 410 | </ul> |
382 | </div> | 411 | </div> |
383 | </footer> | 412 | </footer> |
384 | - | ||
385 | </div> | 413 | </div> |
386 | <script src="../js/jquery-1.11.3.min.js"></script> | 414 | <script src="../js/jquery-1.11.3.min.js"></script> |
387 | <script src="../js/bootstrap.min.js"></script> | 415 | <script src="../js/bootstrap.min.js"></script> |
388 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 416 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
389 | <script src="../js/common.js"></script> | 417 | <script src="../js/common.js"></script> |
390 | <script> | 418 | <script> |
391 | - $(document).ready(function () { | ||
392 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
393 | - console.log(this) | ||
394 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
395 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
396 | - }) | ||
397 | - }) | ||
398 | - var swiper = new Swiper('.swiper-container', { | ||
399 | - pagination: '.swiper-pagination', | 419 | + $(document).ready(function() { |
420 | + $(".btn-group") | ||
421 | + .find(".navbtn-a") | ||
422 | + .click(function() { | ||
423 | + console.log(this); | ||
424 | + $(this) | ||
425 | + .siblings(".navbtn-a") | ||
426 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
427 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
428 | + }); | ||
429 | + }); | ||
430 | + var swiper = new Swiper(".swiper-container", { | ||
431 | + pagination: ".swiper-pagination", | ||
400 | paginationClickable: true | 432 | paginationClickable: true |
401 | }); | 433 | }); |
402 | 434 | ||
403 | - var swiper = new Swiper('.swiper-container1', { | ||
404 | - pagination: '.swiper-pagination', | 435 | + var swiper = new Swiper(".swiper-container1", { |
436 | + pagination: ".swiper-pagination", | ||
405 | slidesPerView: 3, | 437 | slidesPerView: 3, |
406 | paginationClickable: true, | 438 | paginationClickable: true, |
407 | spaceBetween: 30 | 439 | spaceBetween: 30 |
408 | }); | 440 | }); |
409 | 441 | ||
410 | - $('.content-word-left').on('click', 'h4', function () { | ||
411 | - $(this).addClass('active').siblings().removeClass('active') | ||
412 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
413 | - }) | 442 | + $(".content-word-left").on("click", "h4", function() { |
443 | + $(this) | ||
444 | + .addClass("active") | ||
445 | + .siblings() | ||
446 | + .removeClass("active"); | ||
447 | + $(".content-word-right") | ||
448 | + .eq($(this).index()) | ||
449 | + .addClass("active") | ||
450 | + .siblings() | ||
451 | + .removeClass("active"); | ||
452 | + }); | ||
414 | </script> | 453 | </script> |
415 | </body> | 454 | </body> |
416 | 455 |
@@ -2,16 +2,16 @@ | @@ -2,16 +2,16 @@ | ||
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 | } |
@@ -74,7 +74,6 @@ | @@ -74,7 +74,6 @@ | ||
74 | background-color: #898989; | 74 | background-color: #898989; |
75 | } | 75 | } |
76 | .depart_introduce{ | 76 | .depart_introduce{ |
77 | - background: #EBFBF8; | ||
78 | min-height: 400px; | 77 | min-height: 400px; |
79 | color: #232323; | 78 | color: #232323; |
80 | margin-top: 60px; | 79 | margin-top: 60px; |
@@ -109,6 +108,38 @@ | @@ -109,6 +108,38 @@ | ||
109 | .left_name{ | 108 | .left_name{ |
110 | font-size: 20px; | 109 | font-size: 20px; |
111 | margin-top: 10px; | 110 | margin-top: 10px; |
111 | + } */ | ||
112 | + | ||
113 | + .contant { | ||
114 | + width: 1121px; | ||
115 | + margin: 60px auto 0 auto; | ||
116 | + } | ||
117 | + | ||
118 | + .contant_img { | ||
119 | + width: 100%; | ||
120 | + height: 610px; | ||
121 | + } | ||
122 | + | ||
123 | + .contant_img img { | ||
124 | + width: 100%; | ||
125 | + height: 100%; | ||
126 | + } | ||
127 | + | ||
128 | + .contant_word { | ||
129 | + margin-top: 38px; | ||
130 | + } | ||
131 | + | ||
132 | + .contant_title { | ||
133 | + font-size: 24px; | ||
134 | + color: #727171; | ||
135 | + line-height: 32px; | ||
136 | + font-weight: bold | ||
137 | + } | ||
138 | + .contant_inform{ | ||
139 | + margin-top: 10px; | ||
140 | + font-size: 20px; | ||
141 | + color: #727171; | ||
142 | + line-height: 32px | ||
112 | } | 143 | } |
113 | </style> | 144 | </style> |
114 | </head> | 145 | </head> |
@@ -117,23 +148,22 @@ | @@ -117,23 +148,22 @@ | ||
117 | <nav class="navbar navbar-default bgf mb0"> | 148 | <nav class="navbar navbar-default bgf mb0"> |
118 | <div class="container-fluid top_pc_brand"> | 149 | <div class="container-fluid top_pc_brand"> |
119 | <div class="navbar-header"> | 150 | <div class="navbar-header"> |
120 | - <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" | ||
121 | - data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> | ||
122 | - <span class="sr-only">Toggle navigation</span> | ||
123 | - <span class="icon-bar"></span> | ||
124 | - <span class="icon-bar"></span> | ||
125 | - <span class="icon-bar"></span> | ||
126 | - </button> | 151 | + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true"> |
152 | + <span class="sr-only">Toggle navigation</span> | ||
153 | + <span class="icon-bar"></span> | ||
154 | + <span class="icon-bar"></span> | ||
155 | + <span class="icon-bar"></span> | ||
156 | + </button> | ||
127 | <a class="navbar-brand logo" href="../index.html"> | 157 | <a class="navbar-brand logo" href="../index.html"> |
128 | - <img class="brand-logo" src="../images/logo.png" alt=""> | 158 | + <img class="brand-logo" src="../images/logo.png" alt="" /> |
129 | </a> | 159 | </a> |
130 | </div> | 160 | </div> |
131 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> | 161 | <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true"> |
132 | <div class="search-group mt30 form-group navbar-text navbar-right"> | 162 | <div class="search-group mt30 form-group navbar-text navbar-right"> |
133 | <a href="http://www.tjmuch.com/" class="langue">中文</a> | 163 | <a href="http://www.tjmuch.com/" class="langue">中文</a> |
134 | - <input type="text" class="form-control search-input" placeholder="Search"> | 164 | + <input type="text" class="form-control search-input" placeholder="Search" /> |
135 | <div class="magnifier"> | 165 | <div class="magnifier"> |
136 | - <img src="../images/search_btn.png" alt=""> | 166 | + <img src="../images/search_btn.png" alt="" /> |
137 | </div> | 167 | </div> |
138 | </div> | 168 | </div> |
139 | </div> | 169 | </div> |
@@ -145,192 +175,187 @@ | @@ -145,192 +175,187 @@ | ||
145 | <ul class="nav_menu_items"> | 175 | <ul class="nav_menu_items"> |
146 | <li class="btn navbtn-a" role="button"> | 176 | <li class="btn navbtn-a" role="button"> |
147 | <a href="javascript:;">ABOUT US</a> | 177 | <a href="javascript:;">ABOUT US</a> |
148 | - <div class='sec_menu_items'> | 178 | + <div class="sec_menu_items"> |
149 | <a href="../about/welcome.html" class="inner_item"> | 179 | <a href="../about/welcome.html" class="inner_item"> |
150 | - Welcome Message | ||
151 | - </a> | 180 | + Welcome Message |
181 | + </a> | ||
152 | <a href="../about/mission.html" class="inner_item"> | 182 | <a href="../about/mission.html" class="inner_item"> |
153 | - Mission and Vision | ||
154 | - </a> | 183 | + Mission and Vision |
184 | + </a> | ||
155 | <a href="../about/leadership.html" class="inner_item"> | 185 | <a href="../about/leadership.html" class="inner_item"> |
156 | - Leadership | ||
157 | - </a> | 186 | + Leadership |
187 | + </a> | ||
158 | <a href="../about/history.html" class="inner_item"> | 188 | <a href="../about/history.html" class="inner_item"> |
159 | - History and Milestones | ||
160 | - </a> | 189 | + History and Milestones |
190 | + </a> | ||
161 | <a href="../about/quick.html" class="inner_item"> | 191 | <a href="../about/quick.html" class="inner_item"> |
162 | - Quick Facts | ||
163 | - </a> | 192 | + Quick Facts |
193 | + </a> | ||
164 | <a href="../about/contact.html" class="inner_item">Contact Us</a> | 194 | <a href="../about/contact.html" class="inner_item">Contact Us</a> |
165 | </div> | 195 | </div> |
166 | </li> | 196 | </li> |
167 | <li class="btn navbtnActive navbtn-a" role="button"> | 197 | <li class="btn navbtnActive navbtn-a" role="button"> |
168 | <a href="JavaScript:;">CLINICAL RESOURCES</a> | 198 | <a href="JavaScript:;">CLINICAL RESOURCES</a> |
169 | - <div class='sec_menu_items'> | ||
170 | - <div href="../clinical/departments.html" | ||
171 | - onclick="window.location.href='../clinical/departments.html'" | ||
172 | - class="inner_item"> | 199 | + <div class="sec_menu_items"> |
200 | + <div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item"> | ||
173 | Clinical Departments | 201 | Clinical Departments |
174 | <div class="third_menu_items"> | 202 | <div class="third_menu_items"> |
175 | <a href="../clinical/departm.html" class="inner_item"> | 203 | <a href="../clinical/departm.html" class="inner_item"> |
176 | - Surgical Department | ||
177 | - </a> | 204 | + Surgical Department |
205 | + </a> | ||
178 | <a href="../clinical/medical.html" class="inner_item"> | 206 | <a href="../clinical/medical.html" class="inner_item"> |
179 | - Medical Oncology | ||
180 | - </a> | 207 | + Medical Oncology |
208 | + </a> | ||
181 | <a href="../clinical/radiation.html" class="inner_item"> | 209 | <a href="../clinical/radiation.html" class="inner_item"> |
182 | - Radiation Oncology | ||
183 | - </a> | 210 | + Radiation Oncology |
211 | + </a> | ||
184 | <a href="../clinical/diagnostic.html" class="inner_item"> | 212 | <a href="../clinical/diagnostic.html" class="inner_item"> |
185 | - Diagnostic Oncology | ||
186 | - </a> | 213 | + Diagnostic Oncology |
214 | + </a> | ||
187 | <a href="../clinical/center.html" class="inner_item"> | 215 | <a href="../clinical/center.html" class="inner_item"> |
188 | - Center of Excellences | ||
189 | - </a> | 216 | + Center of Excellences |
217 | + </a> | ||
190 | </div> | 218 | </div> |
191 | </div> | 219 | </div> |
192 | <a href="../clinical/activities.html" class="inner_item"> | 220 | <a href="../clinical/activities.html" class="inner_item"> |
193 | - Clinical Activities | ||
194 | - </a> | 221 | + Clinical Activities |
222 | + </a> | ||
195 | <a href="../clinical/trials.html" class="inner_item"> | 223 | <a href="../clinical/trials.html" class="inner_item"> |
196 | - Clinical Trials | ||
197 | - </a> | 224 | + Clinical Trials |
225 | + </a> | ||
198 | <a href="../clinical/finddoctor.html" class="inner_item"> | 226 | <a href="../clinical/finddoctor.html" class="inner_item"> |
199 | - Find a Doctor | ||
200 | - </a> | 227 | + Find a Doctor |
228 | + </a> | ||
201 | </div> | 229 | </div> |
202 | </li> | 230 | </li> |
203 | <li class="btn navbtn-a" role="button"> | 231 | <li class="btn navbtn-a" role="button"> |
204 | <a href="javascript:;">RESEARCH & EDUCATION</a> | 232 | <a href="javascript:;">RESEARCH & EDUCATION</a> |
205 | - <div class='sec_menu_items'> | ||
206 | - | 233 | + <div class="sec_menu_items"> |
207 | <a href="../research/nationalCancer.html" class="inner_item"> | 234 | <a href="../research/nationalCancer.html" class="inner_item"> |
208 | - National Cancer Clinical Research Center | ||
209 | - </a> | ||
210 | - <div href="../research/research.html" | ||
211 | - onclick="location.href='../research/research.html'" class="inner_item"> | 235 | + National Cancer Clinical Research Center |
236 | + </a> | ||
237 | + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item"> | ||
212 | Research | 238 | Research |
213 | <div class="third_menu_items"> | 239 | <div class="third_menu_items"> |
214 | <a href="../research/research1.html" class="inner_item"> | 240 | <a href="../research/research1.html" class="inner_item"> |
215 | - Research programs | ||
216 | - </a> | 241 | + Research programs |
242 | + </a> | ||
217 | <a href="../research/research2.html" class="inner_item"> | 243 | <a href="../research/research2.html" class="inner_item"> |
218 | - Achievements | ||
219 | - </a> | 244 | + Achievements |
245 | + </a> | ||
220 | <a href="../research/research3.html" class="inner_item"> | 246 | <a href="../research/research3.html" class="inner_item"> |
221 | - Key Labaratories | ||
222 | - </a> | 247 | + Key Labaratories |
248 | + </a> | ||
223 | <a href="../research/researcher.html" class="inner_item"> | 249 | <a href="../research/researcher.html" class="inner_item"> |
224 | - Find a Researcher | ||
225 | - </a> | 250 | + Find a Researcher |
251 | + </a> | ||
226 | </div> | 252 | </div> |
227 | </div> | 253 | </div> |
228 | - <div href="../research/education.html" | ||
229 | - onclick="location.href='../research/education.html'" class="inner_item"> | 254 | + <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item"> |
230 | Education | 255 | Education |
231 | <div class="third_menu_items"> | 256 | <div class="third_menu_items"> |
232 | <a href="../research/education.html" class="inner_item"> | 257 | <a href="../research/education.html" class="inner_item"> |
233 | - Graduate Study | ||
234 | - </a> | 258 | + Graduate Study |
259 | + </a> | ||
235 | <a href="../research/education.html" class="inner_item"> | 260 | <a href="../research/education.html" class="inner_item"> |
236 | - International Study | ||
237 | - </a> | 261 | + International Study |
262 | + </a> | ||
238 | <a href="../research/education.html" class="inner_item"> | 263 | <a href="../research/education.html" class="inner_item"> |
239 | - Continuing Study | ||
240 | - </a> | 264 | + Continuing Study |
265 | + </a> | ||
241 | </div> | 266 | </div> |
242 | </div> | 267 | </div> |
243 | <a href="../research/news.html" class="inner_item"> | 268 | <a href="../research/news.html" class="inner_item"> |
244 | - News | ||
245 | - </a> | 269 | + News |
270 | + </a> | ||
246 | </div> | 271 | </div> |
247 | </li> | 272 | </li> |
248 | <li class="btn navbtn-a" role="button"> | 273 | <li class="btn navbtn-a" role="button"> |
249 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> | 274 | <a href="javascript:;">TIANJIN CANCER INSTITUTE</a> |
250 | - <div class='sec_menu_items'> | 275 | + <div class="sec_menu_items"> |
251 | <div href="javascript:;" class="inner_item"> | 276 | <div href="javascript:;" class="inner_item"> |
252 | About Us | 277 | About Us |
253 | <div class="third_menu_items"> | 278 | <div class="third_menu_items"> |
254 | <a href="../institute/aboutus.html" class="inner_item"> | 279 | <a href="../institute/aboutus.html" class="inner_item"> |
255 | - About Us | ||
256 | - </a> | 280 | + About Us |
281 | + </a> | ||
257 | <a href="../institute/leadership.html" class="inner_item"> | 282 | <a href="../institute/leadership.html" class="inner_item"> |
258 | - Leadership | ||
259 | - </a> | 283 | + Leadership |
284 | + </a> | ||
260 | <a href="../institute/history.html" class="inner_item"> | 285 | <a href="../institute/history.html" class="inner_item"> |
261 | - History | ||
262 | - </a> | 286 | + History |
287 | + </a> | ||
263 | <a href="../institute/report.html" class="inner_item"> | 288 | <a href="../institute/report.html" class="inner_item"> |
264 | - Annual Report | ||
265 | - </a> | 289 | + Annual Report |
290 | + </a> | ||
266 | </div> | 291 | </div> |
267 | </div> | 292 | </div> |
268 | <div href="../clinical/nursing.html" class="inner_item"> | 293 | <div href="../clinical/nursing.html" class="inner_item"> |
269 | Research | 294 | Research |
270 | <div class="third_menu_items"> | 295 | <div class="third_menu_items"> |
271 | <a href="../institute/researchers.html" class="inner_item"> | 296 | <a href="../institute/researchers.html" class="inner_item"> |
272 | - Our Researchers | ||
273 | - </a> | 297 | + Our Researchers |
298 | + </a> | ||
274 | <a href="../institute/facilities.html" class="inner_item"> | 299 | <a href="../institute/facilities.html" class="inner_item"> |
275 | - Core Facilities and Services | ||
276 | - </a> | 300 | + Core Facilities and Services |
301 | + </a> | ||
277 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> | 302 | <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item"> |
278 | - Journal of Clinical Oncology | ||
279 | - </a> | 303 | + Journal of Clinical Oncology |
304 | + </a> | ||
280 | </div> | 305 | </div> |
281 | </div> | 306 | </div> |
282 | <a href="../institute/news.html" class="inner_item"> | 307 | <a href="../institute/news.html" class="inner_item"> |
283 | - News | ||
284 | - </a> | 308 | + News |
309 | + </a> | ||
285 | <a href="../institute/concat.html" class="inner_item"> | 310 | <a href="../institute/concat.html" class="inner_item"> |
286 | - Contact Us | ||
287 | - </a> | 311 | + Contact Us |
312 | + </a> | ||
288 | </div> | 313 | </div> |
289 | </li> | 314 | </li> |
290 | <li class="btn navbtn-a" role="button"> | 315 | <li class="btn navbtn-a" role="button"> |
291 | <a href="../contact.html">NURSING CARE</a> | 316 | <a href="../contact.html">NURSING CARE</a> |
292 | - <div class='sec_menu_items'> | 317 | + <div class="sec_menu_items"> |
293 | <a href="../care/aboutus.html" class="inner_item"> | 318 | <a href="../care/aboutus.html" class="inner_item"> |
294 | - About Us | ||
295 | - </a> | 319 | + About Us |
320 | + </a> | ||
296 | <a href="../care/activity.html" class="inner_item"> | 321 | <a href="../care/activity.html" class="inner_item"> |
297 | - Nursing Activities | ||
298 | - </a> | 322 | + Nursing Activities |
323 | + </a> | ||
299 | <a href="../care/training.html" class="inner_item"> | 324 | <a href="../care/training.html" class="inner_item"> |
300 | - Nurse Training | ||
301 | - </a> | 325 | + Nurse Training |
326 | + </a> | ||
302 | <a href="../care/achievement.html" class="inner_item"> | 327 | <a href="../care/achievement.html" class="inner_item"> |
303 | - Research Achievement | ||
304 | - </a> | 328 | + Research Achievement |
329 | + </a> | ||
305 | <a href="../care/exchange.html" class="inner_item"> | 330 | <a href="../care/exchange.html" class="inner_item"> |
306 | - International Exchanges | ||
307 | - </a> | 331 | + International Exchanges |
332 | + </a> | ||
308 | <a href="../care/cancer.html" class="inner_item"> | 333 | <a href="../care/cancer.html" class="inner_item"> |
309 | - Cancer Survivorship Support | ||
310 | - </a> | 334 | + Cancer Survivorship Support |
335 | + </a> | ||
311 | <a href="../care/news.html" class="inner_item"> | 336 | <a href="../care/news.html" class="inner_item"> |
312 | - News & Events | ||
313 | - </a> | 337 | + News & Events |
338 | + </a> | ||
314 | <a href="../care/contactUs.html" class="inner_item"> | 339 | <a href="../care/contactUs.html" class="inner_item"> |
315 | - Contact Us | ||
316 | - </a> | 340 | + Contact Us |
341 | + </a> | ||
317 | </div> | 342 | </div> |
318 | </li> | 343 | </li> |
319 | <li class="btn navbtn-a" role="button"> | 344 | <li class="btn navbtn-a" role="button"> |
320 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> | 345 | <a href="javascript:;">INTERNATIONAL AFFAIRS</a> |
321 | - <div class='sec_menu_items'> | 346 | + <div class="sec_menu_items"> |
322 | <a href="../international/conference.html" class="inner_item"> | 347 | <a href="../international/conference.html" class="inner_item"> |
323 | - International Conferences | ||
324 | - </a> | 348 | + International Conferences |
349 | + </a> | ||
325 | <a href="../international/training.html" class="inner_item"> | 350 | <a href="../international/training.html" class="inner_item"> |
326 | - Oversea Trainings | ||
327 | - </a> | 351 | + Oversea Trainings |
352 | + </a> | ||
328 | <a href="../international/referral.html" class="inner_item"> | 353 | <a href="../international/referral.html" class="inner_item"> |
329 | - International Patients | ||
330 | - </a> | 354 | + International Patients |
355 | + </a> | ||
331 | <a href="../international/partners.html" class="inner_item"> | 356 | <a href="../international/partners.html" class="inner_item"> |
332 | - Partnership Institutions | ||
333 | - </a> | 357 | + Partnership Institutions |
358 | + </a> | ||
334 | <!--<a href="../international/exchange.html" class="inner_item">--> | 359 | <!--<a href="../international/exchange.html" class="inner_item">--> |
335 | <!--International Exchanges News--> | 360 | <!--International Exchanges News--> |
336 | <!--</a>--> | 361 | <!--</a>--> |
@@ -343,11 +368,48 @@ | @@ -343,11 +368,48 @@ | ||
343 | </div> | 368 | </div> |
344 | 369 | ||
345 | <!-- Swiper --> | 370 | <!-- Swiper --> |
346 | - <div class="img-header"> | 371 | + <!-- <div class="img-header"> |
347 | <img src="../images/cli2_top.png" width="100%" alt=""> | 372 | <img src="../images/cli2_top.png" width="100%" alt=""> |
348 | - </div> | 373 | + </div> --> |
349 | <div class="content"> | 374 | <div class="content"> |
350 | - <div class="content-word"> | 375 | + <div class="navpath"> |
376 | + Clinical Resources<span>></span>Clinical Departments | ||
377 | + <span>></span>Surgical Oncology<span>></span>Intensive Care Unit | ||
378 | + </div> | ||
379 | + <div class="contant"> | ||
380 | + <div class="contant_img"> | ||
381 | + <img src="../images/24.png" alt="" /> | ||
382 | + </div> | ||
383 | + <div class="contant_word"> | ||
384 | + <div class="contant_title"> | ||
385 | + Department of Intensive Care Unit | ||
386 | + </div> | ||
387 | + <div class="contant_inform"> | ||
388 | + Intensive Care Unit (Resuscitation Room formerly) of Tianjin Medical University CancerInstitute and Hospital was established on April 2, 2007. There are 11 medical staff: 1 chief physician, 2 deputy chief physician, 2 for doctor degree and 7 for master | ||
389 | + degree. With the development and progress of medicine, cancer is no longer an incurable disease. The methods of diagnosis and treatment of cancer are changing everyday. Oncology and Intensive Care Medicine should also keep pace | ||
390 | + with the period, escorting clinical oncology, reducing non-cancer mortality, improving the quality of medical care and patients’ quality of life. In the past ten years, the Intensive Care Unit has gradually built into an excellent | ||
391 | + medical and medical care team with reasonable medical echelon, outstanding skills and rescue capabilities, and gradually developed a set of clinical treatment and nursing management standards for patients with severe cancer. The | ||
392 | + technical ability of intensive medicine is not inferior to the third-grade class-A hospital domestically, and it also has distinctive characteristics of oncology and intensive care medicine. Intensive care unit carries routine | ||
393 | + intensive care and organ support technology, combined with the characteristics of cancer patients to carry out non-invasive, minimally invasive hemodynamic monitoring and treatment, clustering strategy to prevent and control the | ||
394 | + hospital acquired infection, titration sedation therapy based on analgesia, and critical nutrition therapy for cancer. We have actively participated in the diagnosis and treatment of MDT in various clinical oncology disciplines, | ||
395 | + escorted the patients with severe cancer, passed the peri-cancer treatment period safely, improved medical quality and ensured medical safety. At the same time, as the intensive care unit of the oncology hospital, it also undertakes | ||
396 | + the work of prevention and control of nosocomial infection, rational application of antibiotics, and emergency support for public health emergencies. At the same time, the ICU ward is constructed in accordance with relevant national | ||
397 | + standards. Each bed unit is equipped with monitoring instruments and equipment, and the ward is regionalized. There are severe rescue units, intensive care units, negative pressure isolation units, VIP units, etc. to meet the needs | ||
398 | + of different patients.<br />The key physicians at all levels of the departments are responsible for completing bureau-level, school-level and hospital-level subjects, leading two clinical trials and publishing | ||
399 | + 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, | ||
400 | + 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 | ||
401 | + 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 | ||
402 | + Association. | ||
403 | + <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, | ||
404 | + 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 | ||
405 | + 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 | ||
406 | + “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 | ||
407 | + 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 | ||
408 | + title of five-star department for many years, and has won high praise and trust from hospitals, society and the people. | ||
409 | + </div> | ||
410 | + </div> | ||
411 | + </div> | ||
412 | + <!-- <div class="content-word"> | ||
351 | <div class="content-word-right active"> | 413 | <div class="content-word-right active"> |
352 | <img src="../images/depart_1_top.png" width="100%" alt="" srcset=""> | 414 | <img src="../images/depart_1_top.png" width="100%" alt="" srcset=""> |
353 | <div class="depart_introduce"> | 415 | <div class="depart_introduce"> |
@@ -381,8 +443,8 @@ | @@ -381,8 +443,8 @@ | ||
381 | </div> | 443 | </div> |
382 | <img src="../images/next.png" class="next" alt="" srcset=""> | 444 | <img src="../images/next.png" class="next" alt="" srcset=""> |
383 | </div> | 445 | </div> |
384 | - </div> | ||
385 | - <div class="person_introduce_box"> | 446 | + </div> --> |
447 | + <!-- <div class="person_introduce_box"> | ||
386 | <h3>ACADEMIC LEADER</h3> | 448 | <h3>ACADEMIC LEADER</h3> |
387 | <div class="photo_box"> | 449 | <div class="photo_box"> |
388 | <a class="photo_item_box" href="person_detail.2.1.2.html"> | 450 | <a class="photo_item_box" href="person_detail.2.1.2.html"> |
@@ -394,13 +456,11 @@ | @@ -394,13 +456,11 @@ | ||
394 | <div class="item_cheer">Chief Physician</div> | 456 | <div class="item_cheer">Chief Physician</div> |
395 | </div> | 457 | </div> |
396 | </a> | 458 | </a> |
397 | - | ||
398 | </div> | 459 | </div> |
399 | - </div> | 460 | + </!--> |
400 | </div> | 461 | </div> |
401 | <footer class="footer-content"> | 462 | <footer class="footer-content"> |
402 | <div class="footer-main"> | 463 | <div class="footer-main"> |
403 | - | ||
404 | <ul class="list-unstyled third-ul"> | 464 | <ul class="list-unstyled third-ul"> |
405 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> | 465 | <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li> |
406 | <li>Tianjin 300060</li> | 466 | <li>Tianjin 300060</li> |
@@ -409,41 +469,51 @@ | @@ -409,41 +469,51 @@ | ||
409 | <li>Email: info@tjmuch.com</li> | 469 | <li>Email: info@tjmuch.com</li> |
410 | </ul> | 470 | </ul> |
411 | <ul class="list-unstyled first-ul"> | 471 | <ul class="list-unstyled first-ul"> |
412 | - <li><img src="../images/yikeda.png" width="160px" alt=""></li> | ||
413 | - <li><img src="../images/tjuc.png" width="160px" alt=""></li> | 472 | + <li><img src="../images/yikeda.png" width="160px" alt="" /></li> |
473 | + <li><img src="../images/tjuc.png" width="160px" alt="" /></li> | ||
414 | </ul> | 474 | </ul> |
415 | </div> | 475 | </div> |
416 | </footer> | 476 | </footer> |
417 | - | ||
418 | </div> | 477 | </div> |
419 | <script src="../js/jquery-1.11.3.min.js"></script> | 478 | <script src="../js/jquery-1.11.3.min.js"></script> |
420 | <script src="../js/bootstrap.min.js"></script> | 479 | <script src="../js/bootstrap.min.js"></script> |
421 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> | 480 | <script src="../js/swiper-3.4.2.jquery.min.js"></script> |
422 | <script src="../js/common.js"></script> | 481 | <script src="../js/common.js"></script> |
423 | <script> | 482 | <script> |
424 | - $(document).ready(function () { | ||
425 | - $(".btn-group").find(".navbtn-a").click(function () { | ||
426 | - console.log(this) | ||
427 | - $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式 | ||
428 | - $(this).addClass('navbtnActive'); // 添加当前元素的样式 | ||
429 | - }) | ||
430 | - }) | ||
431 | - var swiper = new Swiper('.swiper-container', { | ||
432 | - pagination: '.swiper-pagination', | 483 | + $(document).ready(function() { |
484 | + $(".btn-group") | ||
485 | + .find(".navbtn-a") | ||
486 | + .click(function() { | ||
487 | + console.log(this); | ||
488 | + $(this) | ||
489 | + .siblings(".navbtn-a") | ||
490 | + .removeClass("navbtnActive"); // 删除其他兄弟元素的样式 | ||
491 | + $(this).addClass("navbtnActive"); // 添加当前元素的样式 | ||
492 | + }); | ||
493 | + }); | ||
494 | + var swiper = new Swiper(".swiper-container", { | ||
495 | + pagination: ".swiper-pagination", | ||
433 | paginationClickable: true | 496 | paginationClickable: true |
434 | }); | 497 | }); |
435 | 498 | ||
436 | - var swiper = new Swiper('.swiper-container1', { | ||
437 | - pagination: '.swiper-pagination', | 499 | + var swiper = new Swiper(".swiper-container1", { |
500 | + pagination: ".swiper-pagination", | ||
438 | slidesPerView: 3, | 501 | slidesPerView: 3, |
439 | paginationClickable: true, | 502 | paginationClickable: true, |
440 | spaceBetween: 30 | 503 | spaceBetween: 30 |
441 | }); | 504 | }); |
442 | 505 | ||
443 | - $('.content-word-left').on('click', 'h4', function () { | ||
444 | - $(this).addClass('active').siblings().removeClass('active') | ||
445 | - $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active') | ||
446 | - }) | 506 | + $(".content-word-left").on("click", "h4", function() { |
507 | + $(this) | ||
508 | + .addClass("active") | ||
509 | + .siblings() | ||
510 | + .removeClass("active"); | ||
511 | + $(".content-word-right") | ||
512 | + .eq($(this).index()) | ||
513 | + .addClass("active") | ||
514 | + .siblings() | ||
515 | + .removeClass("active"); | ||
516 | + }); | ||
447 | </script> | 517 | </script> |
448 | </body> | 518 | </body> |
449 | 519 |
-
请 注册 或 登录 后发表评论