审查视图

care/cancer.html 20.6 KB
朱振飞 authored
1 2 3 4
<!DOCTYPE html>
<html lang="en">

<head>
1  
王毅 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
    <title>Tianjin Medical University Cancer Institute & Hospital</title>
    <style>
        .single_box {
            width: 600px;
            margin-bottom: 44px;
        }
1  
王毅 authored
18
        
朱振飞 authored
19 20 21
        .single_box:last-child {
            margin: 0;
        }
1  
王毅 authored
22
        
朱振飞 authored
23 24 25 26
        .content-word {
            position: relative;
            align-items: flex-start;
        }
1  
王毅 authored
27
        
朱振飞 authored
28 29 30 31 32 33 34
        .content-word-left {
            width: 300px;
            flex: unset;
            align-self: flex-start;
            justify-self: flex-end;
            margin-left: 60px;
        }
1  
王毅 authored
35
        
朱振飞 authored
36 37 38 39 40 41 42 43 44 45
        .content-word-right {
            flex: unset;
            display: none !important;
            display: -webkit-flex;
            flex-wrap: wrap;
            height: 630px;
            width: 840px;
            padding: 0;
            position: relative;
        }
1  
王毅 authored
46
        
朱振飞 authored
47 48 49 50
        .content-word-right.active {
            display: flex !important;
            flex-flow: column;
        }
1  
王毅 authored
51
        
朱振飞 authored
52 53 54 55 56 57 58 59 60
        .content-word-right .single_part {
            display: flex;
            margin-bottom: 50px;
            font-size: 17px;
            color: #040404;
            flex-flow: column;
            align-items: flex-start;
            margin-left: 50px;
        }
1  
王毅 authored
61
        
朱振飞 authored
62 63
        .content-word-left h4 {
            color: #232323;
1  
王毅 authored
64
            opacity: 0.7;
朱振飞 authored
65 66 67 68 69
            line-height: 2.5;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }
1  
王毅 authored
70
        
朱振飞 authored
71 72 73
        .single_part p {
            margin-top: 10px;
        }
1  
王毅 authored
74
        
朱振飞 authored
75 76 77 78
        .content-word-left {
            height: 800px;
            position: relative;
        }
1  
王毅 authored
79
        
朱振飞 authored
80 81 82 83 84 85
        .part_box {
            width: 242px;
            height: 115px;
            overflow: hidden;
            background-color: #898989;
        }
1  
王毅 authored
86
        
朱振飞 authored
87
        .depart_introduce {
1  
王毅 authored
88
            background: #ebfbf8;
朱振飞 authored
89 90 91 92
            color: #232323;
            box-sizing: border-box;
            padding: 20px;
        }
1  
王毅 authored
93
        
朱振飞 authored
94 95
        .part_top {
            height: 74px;
1  
王毅 authored
96
            background: #83ad9f;
朱振飞 authored
97 98 99 100 101 102 103
            color: #000000;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 74px;
            width: 100%;
        }
1  
王毅 authored
104
        
朱振飞 authored
105 106 107
        .part_inner_content {
            padding: 20px 40px;
        }
1  
王毅 authored
108
        
朱振飞 authored
109 110 111 112 113
        .person_introduce_box {
            padding-top: 100px;
            border-top: 5px solid #999;
            margin-top: 100px;
        }
1  
王毅 authored
114
        
朱振飞 authored
115 116 117 118 119 120 121 122
        .next {
            width: 32px;
            height: 22px;
            position: absolute;
            bottom: -15px;
            left: 50%;
            margin-left: -11px;
        }
1  
王毅 authored
123 124
        
        .news_container {
朱振飞 authored
125
            display: flex;
1  
王毅 authored
126 127 128 129 130 131
            flex-flow: column;
        }
        
        .singleNews {
            height: 56px;
            border-bottom: 1px dashed #999;
朱振飞 authored
132
            display: flex;
1  
王毅 authored
133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162
            align-items: center;
            cursor: pointer;
            width: 840px;
            font-size: 16px;
        }
        
        .singleNews .time {
            color: #00a16c;
            margin-right: 35px;
        }
        
        .single_news_content {
            color: #232323;
        }
        
        .top_line {
            text-align: left;
            padding-left: 35px;
            background: #ebfbf8;
            color: #00a16c;
            font-weight: bold;
        }
        
        .contant {
            width: 1122px;
            margin: 228px auto 0 auto;
            font-size: 21px;
            font-weight: 400;
            color: rgba(0, 161, 108, 1);
            line-height: 20px;
朱振飞 authored
163 164 165 166 167 168 169 170
        }
    </style>
</head>

<body>
    <nav class="navbar navbar-default bgf mb0">
        <div class="container-fluid top_pc_brand">
            <div class="navbar-header">
