审查视图

care/training.html 17.9 KB
朱振飞 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 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 89 90 91 92 93 94
<!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;
        }   
        .single_box:last-child {
            margin: 0;
        }
        .content-word {
            position: relative;
            height: 663px;
            align-items: flex-start;
            display: unset;
        }
        .single_mark{
            width: 1000px;
            margin: 0 auto;
            margin-bottom: 30px;
            cursor: pointer;
            position: relative;
        }
        .single_mark img{
            width: 100%;
        }
        .detail{
            position: absolute;
            width: 200px;
            height: 200px;
        }
        .first{
            top: 0;
            right: 0;

        }
        .sec_tr{
        top: 200px;
        left: 0;

        }
        .third{
        top: 350px;
        right: 0;

        }
        .fourth{
            top: 550px;
            left: 0;

        }


    </style>
</head>

<body>
    <nav class="navbar navbar-default bgf mb0">
        <div class="container-fluid top_pc_brand">
            <div class="navbar-header">
                <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>
                <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>
1  
王毅 authored
95
      <div class="bs-example" data-example-id="simple-justified-button-group">
朱振飞 authored
96
            <ul class="nav_menu_items">
1  
王毅 authored
97
                <li class="btn  navbtnActive navbtn-a" role="button">
朱振飞 authored
98 99 100 101 102 103 104 105
                    <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>
1  
王毅 authored
106
朱振飞 authored
107 108 109 110 111 112 113 114 115
                        <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
116
朱振飞 authored
117 118 119
                <li class="btn  navbtn-a" role="button">
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
                    <div class='sec_menu_items'>
1  
王毅 authored
120
                        <div class="inner_item">
朱振飞 authored
121 122 123
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
朱振飞 authored
124
                                    Surgical Oncology
朱振飞 authored
125
                                </a>
1  
王毅 authored
126
朱振飞 authored
127 128 129 130 131 132 133 134 135 136 137 138 139
                                <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
140
朱振飞 authored
141 142 143
                        <a href="../clinical/activities.html" class="inner_item">
                            Clinical Activities
                        </a>
1  
朱振飞 authored
144
                        <div class="inner_item">
朱振飞 authored
145
                            Clinical Trials
1  
朱振飞 authored
146 147
                            <div class="third_menu_items">
                                <a href="../clinical/trials.html" class="inner_item">
1  
王毅 authored
148
                                    Introduction
1  
朱振飞 authored
149
                                </a>
1  
王毅 authored
150
                                <a href="../clinical/trials_one.html" class="inner_item">
1  
朱振飞 authored
151 152
                                    Work Flow Chart
                                </a>
1  
王毅 authored
153
                                <a href="../clinical/trials_two.html" class="inner_item">
1  
朱振飞 authored
154 155
                                    FInd A Clinical Trail
                                </a>
1  
王毅 authored
156
                                <a href="../clinical/trials_three.html" class="inner_item">
1  
朱振飞 authored
157 158 159 160
                                    Research Achievement
                                </a>
                            </div>
                        </div>
朱振飞 authored
161 162 163 164 165 166 167 168 169 170 171 172
                        <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
173
                        <div class="inner_item">
朱振飞 authored
174 175 176 177 178 179
                            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
180
                                    Achievements                                   
朱振飞 authored
181 182
                                </a>
                                <a href="../research/research3.html" class="inner_item">
1  
王毅 authored
183
                                    Key Labaratories                                    
朱振飞 authored
184 185 186 187 188 189
                                </a>
                                <a href="../research/researcher.html" class="inner_item">
                                    Find a Researcher
                                </a>
                            </div>
                        </div>
1  
王毅 authored
190
                        <div class="inner_item">
朱振飞 authored
191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209
                            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">
1  
王毅 authored
210
                            Introduction
朱振飞 authored
211 212
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
1  
王毅 authored
213
                                    Introduction
朱振飞 authored
214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241
                                </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>
1  
王毅 authored
242
                <li class="btn  navbtn-a" role="button">
朱振飞 authored
243
                    <a href="javascript:;">NURSING CARE</a>
