审查视图

about/history.html 18.8 KB
朱振飞 authored
1 2 3 4
<!DOCTYPE html>
<html lang="en">

<head>
王毅 authored
5 6 7 8 9 10 11
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/index.css" />
朱振飞 authored
12 13 14 15 16 17 18 19 20 21
    <title>Tianjin Medical University Cancer Institute & Hospital</title>
    <style>
        .single_box {
            margin-bottom: 44px;
            width: auto;
        }
        
        .single_box:last-child {
            margin: 0;
        }
王毅 authored
22
        /* .content-word {
朱振飞 authored
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
            position: relative;
        }
        
        .content-word-left {
            position: absolute;
            top: 0;
            left: 50%;
            height: 100%;
            display: flex;
            display: -webkit-flex;
            flex-flow: column;
            justify-content: space-between;
            box-sizing: border-box;
        }
        
        .single_date {
            height: 55px;
            display: flex;
            display: -webkit-flex;
            flex-flow: column;
            justify-content: space-between;
        }
        
        .single_date h3 {
王毅 authored
47
            color: #00a16c;
朱振飞 authored
48 49 50
            padding: 0;
            margin: 0;
        }
王毅 authored
51
        
朱振飞 authored
52 53 54 55 56 57 58
        .content-word-right {
            color: #01a26e;
            flex: unset;
            width: 400px !important;
            margin: 0 auto;
            transform: translateX(-70%);
        }
王毅 authored
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
        
        .timeZone {
            display: block;
            margin: 0 auto;
        } */
        
        .new_contant {
            margin: 80px auto 0 auto;
            width: 1104px;
        }
        
        .new_contant_img {
            width: 100%;
            height: 522px;
            /* background: pink; */
        }
        
        .new_contant_img img {
            width: 100%;
            height: 100%;
        }
        
        .new_contant_title {
            margin: 32px 0 40px 0;
            font-size: 20px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #727171;
        }
朱振飞 authored
89 90 91 92 93 94 95
    </style>
</head>

<body>
    <nav class="navbar navbar-default bgf mb0">
        <div class="container-fluid top_pc_brand">
            <div class="navbar-header">
王毅 authored
96 97 98 99 100 101
                <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
朱振飞 authored
102
                <a class="navbar-brand logo" href="../index.html">
王毅 authored
103
                    <img class="brand-logo" src="../images/logo.png" alt="" />
朱振飞 authored
104 105 106 107 108
                </a>
            </div>
            <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
                <div class="search-group mt30 form-group navbar-text navbar-right">
                    <a href="http://www.tjmuch.com/" class="langue">中文</a>
王毅 authored
109
                    <input type="text" class="form-control search-input" placeholder="Search" />
朱振飞 authored
110
                    <div class="magnifier">
王毅 authored
111
                        <img src="../images/search_btn.png" alt="" />
朱振飞 authored
112 113 114 115 116 117 118 119 120 121 122
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="container-fluid pc">
        <div class="mask"></div>
        <div class="bs-example" data-example-id="simple-justified-button-group">
            <ul class="nav_menu_items">
                <li class="btn  navbtnActive navbtn-a" role="button">
                    <a href="javascript:;">ABOUT US</a>
王毅 authored
123
                    <div class="sec_menu_items">
朱振飞 authored
124
                        <a href="../about/welcome.html" class="inner_item">
王毅 authored
125 126
                Welcome Message
              </a>
朱振飞 authored
127
                        <a href="../about/mission.html" class="inner_item">
王毅 authored
128 129
                Mission and Vision
              </a>
朱振飞 authored
130
                        <a href="../about/leadership.html" class="inner_item">
王毅 authored
131 132
                Leadership
              </a>
朱振飞 authored
133
                        <a href="../about/history.html" class="inner_item">
王毅 authored
134 135
                History and Milestones
              </a>
朱振飞 authored
136
                        <a href="../about/quick.html" class="inner_item">
王毅 authored
137 138
                Quick Facts
              </a>
朱振飞 authored
139 140 141 142
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
王毅 authored
143 144
                    <div class="sec_menu_items">
                        <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'" class="inner_item">
朱振飞 authored
145 146 147
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
王毅 authored
148 149
                    Surgical Department
                  </a>
朱振飞 authored
150
                                <a href="../clinical/medical.html" class="inner_item">
王毅 authored
151 152
                    Medical Oncology
                  </a>
朱振飞 authored
153
                                <a href="../clinical/radiation.html" class="inner_item">
王毅 authored
154 155
                    Radiation Oncology
                  </a>
朱振飞 authored
156
                                <a href="../clinical/diagnostic.html" class="inner_item">
王毅 authored
157 158
                    Diagnostic Oncology
                  </a>
朱振飞 authored
159
                                <a href="../clinical/center.html" class="inner_item">
王毅 authored
160 161
                    Center of Excellences
                  </a>
朱振飞 authored
162 163 164
                            </div>
                        </div>
                        <a href="../clinical/activities.html" class="inner_item">
王毅 authored
165 166
                Clinical Activities
              </a>
