审查视图

about/history.html 18.3 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>
130
                    
朱振飞 authored
131
                        <a href="../about/history.html" class="inner_item">
王毅 authored
132 133
                History and Milestones
              </a>
朱振飞 authored
134
                        <a href="../about/quick.html" class="inner_item">
王毅 authored
135 136
                Quick Facts
              </a>
朱振飞 authored
137 138 139 140
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
王毅 authored
141
                    <div class="sec_menu_items">
朱振飞 authored
142
                        <div class="inner_item">
朱振飞 authored
143 144 145
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
朱振飞 authored
146 147
                                    Surgical Oncology
                                </a>
朱振飞 authored
148
                                <a href="../clinical/medical.html" class="inner_item">
王毅 authored
149 150
                    Medical Oncology
                  </a>
朱振飞 authored
151
                                <a href="../clinical/radiation.html" class="inner_item">
王毅 authored
152 153
                    Radiation Oncology
                  </a>
朱振飞 authored
154
                                <a href="../clinical/diagnostic.html" class="inner_item">
王毅 authored
155 156
                    Diagnostic Oncology
                  </a>
朱振飞 authored
157
                                <a href="../clinical/center.html" class="inner_item">
王毅 authored
158 159
                    Center of Excellences
                  </a>
朱振飞 authored
160 161 162
                            </div>
                        </div>
                        <a href="../clinical/activities.html" class="inner_item">
王毅 authored
163 164
                Clinical Activities
              </a>
朱振飞 authored
165
                        <a href="../clinical/trials.html" class="inner_item">
王毅 authored
166 167
                Clinical Trials
              </a>
朱振飞 authored
168
                        <a href="../clinical/finddoctor.html" class="inner_item">
王毅 authored
169 170
                Find a Doctor
              </a>
朱振飞 authored
171 172 173 174
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">RESEARCH & EDUCATION</a>
王毅 authored
175
                    <div class="sec_menu_items">
朱振飞 authored
176
                        <a href="../research/nationalCancer.html" class="inner_item">
王毅 authored
177 178
                National Cancer Clinical Research Center
              </a>
朱振飞 authored
179
                        <div  class="inner_item">
朱振飞 authored
180 181 182
                            Research
                            <div class="third_menu_items">
                                <a href="../research/research1.html" class="inner_item">
王毅 authored
183 184
                    Research programs
                  </a>
朱振飞 authored
185
                                <a href="../research/research2.html" class="inner_item">
王毅 authored
186 187
                    Achievements
                  </a>
朱振飞 authored
188
                                <a href="../research/research3.html" class="inner_item">
王毅 authored
189 190
                    Key Labaratories
                  </a>
朱振飞 authored
191
                                <a href="../research/researcher.html" class="inner_item">
王毅 authored
192 193
                    Find a Researcher
                  </a>
朱振飞 authored
194 195
                            </div>
                        </div>
朱振飞 authored
196
                        <div  class="inner_item">
朱振飞 authored
197 198 199
                            Education
                            <div class="third_menu_items">
                                <a href="../research/education.html" class="inner_item">
王毅 authored
200 201
                    Graduate Study
                  </a>
朱振飞 authored
202
                                <a href="../research/education.html" class="inner_item">
王毅 authored
203 204
                    International Study
                  </a>
朱振飞 authored
205
                                <a href="../research/education.html" class="inner_item">
王毅 authored
206 207
                    Continuing Study
                  </a>
朱振飞 authored
208 209 210
                            </div>
                        </div>
                        <a href="../research/researcher.html" class="inner_item">
王毅 authored
211 212
                News
              </a>
朱振飞 authored
213 214 215 216
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
王毅 authored
217
                    <div class="sec_menu_items">
朱振飞 authored
218
                        <a href="../international/conference.html" class="inner_item">
王毅 authored
219 220
                International Conferences
              </a>
朱振飞 authored
221
                        <a href="../international/training.html" class="inner_item">
王毅 authored
222 223
                Oversea Trainings
              </a>
朱振飞 authored
224
                        <a href="../international/referral.html" class="inner_item">
王毅 authored
225 226
                International Patients
              </a>
朱振飞 authored
227
                        <a href="../international/partners.html" class="inner_item">
王毅 authored
228 229
                Partnership Institutions
              </a>
朱振飞 authored
230 231 232
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
王毅 authored
233
                    <a href="../news.html">NEWS RELEASE</a>
朱振飞 authored
234 235 236
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
王毅 authored
237
                    <div class="sec_menu_items">
朱振飞 authored
238 239 240 241
                        <div href="javascript:;" class="inner_item">
                            About Us
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
王毅 authored
242 243
                    About Us
                  </a>
朱振飞 authored
244
                                <a href="../institute/leadership.html" class="inner_item">
王毅 authored
245 246
                    Leadership
                  </a>
朱振飞 authored
247
                                <a href="../institute/history.html" class="inner_item">
王毅 authored
248 249
                    History
                  </a>
朱振飞 authored
250
                                <a href="../institute/report.html" class="inner_item">
王毅 authored
251 252
                    Annual Report
                  </a>
朱振飞 authored
253 254 255 256 257 258
                            </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
259 260
                    Our Researchers
                  </a>
朱振飞 authored
261
                                <a href="../institute/facilities.html" class="inner_item">
王毅 authored
262 263
                    Core Facilities
                  </a>
朱振飞 authored
264
                                <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
王毅 authored
265 266
                    Journal of Clinical Oncology
                  </a>
朱振飞 authored
267 268
                            </div>
                        </div>
朱振飞 authored
269
                
朱振飞 authored
270 271 272 273 274 275 276 277 278
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="contact.html">CONTACT US</a>
                </li>
            </ul>
        </div>

        <!-- Swiper -->
王毅 authored
279
        <!-- <div class="img-header">
朱振飞 authored
280
            <img src="../images/h_1.png" width="100%" alt="">
王毅 authored
281
        </div> -->
朱振飞 authored
282 283 284 285 286 287 288 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
        <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
347
            <!-- <div class="bold_title">
朱振飞 authored
348 349 350 351
                HISTORY <br>
                AND<br>
                MILESTONES
            </div>
王毅 authored
352 353 354 355 356 357 358 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
            <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
431 432
        </div>
    </div>
王毅 authored
433
    <footer class="footer-content">
朱振飞 authored
434 435 436 437 438 439 440 441 442
        <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
443 444
                <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
                <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
朱振飞 authored
445 446 447 448 449 450 451 452 453 454
            </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>