审查视图

clinical/depart_detail.1.html 22.5 KB
朱振飞 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<!DOCTYPE html>
<html lang="en">

<head>
    <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">
    <title>Tianjin Medical University Cancer Institute & Hospital</title>
    <style>
        .single_box {
            width: 600px;
            margin-bottom: 44px;
        }
wangyi authored
18
        
朱振飞 authored
19 20 21
        .single_box:last-child {
            margin: 0;
        }
wangyi authored
22
        
朱振飞 authored
23 24 25
        .content-word {
            position: relative;
        }
wangyi authored
26
        
朱振飞 authored
27 28 29 30 31 32 33
        .content-word-left {
            width: 300px;
            flex: unset;
            align-self: flex-start;
            justify-self: flex-end;
            margin-left: 60px;
        }
wangyi authored
34
        
朱振飞 authored
35 36 37 38 39 40 41 42 43
        .content-word-right {
            flex: unset;
            display: none !important;
            display: -webkit-flex;
            flex-wrap: wrap;
            width: 840px;
            padding: 0;
            position: relative;
        }
wangyi authored
44
        
朱振飞 authored
45 46 47
        .content-word-right.active {
            display: flex !important;
        }
wangyi authored
48
        
朱振飞 authored
49 50 51 52 53 54 55 56 57 58
        .content-word-right .single_part {
            width: 243px;
            display: flex;
            margin-bottom: 50px;
            font-size: 17px;
            color: #040404;
            flex-flow: column;
            align-items: flex-start;
            margin-left: 50px;
        }
wangyi authored
59
        
朱振飞 authored
60 61 62 63 64 65 66 67
        .content-word-left h4 {
            color: #232323;
            opacity: .7;
            line-height: 2.5;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }
wangyi authored
68
        
朱振飞 authored
69 70 71
        .single_part p {
            margin-top: 10px;
        }
wangyi authored
72 73
        
        .content-word-left {
朱振飞 authored
74 75 76 77
            background: #EBFBF8;
            height: 863px;
            position: relative;
        }
wangyi authored
78
        
朱振飞 authored
79 80 81 82 83 84
        .part_box {
            width: 242px;
            height: 115px;
            overflow: hidden;
            background-color: #898989;
        }
wangyi authored
85 86
        
        .depart_introduce {
朱振飞 authored
87 88 89 90 91 92 93
            background: #EBFBF8;
            min-height: 400px;
            color: #232323;
            margin-top: 60px;
            padding: 20px;
            font-size: 18px;
        }
wangyi authored
94 95
        
        .part_top {
朱振飞 authored
96 97 98 99 100 101 102 103
            height: 74px;
            background: #83AD9F;
            color: #000000;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 74px;
        }
wangyi authored
104 105
        
        .part_inner_content {
朱振飞 authored
106 107
            padding: 20px 40px;
        }
wangyi authored
108 109
        
        .person_introduce_box {
朱振飞 authored
110 111 112 113
            padding-top: 50px;
            border-top: 5px solid #999;
            margin-top: 100px;
        }
wangyi authored
114 115
        
        .next {
朱振飞 authored
116 117 118 119 120 121 122
            width: 32px;
            height: 22px;
            position: absolute;
            bottom: -15px;
            left: 50%;
            margin-left: -11px;
        }
wangyi authored
123 124
        
        .left_name {
朱振飞 authored
125 126 127 128 129 130 131 132 133 134
            font-size: 20px;
            margin-top: 10px;
        }
    </style>
</head>

<body>
    <nav class="navbar navbar-default bgf mb0">
        <div class="container-fluid top_pc_brand">
            <div class="navbar-header">
wangyi authored
135
                <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
朱振飞 authored
136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand logo" href="../index.html">
                    <img class="brand-logo" src="../images/logo.png" alt="">
                </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>
                    <input type="text" class="form-control search-input" placeholder="Search">
                    <div class="magnifier">
                        <img src="../images/search_btn.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="container-fluid pc">
        <div class="mask"></div>
wangyi authored
158
        <div class="bs-example" data-example-id="simple-justified-button-group">
朱振飞 authored
159
            <ul class="nav_menu_items">
1  
王毅 authored
160
                <li class="btn  navbtnActive navbtn-a" role="button">