朱振飞 authored
244
                    <div class='sec_menu_items'>
1  
王毅 authored
245
                        <div class="inner_item" style="position: relative">
1  
王毅 authored
246
                            Introduction
1  
王毅 authored
247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262
                            <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
263
                            Nursing Activities
1  
王毅 authored
264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279
                            <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>
                                <a href="../care/profession_one.html " class="inner_item ">
                                 Compassionate Care
                                </a>
                                <a href="../care/profession_two.html " class="inner_item ">
                                   Caring for Nurses
                                </a>
                            </div>
                        </div>
                        <div class="inner_item " style="position: relative ">
1  
王毅 authored
280
                            Nursing Teaching
1  
王毅 authored
281 282 283 284 285 286 287 288 289 290
                            <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
291
                            Nursing Research
1  
王毅 authored
292 293
                            <div class="third_menu_items ">
                                <a href="../care/five-four_detail1.html " class="inner_item ">
1  
王毅 authored
294
                                  Publications:SCI Papers
朱振飞 authored
295
                                </a>
1  
王毅 authored
296
                                <a href="../care/five-four_detail2.html" class="inner_item ">
1  
王毅 authored
297
                                   Research Projects
朱振飞 authored
298
                                </a>
1  
王毅 authored
299
                                <a href="../care/five-four_detail3.html" class="inner_item ">
1  
王毅 authored
300
                                 Innovations & Patents
朱振飞 authored
301
                                </a>
1  
王毅 authored
302
                                <a href="../care/five-four_detail4.html " class="inner_item ">
1  
王毅 authored
303
                                   Publications:Books
朱振飞 authored
304 305 306
                                </a>
                            </div>
                        </div>
1  
王毅 authored
307
                        <a href="../care/cancer.html " class="inner_item ">
1  
王毅 authored
308
                            Survivorship Support  
朱振飞 authored
309
                        </a>
1  
王毅 authored
310 311

朱振飞 authored
312 313
                    </div>
                </li>
1  
王毅 authored
314 315
                <li class="btn navbtn-a " role="button ">
                    <a href="javascript:; ">INTERNATIONAL AFFAIRS</a>
朱振飞 authored
316
                    <div class='sec_menu_items'>
1  
王毅 authored
317
                        <a href="../international/conference.html " class="inner_item ">
朱振飞 authored
318 319
                            International Conferences
                        </a>
1  
王毅 authored
320
                        <a href="../international/training.html " class="inner_item ">
朱振飞 authored
321 322
                            Oversea Trainings
                        </a>
1  
王毅 authored
323
                        <a href="../international/referral.html " class="inner_item ">
朱振飞 authored
324 325
                            International Patients
                        </a>
1  
王毅 authored
326
                        <a href="../international/partners.html " class="inner_item ">
朱振飞 authored
327 328 329 330 331
                            Partnership Institutions
                        </a>

                    </div>
                </li>
1  
王毅 authored
332 333
                <li class="btn navbtn-a " role="button ">
                    <a href="../news.html ">NEWS RELEASE</a>
朱振飞 authored
334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 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
                </li>
            </ul>
        </div>
        <div class="content padding0">
            <!-- Swiper -->
            <div class="img-header">
                <img src="../images/care_top.png" width="100%" alt="">
            </div>
        </div>
        <div class="content">

            <div class="content-word">
                <div class="single_mark">
                    <a class='detail first' href="training.1.html"> </a>
                    <a class='detail sec_tr' href="training.2.html"> </a>
                    <a class='detail third' href="training.3.html"> </a>
                    <a class='detail fourth' href="training.4.html"> </a>
                    <img src="../images/international_exchange.png" alt="" srcset="">
                </div>
               
            </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>
        $(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',
            paginationClickable: true
        });

        var swiper = new Swiper('.swiper-container1', {
            pagination: '.swiper-pagination',
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 30
        });

        $('.content-word-left').on('click', 'h4', function () {
            $(this).addClass('active').siblings().removeClass('active')
            $('.content-word-right').eq($(this).index()).addClass('active').siblings().removeClass('active')
        })
    </script>
</body>

</html>