审查视图

care/cancer.html 20.4 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>
1  
王毅 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>
1  
王毅 authored
205
朱振飞 authored
206
                        <a href="../about/history.html" class="inner_item">
1  
王毅 authored
207 208
                            History and Milestones
                        </a>
朱振飞 authored
209
                        <a href="../about/quick.html" class="inner_item">
1  
王毅 authored
210 211
                            Quick Facts
                        </a>
朱振飞 authored
212 213 214
                        <a href="../about/contact.html" class="inner_item">Contact Us</a>
                    </div>
                </li>
1  
王毅 authored
215
朱振飞 authored
216 217
                <li class="btn  navbtn-a" role="button">
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
1  
王毅 authored
218
                    <div class='sec_menu_items'>
1  
王毅 authored
219
                        <div class="inner_item">
朱振飞 authored
220 221 222
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
朱振飞 authored
223
                                    Surgical Oncology
朱振飞 authored
224
                                </a>
1  
王毅 authored
225
朱振飞 authored
226
                                <a href="../clinical/medical.html" class="inner_item">
1  
王毅 authored
227 228
                                    Medical Oncology
                                </a>
朱振飞 authored
229
                                <a href="../clinical/radiation.html" class="inner_item">
1  
王毅 authored
230
                                </a>
朱振飞 authored
231
                                <a href="../clinical/diagnostic.html" class="inner_item">
1  
王毅 authored
232 233
                                    Diagnostic Oncology
                                </a>
朱振飞 authored
234
                                <a href="../clinical/center.html" class="inner_item">
1  
王毅 authored
235 236
                                    Center of Excellences
                                </a>
朱振飞 authored
237 238
                            </div>
                        </div>
1  
王毅 authored
239
朱振飞 authored
240
                        <a href="../clinical/activities.html" class="inner_item">
1  
王毅 authored
241 242 243 244 245 246 247 248
                            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
249
                                <a href="../clinical/trials_one.html" class="inner_item">
1  
王毅 authored
250 251
                                    Work Flow Chart
                                </a>
1  
王毅 authored
252
                                <a href="../clinical/trials_two.html" class="inner_item">
1  
王毅 authored
253 254
                                    FInd A Clinical Trail
                                </a>
1  
王毅 authored
255
                                <a href="../clinical/trials_three.html" class="inner_item">
1  
王毅 authored
256 257 258 259
                                    Research Achievement
                                </a>
                            </div>
                        </div>
朱振飞 authored
260
                        <a href="../clinical/finddoctor.html" class="inner_item">
1  
王毅 authored
261 262
                            Find a Doctor
                        </a>
朱振飞 authored
263 264 265 266
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">RESEARCH & EDUCATION</a>
1  
王毅 authored
267 268
                    <div class='sec_menu_items'>
朱振飞 authored
269
                        <a href="../research/nationalCancer.html" class="inner_item">
1  
王毅 authored
270
                            National Cancer Clinical Research Center
朱振飞 authored
271
                        </a>
1  
王毅 authored
272
                        <div class="inner_item">
朱振飞 authored
273 274 275
                            Research
                            <div class="third_menu_items">
                                <a href="../research/research1.html" class="inner_item">
1  
王毅 authored
276 277
                                    Research programs
                                </a>
朱振飞 authored
278
                                <a href="../research/research2.html" class="inner_item">
1  
王毅 authored
279 280
                                    Achievements                                   
                                </a>
朱振飞 authored
281
                                <a href="../research/research3.html" class="inner_item">
1  
王毅 authored
282 283
                                    Key Labaratories                                    
                                </a>
朱振飞 authored
284
                                <a href="../research/researcher.html" class="inner_item">
1  
王毅 authored
285 286
                                    Find a Researcher
                                </a>
朱振飞 authored
287 288
                            </div>
                        </div>
1  
王毅 authored
289
                        <div class="inner_item">
朱振飞 authored
290 291 292
                            Education
                            <div class="third_menu_items">
                                <a href="../research/education.html" class="inner_item">
1  
王毅 authored
293 294
                                    Graduate Study
                                </a>
朱振飞 authored
295
                                <a href="../research/education.html" class="inner_item">
1  
王毅 authored
296 297
                                    International Study
                                </a>
朱振飞 authored
298
                                <a href="../research/education.html" class="inner_item">
1  
王毅 authored
299 300
                                    Continuing Study
                                </a>
朱振飞 authored
301 302 303 304 305 306
                            </div>
                        </div>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
1  
王毅 authored
307
                    <div class='sec_menu_items'>
朱振飞 authored
308
                        <div href="javascript:;" class="inner_item">
1  
王毅 authored
309
                            Introduction