1  
王毅 authored
171 172 173 174 175 176
                <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
177
                <a class="navbar-brand logo" href="../index.html">
1  
王毅 authored
178
                    <img class="brand-logo" src="../images/logo.png" alt="" />
朱振飞 authored
179 180 181 182 183
                </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>
1  
王毅 authored
184
                    <input type="text" class="form-control search-input" placeholder="Search" />
朱振飞 authored
185
                    <div class="magnifier">
1  
王毅 authored
186
                        <img src="../images/search_btn.png" alt="" />
朱振飞 authored
187 188 189 190 191 192 193
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="container-fluid pc">
        <div class="mask"></div>
wangyi authored
194
        <div class="bs-example" data-example-id="simple-justified-button-group">
朱振飞 authored
195
            <ul class="nav_menu_items">
1  
王毅 authored
196
                <li class="btn  navbtnActive navbtn-a" role="button">
朱振飞 authored
197
                    <a href="javascript:;">ABOUT US</a>
1  
王毅 authored
198
                    <div class='sec_menu_items'>
朱振飞 authored
199
                        <a href="../about/welcome.html" class="inner_item">
1  
王毅 authored
200 201
                            Welcome Message
                        </a>
朱振飞 authored
202
                        <a href="../about/mission.html" class="inner_item">
1  
王毅 authored
203 204
                            Mission and Vision
                        </a>
wangyi authored
205
                        <!-- <a href="../about/leadership.html" class="inner_item">
1  
王毅 authored
206
                            Leadership
wangyi authored
207
                        </a> -->
朱振飞 authored
208
                        <a href="../about/history.html" class="inner_item">
1  
王毅 authored
209 210
                            History and Milestones
                        </a>
朱振飞 authored
211
                        <a href="../about/quick.html" class="inner_item">
1  
王毅 authored
212 213
                            Quick Facts
                        </a>
朱振飞 authored
214 215 216
                        <a href="../about/contact.html" class="inner_item">Contact Us</a>
                    </div>
                </li>
1  
王毅 authored
217
朱振飞 authored
218 219
                <li class="btn  navbtn-a" role="button">
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
1  
王毅 authored
220
                    <div class='sec_menu_items'>
1  
王毅 authored
221
                        <div class="inner_item">
朱振飞 authored
222 223 224
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
朱振飞 authored
225
                                    Surgical Oncology
朱振飞 authored
226
                                </a>
1  
王毅 authored
227
朱振飞 authored
228
                                <a href="../clinical/medical.html" class="inner_item">
1  
王毅 authored
229 230
                                    Medical Oncology
                                </a>
朱振飞 authored
231
                                <a href="../clinical/radiation.html" class="inner_item">
1  
王毅 authored
232
                                </a>
朱振飞 authored
233
                                <a href="../clinical/diagnostic.html" class="inner_item">
1  
王毅 authored
234 235
                                    Diagnostic Oncology
                                </a>
朱振飞 authored
236
                                <a href="../clinical/center.html" class="inner_item">
1  
王毅 authored
237 238
                                    Center of Excellences
                                </a>
朱振飞 authored
239 240
                            </div>
                        </div>
1  
王毅 authored
241
朱振飞 authored
242
                        <a href="../clinical/activities.html" class="inner_item">
1  
王毅 authored
243 244 245 246 247 248 249 250
                            Clinical Activities
                        </a>
                        <div class="inner_item">
                            Clinical Trials
                            <div class="third_menu_items">
                                <a href="../clinical/trials.html" class="inner_item">
                                    Introduction
                                </a>
1  
王毅 authored
251
                                <a href="../clinical/trials_one.html" class="inner_item">
1  
王毅 authored
252 253
                                    Work Flow Chart
                                </a>
1  
王毅 authored
254
                                <a href="../clinical/trials_two.html" class="inner_item">
1  
王毅 authored
255 256
                                    FInd A Clinical Trail
                                </a>
1  
王毅 authored
257
                                <a href="../clinical/trials_three.html" class="inner_item">
1  
王毅 authored
258 259 260 261
                                    Research Achievement
                                </a>
                            </div>
                        </div>
朱振飞 authored
262
                        <a href="../clinical/finddoctor.html" class="inner_item">
1  
王毅 authored
263 264
                            Find a Doctor
                        </a>
朱振飞 authored
265 266 267 268
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">RESEARCH & EDUCATION</a>
1  
王毅 authored
269 270
                    <div class='sec_menu_items'>
朱振飞 authored
271
                        <a href="../research/nationalCancer.html" class="inner_item">
1  
王毅 authored
272
                            National Cancer Clinical Research Center
朱振飞 authored
273
                        </a>
1  
王毅 authored
274
                        <div class="inner_item">
朱振飞 authored
275 276 277
                            Research
                            <div class="third_menu_items">
                                <a href="../research/research1.html" class="inner_item">