朱振飞 authored
161 162 163 164 165 166 167 168
                    <a href="javascript:;">ABOUT US</a>
                    <div class='sec_menu_items'>
                        <a href="../about/welcome.html" class="inner_item">
                            Welcome Message
                        </a>
                        <a href="../about/mission.html" class="inner_item">
                            Mission and Vision
                        </a>
wangyi authored
169
                        <!-- <a href="../about/leadership.html" class="inner_item">
1  
王毅 authored
170
                            Leadership
wangyi authored
171
                        </a> -->
朱振飞 authored
172 173 174 175 176 177 178 179 180
                        <a href="../about/history.html" class="inner_item">
                            History and Milestones
                        </a>
                        <a href="../about/quick.html" class="inner_item">
                            Quick Facts
                        </a>
                        <a href="../about/contact.html" class="inner_item">Contact Us</a>
                    </div>
                </li>
1  
王毅 authored
181 182

                <li class="btn  navbtn-a" role="button">
朱振飞 authored
183 184
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
                    <div class='sec_menu_items'>
1  
王毅 authored
185
                        <div class="inner_item">
朱振飞 authored
186 187 188
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
朱振飞 authored
189
                                    Surgical Oncology
朱振飞 authored
190
                                </a>
1  
王毅 authored
191
朱振飞 authored
192 193 194 195 196 197 198 199 200 201 202 203 204
                                <a href="../clinical/medical.html" class="inner_item">
                                    Medical Oncology
                                </a>
                                <a href="../clinical/radiation.html" class="inner_item">
                                </a>
                                <a href="../clinical/diagnostic.html" class="inner_item">
                                    Diagnostic Oncology
                                </a>
                                <a href="../clinical/center.html" class="inner_item">
                                    Center of Excellences
                                </a>
                            </div>
                        </div>
1  
王毅 authored
205
朱振飞 authored
206 207 208
                        <a href="../clinical/activities.html" class="inner_item">
                            Clinical Activities
                        </a>
1  
朱振飞 authored
209
                        <div class="inner_item">
朱振飞 authored
210
                            Clinical Trials
1  
朱振飞 authored
211 212
                            <div class="third_menu_items">
                                <a href="../clinical/trials.html" class="inner_item">
1  
王毅 authored
213
                                    Introduction
1  
朱振飞 authored
214
                                </a>
1  
王毅 authored
215
                                <a href="../clinical/trials_one.html" class="inner_item">
1  
朱振飞 authored
216 217
                                    Work Flow Chart
                                </a>
1  
王毅 authored
218
                                <a href="../clinical/trials_two.html" class="inner_item">
1  
朱振飞 authored
219 220
                                    FInd A Clinical Trail
                                </a>
1  
王毅 authored
221
                                <a href="../clinical/trials_three.html" class="inner_item">
1  
朱振飞 authored
222 223 224 225
                                    Research Achievement
                                </a>
                            </div>
                        </div>
朱振飞 authored
226 227 228 229 230 231 232 233 234 235 236 237
                        <a href="../clinical/finddoctor.html" class="inner_item">
                            Find a Doctor
                        </a>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">RESEARCH & EDUCATION</a>
                    <div class='sec_menu_items'>

                        <a href="../research/nationalCancer.html" class="inner_item">
                            National Cancer Clinical Research Center
                        </a>
1  
王毅 authored
238
                        <div class="inner_item">
朱振飞 authored
239 240 241 242 243 244
                            Research
                            <div class="third_menu_items">
                                <a href="../research/research1.html" class="inner_item">
                                    Research programs
                                </a>
                                <a href="../research/research2.html" class="inner_item">
1  
王毅 authored
245
                                    Achievements                                   
朱振飞 authored
246 247
                                </a>
                                <a href="../research/research3.html" class="inner_item">
1  
王毅 authored
248
                                    Key Labaratories                                    
朱振飞 authored
249 250 251 252 253 254
                                </a>
                                <a href="../research/researcher.html" class="inner_item">
                                    Find a Researcher
                                </a>
                            </div>
                        </div>
1  
王毅 authored
255
                        <div class="inner_item">
