审查视图

institute/news.html 20.2 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
        .content-word-left {
            flex-grow: 1;
        }
wangyi authored
30
        
朱振飞 authored
31 32 33 34 35 36 37
        .content-word-right {
            flex-grow: 2;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            border-left: 2px solid #121212;
        }
wangyi authored
38
        
朱振飞 authored
39 40 41 42
        .header-title-right h3 {
            color: #00A16C;
            margin-bottom: 25px;
        }
wangyi authored
43
        
朱振飞 authored
44 45 46 47 48 49 50 51 52 53
        .content-word-right .single_part {
            width: 243px;
            display: flex;
            margin-bottom: 80px;
            font-size: 17px;
            color: #040404;
            flex-flow: column;
            align-items: center;
            margin-left: 50px;
        }
wangyi authored
54
        
朱振飞 authored
55 56 57 58 59 60 61
        .content-word-left h4 {
            color: #232323;
            line-height: 1.8;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }
wangyi authored
62
        
朱振飞 authored
63 64 65
        .single_part p {
            margin-top: 10px;
        }
wangyi authored
66
        
朱振飞 authored
67 68 69 70 71
        .content-word-left h4:hover,
        .content-word-left h4.active {
            color: #00A16C;
            font-size: 20px;
        }
wangyi authored
72
        
朱振飞 authored
73 74 75 76
        .part_box {
            width: 242px;
            background-color: #898989;
        }
wangyi authored
77
        
朱振飞 authored
78 79 80 81
        .header-title-right {
            margin-bottom: 80px;
            width: 240px;
        }
wangyi authored
82
        
朱振飞 authored
83 84 85 86 87 88 89 90 91 92
        .left_ship_box {
            width: 330px;
        }
    </style>
</head>

<body>
    <nav class="navbar navbar-default bgf mb0">
        <div class="container-fluid top_pc_brand">
            <div class="navbar-header">
wangyi authored
93
                <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
朱振飞 authored
94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115
                    <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
116
        <div class="bs-example" data-example-id="simple-justified-button-group">
朱振飞 authored
117
            <ul class="nav_menu_items">
1  
王毅 authored
118
                <li class="btn  navbtnActive navbtn-a" role="button">
朱振飞 authored
119 120 121 122 123 124 125 126
                    <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
127
                        <!-- <a href="../about/leadership.html" class="inner_item">
1  
王毅 authored
128
                            Leadership
wangyi authored
129
                        </a> -->
朱振飞 authored
130 131 132 133 134 135 136 137 138
                        <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
139 140

                <li class="btn  navbtn-a" role="button">
朱振飞 authored
141 142
                    <a href="JavaScript:;">CLINICAL RESOURCES</a>
                    <div class='sec_menu_items'>
1  
王毅 authored
143
                        <div class="inner_item">
朱振飞 authored
144 145 146
                            Clinical Departments
                            <div class="third_menu_items">
                                <a href="../clinical/departm.html" class="inner_item">
朱振飞 authored
147
                                    Surgical Oncology
朱振飞 authored
148
                                </a>
1  
王毅 authored
149
朱振飞 authored
150 151 152 153 154 155 156 157 158 159 160 161 162
                                <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
163
朱振飞 authored
164 165 166
                        <a href="../clinical/activities.html" class="inner_item">
                            Clinical Activities
                        </a>
1  
朱振飞 authored
167
                        <div class="inner_item">
朱振飞 authored
168
                            Clinical Trials
1  
朱振飞 authored
169 170
                            <div class="third_menu_items">
                                <a href="../clinical/trials.html" class="inner_item">
1  
王毅 authored
171
                                    Introduction
1  
朱振飞 authored
172
                                </a>
1  
王毅 authored
173
                                <a href="../clinical/trials_one.html" class="inner_item">
1  
朱振飞 authored
174 175
                                    Work Flow Chart
                                </a>
1  
王毅 authored
176
                                <a href="../clinical/trials_two.html" class="inner_item">
1  
朱振飞 authored
177 178
                                    FInd A Clinical Trail
                                </a>
1  
王毅 authored
179
                                <a href="../clinical/trials_three.html" class="inner_item">
1  
朱振飞 authored
180 181 182 183
                                    Research Achievement
                                </a>
                            </div>
                        </div>
朱振飞 authored
184 185 186 187 188 189 190 191 192 193 194 195
                        <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
196
                        <div class="inner_item">
朱振飞 authored
197 198 199 200 201 202
                            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
203
                                    Achievements                                   
朱振飞 authored
204 205
                                </a>
                                <a href="../research/research3.html" class="inner_item">
1  
王毅 authored
206
                                    Key Labaratories                                    
朱振飞 authored
207 208 209 210 211 212
                                </a>
                                <a href="../research/researcher.html" class="inner_item">
                                    Find a Researcher
                                </a>
                            </div>
                        </div>
1  
王毅 authored
213
                        <div class="inner_item">
朱振飞 authored
214 215 216 217 218 219 220 221 222 223 224 225 226 227 228
                            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>
1  
王毅 authored
229
                <li class="btn  navbtn-a" role="button">
朱振飞 authored
230 231 232
                    <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
                    <div class='sec_menu_items'>
                        <div href="javascript:;" class="inner_item">
wangyi authored
233
                            Abouts Us
朱振飞 authored
234 235
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
1  
王毅 authored
236
                                    Introduction
朱振飞 authored
237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265
                                </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