朱振飞 authored
167
                        <a href="../clinical/trials.html" class="inner_item">
王毅 authored
168 169
                Clinical Trials
              </a>
朱振飞 authored
170
                        <a href="../clinical/finddoctor.html" class="inner_item">
王毅 authored
171 172
                Find a Doctor
              </a>
朱振飞 authored
173 174 175 176
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">RESEARCH & EDUCATION</a>
王毅 authored
177
                    <div class="sec_menu_items">
朱振飞 authored
178
                        <a href="../research/nationalCancer.html" class="inner_item">
王毅 authored
179 180 181
                National Cancer Clinical Research Center
              </a>
                        <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
朱振飞 authored
182 183 184
                            Research
                            <div class="third_menu_items">
                                <a href="../research/research1.html" class="inner_item">
王毅 authored
185 186
                    Research programs
                  </a>
朱振飞 authored
187
                                <a href="../research/research2.html" class="inner_item">
王毅 authored
188 189
                    Achievements
                  </a>
朱振飞 authored
190
                                <a href="../research/research3.html" class="inner_item">
王毅 authored
191 192
                    Key Labaratories
                  </a>
朱振飞 authored
193
                                <a href="../research/researcher.html" class="inner_item">
王毅 authored
194 195
                    Find a Researcher
                  </a>
朱振飞 authored
196 197
                            </div>
                        </div>
王毅 authored
198
                        <div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
朱振飞 authored
199 200 201
                            Education
                            <div class="third_menu_items">
                                <a href="../research/education.html" class="inner_item">
王毅 authored
202 203
                    Graduate Study
                  </a>
朱振飞 authored
204
                                <a href="../research/education.html" class="inner_item">
王毅 authored
205 206
                    International Study
                  </a>
朱振飞 authored
207
                                <a href="../research/education.html" class="inner_item">
王毅 authored
208 209
                    Continuing Study
                  </a>
朱振飞 authored
210 211 212
                            </div>
                        </div>
                        <a href="../research/researcher.html" class="inner_item">
王毅 authored
213 214
                News
              </a>
朱振飞 authored
215 216 217 218
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
王毅 authored
219
                    <div class="sec_menu_items">
朱振飞 authored
220
                        <a href="../international/conference.html" class="inner_item">
王毅 authored
221 222
                International Conferences
              </a>
朱振飞 authored
223
                        <a href="../international/training.html" class="inner_item">
王毅 authored
224 225
                Oversea Trainings
              </a>
朱振飞 authored
226
                        <a href="../international/referral.html" class="inner_item">
王毅 authored
227 228
                International Patients
              </a>
朱振飞 authored
229
                        <a href="../international/partners.html" class="inner_item">
王毅 authored
230 231
                Partnership Institutions
              </a>
朱振飞 authored
232 233 234
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
王毅 authored
235
                    <a href="../news.html">NEWS RELEASE</a>
朱振飞 authored
236 237 238
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
王毅 authored
239
                    <div class="sec_menu_items">
朱振飞 authored
240 241 242 243
                        <div href="javascript:;" class="inner_item">
                            About Us
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
王毅 authored
244 245
                    About Us
                  </a>
朱振飞 authored
246
                                <a href="../institute/leadership.html" class="inner_item">
王毅 authored
247 248
                    Leadership
                  </a>
朱振飞 authored
249
                                <a href="../institute/history.html" class="inner_item">
王毅 authored
250 251
                    History
                  </a>
朱振飞 authored
252
                                <a href="../institute/report.html" class="inner_item">
王毅 authored
253 254
                    Annual Report
                  </a>
朱振飞 authored
255 256 257 258 259 260
                            </div>
                        </div>
                        <div href="../clinical/nursing.html" class="inner_item">
                            Research
                            <div class="third_menu_items">
                                <a href="../institute/researchers.html" class="inner_item">
王毅 authored
261 262
                    Our Researchers
                  </a>
朱振飞 authored
263
                                <a href="../institute/facilities.html" class="inner_item">
王毅 authored
264 265
                    Core Facilities
                  </a>
朱振飞 authored
266
                                <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
王毅 authored
267 268
                    Journal of Clinical Oncology
                  </a>
朱振飞 authored
269 270 271
                            </div>
                        </div>
                        <a href="../institute/news.html" class="inner_item">
王毅 authored
272 273
                News
              </a>
朱振飞 authored
274
                        <a href="../institute/concat.html" class="inner_item">
王毅 authored
275 276
                Contact Us
              </a>
朱振飞 authored
277 278 279 280 281 282 283 284 285
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="contact.html">CONTACT US</a>
                </li>
            </ul>
        </div>

        <!-- Swiper -->
王毅 authored
286
        <!-- <div class="img-header">
朱振飞 authored
287
            <img src="../images/h_1.png" width="100%" alt="">
王毅 authored
288
        </div> -->
