审查视图

research/news.html 20.2 KB
朱振飞 authored
1 2 3 4 5 6 7 8 9 10 11 12 13
<!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>
wangyi authored
14
        .single_box {
朱振飞 authored
15 16 17
            width: 600px;
            margin-bottom: 44px;
        }
wangyi authored
18 19
        
        .single_box:last-child {
朱振飞 authored
20 21
            margin: 0;
        }
wangyi authored
22 23
        
        .content-word {
朱振飞 authored
24 25
            position: relative;
        }
wangyi authored
26 27 28
        
        .content-word-left {
            flex-grow: 1;
朱振飞 authored
29
        }
wangyi authored
30 31
        
        .content-word-right {
朱振飞 authored
32 33 34 35 36 37
            flex-grow: 2;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            border-left: 2px solid #121212;
        }
wangyi authored
38 39 40 41
        
        .header-title-right h3 {
            color: #00A16C;
            margin-bottom: 25px;
朱振飞 authored
42
        }
wangyi authored
43 44
        
        .content-word-right .single_part {
朱振飞 authored
45 46 47 48 49 50 51 52 53
            width: 243px;
            display: flex;
            margin-bottom: 80px;
            font-size: 17px;
            color: #040404;
            flex-flow: column;
            align-items: center;
            margin-left: 50px;
        }
wangyi authored
54 55
        
        .content-word-left h4 {
朱振飞 authored
56 57 58 59 60 61
            color: #232323;
            line-height: 1.8;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }
wangyi authored
62 63
        
        .single_part p {
朱振飞 authored
64 65
            margin-top: 10px;
        }
wangyi authored
66 67 68
        
        .content-word-left h4:hover,
        .content-word-left h4.active {
朱振飞 authored
69 70 71
            color: #00A16C;
            font-size: 20px;
        }
wangyi authored
72 73
        
        .part_box {
朱振飞 authored
74 75 76
            width: 242px;
            background-color: #898989;
        }
wangyi authored
77
        
朱振飞 authored
78
        .header-title-right {
wangyi authored
79 80 81 82 83 84
            margin-bottom: 80px;
            width: 240px;
        }
        
        .left_ship_box {
            width: 330px;
朱振飞 authored
85 86 87 88 89 90 91 92
        }
    </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
                        <a href="../clinical/finddoctor.html" class="inner_item">
                            Find a Doctor
                        </a>
                    </div>
                </li>
1  
王毅 authored
189
                <li class="btn  navbtn-a" role="button">
朱振飞 authored
190 191 192 193 194 195
                    <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 229 230 231 232
                            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
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 352 353 354
                            Partnership Institutions
                        </a>

                    </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
                </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> -->
wangyi authored
426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441
        <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>
朱振飞 authored
442 443 444 445 446 447 448

    </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>