1  
王毅 authored
278 279
                                    Research programs
                                </a>
朱振飞 authored
280
                                <a href="../research/research2.html" class="inner_item">
1  
王毅 authored
281 282
                                    Achievements                                   
                                </a>
朱振飞 authored
283
                                <a href="../research/research3.html" class="inner_item">
1  
王毅 authored
284 285
                                    Key Labaratories                                    
                                </a>
朱振飞 authored
286
                                <a href="../research/researcher.html" class="inner_item">
1  
王毅 authored
287 288
                                    Find a Researcher
                                </a>
朱振飞 authored
289 290
                            </div>
                        </div>
1  
王毅 authored
291
                        <div class="inner_item">
朱振飞 authored
292 293 294
                            Education
                            <div class="third_menu_items">
                                <a href="../research/education.html" class="inner_item">
1  
王毅 authored
295 296
                                    Graduate Study
                                </a>
朱振飞 authored
297
                                <a href="../research/education.html" class="inner_item">
1  
王毅 authored
298 299
                                    International Study
                                </a>
朱振飞 authored
300
                                <a href="../research/education.html" class="inner_item">
1  
王毅 authored
301 302
                                    Continuing Study
                                </a>
朱振飞 authored
303 304 305 306 307 308
                            </div>
                        </div>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
1  
王毅 authored
309
                    <div class='sec_menu_items'>
朱振飞 authored
310
                        <div href="javascript:;" class="inner_item">
wangyi authored
311
                            Abouts Us
朱振飞 authored
312 313
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
1  
王毅 authored
314 315
                                    Introduction
                                </a>
朱振飞 authored
316
                                <a href="../institute/leadership.html" class="inner_item">
1  
王毅 authored
317 318
                                    Leadership
                                </a>
朱振飞 authored
319
                                <a href="../institute/history.html" class="inner_item">
1  
王毅 authored
320 321
                                    History
                                </a>
朱振飞 authored
322
                                <a href="../institute/report.html" class="inner_item">
1  
王毅 authored
323 324
                                    Annual Report
                                </a>
朱振飞 authored
325 326 327 328 329 330
                            </div>
                        </div>
                        <div href="../clinical/nursing.html" class="inner_item">
                            Research
                            <div class="third_menu_items">
                                <a href="../institute/researchers.html" class="inner_item">
1  
王毅 authored
331 332
                                    Our Researchers
                                </a>
朱振飞 authored
333
                                <a href="../institute/facilities.html" class="inner_item">
1  
王毅 authored
334 335
                                    Core Facilities and Services
                                </a>
朱振飞 authored
336
                                <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
1  
王毅 authored
337 338
                                    Journal of Clinical Oncology
                                </a>
朱振飞 authored
339 340 341 342
                            </div>
                        </div>
                    </div>
                </li>
1  
王毅 authored
343
                <li class="btn  navbtn-a" role="button">
朱振飞 authored
344
                    <a href="javascript:;">NURSING CARE</a>
1  
王毅 authored
345
                    <div class='sec_menu_items'>
1  
王毅 authored
346
                        <div class="inner_item" style="position: relative">
1  
王毅 authored
347
                            Introduction
1  
王毅 authored
348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363
                            <div class="third_menu_items">
                                <a href="../care/history_time.html" class="inner_item">
                                  Our Team
                                </a>
                                <a href="../care/history_time_two.html" class=" inner_item ">
                                   Imoportant Events
                                </a>
                                <a href="../care/history_time_three.html " class="inner_item ">
                                 Honor & Awards
                                </a>
                                <a href="../care/history_time_four.html " class="inner_item ">
                                   Contact Us
                                </a>
                            </div>
                        </div>
                        <div class="inner_item " style="position: relative ">
1  
王毅 authored
364
                            Nursing Activities
1  
王毅 authored
365 366 367 368 369 370 371
                            <div class="third_menu_items ">
                                <a href="../care/profession.html " class="inner_item ">
                                  Professional Teams
                                </a>
                                <a href="../care/five-two_2.html" class="inner_item ">
                                   Public Services
                                </a>
1  
王毅 authored
372
                                <a href="../care/profession_one.html" class="inner_item ">
1  
王毅 authored
373 374
                                 Compassionate Care
                                </a>
1  
王毅 authored
375
                                <a href="../care/profession_two.html" class="inner_item ">
1  
王毅 authored
376 377 378 379 380
                                   Caring for Nurses
                                </a>
                            </div>
                        </div>
                        <div class="inner_item " style="position: relative ">
1  
王毅 authored
381
                            Nursing Teaching