朱振飞 authored
289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353
        <div class="content">
            <!-- <div class="content-word">
                <div class="content-word-right">
                    <div class="single_box">
                        <img src="../images/h1.png" alt="">
                    </div>
                    <div class="single_box">
                        <img src="../images/h2.png" alt="">
                    </div>
                    <div class="single_box">
                        <img src="../images/h3.png" alt="">
                    </div>
                    <div class="single_box">
                        <img src="../images/h4.png" alt="">
                    </div>
                    <div class="single_box">
                        <img src="../images/h5.png" alt="">
                    </div>
                    <div class="single_box">
                        <img src="../images/h6.png" alt="">
                    </div>
                </div>
                <div class="content-word-left">
                    <div class="single_date">
                        <H3>2018</H3>
                        <P>Airport Free Trade Zone Hospital</P>
                    </div>
                    <div class="single_date">
                        <H3>2013</H3>
                        <P>National Clinical Research Center for Cancer</P>
                    </div>
                    <div class="single_date">
                        <H3>2011</H3>
                        <P>Comprehensive Center for Clinic and Research</P>
                    </div>
                    <div class="single_date">
                        <H3>2003</H3>
                        <P>Comprehensive Breast Cancer Center</P>
                    </div>
                    <div class="single_date">
                        <H3>1997</H3>
                        <P>Affiliated to Tianjin Medical University </P>
                    </div>
                    <div class="single_date">
                        <H3>1987</H3>
                        <P>Renamed as “Tianjin Cancer Institute & Hospital”</P>
                    </div>
                    <div class="single_date">
                        <H3>1977</H3>
                        <P>Tianjin Cancer Research Institute</P>
                    </div>
                    <div class="single_date">
                        <H3>1971</H3>
                        <P>Cancer Hospital</P>
                    </div>
                    <div class="single_date">
                        <H3>1951</H3>
                        <P>Tianjin Municipal People's Hospital</P>
                    </div>
                    <div class="single_date">
                        <H3>1861</H3>
                        <P>British Army Hospital</P>
                    </div>
                </div>
            </div> -->
王毅 authored
354
            <!-- <div class="bold_title">
朱振飞 authored
355 356 357 358
                HISTORY <br>
                AND<br>
                MILESTONES
            </div>
王毅 authored
359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437
            <img src="../images/time_zone.png" class='timeZone'  alt=""> -->
            <div class="navpath">About Us<span>></span>History and Milestones</div>
            <div class="new_contant">
                <div class="new_contant_one">
                    <div class="new_contant_img">
                        <img src="../images/46.png" alt="" />
                    </div>
                    <div class="new_contant_title">2019-New Outpatient Building</div>
                </div>
                <div class="new_contant_one">
                    <div class="new_contant_img">
                        <img src="../images/47.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        2018-Airport Free Trade Zone Hospital(Branch Hospital)
                    </div>
                </div>
                <div class="new_contant_one">
                    <div class="new_contant_img">
                        <img src="../images/48.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        2013-National Clinical Research Center for Cancer
                    </div>
                </div>
                <div class="new_contant_one">
                    <div class="new_contant_img">
                        <img src="../images/49.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        2011-Comprehensive Center for Clinic and Research
                    </div>
                </div>
                <div class="new_contant_one">
                    <div class="new_contant_img">
                        <img src="../images/50.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        2003-Comprehensive Breast Cancer Center
                    </div>
                </div>
                <div class="new_contant_two">
                    <div class="new_contant_title">
                        1997-Affiliated to Tianjin Medical University
                    </div>
                    <div class="new_contant_img">
                        <img src="../images/51.png" alt="">
                    </div>
                    <div class="new_contant_title">1987</div>
                </div>
                <div class="new_contant_two">
                    <div class="new_contant_img">
                        <img src="../images/52.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        1986-Renamed as “Tianjin Cancer Institute & Hospital”
                    </div>
                </div>
                <div class="new_contant_two">
                    <div class="new_contant_title">
                        1951-Tianjin Municipal People's Hospital
                    </div>
                    <div class="new_contant_img">
                        <img src="../images/53.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        1924-Dr. Machenzie Memorial Hospital
                    </div>
                </div>
                <div class="new_contant_two">
                    <div class="new_contant_img">
                        <img src="../images/1834nian.png" alt="">
                    </div>
                    <div class="new_contant_title">
                        1868-The London Christian Church Hospital
                    </div>
                    <div class="new_contant_title">1861-British Army Hospital</div>
                </div>
            </div>
朱振飞 authored
438 439
        </div>
    </div>
王毅 authored
440
    <footer class="footer-content">
朱振飞 authored
441 442 443 444 445 446 447 448 449
        <div class="footer-main">
            <ul class="list-unstyled third-ul">
                <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
                <li>Tianjin 300060</li>
                <li>China</li>
                <li>Tel/Fax: 0086-22-23359337</li>
                <li>Email: info@tjmuch.com</li>
            </ul>
            <ul class="list-unstyled first-ul">
王毅 authored
450 451
                <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
                <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
朱振飞 authored
452 453 454 455 456 457 458 459 460 461
            </ul>
        </div>
    </footer>
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/swiper-3.4.2.jquery.min.js"></script>
    <script src="../js/common.js"></script>
</body>

</html>