266
                    <a href="javascript:;">NURSING CARE</a>
朱振飞 authored
267
                    <div class='sec_menu_items'>
1  
王毅 authored
268
                        <div class="inner_item" style="position: relative">
1  
王毅 authored
269
                            Introduction
1  
王毅 authored
270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285
                            <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
286
                            Nursing Activities
1  
王毅 authored
287 288 289 290 291 292 293
                            <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
294
                                <a href="../care/profession_one.html" class="inner_item ">
1  
王毅 authored
295 296
                                 Compassionate Care
                                </a>
1  
王毅 authored
297
                                <a href="../care/profession_two.html" class="inner_item ">
1  
王毅 authored
298 299 300 301 302
                                   Caring for Nurses
                                </a>
                            </div>
                        </div>
                        <div class="inner_item " style="position: relative ">
1  
王毅 authored
303
                            Nursing Teaching
1  
王毅 authored
304 305 306 307 308 309 310 311 312 313
                            <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
314
                            Nursing Research
1  
王毅 authored
315 316
                            <div class="third_menu_items ">
                                <a href="../care/five-four_detail1.html " class="inner_item ">
1  
王毅 authored
317
                                  Publications:SCI Papers
朱振飞 authored
318
                                </a>
1  
王毅 authored
319
                                <a href="../care/five-four_detail2.html" class="inner_item ">
1  
王毅 authored
320
                                   Research Projects
朱振飞 authored
321
                                </a>
1  
王毅 authored
322
                                <a href="../care/five-four_detail3.html" class="inner_item ">
1  
王毅 authored
323
                                 Innovations & Patents
朱振飞 authored
324
                                </a>
1  
王毅 authored
325
                                <a href="../care/five-four_detail4.html " class="inner_item ">
1  
王毅 authored
326
                                   Publications:Books
朱振飞 authored
327 328 329
                                </a>
                            </div>
                        </div>
1  
王毅 authored
330
                        <a href="../care/cancer.html " class="inner_item ">
1  
王毅 authored
331
                            Survivorship Support  
朱振飞 authored
332
                        </a>
1  
王毅 authored
333 334

朱振飞 authored
335 336
                    </div>
                </li>
1  
王毅 authored
337 338
                <li class="btn navbtn-a " role="button ">
                    <a href="javascript:; ">INTERNATIONAL AFFAIRS</a>
朱振飞 authored
339
                    <div class='sec_menu_items'>
1  
王毅 authored
340
                        <a href="../international/conference.html " class="inner_item ">
朱振飞 authored
341 342
                            International Conferences
                        </a>
1  
王毅 authored
343
                        <a href="../international/training.html " class="inner_item ">
朱振飞 authored
344 345
                            Oversea Trainings
                        </a>
1  
王毅 authored
346
                        <a href="../international/referral.html " class="inner_item ">
朱振飞 authored
347 348
                            International Patients
                        </a>
1  
王毅 authored
349
                        <a href="../international/partners.html " class="inner_item ">
朱振飞 authored
350 351
                            Partnership Institutions
                        </a>
1  
王毅 authored
352
朱振飞 authored
353 354
                    </div>
                </li>
1  
王毅 authored
355 356
                <li class="btn navbtn-a " role="button ">
                    <a href="../news.html ">NEWS RELEASE</a>
朱振飞 authored
357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448
                </li>
            </ul>
        </div>
        <!-- Swiper -->
        <div class="img-header">
            <img src="../images/res4_top.png" width="100%" alt="">
        </div>
        <div class="content">
            <div class="department_top">
                NEWS
            </div>
            <div class="news_container">
                <a href="javascript:;" class="news_item"> <span class="news_time">1 Jan 2019</span>
                    <p class="news_inner_content">under construction</p>
                </a>

                <a href="javascript:;" class="news_item"> <span class="news_time">1 Jan 2018</span>
                    <p class="news_inner_content">under construction</p>
                </a>

                <a href="javascript:;" class="news_item"> <span class="news_time">1 Jan 2017</span>
                    <p class="news_inner_content">under construction</p>
                </a>
            </div>
        </div>
        <!-- <div class="content ">
            




            <div class='single_ship_box'>
                <div class='left_ship_box'>
                    <div class="header-title-right">
                        <h3>Find a Researcher</h3>
                        <div class="form-group" data-toggle="modal" data-target="#gridSystemModal">
                            <input type="text" class="form-control  input-lg">
                            <button type="button" class="btn btn-warning btn-lg  ">
                                <img src="../images/01pc-main/pic (9).png" alt="">
                            </button>
                        </div>
                        <h4>click here</h4>
                    </div>
                </div>
                <div class="ships_list">

                    <!-- <div class="ships_item">
                        <div class="ships_item_imgbox">
                        </div>
                        <div class="ships_name">NO Content</div>                    <div class="ships_item">
                        <div class="ships_item_imgbox">
                        </div>
                        <div class="ships_name">NO Content</div>
                    </div>
                    <div class="ships_item">
                        <div class="ships_item_imgbox">
                        </div>
                        <div class="ships_name">NO Content</div>
                    </div>
                    <div class="ships_item">
                        <div class="ships_item_imgbox">
                        </div>
                        <div class="ships_name">NO Content</div>
                    </div> 

                </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>
wangyi authored
449 450
        $(document).ready(function() {
            $(".btn-group").find(".navbtn-a").click(function() {
朱振飞 authored
451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470
                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
        });
    </script>
</body>

</html>