1  
王毅 authored
382 383 384 385 386 387 388 389 390 391
                            <div class="third_menu_items ">
                                <a href="../care/training.1.html" class="inner_item ">
                                 Clinical Nursing Teaching
                                </a>
                                <a href="../care/five-three_2.html" class="inner_item ">
                                  Postgraduate Development
                                </a>
                            </div>
                        </div>
                        <div class="inner_item ">
1  
王毅 authored
392
                            Nursing Research
1  
王毅 authored
393 394
                            <div class="third_menu_items ">
                                <a href="../care/five-four_detail1.html " class="inner_item ">
1  
王毅 authored
395 396
                                  Publications:SCI Papers
                                </a>
1  
王毅 authored
397
                                <a href="../care/five-four_detail2.html" class="inner_item ">
1  
王毅 authored
398 399
                                   Research Projects
                                </a>
1  
王毅 authored
400
                                <a href="../care/five-four_detail3.html" class="inner_item ">
1  
王毅 authored
401 402
                                 Innovations & Patents
                                </a>
1  
王毅 authored
403
                                <a href="../care/five-four_detail4.html " class="inner_item ">
1  
王毅 authored
404 405 406 407
                                   Publications:Books
                                </a>
                            </div>
                        </div>
1  
王毅 authored
408
                        <a href="../care/cancer.html " class="inner_item ">
1  
王毅 authored
409 410 411 412
                            Survivorship Support  
                        </a>

朱振飞 authored
413 414
                    </div>
                </li>
1  
王毅 authored
415 416
                <li class="btn navbtn-a " role="button ">
                    <a href="javascript:; ">INTERNATIONAL AFFAIRS</a>
1  
王毅 authored
417
                    <div class='sec_menu_items'>
1  
王毅 authored
418
                        <a href="../international/conference.html " class="inner_item ">
1  
王毅 authored
419 420
                            International Conferences
                        </a>
1  
王毅 authored
421
                        <a href="../international/training.html " class="inner_item ">
1  
王毅 authored
422 423
                            Oversea Trainings
                        </a>
1  
王毅 authored
424
                        <a href="../international/referral.html " class="inner_item ">
1  
王毅 authored
425 426
                            International Patients
                        </a>
1  
王毅 authored
427
                        <a href="../international/partners.html " class="inner_item ">
1  
王毅 authored
428 429 430
                            Partnership Institutions
                        </a>
朱振飞 authored
431 432
                    </div>
                </li>
1  
王毅 authored
433 434
                <li class="btn navbtn-a " role="button ">
                    <a href="../news.html ">NEWS RELEASE</a>
朱振飞 authored
435 436 437 438 439 440
                </li>
            </ul>
        </div>

        <div class="content padding0">
            <!-- Swiper -->
1  
王毅 authored
441
            <!-- <div class="img-header">
朱振飞 authored
442
                <img src="../images/care_top.png" width="100%" alt="">
1  
王毅 authored
443
            </div> -->
朱振飞 authored
444 445
        </div>
        <div class="content">
1  
王毅 authored
446 447
            <div class="navpath">
                Nursing Care<span>></span> Cancer Survivorship Support
朱振飞 authored
448
            </div>
1  
王毅 authored
449 450 451 452 453 454
            <div class="contant">
                under construction
            </div>
            <!-- <div class="content-word">
                <div class="ondata">under construction</div>
            </div> -->
朱振飞 authored
455 456 457 458 459 460 461 462 463 464 465
        </div>
        <footer class="footer-content">
            <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">
1  
王毅 authored
466 467
                    <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
                    <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
朱振飞 authored
468 469 470 471 472 473 474 475 476
                </ul>
            </div>
        </footer>
    </div>
    <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>
    <script>
1  
王毅 authored
477 478 479 480 481 482 483 484 485 486 487 488 489
        $(document).ready(function() {
            $(".btn-group")
                .find(".navbtn-a")
                .click(function() {
                    console.log(this);
                    $(this)
                        .siblings(".navbtn-a")
                        .removeClass("navbtnActive"); // 删除其他兄弟元素的样式
                    $(this).addClass("navbtnActive"); // 添加当前元素的样式
                });
        });
        var swiper = new Swiper(".swiper-container", {
            pagination: ".swiper-pagination",
朱振飞 authored
490 491 492
            paginationClickable: true
        });
1  
王毅 authored
493 494
        var swiper = new Swiper(".swiper-container1", {
            pagination: ".swiper-pagination",
朱振飞 authored
495 496 497 498 499
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 30
        });
1  
王毅 authored
500 501 502 503 504 505 506 507 508 509 510
        $(".content-word-left").on("click", "h4", function() {
            $(this)
                .addClass("active")
                .siblings()
                .removeClass("active");
            $(".content-word-right")
                .eq($(this).index())
                .addClass("active")
                .siblings()
                .removeClass("active");
        });
朱振飞 authored
511 512 513 514
    </script>
</body>

</html>