<!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>
        .content {
            position: relative;
            padding-top: 60px;
        }
        .swiper-container1{
            padding-bottom: 60px;
        }
        .nav_menu_items li {
            height: 60px;
            flex-grow: 1;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
    </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 pc_warp">
        <div class="mask"></div>
        <div class="bs-example" data-example-id="simple-justified-button-group">
            <ul class="nav_menu_items">
                <li class="btn  navbtnActive navbtn-a" role="button">
                    <a href="../pcSecond.html">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>
                        <a href="../about/leadership.html" class="inner_item">
                            Leadership
                        </a>
                        <a href="../about/history.html" class="inner_item">
                            History and Milestones
                        </a>
                        <a href="../about/quick.html" class="inner_item">
                            Quick Facts
                        </a>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="../clinical.html">CLINICAL RESOURCES</a>
                    <div class='sec_menu_items'>
                        <a href="../clinical/departments.html" class="inner_item">
                            Clinical Departments
                        </a>
                        <a href="../clinical/activities.html" class="inner_item">
                            Clinical Activities
                        </a>
                        <a href="../clinical/trials.html" class="inner_item">
                            Clinical Trials
                        </a>
                        <a href="../clinical/finddoctor.html" class="inner_item">
                            Find a Doctor
                        </a>
                        <a href='../clinical/national.html'>National Cancer Clinical <br>
                            Research Center</a>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="../research.html">RESEARCH & EDUCATION</a>
                    <div class='sec_menu_items'>
                        <a href="../research/introduction.html" class="inner_item">
                            Introduction
                        </a>
                        <a href="../research/departments.html" class="inner_item">
                            Research Departments
                        </a>
                        <a href="../research/facility.html" class="inner_item">
                            Core Facilities
                        </a>

                        <a href="../research/researcher.html" class="inner_item">
                           News
                        </a>
                        <a href="../research/education.html" class="inner_item">
                            Education
                        </a>
                        <a href="../research/transfer.html" class="inner_item">
                            Technology Transfer
                        </a>
                        <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
                            Cancer Journals
                        </a>
                    </div>

                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="../international.html">INTERNATIONAL AFFAIRS</a>
                    <div class='sec_menu_items'>
                        <a href="../international/conference.html" class="inner_item">
                            International Conferences
                        </a>
                        <a href="../international/training.html" class="inner_item">
                            Oversea Trainings
                        </a>
                        <a href="../international/referral.html" class="inner_item">
                            International Patients
                        </a>
                        <a href="../international/partners.html" class="inner_item">
                            Partnership Institutions
                        </a>

                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                   <a href="../news.html">NEWS RELEASE</a>
                </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">
                            About Us
                            <div class="third_menu_items">
                                <a href="../institute/aboutus.html" class="inner_item">
                                    About Us
                                </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 
                                </a>
                                <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
                                    Journal of Clinical Oncology
                                </a>
                            </div>
                        </div>
                        <a href="../institute/news.html" class="inner_item">
                            News
                        </a>
                        <a href="../institute/concat.html" class="inner_item">
                            Contact Us
                        </a>
                    </div>
                </li>
                <li class="btn  navbtn-a" role="button">
                    <a href="../contact.html">CONTACT US</a>
                </li>
            </ul>

        </div>

        <!-- Swiper -->
        <div class="top_swiper">
            <div class="top_swiper_left">
                <div class="swiper-container" id="top_swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/index_top1.png" width="100%" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/index_top2.png" width="100%" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/index_top3.png" width="100%" alt="">
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination" ></div>
                </div>
            </div>
            <div class="top_swiper_right">
                <div class="news_items">
                    <div class="news_content">
                        <ul>
                            <li>
                                <a href="javascript:;">Renewal of Brotherhood Institution Relationship Agreement with
                                    H. Lee Moffitt Cancer Center & Research Institute</a>
                            </li>
                            <li>
                                <a href="javascript:;">Signing Ceremony of MOU Between Tianjin Medical University
                                    Cancer Institute & Hospital and German Cancer Research Center</a>
                            </li>
                            <li>
                                <a href="javascript:;">The Third International Conference on Cancer Translational
                                    Research</a>
                            </li>
                            <li>
                                <a href="javascript:;">Renewal of Brotherhood Institution Relationship Agreement with
                                    H. Lee Moffitt Cancer Center
                                    & Research Institute</a>
                            </li>
                            <li>
                                <a href="javascript:;">Signing Ceremony of MOU Between Tianjin Medical University
                                    Cancer Institute & Hospital and
                                    German Cancer Research Center</a>
                            </li>
                            <li>
                                <a href="javascript:;">The Third International Conference on Cancer Translational
                                    Research</a>
                            </li>
                        </ul>
                    </div>
                    <a class="read_more" href="news.html">
                        <img src="./images/learnmoren.png" width="100%" alt="">
                    </a>
                </div>
            </div>
        </div>
        <div class="header-title">
            <div class="header-title-left">
                <h3>TOGETHER, WE FIGHT CANCER!</h3>
                <ul>
                    <li>Continuously ranked as one of the top 4 cancer centers in China;</li>
                    <li>In 2018 China’s best hospital ranking, oncology was ranked #4 and thoracic surgery #10</li>
                    <li>The yearly general surgery number was ranked #3 in all hospitals in China;</li>
                    <li>Focus on academic medicine and translational research;</li>
                    <li>Best known oncology programs include breast, lung , esophagus, head and neck and GI
                        cancers.</li>
                </ul>
            </div>
            <div class="header-title-right">
                <h3>Clinical Departments </h3>
                <div class="form-group">
                    <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 id="gridSystemModal" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridModalLabel"
            style="display: none;">
            <div class="modal-dialog downDialog" role="document">
                <div class="modal-content ">
                    <div class="modal-body ">
                        <div class="mddown-word">
                            <h4>Welcome to the Tianjin Medical University Cancer Institue & Hospital!</h4>
                            <h4>We are confident that we will offer the best treatment and care for cancer patients
                                through promoting cancer research,treatment,the education</h4>
                        </div>
                        <div class="mddown-img">
                            <div class="mddown-img-item">
                                <h5>Welcome Message</h5>
                                <div>
                                    <img src="./images/02pc-downmeun/pic (1).png" alt="">
                                </div>
                            </div>
                            <div class="mddown-img-item">
                                <h5>Mission and Vision</h5>
                                <div>
                                    <img src="./images/02pc-downmeun/pic (2).png" alt="">
                                </div>
                            </div>
                            <div class="mddown-img-item">
                                <h5>Leadership</h5>
                                <div>
                                    <img src="./images/02pc-downmeun/pic (3).png" alt="">
                                </div>
                            </div>
                            <div class="mddown-img-item">
                                <h5>History and Milestones</h5>
                                <div>
                                    <img src="./images/02pc-downmeun/pic (4).png" alt="">
                                </div>
                            </div>
                            <div class="mddown-img-item">
                                <h5>Quick Facts</h5>
                                <div>
                                    <img src="./images/02pc-downmeun/pic (5).png" alt="">
                                </div>
                            </div>
                            <div class="mddown-img-item">
                                <h5>Organization Management</h5>
                                <div>
                                    <img src="./images/02pc-downmeun/pic (6).png" alt="">
                                </div>
                            </div>
                        </div>
                        <a class="mddown-footer" href="./pcSecond.html">
                            LEARN MORE ABOUT US >
                        </a>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <div class="content">

            <div class="version_top_model">
                <!--<img src="./images/allimg.png" width="100%" alt="">-->
                <!-- <div class="imgshow-wrapper-left">
                    <a href="./about/history.html" class="imgshow-wrlf-top">
                        <img src="./images/pic03.png" width="100%" alt="">
                    </a>
                    <div class="imgshow-wrlf-bottom">
                        <a href="../research/departments.html" class="imgshow-wrlf-bottom-lf">
                            <img src="./images/featured_left.png" width="100%" alt="">
                        </a>
                        <a href="../research/departments.html" class="imgshow-wrlf-bottom-rt">
                            <img src="./images/featured.png" width="100%" alt="">
                        </a>
                    </div>
                </div>
                <div class="imgshow-wrapper-right">
                    <div class="imgshow-wrrt-top">
                        <a href="../clinical/trials.html"> -->
                <!--Welcome the CEO of Varian Medical Systems to visit TMUCIH-->
                <!-- <img src="./images/clinicaltrials.png" width="100%" alt="">
                        </a>
                        <a href="../clinical/trials.html">
                            <img src="./images/dao.png" width="100%" alt="">
                        </a>
                    </div>
                    <div class="imgshow-wrrt-bottom">
                        <a href="../research/news.html" class="imgshow-wrrt-bottom-lf">
                            <img src="./images/researchers_left.png" width="100%" alt="">
                        </a>
                        <a href="../research/news.html" class="imgshow-wrrt-bottom-rt">
                            <img src="./images/researchers.png" width="100%" alt="">
                        </a>
                    </div>
                </div> -->
                <img src="./images/1.png" width="100%" alt="">
                <div class="models">
                    <a href='../about/quick.html'>
                        <img src="./images/quick.png" width="100%" alt="">
                    </a>
                    <a href='../clinical/trials.html'>
                        <img src="./images/clinical.png" width="100%" alt="">
                    </a>
                    <a href='../research/departments.html'>
                        <img src="./images/research.png" width="100%" alt="">
                    </a>
                    <a href='../clinical/departments.html'>
                        <img src="./images/clinicalDepartments.png" width="100%" alt="">
                    </a>
                </div>
            </div>

            <div class="bottom-wrapper">
                <h3>CLINICAL DEPARTMENTS</h3>
                <div class="swiper-container swiper-container1" id="pc_bottom_swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/clinical_1.png" width="100%" alt="">
                            </a>
                            <dl>
                                <dt>Ultrasound Department</dt>
                                <!-- <dd>Tianjin Medical University Cancer Institute & Hospital is the birthplace of
                                    oncology in China. The hospital was originally established in 1861 as The British
                                    Army Hospital, and later renamed as the London Christian Church
                                    Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently renamed
                                    as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in
                                    China was established in our hospital by pioneering
                                    oncologist Prof. </dd> -->
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/clinical_2.png" width="100%" alt="">
                            </a>
                            <dl>
                                <dt>
                                    Breast Cancer Department I
                                </dt>

                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/clinical_3.png" width="100%" alt="">
                            </a>
                            <dl>
                                <dt>
                                    Phase I Clinical Trial Ward
                                </dt>

                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/clinical_1.png" width="100%" alt="">
                            </a>
                            <dl>
                                <dt>Ultrasound Department</dt>

                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/clinical_2.png" width="100%" alt="">
                            </a>
                            <dl>
                                <dt>
                                    Breast Cancer Department I
                                </dt>

                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/clinical_3.png" width="100%" alt="">
                            </a>
                            <dl>
                                <dt>
                                    Phase I Clinical Trial Ward
                                </dt>

                            </dl>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination swiper-pagination1"></div>
                </div>

            </div>
            <div class="bottom-wrapper">
                <h3>FRENDLY LINKS</h3>
                <div class="friend_box">
                    <a href="http://www.uicc.org/" class="friend_item">
                        <img src="./images/frined4.png" width="100%" alt="">
                    </a>
                    <a href="http://www.mdanderson.org/" class="friend_item">
                        <img src="./images/friend4.png" width="100%" alt="">
                    </a>
                    <a href="http://www.moffitt.org/" class="friend_item">
                        <img src="./images/friend3.png" width="100%" alt="">
                    </a>
                    <a href="http://www.nebraskamed.com/" class="friend_item">
                        <img src="./images/image007.png" width="100%" alt="">
                    </a>
                    <a href="http://www.kirams.re.kr/kirams_eng/" class="friend_item">
                        <img src="./images/friend2.png" width="100%" alt="">
                    </a>
                    <a href="http://www.showa-u.ac.jp" class="friend_item">
                        <img src="./images/friend1.png" width="100%" alt="">
                    </a>
                    <a href="https://www.dkfz.de" class="friend_item">
                        <img src="./images/image013.png" width="100%" alt="">
                    </a>
                    <a href="https://www.nfcr.org/" class="friend_item">
                        <img src="./images/friend6.png" width="100%" alt="">
                    </a>
                    <a href="https://www.kcl.ac.uk/ " class="friend_item">
                        <img src="./images/friend9.png" width="100%" alt="">
                    </a>
                </div>
            </div>
            <!-- <div class="bottom-wrapper">
                <!--<h3>RELATED LINKS</h3>-->
            <!-- <div class="footer-logo">
                <img src="./images/bottom_logo.png" alt="">
            </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/scroll.js"></script>
    <script src="./js/common.js"></script>
    <script>
        $(document).ready(function () {
            $(".menuPage").click(function () {
                location.href = "./mobilepage/mbsecondmenuAbout.html"
            })
            $(".mbMenu").click(function () {
                location.href = "./mobilepage/mbsecondmenu.html"
            })
            $('.news_content').myScroll({
                speed: 60, //数值越大,速度越慢
                rowHeight: 100 //li的高度
            });

        })
        var swiper = new Swiper('#top_swiper', {
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            paginationClickable: true,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
        });


        var swiper = new Swiper('#pc_bottom_swiper', {

            slidesPerView: 3,
            spaceBetween: 30,
            slidesPerGroup: 3,
            loop: true,
            loopFillGroupWithBlank: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

        });

        // 移动端swiper
        var swiper = new Swiper('.swiper-container-m1', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        var swiper = new Swiper('.swiper-container-m2', {
            pagination: '.swiper-pagination',
            slidesPerView: 'auto',
            paginationClickable: true,
            spaceBetween: 30
        });
    </script>
</body>

</html>