朱振飞 authored
256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274
                            Education
                            <div class="third_menu_items">
                                <a href="../research/education.html" class="inner_item">
                                    Graduate Study
                                </a>
                                <a href="../research/education.html" class="inner_item">
                                    International Study
                                </a>
                                <a href="../research/education.html" class="inner_item">
                                    Continuing Study
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
                    <div class='sec_menu_items'>
                        <div href="javascript:;" class="inner_item">
wangyi authored
275
                            Abouts Us
朱振飞 authored
276 277
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
1  
王毅 authored
278
                                    Introduction
朱振飞 authored
279 280 281 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
                                </a>
                                <a href="../institute/leadership.html" class="inner_item">
                                    Leadership
                                </a>
                                <a href="../institute/history.html" class="inner_item">
                                    History
                                </a>
                                <a href="../institute/report.html" class="inner_item">
                                    Annual Report
                                </a>
                            </div>
                        </div>
                        <div href="../clinical/nursing.html" class="inner_item">
                            Research
                            <div class="third_menu_items">
                                <a href="../institute/researchers.html" class="inner_item">
                                    Our Researchers
                                </a>
                                <a href="../institute/facilities.html" class="inner_item">
                                    Core Facilities and Services
                                </a>
                                <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
                                    Journal of Clinical Oncology
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
朱振飞 authored
308
                    <a href="javascript:;">NURSING CARE</a>
朱振飞 authored
309
                    <div class='sec_menu_items'>
1  
王毅 authored
310
                        <div class="inner_item" style="position: relative">
1  
王毅 authored
311
                            Introduction
1  
王毅 authored
312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327
                            <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 ">
朱振飞 authored
328
                            Nursing Activities
1  
王毅 authored
329 330 331 332 333 334 335
                            <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
336
                                <a href="../care/profession_one.html" class="inner_item ">
1  
王毅 authored
337 338
                                 Compassionate Care
                                </a>
1  
王毅 authored
339
                                <a href="../care/profession_two.html" class="inner_item ">
1  
王毅 authored
340 341 342 343 344
                                   Caring for Nurses
                                </a>
                            </div>
                        </div>
                        <div class="inner_item " style="position: relative ">
1  
王毅 authored
345
                            Nursing Teaching
1  
王毅 authored
346 347 348 349 350 351 352 353 354 355
                            <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
356
                            Nursing Research
1  
王毅 authored
357 358
                            <div class="third_menu_items ">
                                <a href="../care/five-four_detail1.html " class="inner_item ">
1  
王毅 authored
359
                                  Publications:SCI Papers
朱振飞 authored
360
                                </a>
1  
王毅 authored
361
                                <a href="../care/five-four_detail2.html" class="inner_item ">
1  
王毅 authored
362
                                   Research Projects
朱振飞 authored
363
                                </a>
1  
王毅 authored
364
                                <a href="../care/five-four_detail3.html" class="inner_item ">
1  
王毅 authored
365
                                 Innovations & Patents
朱振飞 authored
366
                                </a>
1  
王毅 authored
367
                                <a href="../care/five-four_detail4.html " class="inner_item ">
1  
王毅 authored
368
                                   Publications:Books
朱振飞 authored
369 370 371
                                </a>
                            </div>
                        </div>
1  
王毅 authored
372
                        <a href="../care/cancer.html " class="inner_item ">
1  
王毅 authored
373
                            Survivorship Support  
朱振飞 authored
374
                        </a>
1  
王毅 authored
375 376

朱振飞 authored
377 378
                    </div>
                </li>
1  
王毅 authored
379 380
                <li class="btn navbtn-a " role="button ">
                    <a href="javascript:; ">INTERNATIONAL AFFAIRS</a>
朱振飞 authored
381
                    <div class='sec_menu_items'>
1  
王毅 authored
382
                        <a href="../international/conference.html " class="inner_item ">
朱振飞 authored
383 384
                            International Conferences
                        </a>
1  
王毅 authored
385
                        <a href="../international/training.html " class="inner_item ">
朱振飞 authored
386 387
                            Oversea Trainings
                        </a>
1  
王毅 authored
388
                        <a href="../international/referral.html " class="inner_item ">
朱振飞 authored
389 390
                            International Patients
                        </a>
1  
王毅 authored
391
                        <a href="../international/partners.html " class="inner_item ">