朱振飞 authored
310 311
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
1  
王毅 authored
312 313
                                    Introduction
                                </a>
朱振飞 authored
314
                                <a href="../institute/leadership.html" class="inner_item">
1  
王毅 authored
315 316
                                    Leadership
                                </a>
朱振飞 authored
317
                                <a href="../institute/history.html" class="inner_item">
1  
王毅 authored
318 319
                                    History
                                </a>
朱振飞 authored
320
                                <a href="../institute/report.html" class="inner_item">
1  
王毅 authored
321 322
                                    Annual Report
                                </a>
朱振飞 authored
323 324 325 326 327 328
                            </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
329 330
                                    Our Researchers
                                </a>
朱振飞 authored
331
                                <a href="../institute/facilities.html" class="inner_item">
1  
王毅 authored
332 333
                                    Core Facilities and Services
                                </a>
朱振飞 authored
334
                                <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
1  
王毅 authored
335 336
                                    Journal of Clinical Oncology
                                </a>
朱振飞 authored
337 338 339 340
                            </div>
                        </div>
                    </div>
                </li>
1  
王毅 authored
341
                <li class="btn  navbtn-a" role="button">
朱振飞 authored
342
                    <a href="javascript:;">NURSING CARE</a>
1  
王毅 authored
343
                    <div class='sec_menu_items'>
1  
王毅 authored
344
                        <div class="inner_item" style="position: relative">
1  
王毅 authored
345
                            Introduction
1  
王毅 authored
346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361
                            <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
362
                            Nursing Activities
1  
王毅 authored
363 364 365 366 367 368 369
                            <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
370
                                <a href="../care/profession_one.html" class="inner_item ">
1  
王毅 authored
371 372
                                 Compassionate Care
                                </a>
1  
王毅 authored
373
                                <a href="../care/profession_two.html" class="inner_item ">
1  
王毅 authored
374 375 376 377 378
                                   Caring for Nurses
                                </a>
                            </div>
                        </div>
                        <div class="inner_item " style="position: relative ">
1  
王毅 authored
379
                            Nursing Teaching
1  
王毅 authored
380 381 382 383 384 385 386 387 388 389
                            <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
390
                            Nursing Research
1  
王毅 authored
391 392
                            <div class="third_menu_items ">
                                <a href="../care/five-four_detail1.html " class="inner_item ">
1  
王毅 authored
393 394
                                  Publications:SCI Papers
                                </a>
1  
王毅 authored
395
                                <a href="../care/five-four_detail2.html" class="inner_item ">
1  
王毅 authored
396 397
                                   Research Projects
                                </a>
1  
王毅 authored
398
                                <a href="../care/five-four_detail3.html" class="inner_item ">
1  
王毅 authored
399 400
                                 Innovations & Patents
                                </a>
1  
王毅 authored
401
                                <a href="../care/five-four_detail4.html " class="inner_item ">
1  
王毅 authored
402 403 404 405
                                   Publications:Books
                                </a>
                            </div>
                        </div>
1  
王毅 authored
406
                        <a href="../care/cancer.html " class="inner_item ">
1  
王毅 authored
407 408 409 410
                            Survivorship Support  
                        </a>

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

        <div class="content padding0">
            <!-- Swiper -->
1  
王毅 authored
439
            <!-- <div class="img-header">
朱振飞 authored
440
                <img src="../images/care_top.png" width="100%" alt="">
1  
王毅 authored
441
            </div> -->
朱振飞 authored
442 443
        </div>
        <div class="content">
1  
王毅 authored
444 445
            <div class="navpath">
                Nursing Care<span>></span> Cancer Survivorship Support
朱振飞 authored
446
            </div>
1  
王毅 authored
447 448 449 450 451 452
            <div class="contant">
                under construction
            </div>
            <!-- <div class="content-word">
                <div class="ondata">under construction</div>
            </div> -->
朱振飞 authored
453 454 455 456 457 458 459 460 461 462 463
        </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
464 465
                    <li><img src="../images/yikeda.png" width="160px" alt="" /></li>
                    <li><img src="../images/tjuc.png" width="160px" alt="" /></li>
朱振飞 authored
466 467 468 469 470 471 472 473 474
                </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
475 476 477 478 479 480 481 482 483 484 485 486 487
        $(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
488 489 490
            paginationClickable: true
        });
1  
王毅 authored
491 492
        var swiper = new Swiper(".swiper-container1", {
            pagination: ".swiper-pagination",
朱振飞 authored
493 494 495 496 497
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 30
        });
1  
王毅 authored
498 499 500 501 502 503 504 505 506 507 508
        $(".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
509 510 511 512
    </script>
</body>

</html>