作者 王毅

合并分支 'Branch_wy' 到 'master'

11



查看合并请求 !1

要显示太多修改。

为保证性能只显示 10 of 10+ 个文件。

@@ -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