朱振飞 authored
392 393
                            Partnership Institutions
                        </a>
1  
王毅 authored
394
朱振飞 authored
395 396
                    </div>
                </li>
1  
王毅 authored
397 398
                <li class="btn navbtn-a " role="button ">
                    <a href="../news.html ">NEWS RELEASE</a>
朱振飞 authored
399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414
                </li>
            </ul>
        </div>

        <!-- Swiper -->
        <div class="img-header">
            <img src="../images/cli2_top.png" width="100%" alt="">
        </div>
        <div class="content">
            <div class="content-word">
                <div class="content-word-right active">
                    <img src="../images/depart_1_top.png" width="100%" alt="" srcset="">
                    <div class="depart_introduce">
                        <h4>Department of Intensive Care Unit
                        </h4>
wangyi authored
415 416 417 418 419 420 421 422 423
                        <p>Intensive Care Unit (Resuscitation Room formerly) of Tianjin Medical University Cancer Institute and Hospital was established on April 2, 2007. There are 11 medical staff: 1 chief physician, 2 deputy chief physician, 2 for doctor
                            degree and 7 for master degree. With the development and progress of medicine, cancer is no longer an incurable disease. The methods of diagnosis and treatment of cancer are changing everyday. Oncology and Intensive Care Medicine
                            should also keep pace with the period, escorting clinical oncology, reducing non-cancer mortality, improving the quality of medical care and patients’ quality of life. In the past ten years, the Intensive Care Unit has gradually
                            built into an excellent medical and medical care team with reasonable medical echelon, outstanding skills and rescue capabilities, and gradually developed a set of clinical treatment and nursing management standards for patients
                            with severe cancer. The technical ability of intensive medicine is not inferior to the third-grade class-A hospital domestically, and it also has distinctive characteristics of oncology and intensive care medicine.<br><br>                            Intensive care unit carries routine intensive care and organ support technology, combined with the characteristics of cancer patients to carry out non-invasive, minimally invasive hemodynamic monitoring and treatment, clustering
                            strategy to prevent and control the hospital acquired infection, titration sedation therapy based on analgesia, and critical nutrition therapy for cancer. We have actively participated in the diagnosis and treatment of MDT
                            in various clinical oncology disciplines, escorted the patients with severe cancer, passed the peri-cancer treatment period safely, improved medical quality and ensured medical safety. At the same time, as the intensive care
                            unit of the oncology hospital, it also undertakes the work of prevention and control of nosocomial infection, rational application of antibiotics, and emergency support for public health emergencies.</p>
朱振飞 authored
424 425 426 427 428
                    </div>
                    <img src="../images/next.png" class="next" alt="" srcset="">
                </div>
            </div>
            <div class="person_introduce_box">
wangyi authored
429 430 431 432 433 434 435 436 437 438 439
                <h3>ACADEMIC LEADER</h3>
                <div class="photo_box">
                    <a class="photo_item_box" href="person_detail.2.1.2.html">
                        <div class="photo_item_imageBox">
                            <img src="../images/wang.png" width="100%" alt="" srcset="">
                        </div>
                        <div class="photo_item_desc">
                            <div class="item_name">Wang Donghao</div>
                            <div class="item_cheer">Chief Physician</div>
                        </div>
                    </a>
朱振飞 authored
440
wangyi authored
441
                </div>
朱振飞 authored
442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466
            </div>
        </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">
                    <li><img src="../images/yikeda.png" width="160px" alt=""></li>
                    <li><img src="../images/tjuc.png" width="160px" alt=""></li>
                </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>
wangyi authored
467 468
        $(document).ready(function() {
            $(".btn-group").find(".navbtn-a").click(function() {
朱振飞 authored
469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485
                console.log(this)
                $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
                $(this).addClass('navbtnActive'); // 添加当前元素的样式   
            })
        })
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });

        var swiper = new Swiper('.swiper-container1', {
            pagination: '.swiper-pagination',
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 30
        });
wangyi authored
486
        $('.content-word-left').on('click', 'h4', function() {
朱振飞 authored
487 488 489 490 491 492 493
            $(this).addClass('active').siblings().removeClass('active')
            $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
        })
    </script>
</body>

</html>