作者 朱振飞

初始化

要显示太多修改。

为保证性能只显示 15 of 15+ 个文件。

  1 +/node_modules
  2 +/gulpfile.js
  3 +/.idea
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/index.css">
  11 + <link rel="stylesheet" href="../css/base.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .content {
  15 + top: 0;
  16 + padding-bottom: 40px;
  17 + }
  18 +
  19 + .imgshow-wrapper {
  20 + margin-top: 0;
  21 + display: block;
  22 + }
  23 +
  24 + .bottom-wrapper {
  25 + margin-top: 40px;
  26 + }
  27 +
  28 + .content_word {
  29 + display: flex;
  30 + display: -webkit-flex;
  31 + justify-content: space-around;
  32 + }
  33 +
  34 + .content_word p {
  35 + flex: 1;
  36 + -webkit-flex: 1;
  37 + padding: 0 20px;
  38 + }
  39 +
  40 + .content_word p:first-child {
  41 + padding-left: 0;
  42 + }
  43 +
  44 + .content_word p:last-child {
  45 + padding-right: 0;
  46 + }
  47 +
  48 + .swiper-button-prev {
  49 + background-image: url("../images/left.png");
  50 + }
  51 +
  52 + .swiper-button-next {
  53 + background-image: url("../images/right.png");
  54 + }
  55 + </style>
  56 +</head>
  57 +
  58 +<body>
  59 + <nav class="navbar navbar-default bgf mb0">
  60 + <div class="container-fluid top_pc_brand">
  61 + <div class="navbar-header">
  62 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  63 + aria-expanded="true">
  64 + <span class="sr-only">Toggle navigation</span>
  65 + <span class="icon-bar"></span>
  66 + <span class="icon-bar"></span>
  67 + <span class="icon-bar"></span>
  68 + </button>
  69 + <a class="navbar-brand logo" href="../index.html">
  70 + <img class="brand-logo" src="../images/logo.png" alt="">
  71 + </a>
  72 + </div>
  73 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  74 + <div class="search-group mt30 form-group navbar-text navbar-right">
  75 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  76 + <input type="text" class="form-control search-input" placeholder="Search">
  77 + <div class="magnifier">
  78 + <img src="../images/search_btn.png" alt="">
  79 + </div>
  80 + </div>
  81 + </div>
  82 + </div>
  83 + </nav>
  84 + <div class="container-fluid pc pc_warp">
  85 + <div class="mask"></div>
  86 + <div class="bs-example" data-example-id="simple-justified-button-group">
  87 + <ul class="nav_menu_items">
  88 + <li class="btn navbtnActive navbtn-a" role="button">
  89 + <a href="javascript:;">ABOUT US</a>
  90 + <div class='sec_menu_items'>
  91 + <a href="../about/welcome.html" class="inner_item">
  92 + Welcome Message
  93 + </a>
  94 + <a href="../about/mission.html" class="inner_item">
  95 + Mission and Vision
  96 + </a>
  97 + <a href="../about/leadership.html" class="inner_item">
  98 + Leadership
  99 + </a>
  100 + <a href="../about/history.html" class="inner_item">
  101 + History and Milestones
  102 + </a>
  103 + <a href="../about/quick.html" class="inner_item">
  104 + Quick Facts
  105 + </a>
  106 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  107 + </div>
  108 + </li>
  109 + <li class="btn navbtn-a" role="button">
  110 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  111 + <div class='sec_menu_items'>
  112 + <div href="../clinical/departments.html" class="inner_item">
  113 + Clinical Departments
  114 + <div class="third_menu_items">
  115 + <a href="../clinical/departm.html" class="inner_item">
  116 + Surgical Departmen
  117 + </a>
  118 + <a href="../clinical/medical.html" class="inner_item">
  119 + Medical Oncology
  120 + </a>
  121 + <a href="../clinical/radiation.html" class="inner_item">
  122 + Radiation Oncology
  123 + </a>
  124 + <a href="../clinical/diagnostic.html" class="inner_item">
  125 + Diagnostic Oncology
  126 + </a>
  127 + <a href="../clinical/center.html" class="inner_item">
  128 + Center of Excellences
  129 + </a>
  130 + </div>
  131 + </div>
  132 + <a href="../clinical/activities.html" class="inner_item">
  133 + Clinical Activities
  134 + </a>
  135 + <a href="../clinical/trials.html" class="inner_item">
  136 + Clinical Trials
  137 + </a>
  138 + <a href="../clinical/finddoctor.html" class="inner_item">
  139 + Find a Doctor
  140 + </a>
  141 + </div>
  142 + </li>
  143 + <li class="btn navbtn-a" role="button">
  144 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  145 + <div class='sec_menu_items'>
  146 +
  147 + <a href="../research/nationalCancer.html" class="inner_item">
  148 + National Cancer Clinical Research Center
  149 + </a>
  150 + <div href="../research/research.html"
  151 + onclick="location.href='../research/research.html'" class="inner_item">
  152 + Research
  153 + <div class="third_menu_items">
  154 + <a href="../research/research.html" class="inner_item">
  155 + Research programs
  156 + </a>
  157 + <a href="../clinical/research.html" class="inner_item">
  158 + Achievements
  159 + </a>
  160 + <a href="../clinical/research.html" class="inner_item">
  161 + Key Labaratories
  162 + </a>
  163 + <a href="../clinical/center.html" class="inner_item">
  164 + Find a Researcher
  165 + </a>
  166 + </div>
  167 + </div>
  168 + <div href="../clinical/departments.html" class="inner_item">
  169 + Education
  170 + <div class="third_menu_items">
  171 + <a href="../research/education.html" class="inner_item">
  172 + Graduate Study
  173 + </a>
  174 + <a href="../clinical/education.html" class="inner_item">
  175 + International Study
  176 + </a>
  177 + <a href="../clinical/education.html" class="inner_item">
  178 + Continuing Study
  179 + </a>
  180 + </div>
  181 + </div>
  182 + <a href="../research/news.html" class="inner_item">
  183 + News
  184 + </a>
  185 + </div>
  186 + </li>
  187 + <li class="btn navbtn-a" role="button">
  188 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  189 + <div class='sec_menu_items'>
  190 + <div href="javascript:;" class="inner_item">
  191 + About Us
  192 + <div class="third_menu_items">
  193 + <a href="../institute/aboutus.html" class="inner_item">
  194 + About Us
  195 + </a>
  196 + <a href="../institute/leadership.html" class="inner_item">
  197 + Leadership
  198 + </a>
  199 + <a href="../institute/history.html" class="inner_item">
  200 + History
  201 + </a>
  202 + <a href="../institute/report.html" class="inner_item">
  203 + Annual Report
  204 + </a>
  205 + </div>
  206 + </div>
  207 + <div href="../clinical/nursing.html" class="inner_item">
  208 + Research
  209 + <div class="third_menu_items">
  210 + <a href="../institute/researchers.html" class="inner_item">
  211 + Our Researchers
  212 + </a>
  213 + <a href="../institute/facilities.html" class="inner_item">
  214 + Core Facilities and Services
  215 + </a>
  216 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  217 + Journal of Clinical Oncology
  218 + </a>
  219 + </div>
  220 + </div>
  221 + <a href="../institute/news.html" class="inner_item">
  222 + News
  223 + </a>
  224 + <a href="../institute/concat.html" class="inner_item">
  225 + Contact Us
  226 + </a>
  227 + </div>
  228 + </li>
  229 + <li class="btn navbtn-a" role="button">
  230 + <a href="../contact.html">NURSING CARE</a>
  231 + <div class='sec_menu_items'>
  232 + <a href="../care/aboutus.html" class="inner_item">
  233 + About Us
  234 + </a>
  235 + <a href="../care/activity.html" class="inner_item">
  236 + Nursing Activities
  237 + </a>
  238 + <a href="../care/training.html" class="inner_item">
  239 + Nurse Training
  240 + </a>
  241 + <a href="../care/achievement.html" class="inner_item">
  242 + Research Achievement
  243 + </a>
  244 + <a href="../care/exchange.html" class="inner_item">
  245 + International Exchanges
  246 + </a>
  247 + <a href="../care/news.html" class="inner_item">
  248 + News & Events
  249 + </a>
  250 + <a href="../care/contactUs.html" class="inner_item">
  251 + Contact Us
  252 + </a>
  253 + </div>
  254 + </li>
  255 + <li class="btn navbtn-a" role="button">
  256 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  257 + <div class='sec_menu_items'>
  258 + <a href="../international/conference.html" class="inner_item">
  259 + International Conferences
  260 + </a>
  261 + <a href="../international/training.html" class="inner_item">
  262 + Oversea Trainings
  263 + </a>
  264 + <a href="../international/referral.html" class="inner_item">
  265 + International Patients
  266 + </a>
  267 + <a href="../international/partners.html" class="inner_item">
  268 + Partnership Institutions
  269 + </a>
  270 +
  271 + </div>
  272 + </li>
  273 + <li class="btn navbtn-a" role="button">
  274 + <a href="../news.html">NEWS RELEASE</a>
  275 + </li>
  276 + </ul>
  277 + </div>
  278 +
  279 + <div id="gridSystemModal" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridModalLabel"
  280 + style="display: none;">
  281 + <div class="modal-dialog downDialog" role="document">
  282 + <div class="modal-content ">
  283 + <div class="modal-body ">
  284 + <div class="mddown-word">
  285 + <h4>Welcome to the Tianjin Medical University Cancer Institue & Hospital!</h4>
  286 + <h4>We are confident that we will offer the best treatment and care for cancer patients
  287 + through promoting cancer research,treatment,the education</h4>
  288 + </div>
  289 + <div class="mddown-img">
  290 + <div class="mddown-img-item">
  291 + <h5>Welcome message</h5>
  292 + <div>
  293 + <img src="../images/02pc-downmeun/pic%20(1).png" alt="">
  294 + </div>
  295 + </div>
  296 + <div class="mddown-img-item">
  297 + <h5>Mission and Vision</h5>
  298 + <div>
  299 + <img src="../images/02pc-downmeun/pic%20(2).png" alt="">
  300 + </div>
  301 + </div>
  302 + <div class="mddown-img-item">
  303 + <h5>Leadership</h5>
  304 + <div>
  305 + <img src="../images/02pc-downmeun/pic%20(3).png" alt="">
  306 + </div>
  307 + </div>
  308 + <div class="mddown-img-item">
  309 + <h5>History and Milestones</h5>
  310 + <div>
  311 + <img src="../images/02pc-downmeun/pic%20(4).png" alt="">
  312 + </div>
  313 + </div>
  314 + <div class="mddown-img-item">
  315 + <h5>Quick Facts</h5>
  316 + <div>
  317 + <img src="../images/02pc-downmeun/pic%20(5).png" alt="">
  318 + </div>
  319 + </div>
  320 + <div class="mddown-img-item">
  321 + <h5>Organization Management</h5>
  322 + <div>
  323 + <img src="../images/02pc-downmeun/pic%20(6).png" alt="">
  324 + </div>
  325 + </div>
  326 + </div>
  327 + <a class="mddown-footer" href="../pcSecond.html">
  328 + LEARN MORE ABOUT US >
  329 + </a>
  330 + </div>
  331 + </div>
  332 + <!-- /.modal-content -->
  333 + </div>
  334 + <!-- /.modal-dialog -->
  335 + </div>
  336 + <div class="content nopadding">
  337 +
  338 + <div class="imgshow-wrapper">
  339 + <div class="swiper-container swiper-container-m1" id="d_slider">
  340 + <div class="swiper-wrapper">
  341 + <div class="swiper-slide">
  342 + <img src="../images/space.png" width="100%" alt="">
  343 + </div>
  344 +
  345 + </div>
  346 + <div class="swiper-button-next"></div>
  347 + <div class="swiper-button-prev"></div>
  348 + <!-- Add Pagination -->
  349 + </div>
  350 + </div>
  351 + <div class="bottom-wrapper">
  352 + <h4>
  353 + Tianjin Medical University Cancer Institute & Hospital
  354 + </h4>
  355 + <h4>
  356 + West Huan-Hu Rd, Ti Yuan Bei, Hexi District
  357 + </h4>
  358 + <h4>
  359 + Tianjin 300060
  360 + </h4>
  361 + <h4>
  362 + China
  363 + </h4>
  364 + <h4>
  365 + Tel/Fax: 0086-22-23359337
  366 + </h4>
  367 + <h4>
  368 + Email: info@tjmuch.com
  369 + </h4>
  370 +
  371 + </div>
  372 + </div>
  373 +
  374 +
  375 + <footer class="footer-content">
  376 + <div class="footer-main">
  377 +
  378 + <ul class="list-unstyled third-ul">
  379 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  380 + <li>Tianjin 300060</li>
  381 + <li>China</li>
  382 + <li>Tel/Fax: 0086-22-23359337</li>
  383 + <li>Email: info@tjmuch.com</li>
  384 + </ul>
  385 + <ul class="list-unstyled first-ul">
  386 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  387 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  388 + </ul>
  389 + </div>
  390 + </footer>
  391 + </div>
  392 + <script src="../js/jquery-1.11.3.min.js"></script>
  393 + <script src="../js/bootstrap.min.js"></script>
  394 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  395 + <script src="../js/common.js"></script>
  396 + <script>
  397 + // 移动端swiper
  398 + var swiper = new Swiper('#d_slider', {
  399 + autoplay: {
  400 + delay: 3000,
  401 + disableOnInteraction: false,
  402 + },
  403 + allowTouchMove: true,
  404 + // lazy: {
  405 + // loadPrevNext: true,
  406 + // loadPrevNextAmount: 3,
  407 + // },
  408 + centeredSlides: true,
  409 + slidesOffsetBefore: 0,
  410 + loop: true,
  411 + slidesPerView: 'auto',
  412 + on: {},
  413 + pagination: {
  414 +
  415 + },
  416 + navigation: {
  417 + nextEl: '.swiper-button-next',
  418 + prevEl: '.swiper-button-prev',
  419 + },
  420 + });
  421 + </script>
  422 +</body>
  423 +
  424 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .single_box {
  15 + margin-bottom: 44px;
  16 + width: auto;
  17 + }
  18 +
  19 + .single_box:last-child {
  20 + margin: 0;
  21 + }
  22 +
  23 + .content-word {
  24 + position: relative;
  25 + }
  26 +
  27 + .content-word-left {
  28 + position: absolute;
  29 + top: 0;
  30 + left: 50%;
  31 + height: 100%;
  32 + display: flex;
  33 + display: -webkit-flex;
  34 + flex-flow: column;
  35 + justify-content: space-between;
  36 + box-sizing: border-box;
  37 + }
  38 +
  39 + .single_date {
  40 + height: 55px;
  41 + display: flex;
  42 + display: -webkit-flex;
  43 + flex-flow: column;
  44 + justify-content: space-between;
  45 + }
  46 +
  47 + .single_date h3 {
  48 + color: #00A16C;
  49 + padding: 0;
  50 + margin: 0;
  51 + }
  52 + .content-word-right {
  53 + color: #01a26e;
  54 + flex: unset;
  55 + width: 400px !important;
  56 + margin: 0 auto;
  57 + transform: translateX(-70%);
  58 + }
  59 +.timeZone{
  60 + display: block;
  61 + margin: 0 auto;
  62 +}
  63 + </style>
  64 +</head>
  65 +
  66 +<body>
  67 + <nav class="navbar navbar-default bgf mb0">
  68 + <div class="container-fluid top_pc_brand">
  69 + <div class="navbar-header">
  70 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  71 + aria-expanded="true">
  72 + <span class="sr-only">Toggle navigation</span>
  73 + <span class="icon-bar"></span>
  74 + <span class="icon-bar"></span>
  75 + <span class="icon-bar"></span>
  76 + </button>
  77 + <a class="navbar-brand logo" href="../index.html">
  78 + <img class="brand-logo" src="../images/logo.png" alt="">
  79 + </a>
  80 + </div>
  81 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  82 + <div class="search-group mt30 form-group navbar-text navbar-right">
  83 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  84 + <input type="text" class="form-control search-input" placeholder="Search">
  85 + <div class="magnifier">
  86 + <img src="../images/search_btn.png" alt="">
  87 + </div>
  88 + </div>
  89 + </div>
  90 + </div>
  91 + </nav>
  92 + <div class="container-fluid pc">
  93 + <div class="mask"></div>
  94 + <div class="bs-example" data-example-id="simple-justified-button-group">
  95 + <ul class="nav_menu_items">
  96 + <li class="btn navbtnActive navbtn-a" role="button">
  97 + <a href="javascript:;">ABOUT US</a>
  98 + <div class='sec_menu_items'>
  99 + <a href="../about/welcome.html" class="inner_item">
  100 + Welcome Message
  101 + </a>
  102 + <a href="../about/mission.html" class="inner_item">
  103 + Mission and Vision
  104 + </a>
  105 + <a href="../about/leadership.html" class="inner_item">
  106 + Leadership
  107 + </a>
  108 + <a href="../about/history.html" class="inner_item">
  109 + History and Milestones
  110 + </a>
  111 + <a href="../about/quick.html" class="inner_item">
  112 + Quick Facts
  113 + </a>
  114 + </div>
  115 + </li>
  116 + <li class="btn navbtn-a" role="button">
  117 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  118 + <div class='sec_menu_items'>
  119 + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
  120 + class="inner_item">
  121 + Clinical Departments
  122 + <div class="third_menu_items">
  123 + <a href="../clinical/departm.html" class="inner_item">
  124 + Surgical Department
  125 + </a>
  126 + <a href="../clinical/medical.html" class="inner_item">
  127 + Medical Oncology
  128 + </a>
  129 + <a href="../clinical/radiation.html" class="inner_item">
  130 + Radiation Oncology
  131 + </a>
  132 + <a href="../clinical/diagnostic.html" class="inner_item">
  133 + Diagnostic Oncology
  134 + </a>
  135 + <a href="../clinical/center.html" class="inner_item">
  136 + Center of Excellences
  137 + </a>
  138 + </div>
  139 + </div>
  140 + <a href="../clinical/activities.html" class="inner_item">
  141 + Clinical Activities
  142 + </a>
  143 + <a href="../clinical/trials.html" class="inner_item">
  144 + Clinical Trials
  145 + </a>
  146 + <a href="../clinical/finddoctor.html" class="inner_item">
  147 + Find a Doctor
  148 + </a>
  149 + </div>
  150 + </li>
  151 + <li class="btn navbtn-a" role="button">
  152 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  153 + <div class='sec_menu_items'>
  154 +
  155 + <a href="../research/nationalCancer.html" class="inner_item">
  156 + National Cancer Clinical Research Center
  157 + </a>
  158 + <div href="../research/research.html" onclick="location.href='../research/research.html'"
  159 + class="inner_item">
  160 + Research
  161 + <div class="third_menu_items">
  162 + <a href="../research/research1.html" class="inner_item">
  163 + Research programs
  164 + </a>
  165 + <a href="../research/research2.html" class="inner_item">
  166 + Achievements
  167 + </a>
  168 + <a href="../research/research3.html" class="inner_item">
  169 + Key Labaratories
  170 + </a>
  171 + <a href="../research/researcher.html" class="inner_item">
  172 + Find a Researcher
  173 + </a>
  174 + </div>
  175 + </div>
  176 + <div href="../research/education.html" onclick="location.href='../research/education.html'"
  177 + class="inner_item">
  178 + Education
  179 + <div class="third_menu_items">
  180 + <a href="../research/education.html" class="inner_item">
  181 + Graduate Study
  182 + </a>
  183 + <a href="../research/education.html" class="inner_item">
  184 + International Study
  185 + </a>
  186 + <a href="../research/education.html" class="inner_item">
  187 + Continuing Study
  188 + </a>
  189 + </div>
  190 + </div>
  191 + <a href="../research/researcher.html" class="inner_item">
  192 + News
  193 + </a>
  194 + </div>
  195 + </li>
  196 + <li class="btn navbtn-a" role="button">
  197 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  198 + <div class='sec_menu_items'>
  199 + <a href="../international/conference.html" class="inner_item">
  200 + International Conferences
  201 + </a>
  202 + <a href="../international/training.html" class="inner_item">
  203 + Oversea Trainings
  204 + </a>
  205 + <a href="../international/referral.html" class="inner_item">
  206 + International Patients
  207 + </a>
  208 + <a href="../international/partners.html" class="inner_item">
  209 + Partnership Institutions
  210 + </a>
  211 +
  212 + </div>
  213 + </li>
  214 + <li class="btn navbtn-a" role="button">
  215 + <a href="../news.html">NEWS RELEASE</a>
  216 + </li>
  217 + <li class="btn navbtn-a" role="button">
  218 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  219 + <div class='sec_menu_items'>
  220 + <div href="javascript:;" class="inner_item">
  221 + About Us
  222 + <div class="third_menu_items">
  223 + <a href="../institute/aboutus.html" class="inner_item">
  224 + About Us
  225 + </a>
  226 + <a href="../institute/leadership.html" class="inner_item">
  227 + Leadership
  228 + </a>
  229 + <a href="../institute/history.html" class="inner_item">
  230 + History
  231 + </a>
  232 + <a href="../institute/report.html" class="inner_item">
  233 + Annual Report
  234 + </a>
  235 +
  236 + </div>
  237 + </div>
  238 + <div href="../clinical/nursing.html" class="inner_item">
  239 + Research
  240 + <div class="third_menu_items">
  241 + <a href="../institute/researchers.html" class="inner_item">
  242 + Our Researchers
  243 + </a>
  244 + <a href="../institute/facilities.html" class="inner_item">
  245 + Core Facilities
  246 + </a>
  247 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  248 + Journal of Clinical Oncology
  249 + </a>
  250 + </div>
  251 + </div>
  252 + <a href="../institute/news.html" class="inner_item">
  253 + News
  254 + </a>
  255 + <a href="../institute/concat.html" class="inner_item">
  256 + Contact Us
  257 + </a>
  258 + </div>
  259 + </li>
  260 + <li class="btn navbtn-a" role="button">
  261 + <a href="contact.html">CONTACT US</a>
  262 + </li>
  263 + </ul>
  264 +
  265 + </div>
  266 +
  267 + <!-- Swiper -->
  268 + <div class="img-header">
  269 + <img src="../images/h_1.png" width="100%" alt="">
  270 + </div>
  271 + <div class="content">
  272 + <!-- <div class="content-word">
  273 + <div class="content-word-right">
  274 + <div class="single_box">
  275 + <img src="../images/h1.png" alt="">
  276 + </div>
  277 + <div class="single_box">
  278 + <img src="../images/h2.png" alt="">
  279 + </div>
  280 + <div class="single_box">
  281 + <img src="../images/h3.png" alt="">
  282 + </div>
  283 + <div class="single_box">
  284 + <img src="../images/h4.png" alt="">
  285 + </div>
  286 + <div class="single_box">
  287 + <img src="../images/h5.png" alt="">
  288 + </div>
  289 + <div class="single_box">
  290 + <img src="../images/h6.png" alt="">
  291 + </div>
  292 + </div>
  293 + <div class="content-word-left">
  294 + <div class="single_date">
  295 + <H3>2018</H3>
  296 + <P>Airport Free Trade Zone Hospital</P>
  297 + </div>
  298 + <div class="single_date">
  299 + <H3>2013</H3>
  300 + <P>National Clinical Research Center for Cancer</P>
  301 + </div>
  302 + <div class="single_date">
  303 + <H3>2011</H3>
  304 + <P>Comprehensive Center for Clinic and Research</P>
  305 + </div>
  306 + <div class="single_date">
  307 + <H3>2003</H3>
  308 + <P>Comprehensive Breast Cancer Center</P>
  309 + </div>
  310 + <div class="single_date">
  311 + <H3>1997</H3>
  312 + <P>Affiliated to Tianjin Medical University </P>
  313 + </div>
  314 + <div class="single_date">
  315 + <H3>1987</H3>
  316 + <P>Renamed as “Tianjin Cancer Institute & Hospital”</P>
  317 + </div>
  318 + <div class="single_date">
  319 + <H3>1977</H3>
  320 + <P>Tianjin Cancer Research Institute</P>
  321 + </div>
  322 + <div class="single_date">
  323 + <H3>1971</H3>
  324 + <P>Cancer Hospital</P>
  325 + </div>
  326 + <div class="single_date">
  327 + <H3>1951</H3>
  328 + <P>Tianjin Municipal People's Hospital</P>
  329 + </div>
  330 + <div class="single_date">
  331 + <H3>1861</H3>
  332 + <P>British Army Hospital</P>
  333 + </div>
  334 + </div>
  335 + </div> -->
  336 + <div class="bold_title">
  337 + HISTORY <br>
  338 + AND<br>
  339 + MILESTONES
  340 + </div>
  341 + <img src="../images/time_zone.png" class='timeZone' alt="">
  342 + </div>
  343 +
  344 +
  345 + </div>
  346 +<footer class="footer-content">
  347 + <div class="footer-main">
  348 +
  349 + <ul class="list-unstyled third-ul">
  350 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  351 + <li>Tianjin 300060</li>
  352 + <li>China</li>
  353 + <li>Tel/Fax: 0086-22-23359337</li>
  354 + <li>Email: info@tjmuch.com</li>
  355 + </ul>
  356 + <ul class="list-unstyled first-ul">
  357 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  358 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  359 + </ul>
  360 + </div>
  361 + </footer>
  362 + <script src="../js/jquery-1.11.3.min.js"></script>
  363 + <script src="../js/bootstrap.min.js"></script>
  364 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  365 + <script src="../js/common.js"></script>
  366 +
  367 +</body>
  368 +
  369 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .ships_list{
  15 + flex: unset;
  16 + width: 900px;
  17 + margin: 0 auto;
  18 + }
  19 + .ships_item{
  20 + width: 178px;
  21 + margin:0 0 40px 100px;
  22 + }
  23 +
  24 + .ships_item:nth-child(3n+1){
  25 + margin-left: 0;
  26 + }
  27 + .full_pc{
  28 + background: url(../images/leadership_bg) center center no-repeat;
  29 + padding: 80px 0;
  30 + }
  31 +
  32 + </style>
  33 +</head>
  34 +
  35 +<body>
  36 + <nav class="navbar navbar-default bgf mb0">
  37 + <div class="container-fluid top_pc_brand">
  38 + <div class="navbar-header">
  39 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  40 + aria-expanded="true">
  41 + <span class="sr-only">Toggle navigation</span>
  42 + <span class="icon-bar"></span>
  43 + <span class="icon-bar"></span>
  44 + <span class="icon-bar"></span>
  45 + </button>
  46 + <a class="navbar-brand logo" href="../index.html">
  47 + <img class="brand-logo" src="../images/logo.png" alt="">
  48 + </a>
  49 + </div>
  50 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  51 + <div class="search-group mt30 form-group navbar-text navbar-right">
  52 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  53 + <input type="text" class="form-control search-input" placeholder="Search">
  54 + <div class="magnifier">
  55 + <img src="../images/search_btn.png" alt="">
  56 + </div>
  57 + </div>
  58 + </div>
  59 + </div>
  60 + </nav>
  61 + <div class="container-fluid pc">
  62 + <div class="mask"></div>
  63 + <div class="bs-example" data-example-id="simple-justified-button-group">
  64 + <ul class="nav_menu_items">
  65 + <li class="btn navbtnActive navbtn-a" role="button">
  66 + <a href="javascript:;">ABOUT US</a>
  67 + <div class='sec_menu_items'>
  68 + <a href="../about/welcome.html" class="inner_item">
  69 + Welcome Message
  70 + </a>
  71 + <a href="../about/mission.html" class="inner_item">
  72 + Mission and Vision
  73 + </a>
  74 + <a href="../about/leadership.html" class="inner_item">
  75 + Leadership
  76 + </a>
  77 + <a href="../about/history.html" class="inner_item">
  78 + History and Milestones
  79 + </a>
  80 + <a href="../about/quick.html" class="inner_item">
  81 + Quick Facts
  82 + </a>
  83 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  84 + </div>
  85 + </li>
  86 + <li class="btn navbtn-a" role="button">
  87 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  88 + <div class='sec_menu_items'>
  89 + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
  90 + class="inner_item">
  91 + Clinical Departments
  92 + <div class="third_menu_items">
  93 + <a href="../clinical/departm.html" class="inner_item">
  94 + Surgical Department
  95 + </a>
  96 + <a href="../clinical/medical.html" class="inner_item">
  97 + Medical Oncology
  98 + </a>
  99 + <a href="../clinical/radiation.html" class="inner_item">
  100 + Radiation Oncology
  101 + </a>
  102 + <a href="../clinical/diagnostic.html" class="inner_item">
  103 + Diagnostic Oncology
  104 + </a>
  105 + <a href="../clinical/center.html" class="inner_item">
  106 + Center of Excellences
  107 + </a>
  108 + </div>
  109 + </div>
  110 + <a href="../clinical/activities.html" class="inner_item">
  111 + Clinical Activities
  112 + </a>
  113 + <a href="../clinical/trials.html" class="inner_item">
  114 + Clinical Trials
  115 + </a>
  116 + <a href="../clinical/finddoctor.html" class="inner_item">
  117 + Find a Doctor
  118 + </a>
  119 + </div>
  120 + </li>
  121 + <li class="btn navbtn-a" role="button">
  122 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  123 + <div class='sec_menu_items'>
  124 +
  125 + <a href="../research/nationalCancer.html" class="inner_item">
  126 + National Cancer Clinical Research Center
  127 + </a>
  128 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  129 + Research
  130 + <div class="third_menu_items">
  131 + <a href="../research/research1.html" class="inner_item">
  132 + Research programs
  133 + </a>
  134 + <a href="../clinical/research2.html" class="inner_item">
  135 + Achievements
  136 + </a>
  137 + <a href="../clinical/research3.html" class="inner_item">
  138 + Key Labaratories
  139 + </a>
  140 + <a href="../research/researcher.html" class="inner_item">
  141 + Find a Researcher
  142 + </a>
  143 + </div>
  144 + </div>
  145 + <div href="../research/education.html" onclick="location.href='../research/education.html'"
  146 + class="inner_item">
  147 + Education
  148 + <div class="third_menu_items">
  149 + <a href="../research/education.html" class="inner_item">
  150 + Graduate Study
  151 + </a>
  152 + <a href="../research/education.html" class="inner_item">
  153 + International Study
  154 + </a>
  155 + <a href="../research/education.html" class="inner_item">
  156 + Continuing Study
  157 + </a>
  158 + </div>
  159 + </div>
  160 + <a href="../research/news.html" class="inner_item">
  161 + News
  162 + </a>
  163 + </div>
  164 + </li>
  165 + <li class="btn navbtn-a" role="button">
  166 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  167 + <div class='sec_menu_items'>
  168 + <div href="javascript:;" class="inner_item">
  169 + About Us
  170 + <div class="third_menu_items">
  171 + <a href="../institute/aboutus.html" class="inner_item">
  172 + About Us
  173 + </a>
  174 + <a href="../institute/leadership.html" class="inner_item">
  175 + Leadership
  176 + </a>
  177 + <a href="../institute/history.html" class="inner_item">
  178 + History
  179 + </a>
  180 + <a href="../institute/report.html" class="inner_item">
  181 + Annual Report
  182 + </a>
  183 + </div>
  184 + </div>
  185 + <div href="../clinical/nursing.html" class="inner_item">
  186 + Research
  187 + <div class="third_menu_items">
  188 + <a href="../institute/researchers.html" class="inner_item">
  189 + Our Researchers
  190 + </a>
  191 + <a href="../institute/facilities.html" class="inner_item">
  192 + Core Facilities and Services
  193 + </a>
  194 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  195 + Journal of Clinical Oncology
  196 + </a>
  197 + </div>
  198 + </div>
  199 + <a href="../institute/news.html" class="inner_item">
  200 + News
  201 + </a>
  202 + <a href="../institute/concat.html" class="inner_item">
  203 + Contact Us
  204 + </a>
  205 + </div>
  206 + </li>
  207 + <li class="btn navbtn-a" role="button">
  208 + <a href="../contact.html">NURSING CARE</a>
  209 + <div class='sec_menu_items'>
  210 + <a href="../care/aboutus.html" class="inner_item">
  211 + About Us
  212 + </a>
  213 + <a href="../care/activity.html" class="inner_item">
  214 + Nursing Activities
  215 + </a>
  216 + <a href="../care/training.html" class="inner_item">
  217 + Nurse Training
  218 + </a>
  219 + <a href="../care/achievement.html" class="inner_item">
  220 + Research Achievement
  221 + </a>
  222 + <a href="../care/exchange.html" class="inner_item">
  223 + International Exchanges
  224 + </a>
  225 + <a href="../care/cancer.html" class="inner_item">
  226 + Cancer Survivorship Support
  227 + </a>
  228 + <a href="../care/news.html" class="inner_item">
  229 + News & Events
  230 + </a>
  231 + <a href="../care/contactUs.html" class="inner_item">
  232 + Contact Us
  233 + </a>
  234 + </div>
  235 + </li>
  236 + <li class="btn navbtn-a" role="button">
  237 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  238 + <div class='sec_menu_items'>
  239 + <a href="../international/conference.html" class="inner_item">
  240 + International Conferences
  241 + </a>
  242 + <a href="../international/training.html" class="inner_item">
  243 + Oversea Trainings
  244 + </a>
  245 + <a href="../international/referral.html" class="inner_item">
  246 + International Patients
  247 + </a>
  248 + <a href="../international/partners.html" class="inner_item">
  249 + Partnership Institutions
  250 + </a>
  251 +
  252 + </div>
  253 + </li>
  254 + <li class="btn navbtn-a" role="button">
  255 + <a href="../news.html">NEWS RELEASE</a>
  256 + </li>
  257 + </ul>
  258 + </div>
  259 + <!-- Swiper -->
  260 + <div class="img-header">
  261 + <img src="../images/leadership_top.png" width="100%" alt="">
  262 + </div>
  263 + <div class="full_pc">
  264 + <div class="content">
  265 + <div class=" top_title_inner" style='color: #FFF'>LEADERSHIP</div>
  266 + <!-- content -->
  267 + <div class="inner_content">
  268 + <div class="leader_item" style="background: #EDF6ED;">Prof. Wei Lu <br>Secretary of CPC</div>
  269 + <div class="leader_item" style="background: #e1e1e1;">Prof. Ping Wang <br>President</div>
  270 + </div>
  271 + <div class="sec">Vice Presidents</div>
  272 + <div class="inner_content">
  273 + <div class="leader_item" style="background: #F6EDED;">Prof. Qiang Zhao</div>
  274 + <div class="leader_item" style="background: #EFE1E1">Ms. Li Liu</div>
  275 + <div class="leader_item" style="background: #F6EDED;">Prof. Ming Gao</div>
  276 + </div>
  277 + <div class="inner_content">
  278 + <div class="leader_item" style="background: #EDEDF5;">Prof. Jihui Hao</div>
  279 + <div class="leader_item" style="background: #E1E1EF;">Mr. Xiaoliang Zhang </div>
  280 + <div class="leader_item" style="background: #EDEDF5;">Ms.Jing Hei</div>
  281 + </div>
  282 + <div class="inner_content">
  283 + <div class="leader_item" style="background: #FAFAE9;">Prof. Kexin Chen</div>
  284 + <div class="leader_item" style="background: #F4F4DA;">Prof. Bo Xu</div>
  285 + <div class="leader_item" style="background: #FAFAE9;">Prof. Yi Ba</div>
  286 + </div>
  287 + </div>
  288 + </div>
  289 +<footer class="footer-content">
  290 + <div class="footer-main">
  291 +
  292 + <ul class="list-unstyled third-ul">
  293 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  294 + <li>Tianjin 300060</li>
  295 + <li>China</li>
  296 + <li>Tel/Fax: 0086-22-23359337</li>
  297 + <li>Email: info@tjmuch.com</li>
  298 + </ul>
  299 + <ul class="list-unstyled first-ul">
  300 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  301 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  302 + </ul>
  303 + </div>
  304 + </footer>
  305 +
  306 + </div>
  307 + <script src="../js/jquery-1.11.3.min.js"></script>
  308 + <script src="../js/bootstrap.min.js"></script>
  309 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  310 + <script src="../js/common.js"></script>
  311 + <script>
  312 + $(document).ready(function () {
  313 + $(".btn-group").find(".navbtn-a").click(function () {
  314 + console.log(this)
  315 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  316 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  317 + })
  318 + })
  319 + var swiper = new Swiper('.swiper-container', {
  320 + pagination: '.swiper-pagination',
  321 + paginationClickable: true
  322 + });
  323 +
  324 + var swiper = new Swiper('.swiper-container1', {
  325 + pagination: '.swiper-pagination',
  326 + slidesPerView: 3,
  327 + paginationClickable: true,
  328 + spaceBetween: 30
  329 + });
  330 + </script>
  331 +</body>
  332 +
  333 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <STYLE>
  14 + .content{
  15 + background: none;
  16 + }
  17 + </STYLE>
  18 +</head>
  19 +
  20 +<body>
  21 + <nav class="navbar navbar-default bgf mb0">
  22 + <div class="container-fluid top_pc_brand">
  23 + <div class="navbar-header">
  24 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse"
  25 + data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
  26 + <span class="sr-only">Toggle navigation</span>
  27 + <span class="icon-bar"></span>
  28 + <span class="icon-bar"></span>
  29 + <span class="icon-bar"></span>
  30 + </button>
  31 + <a class="navbar-brand logo" href="../index.html">
  32 + <img class="brand-logo" src="../images/logo.png" alt="">
  33 + </a>
  34 + </div>
  35 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  36 + <div class="search-group mt30 form-group navbar-text navbar-right">
  37 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  38 + <input type="text" class="form-control search-input" placeholder="Search">
  39 + <div class="magnifier">
  40 + <img src="../images/search_btn.png" alt="">
  41 + </div>
  42 + </div>
  43 + </div>
  44 + </div>
  45 + </nav>
  46 + <div class="container-fluid pc">
  47 + <div class="mask"></div>
  48 + <div class="bs-example" data-example-id="simple-justified-button-group">
  49 + <ul class="nav_menu_items">
  50 + <li class="btn navbtnActive navbtn-a" role="button">
  51 + <a href="javascript:;">ABOUT US</a>
  52 + <div class='sec_menu_items'>
  53 + <a href="../about/welcome.html" class="inner_item">
  54 + Welcome Message
  55 + </a>
  56 + <a href="../about/mission.html" class="inner_item">
  57 + Mission and Vision
  58 + </a>
  59 + <a href="../about/leadership.html" class="inner_item">
  60 + Leadership
  61 + </a>
  62 + <a href="../about/history.html" class="inner_item">
  63 + History and Milestones
  64 + </a>
  65 + <a href="../about/quick.html" class="inner_item">
  66 + Quick Facts
  67 + </a>
  68 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  69 + </div>
  70 + </li>
  71 + <li class="btn navbtn-a" role="button">
  72 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  73 + <div class='sec_menu_items'>
  74 + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
  75 + class="inner_item">
  76 + Clinical Departments
  77 + <div class="third_menu_items">
  78 + <a href="../clinical/departm.html" class="inner_item">
  79 + Surgical Department
  80 + </a>
  81 + <a href="../clinical/medical.html" class="inner_item">
  82 + Medical Oncology
  83 + </a>
  84 + <a href="../clinical/radiation.html" class="inner_item">
  85 + Radiation Oncology
  86 + </a>
  87 + <a href="../clinical/diagnostic.html" class="inner_item">
  88 + Diagnostic Oncology
  89 + </a>
  90 + <a href="../clinical/center.html" class="inner_item">
  91 + Center of Excellences
  92 + </a>
  93 + </div>
  94 + </div>
  95 + <a href="../clinical/activities.html" class="inner_item">
  96 + Clinical Activities
  97 + </a>
  98 + <a href="../clinical/trials.html" class="inner_item">
  99 + Clinical Trials
  100 + </a>
  101 + <a href="../clinical/finddoctor.html" class="inner_item">
  102 + Find a Doctor
  103 + </a>
  104 + </div>
  105 + </li>
  106 + <li class="btn navbtn-a" role="button">
  107 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  108 + <div class='sec_menu_items'>
  109 +
  110 + <a href="../research/nationalCancer.html" class="inner_item">
  111 + National Cancer Clinical Research Center
  112 + </a>
  113 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  114 + Research
  115 + <div class="third_menu_items">
  116 + <a href="../research/research1.html" class="inner_item">
  117 + Research programs
  118 + </a>
  119 + <a href="../clinical/research2.html" class="inner_item">
  120 + Achievements
  121 + </a>
  122 + <a href="../clinical/research3.html" class="inner_item">
  123 + Key Labaratories
  124 + </a>
  125 + <a href="../research/researcher.html" class="inner_item">
  126 + Find a Researcher
  127 + </a>
  128 + </div>
  129 + </div>
  130 + <div href="../research/education.html" onclick="location.href='../research/education.html'"
  131 + class="inner_item">
  132 + Education
  133 + <div class="third_menu_items">
  134 + <a href="../research/education.html" class="inner_item">
  135 + Graduate Study
  136 + </a>
  137 + <a href="../research/education.html" class="inner_item">
  138 + International Study
  139 + </a>
  140 + <a href="../research/education.html" class="inner_item">
  141 + Continuing Study
  142 + </a>
  143 + </div>
  144 + </div>
  145 + <a href="../research/news.html" class="inner_item">
  146 + News
  147 + </a>
  148 + </div>
  149 + </li>
  150 + <li class="btn navbtn-a" role="button">
  151 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  152 + <div class='sec_menu_items'>
  153 + <div href="javascript:;" class="inner_item">
  154 + About Us
  155 + <div class="third_menu_items">
  156 + <a href="../institute/aboutus.html" class="inner_item">
  157 + About Us
  158 + </a>
  159 + <a href="../institute/leadership.html" class="inner_item">
  160 + Leadership
  161 + </a>
  162 + <a href="../institute/history.html" class="inner_item">
  163 + History
  164 + </a>
  165 + <a href="../institute/report.html" class="inner_item">
  166 + Annual Report
  167 + </a>
  168 + </div>
  169 + </div>
  170 + <div href="../clinical/nursing.html" class="inner_item">
  171 + Research
  172 + <div class="third_menu_items">
  173 + <a href="../institute/researchers.html" class="inner_item">
  174 + Our Researchers
  175 + </a>
  176 + <a href="../institute/facilities.html" class="inner_item">
  177 + Core Facilities and Services
  178 + </a>
  179 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  180 + Journal of Clinical Oncology
  181 + </a>
  182 + </div>
  183 + </div>
  184 + <a href="../institute/news.html" class="inner_item">
  185 + News
  186 + </a>
  187 + <a href="../institute/concat.html" class="inner_item">
  188 + Contact Us
  189 + </a>
  190 + </div>
  191 + </li>
  192 + <li class="btn navbtn-a" role="button">
  193 + <a href="../contact.html">NURSING CARE</a>
  194 + <div class='sec_menu_items'>
  195 + <a href="../care/aboutus.html" class="inner_item">
  196 + About Us
  197 + </a>
  198 + <a href="../care/activity.html" class="inner_item">
  199 + Nursing Activities
  200 + </a>
  201 + <a href="../care/training.html" class="inner_item">
  202 + Nurse Training
  203 + </a>
  204 + <a href="../care/achievement.html" class="inner_item">
  205 + Research Achievement
  206 + </a>
  207 + <a href="../care/exchange.html" class="inner_item">
  208 + International Exchanges
  209 + </a>
  210 + <a href="../care/cancer.html" class="inner_item">
  211 + Cancer Survivorship Support
  212 + </a>
  213 + <a href="../care/news.html" class="inner_item">
  214 + News & Events
  215 + </a>
  216 + <a href="../care/contactUs.html" class="inner_item">
  217 + Contact Us
  218 + </a>
  219 + </div>
  220 + </li>
  221 + <li class="btn navbtn-a" role="button">
  222 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  223 + <div class='sec_menu_items'>
  224 + <a href="../international/conference.html" class="inner_item">
  225 + International Conferences
  226 + </a>
  227 + <a href="../international/training.html" class="inner_item">
  228 + Oversea Trainings
  229 + </a>
  230 + <a href="../international/referral.html" class="inner_item">
  231 + International Patients
  232 + </a>
  233 + <a href="../international/partners.html" class="inner_item">
  234 + Partnership Institutions
  235 + </a>
  236 +
  237 + </div>
  238 + </li>
  239 + <li class="btn navbtn-a" role="button">
  240 + <a href="../news.html">NEWS RELEASE</a>
  241 + </li>
  242 + </ul>
  243 + </div>
  244 +
  245 + <!-- Swiper -->
  246 + <div class="img-header">
  247 + <img src="../images/f_1.png" width="100%" alt="">
  248 + </div>
  249 + <div class="full_content">
  250 + <div class="content" style="padding-bottom:0">
  251 + <div class="top_title_inner">
  252 + MISSION AND VISION
  253 + </div>
  254 + </div>
  255 + <div class="content flex_content">
  256 +
  257 + <div class="imgwordthree">
  258 + <div class="fstitem">
  259 + <div class="bgblack">
  260 + <img src="../images/f_m.png" alt="">
  261 + </div>
  262 + <h4>MISSION</h4>
  263 + <p>The mission of Tianjin Medical University Cancer Institute and Hospital is to provide
  264 + the best treatment and care for cancer patients through promoting cancer research,
  265 + treatment and education and to achieve the goal of decreasing
  266 + the incidence of cancer and improving the quality of life of cancer patients in
  267 + China.</p>
  268 + </div>
  269 + <div class="fstitem">
  270 + <div class="bgblack">
  271 + <img src="../images/f_v.png" alt="">
  272 + </div>
  273 + <h4>VISION</h4>
  274 + <p>The vision of Tianjin Medical University Cancer Institute and Hospital is to
  275 + continuously strengthen its status as a major national and international center for
  276 + cancer research, treatment, prevention and education and to closely collaborate
  277 + with leading cancer centers worldwide in the fight against all types of cancer.</p>
  278 + </div>
  279 + <div class="fstitem">
  280 + <div class="bgblack">
  281 + <img src="../images/f_mo.png" alt="">
  282 + </div>
  283 + <h4>MOTTO</h4>
  284 + <p>To provide patients with uttermost integrityand state-of-the-art medicine <br><br> To
  285 + improve our profession with ingenuity and innovations</p>
  286 + </div>
  287 + </div>
  288 + </div>
  289 + </div>
  290 +
  291 +
  292 + <footer class="footer-content">
  293 + <div class="footer-main">
  294 +
  295 + <ul class="list-unstyled third-ul">
  296 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  297 + <li>Tianjin 300060</li>
  298 + <li>China</li>
  299 + <li>Tel/Fax: 0086-22-23359337</li>
  300 + <li>Email: info@tjmuch.com</li>
  301 + </ul>
  302 + <ul class="list-unstyled first-ul">
  303 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  304 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  305 + </ul>
  306 + </div>
  307 + </footer>
  308 +
  309 + </div>
  310 + <script src="../js/jquery-1.11.3.min.js"></script>
  311 + <script src="../js/bootstrap.min.js"></script>
  312 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  313 + <script src="../js/common.js"></script>
  314 + <script>
  315 + $(document).ready(function () {
  316 + $(".btn-group").find(".navbtn-a").click(function () {
  317 + console.log(this)
  318 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  319 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  320 + })
  321 + })
  322 + var swiper = new Swiper('.swiper-container', {
  323 + pagination: '.swiper-pagination',
  324 + paginationClickable: true
  325 + });
  326 +
  327 + var swiper = new Swiper('.swiper-container1', {
  328 + pagination: '.swiper-pagination',
  329 + slidesPerView: 3,
  330 + paginationClickable: true,
  331 + spaceBetween: 30
  332 + });
  333 + </script>
  334 +</body>
  335 +
  336 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/base.css">
  10 + <link rel="stylesheet" href="../css/index.css">
  11 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 +</head>
  14 +
  15 +<body>
  16 + <nav class="navbar navbar-default bgf mb0">
  17 + <div class="container-fluid top_pc_brand">
  18 + <div class="navbar-header">
  19 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  20 + aria-expanded="true">
  21 + <span class="sr-only">Toggle navigation</span>
  22 + <span class="icon-bar"></span>
  23 + <span class="icon-bar"></span>
  24 + <span class="icon-bar"></span>
  25 + </button>
  26 + <a class="navbar-brand logo" href="../index.html">
  27 + <img class="brand-logo" src="../images/logo.png" alt="">
  28 + </a>
  29 + </div>
  30 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  31 + <div class="search-group mt30 form-group navbar-text navbar-right">
  32 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  33 + <input type="text" class="form-control search-input" placeholder="Search">
  34 + <div class="magnifier">
  35 + <img src="../images/search_btn.png" alt="">
  36 + </div>
  37 + </div>
  38 + </div>
  39 + </div>
  40 + </nav>
  41 + <div class="container-fluid pc">
  42 + <div class="mask"></div>
  43 + <div class="bs-example" data-example-id="simple-justified-button-group">
  44 + <ul class="nav_menu_items">
  45 + <li class="btn navbtnActive navbtn-a" role="button">
  46 + <a href="javascript:;">ABOUT US</a>
  47 + <div class='sec_menu_items'>
  48 + <a href="../about/welcome.html" class="inner_item">
  49 + Welcome Message
  50 + </a>
  51 + <a href="../about/mission.html" class="inner_item">
  52 + Mission and Vision
  53 + </a>
  54 + <a href="../about/leadership.html" class="inner_item">
  55 + Leadership
  56 + </a>
  57 + <a href="../about/history.html" class="inner_item">
  58 + History and Milestones
  59 + </a>
  60 + <a href="../about/quick.html" class="inner_item">
  61 + Quick Facts
  62 + </a>
  63 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  64 + </div>
  65 + </li>
  66 + <li class="btn navbtn-a" role="button">
  67 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  68 + <div class='sec_menu_items'>
  69 + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
  70 + class="inner_item">
  71 + Clinical Departments
  72 + <div class="third_menu_items">
  73 + <a href="../clinical/departm.html" class="inner_item">
  74 + Surgical Department
  75 + </a>
  76 + <a href="../clinical/medical.html" class="inner_item">
  77 + Medical Oncology
  78 + </a>
  79 + <a href="../clinical/radiation.html" class="inner_item">
  80 + Radiation Oncology
  81 + </a>
  82 + <a href="../clinical/diagnostic.html" class="inner_item">
  83 + Diagnostic Oncology
  84 + </a>
  85 + <a href="../clinical/center.html" class="inner_item">
  86 + Center of Excellences
  87 + </a>
  88 + </div>
  89 + </div>
  90 + <a href="../clinical/activities.html" class="inner_item">
  91 + Clinical Activities
  92 + </a>
  93 + <a href="../clinical/trials.html" class="inner_item">
  94 + Clinical Trials
  95 + </a>
  96 + <a href="../clinical/finddoctor.html" class="inner_item">
  97 + Find a Doctor
  98 + </a>
  99 + </div>
  100 + </li>
  101 + <li class="btn navbtn-a" role="button">
  102 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  103 + <div class='sec_menu_items'>
  104 +
  105 + <a href="../research/nationalCancer.html" class="inner_item">
  106 + National Cancer Clinical Research Center
  107 + </a>
  108 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  109 + Research
  110 + <div class="third_menu_items">
  111 + <a href="../research/research1.html" class="inner_item">
  112 + Research programs
  113 + </a>
  114 + <a href="../clinical/research2.html" class="inner_item">
  115 + Achievements
  116 + </a>
  117 + <a href="../clinical/research3.html" class="inner_item">
  118 + Key Labaratories
  119 + </a>
  120 + <a href="../research/researcher.html" class="inner_item">
  121 + Find a Researcher
  122 + </a>
  123 + </div>
  124 + </div>
  125 + <div href="../research/education.html" onclick="location.href='../research/education.html'"
  126 + class="inner_item">
  127 + Education
  128 + <div class="third_menu_items">
  129 + <a href="../research/education.html" class="inner_item">
  130 + Graduate Study
  131 + </a>
  132 + <a href="../research/education.html" class="inner_item">
  133 + International Study
  134 + </a>
  135 + <a href="../research/education.html" class="inner_item">
  136 + Continuing Study
  137 + </a>
  138 + </div>
  139 + </div>
  140 + <a href="../research/news.html" class="inner_item">
  141 + News
  142 + </a>
  143 + </div>
  144 + </li>
  145 + <li class="btn navbtn-a" role="button">
  146 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  147 + <div class='sec_menu_items'>
  148 + <div href="javascript:;" class="inner_item">
  149 + About Us
  150 + <div class="third_menu_items">
  151 + <a href="../institute/aboutus.html" class="inner_item">
  152 + About Us
  153 + </a>
  154 + <a href="../institute/leadership.html" class="inner_item">
  155 + Leadership
  156 + </a>
  157 + <a href="../institute/history.html" class="inner_item">
  158 + History
  159 + </a>
  160 + <a href="../institute/report.html" class="inner_item">
  161 + Annual Report
  162 + </a>
  163 + </div>
  164 + </div>
  165 + <div href="../clinical/nursing.html" class="inner_item">
  166 + Research
  167 + <div class="third_menu_items">
  168 + <a href="../institute/researchers.html" class="inner_item">
  169 + Our Researchers
  170 + </a>
  171 + <a href="../institute/facilities.html" class="inner_item">
  172 + Core Facilities and Services
  173 + </a>
  174 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  175 + Journal of Clinical Oncology
  176 + </a>
  177 + </div>
  178 + </div>
  179 + <a href="../institute/news.html" class="inner_item">
  180 + News
  181 + </a>
  182 + <a href="../institute/concat.html" class="inner_item">
  183 + Contact Us
  184 + </a>
  185 + </div>
  186 + </li>
  187 + <li class="btn navbtn-a" role="button">
  188 + <a href="../contact.html">NURSING CARE</a>
  189 + <div class='sec_menu_items'>
  190 + <a href="../care/aboutus.html" class="inner_item">
  191 + About Us
  192 + </a>
  193 + <a href="../care/activity.html" class="inner_item">
  194 + Nursing Activities
  195 + </a>
  196 + <a href="../care/training.html" class="inner_item">
  197 + Nurse Training
  198 + </a>
  199 + <a href="../care/achievement.html" class="inner_item">
  200 + Research Achievement
  201 + </a>
  202 + <a href="../care/exchange.html" class="inner_item">
  203 + International Exchanges
  204 + </a>
  205 + <a href="../care/cancer.html" class="inner_item">
  206 + Cancer Survivorship Support
  207 + </a>
  208 +
  209 + <a href="../care/news.html" class="inner_item">
  210 + News & Events
  211 + </a>
  212 + <a href="../care/contactUs.html" class="inner_item">
  213 + Contact Us
  214 + </a>
  215 + </div>
  216 + </li>
  217 + <li class="btn navbtn-a" role="button">
  218 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  219 + <div class='sec_menu_items'>
  220 + <a href="../international/conference.html" class="inner_item">
  221 + International Conferences
  222 + </a>
  223 + <a href="../international/training.html" class="inner_item">
  224 + Oversea Trainings
  225 + </a>
  226 + <a href="../international/referral.html" class="inner_item">
  227 + International Patients
  228 + </a>
  229 + <a href="../international/partners.html" class="inner_item">
  230 + Partnership Institutions
  231 + </a>
  232 +
  233 + </div>
  234 + </li>
  235 + <li class="btn navbtn-a" role="button">
  236 + <a href="../news.html">NEWS RELEASE</a>
  237 + </li>
  238 + </ul>
  239 + </div>
  240 +
  241 + <!-- Swiper -->
  242 +
  243 + <div class="content">
  244 + <div class="content-one">
  245 + <div class="content-one-img">
  246 + <div class="content-word-center">
  247 + <img src="../images/banner.png" width="100%" alt="">
  248 + </div>
  249 + </div>
  250 + <div class="content-one-word content-word-center">
  251 + <h2>WELOCME MESSAGE</h2>
  252 + <p>
  253 + Welcome to the Tianjin Medical University Cancer Institute & Hospital! <br> Tianjin Medical
  254 + University Cancer Institute & Hospital is the birthplace of oncology in China. The hospital was
  255 + originally established in 1861 as The British
  256 + Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie
  257 + Memorial Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's
  258 + Hospital" in 1951. In 1952, the first tumor ward
  259 + in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977
  260 + Tianjin Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved
  261 + to the present site and was renamed
  262 + “The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the
  263 + Tianjin Medical University and was officially named as The Tianjin Medical University Cancer
  264 + Institute and Hospital (TMUCIH).
  265 + </p>
  266 + <a href="welcome.html" class="learn-more">LEARN MORE></a>
  267 + </div>
  268 + </div>
  269 + <div class="content-second">
  270 + <div class="content-second-img">
  271 + <img src="../images/peixun.png" width="100%" alt="">
  272 + </div>
  273 + <div class="content-second-word content-word-center">
  274 + <div class="three-phcontent">
  275 + <div class="phcontent">
  276 + <h2>MISSION</h2>
  277 + <p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide
  278 + the best treatment and care for cancer patients through promoting cancer research,
  279 + treatment and education and to achieve the goal of decreasing
  280 + the incidence of cancer and improving the quality of life of cancer patients in China.</p>
  281 +
  282 + </div>
  283 + <div class="phcontent">
  284 + <h2>VISION</h2>
  285 + <p> The vision of Tianjin Medical University Cancer Institute and Hospital is to
  286 + continuously strengthen its status as a major national and international center for
  287 + cancer research, treatment, prevention and education and to closely
  288 + collaborate with leading cancer centers worldwide in the fight against all types of
  289 + cancer. </p>
  290 +
  291 + </div>
  292 + <div class="phcontent">
  293 + <h2>MOTTO</h2>
  294 + <p>
  295 + To provide patients with uttermost integrity and state-of-the-art medicine To improve
  296 + our profession with ingenuity and innovations
  297 + </p>
  298 + </div>
  299 + </div>
  300 + <a href="history.html" class="learn-more">LEARN MORE></a>
  301 + </div>
  302 + </div>
  303 + <div class="content-third">
  304 + <div class="content-word-center">
  305 + <img src="../images/zhidao.png" width="100%" alt="">
  306 + </div>
  307 + <div class="content-three-word content-word-center">
  308 + <h2>History and Milestones</h2>
  309 + <ul class="history">
  310 + <li>
  311 + 1861 British Army Hospital
  312 + </li>
  313 + <li>
  314 + 1951 Tianjin Municipal People's Hospital
  315 + </li>
  316 + <li>
  317 + 1971 Cancer Hospital
  318 + </li>
  319 + <li>
  320 + 1977 Tianjin Cancer Research Institute
  321 + </li>
  322 + </ul>
  323 + <a href="../details03-03.html" class="learn-more">LEARN MORE></a>
  324 +
  325 + </div>
  326 +
  327 +
  328 + </div>
  329 + <div class="content-four ">
  330 + <h2>QUICK FACTS</h2>
  331 + <div class="swiper-container" id="d_slider">
  332 + <div class="swiper-wrapper ">
  333 + <div class="swiper-slide content-four-img">
  334 + <img src="../images/1.png" alt="">
  335 + <div class="swiper_desc">
  336 + <div class="inner_desc">
  337 +
  338 + </div>
  339 + </div>
  340 + </div>
  341 + <div class="swiper-slide content-four-img">
  342 + <img src="../images/2.png" alt="">
  343 + <div class="swiper_desc">
  344 + <div class="inner_desc">
  345 + Advanced National Training Courses of 63000 square meters and Cancer Insitute &
  346 + Hospital!Welcome to the TianJin
  347 + </div>
  348 + </div>
  349 + </div>
  350 + <div class="swiper-slide content-four-img">
  351 + <img src="../images/3.png" alt="">
  352 + <div class="swiper_desc">
  353 + <div class="inner_desc">
  354 + Advanced National Training Courses of 63000 square meters and Cancer Insitute &
  355 + Hospital!Welcome to the TianJin
  356 + </div>
  357 + </div>
  358 + </div>
  359 + </div>
  360 + <!-- Add Pagination -->
  361 + <img src="../images/03pc-second/pic%20(7).png" class="arrow-left" alt="">
  362 + <div class="swiper-pagination"></div>
  363 + <img src="../images/03pc-second/pic%20(8).png" class="arrow-right" alt="">
  364 +
  365 +
  366 + </div>
  367 + <div class="content-one-word content-word-center">
  368 + <h2>ORGANIZATION MANAGEMENT</h2>
  369 + <p>
  370 + Tianjin Medical University Cancer Institute& Hospital is the birthplace of oncology in China.
  371 + The hospital was originally established in 1861 as The British Army Hospital, and later renamed
  372 + as the London Christian Church Hospital and Dr. Machenzie Memorial
  373 + Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in
  374 + 1951. In 1952, the first tumor ward in China was established in our hospital by pioneering
  375 + oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
  376 + Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the
  377 + present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital
  378 + was affiliated to the Tianjin Medical
  379 + University and was officially named as The Tianjin Medical University Cancer Institute and
  380 + Hospital (TMUCIH).
  381 + </p>
  382 + <a href="history.html" class="learn-more">LEARN MORE></a>
  383 +
  384 + </div>
  385 + </div>
  386 +
  387 +
  388 + </div>
  389 + <footer class="footer-content">
  390 + <div class="footer-main">
  391 +
  392 + <ul class="list-unstyled third-ul">
  393 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  394 + <li>Tianjin 300060</li>
  395 + <li>China</li>
  396 + <li>Tel/Fax: 0086-22-23359337</li>
  397 + <li>Email: info@tjmuch.com</li>
  398 + </ul>
  399 + <ul class="list-unstyled first-ul">
  400 + <li><img src="images/yikeda.png" width="160px" alt=""></li>
  401 + <li><img src="images/tjuc.png" width="160px" alt=""></li>
  402 + </ul>
  403 + </div>
  404 + </footer>
  405 +
  406 + </div>
  407 + <div class="mobile container-fluid">
  408 + <nav class="title-left-right">
  409 + <a class="navbar-brand logo title-left" href="#">
  410 + <img class="brand-logo" src="../images/01mobile-main/pic%20(5).png" alt="">
  411 + </a>
  412 + <a class="title-right" href="./mobilepage/mbsecondmenuAbout.html">
  413 + <img class="navbar-toggle " src="../images/01mobile-main/pic%20(3).png" alt="">
  414 + </a>
  415 + </nav>
  416 + <div class="container">
  417 + <div class="word-title">
  418 + <h2>WELOCME MESSAGE</h2>
  419 + <p>Welocme to the Tianjin readers will have trouble with your forms if you don't include a label for
  420 + every input. For these input groups, ensure that any additional label or functionality is conveyed
  421 + to assistive technologies.any For these
  422 + input groups, ensure that any additional label or functionality is conveyed to assistive
  423 + technologies.any additional label or functionality is conveyed to assistive technologies.</p>
  424 + <a href="welcome.html" class="learn-more">
  425 + LEARN MORE >
  426 + </a>
  427 + </div>
  428 + <div class="word-title">
  429 + <img class="mb2rem" src="../images/04mobile-secondpage/pic%20(3).png" alt="">
  430 + <h2>MISSION</h2>
  431 + <p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best
  432 + treatment and care for cancer patients through promoting cancer research, treatment and education
  433 + and to achieve the goal of decreasing the
  434 + incidence of cancer and improving the quality of life of cancer patients in China.</p>
  435 + <h2>VISION</h2>
  436 + <p> The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously
  437 + strengthen its status as a major national and international center for cancer research, treatment,
  438 + prevention and education and to closely collaborate
  439 + with leading cancer centers worldwide in the fight against all types of cancer. </p>
  440 + <h2>MOTTO</h2>
  441 + <p>
  442 + To provide patients with uttermost integrity and state-of-the-art medicine To improve our
  443 + profession with ingenuity and innovations
  444 + </p>
  445 + <a href="history.html" class="learn-more">
  446 + LEARN MORE >
  447 + </a>
  448 + </div>
  449 + <div class="word-title">
  450 + <img class="mb2rem" src="../images/04mobile-secondpage/pic%20(1).png" alt="">
  451 + <h2>History and Milestones</h2>
  452 + <p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
  453 + label for everytrouble with your forms if you don't include a label for every input. For these
  454 + input groups, ensure that any additional label or functionality
  455 + is conveyed to assistive technologies.any additional label or functionality is conveyed to
  456 + assistive technologies.</p>
  457 + <a href="../details03-03.html" class="learn-more">
  458 + LEARN MORE >
  459 + </a>
  460 + </div>
  461 + <div class="word-title">
  462 + <!-- Swiper -->
  463 + <div class="swiper-container swiper-container-m1">
  464 + <div class="swiper-wrapper">
  465 + <div class="swiper-slide">
  466 + <img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
  467 + <!-- <p>
  468 + A description list is perfect for defining terms.A description list is perfect for defining terms.A description list is perfect
  469 + for defining terms.A description list is perfect for defining terms.A description list is
  470 + perfect for defining terms.A description list is perfect for defining terms.
  471 + </p> -->
  472 + </div>
  473 + <div class="swiper-slide">
  474 + <div>
  475 + <img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
  476 + </div>
  477 + </div>
  478 + <div class="swiper-slide">
  479 + <img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
  480 + </div>
  481 + </div>
  482 + <!-- Add Pagination -->
  483 + <div class="swiper-pagination"></div>
  484 + </div>
  485 +
  486 + <h2 class="mt3rem">ORGANIZATION MANGEMENT</h2>
  487 + <p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
  488 + label for everytrouble with your forms if you don't include a label for every input. For these
  489 + input groups, ensure that any additional dditional label or functionality
  490 + is conveyed to assistive technologies.</p>
  491 + <a href="../index.html" class="learn-more">
  492 + LEARN MORE >
  493 + </a>
  494 +
  495 + </div>
  496 + <div class="footer-log">
  497 + <img src="../images/01mobile-main/pic%20(1).png" alt="">
  498 + </div>
  499 + </div>
  500 +<footer class="footer-content">
  501 + <div class="footer-main">
  502 +
  503 + <ul class="list-unstyled third-ul">
  504 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  505 + <li>Tianjin 300060</li>
  506 + <li>China</li>
  507 + <li>Tel/Fax: 0086-22-23359337</li>
  508 + <li>Email: info@tjmuch.com</li>
  509 + </ul>
  510 + <ul class="list-unstyled first-ul">
  511 + <li><img src="images/yikeda.png" width="160px" alt=""></li>
  512 + <li><img src="images/tjuc.png" width="160px" alt=""></li>
  513 + </ul>
  514 + </div>
  515 + </footer>
  516 + </div>
  517 + <script src="../js/jquery-1.11.3.min.js"></script>
  518 + <script src="../js/bootstrap.min.js"></script>
  519 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  520 + <script src="../js/common.js"></script>
  521 + <script>
  522 + $(document).ready(function () {
  523 + $(".btn-group").find(".navbtn-a").click(function () {
  524 + console.log(this)
  525 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  526 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  527 + })
  528 + });
  529 +
  530 + var swiper = new Swiper('#d_slider', {
  531 + autoplay: {
  532 + delay: 3000,
  533 + disableOnInteraction: false,
  534 + },
  535 + allowTouchMove: true,
  536 + lazy: {
  537 + loadPrevNext: true,
  538 + loadPrevNextAmount: 3,
  539 + },
  540 + centeredSlides: true,
  541 + spaceBetween: 50,
  542 + slidesOffsetBefore: 40,
  543 + loop: true,
  544 + slidesPerView: 'auto',
  545 + on: {},
  546 + pagination: {
  547 + el: '.swiper-pagination',
  548 + clickable: true,
  549 + renderBullet: function (index, className) {
  550 + return '<div class="' + className + '"><span></span><i></i></div>';
  551 + },
  552 + },
  553 + navigation: {
  554 + nextEl: '.arrow-right',
  555 + prevEl: '.arrow-left',
  556 + },
  557 + });
  558 + </script>
  559 +</body>
  560 +
  561 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .single_box {
  15 + margin-bottom: 44px;
  16 + width: auto;
  17 + }
  18 +
  19 + .single_box:last-child {
  20 + margin: 0;
  21 + }
  22 +
  23 + .content-word {
  24 + position: relative;
  25 + }
  26 +
  27 + .content-word-left {
  28 + position: absolute;
  29 + top: 0;
  30 + left: 50%;
  31 + height: 100%;
  32 + display: flex;
  33 + display: -webkit-flex;
  34 + flex-flow: column;
  35 + justify-content: space-between;
  36 + box-sizing: border-box;
  37 + }
  38 +
  39 + .single_date {
  40 + height: auto;
  41 + display: flex;
  42 + display: -webkit-flex;
  43 + flex-flow: column;
  44 + justify-content: space-between;
  45 + }
  46 +
  47 + .single_date h3 {
  48 + color: #000;
  49 + padding: 0;
  50 + margin: 0;
  51 + }
  52 + .content-word-right {
  53 + color: #01a26e;
  54 + flex: unset;
  55 + width: 400px !important;
  56 + margin: 0 auto;
  57 + transform: translateX(-70%);
  58 + }
  59 + .single_data_inner{
  60 + font-size: 16px
  61 + }
  62 + .single_data_inner p{
  63 + margin-bottom: 5px;
  64 + }
  65 +
  66 + .word_item{
  67 + width: 300px;
  68 + flex: unset;
  69 + }
  70 + .first_item{
  71 + width:500px;
  72 + }
  73 + .word_item .single_box{
  74 + width: auto;
  75 + height: auto;
  76 + }
  77 + .q_title{
  78 + display: flex;
  79 + align-items: center;
  80 + margin-bottom: 15px
  81 + }
  82 + .q_title img{
  83 + height: 30px;
  84 + width: 30px;
  85 + margin-right: 15px;
  86 + align-self: flex-end;
  87 + margin-bottom: 5px;
  88 + }
  89 + .left_desc{
  90 + display: inline-block;width: 200px;
  91 + }
  92 + </style>
  93 +</head>
  94 +
  95 +<body>
  96 + <nav class="navbar navbar-default bgf mb0">
  97 + <div class="container-fluid top_pc_brand">
  98 + <div class="navbar-header">
  99 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  100 + aria-expanded="true">
  101 + <span class="sr-only">Toggle navigation</span>
  102 + <span class="icon-bar"></span>
  103 + <span class="icon-bar"></span>
  104 + <span class="icon-bar"></span>
  105 + </button>
  106 + <a class="navbar-brand logo" href="../index.html">
  107 + <img class="brand-logo" src="../images/logo.png" alt="">
  108 + </a>
  109 + </div>
  110 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  111 + <div class="search-group mt30 form-group navbar-text navbar-right">
  112 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  113 + <input type="text" class="form-control search-input" placeholder="Search">
  114 + <div class="magnifier">
  115 + <img src="../images/search_btn.png" alt="">
  116 + </div>
  117 + </div>
  118 + </div>
  119 + </div>
  120 + </nav>
  121 + <div class="container-fluid pc">
  122 + <div class="mask"></div>
  123 + <div class="bs-example" data-example-id="simple-justified-button-group">
  124 + <ul class="nav_menu_items">
  125 + <li class="btn navbtnActive navbtn-a" role="button">
  126 + <a href="javascript:;">ABOUT US</a>
  127 + <div class='sec_menu_items'>
  128 + <a href="../about/welcome.html" class="inner_item">
  129 + Welcome Message
  130 + </a>
  131 + <a href="../about/mission.html" class="inner_item">
  132 + Mission and Vision
  133 + </a>
  134 + <a href="../about/leadership.html" class="inner_item">
  135 + Leadership
  136 + </a>
  137 + <a href="../about/history.html" class="inner_item">
  138 + History and Milestones
  139 + </a>
  140 + <a href="../about/quick.html" class="inner_item">
  141 + Quick Facts
  142 + </a>
  143 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  144 + </div>
  145 + </li>
  146 + <li class="btn navbtn-a" role="button">
  147 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  148 + <div class='sec_menu_items'>
  149 + <div href="../clinical/departments.html" onclick="location.href='../clinical/departments.html'"
  150 + class="inner_item">
  151 + Clinical Departments
  152 + <div class="third_menu_items">
  153 + <a href="../clinical/departm.html" class="inner_item">
  154 + Surgical Department
  155 + </a>
  156 + <a href="../clinical/medical.html" class="inner_item">
  157 + Medical Oncology
  158 + </a>
  159 + <a href="../clinical/radiation.html" class="inner_item">
  160 + Radiation Oncology
  161 + </a>
  162 + <a href="../clinical/diagnostic.html" class="inner_item">
  163 + Diagnostic Oncology
  164 + </a>
  165 + <a href="../clinical/center.html" class="inner_item">
  166 + Center of Excellences
  167 + </a>
  168 + </div>
  169 + </div>
  170 + <a href="../clinical/activities.html" class="inner_item">
  171 + Clinical Activities
  172 + </a>
  173 + <a href="../clinical/trials.html" class="inner_item">
  174 + Clinical Trials
  175 + </a>
  176 + <a href="../clinical/finddoctor.html" class="inner_item">
  177 + Find a Doctor
  178 + </a>
  179 + </div>
  180 + </li>
  181 + <li class="btn navbtn-a" role="button">
  182 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  183 + <div class='sec_menu_items'>
  184 +
  185 + <a href="../research/nationalCancer.html" class="inner_item">
  186 + National Cancer Clinical Research Center
  187 + </a>
  188 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  189 + Research
  190 + <div class="third_menu_items">
  191 + <a href="../research/research1.html" class="inner_item">
  192 + Research programs
  193 + </a>
  194 + <a href="../research/research2.html" class="inner_item">
  195 + Achievements
  196 + </a>
  197 + <a href="../research/research3.html" class="inner_item">
  198 + Key Labaratories
  199 + </a>
  200 + <a href="../research/researcher.html" class="inner_item">
  201 + Find a Researcher
  202 + </a>
  203 + </div>
  204 + </div>
  205 + <div href="../research/education.html" onclick="location.href='../research/education.html'"
  206 + class="inner_item">
  207 + Education
  208 + <div class="third_menu_items">
  209 + <a href="../research/education.html" class="inner_item">
  210 + Graduate Study
  211 + </a>
  212 + <a href="../research/education.html" class="inner_item">
  213 + International Study
  214 + </a>
  215 + <a href="../research/education.html" class="inner_item">
  216 + Continuing Study
  217 + </a>
  218 + </div>
  219 + </div>
  220 + <a href="../research/news.html" class="inner_item">
  221 + News
  222 + </a>
  223 + </div>
  224 + </li>
  225 + <li class="btn navbtn-a" role="button">
  226 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  227 + <div class='sec_menu_items'>
  228 + <div href="javascript:;" class="inner_item">
  229 + About Us
  230 + <div class="third_menu_items">
  231 + <a href="../institute/aboutus.html" class="inner_item">
  232 + About Us
  233 + </a>
  234 + <a href="../institute/leadership.html" class="inner_item">
  235 + Leadership
  236 + </a>
  237 + <a href="../institute/history.html" class="inner_item">
  238 + History
  239 + </a>
  240 + <a href="../institute/report.html" class="inner_item">
  241 + Annual Report
  242 + </a>
  243 + </div>
  244 + </div>
  245 + <div href="../clinical/nursing.html" class="inner_item">
  246 + Research
  247 + <div class="third_menu_items">
  248 + <a href="../institute/researchers.html" class="inner_item">
  249 + Our Researchers
  250 + </a>
  251 + <a href="../institute/facilities.html" class="inner_item">
  252 + Core Facilities and Services
  253 + </a>
  254 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  255 + Journal of Clinical Oncology
  256 + </a>
  257 + </div>
  258 + </div>
  259 + <a href="../institute/news.html" class="inner_item">
  260 + News
  261 + </a>
  262 + <a href="../institute/concat.html" class="inner_item">
  263 + Contact Us
  264 + </a>
  265 + </div>
  266 + </li>
  267 + <li class="btn navbtn-a" role="button">
  268 + <a href="../contact.html">NURSING CARE</a>
  269 + <div class='sec_menu_items'>
  270 + <a href="../care/aboutus.html" class="inner_item">
  271 + About Us
  272 + </a>
  273 + <a href="../care/activity.html" class="inner_item">
  274 + Nursing Activities
  275 + </a>
  276 + <a href="../care/training.html" class="inner_item">
  277 + Nurse Training
  278 + </a>
  279 + <a href="../care/achievement.html" class="inner_item">
  280 + Research Achievement
  281 + </a>
  282 + <a href="../care/exchange.html" class="inner_item">
  283 + International Exchanges
  284 + </a>
  285 + <a href="../care/cancer.html" class="inner_item">
  286 + Cancer Survivorship Support
  287 + </a>
  288 + <a href="../care/news.html" class="inner_item">
  289 + News & Events
  290 + </a>
  291 + <a href="../care/contactUs.html" class="inner_item">
  292 + Contact Us
  293 + </a>
  294 + </div>
  295 + </li>
  296 + <li class="btn navbtn-a" role="button">
  297 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  298 + <div class='sec_menu_items'>
  299 + <a href="../international/conference.html" class="inner_item">
  300 + International Conferences
  301 + </a>
  302 + <a href="../international/training.html" class="inner_item">
  303 + Oversea Trainings
  304 + </a>
  305 + <a href="../international/referral.html" class="inner_item">
  306 + International Patients
  307 + </a>
  308 + <a href="../international/partners.html" class="inner_item">
  309 + Partnership Institutions
  310 + </a>
  311 +
  312 + </div>
  313 + </li>
  314 + <li class="btn navbtn-a" role="button">
  315 + <a href="../news.html">NEWS RELEASE</a>
  316 + </li>
  317 + </ul>
  318 + </div>
  319 +
  320 + <!-- Swiper -->
  321 + <div class="img-header">
  322 + <img src="../images/quick_1.png" width="100%" alt="">
  323 + </div>
  324 + <div class="content">
  325 + <div class="top_title_inner">
  326 + QUICK FACTS
  327 + </div>
  328 + <div class="content-word">
  329 + <div class="word_item first_item">
  330 + <div class="single_date">
  331 + <div class="single_box">
  332 + <img src="../images/q1.png" alt="">
  333 + </div>
  334 + <div class="single_data_inner">
  335 + <div class="q_title">
  336 + <img src="../images/jiantou.png" style="transform:rotate(90deg); width: 30px; " alt=""
  337 + srcset="">
  338 + <H3>
  339 + Main Campus
  340 + </H3>
  341 + </div>
  342 +
  343 + <p>
  344 + <span class="left_desc">• Cover Area: 63,000㎡</span>
  345 + <span>• Building Area: 175,052㎡</span>
  346 + </P>
  347 + <P>
  348 + <span class="left_desc">• Beds: 2,198</span>
  349 + <span>• Staffs: 2,993</span>
  350 + </P>
  351 + <P>
  352 + <span>• Outpatient visits: 1,224,629</span>
  353 + </P>
  354 + <P>
  355 + <span class="left_desc">• In-patients visits: 103,123</span>
  356 + <span>• Operations: 32,462</span>
  357 + </P>
  358 +
  359 + </div>
  360 +
  361 + </div>
  362 + </div>
  363 + <div class="word_item">
  364 +
  365 + <div class="single_date" style="width: 240px; margin:0 auto; justify-content:flex-end;">
  366 +
  367 + <div class="single_data_inner">
  368 + <div class="q_title">
  369 + <H3>
  370 + Airport Free Trade Zone Hospital
  371 + </H3>
  372 + </div>
  373 +
  374 + </P>
  375 + <P>
  376 + • Building Area: 116,255㎡
  377 + </P>
  378 + <P>
  379 + • Beds: 1,000
  380 + </P>
  381 + <P>
  382 + • Staffs: 450
  383 + </P>
  384 + <div class="center" style="padding: 20px">
  385 + <img src="../images/jiantou.png" alt=""
  386 + style="transform:rotate(270deg); width: 30px; " />
  387 + </div>
  388 +
  389 + </div>
  390 + </div>
  391 + <div class="single_box">
  392 + <img src="../images/q2.png" alt="">
  393 + </div>
  394 + </div>
  395 + <div class="word_item">
  396 + <div class="single_date" style="justify-content:flex-start;padding-top: 7px" >
  397 + <div class="single_data_inner">
  398 + <div class="q_title">
  399 + <img src="../images/jiantou.png" style="transform:rotate(-90deg); "
  400 + alt="" srcset="">
  401 + <div>
  402 + <H3>
  403 + Binhai Hospital
  404 + </H3>
  405 + <P>
  406 + • Covers 150,000㎡
  407 + </P>
  408 + <P>
  409 + • Beds:1200
  410 + </P>
  411 + <P>
  412 + • Put into use in 2020
  413 + </P>
  414 + </div>
  415 +
  416 + </div>
  417 +
  418 +
  419 +
  420 + </div>
  421 + <div class="single_box">
  422 + <img src="../images/q3.png" alt="">
  423 + </div>
  424 + </div>
  425 +
  426 + </div>
  427 + <!-- <div class="content-word-right">
  428 +
  429 +
  430 +
  431 + </div>
  432 + <div class="content-word-left">
  433 +
  434 +
  435 +
  436 +
  437 + </div> -->
  438 + </div>
  439 + </div>
  440 + <footer class="footer-content">
  441 + <div class="footer-main">
  442 +
  443 + <ul class="list-unstyled third-ul">
  444 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  445 + <li>Tianjin 300060</li>
  446 + <li>China</li>
  447 + <li>Tel/Fax: 0086-22-23359337</li>
  448 + <li>Email: info@tjmuch.com</li>
  449 + </ul>
  450 + <ul class="list-unstyled first-ul">
  451 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  452 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  453 + </ul>
  454 + </div>
  455 + </footer>
  456 +
  457 + </div>
  458 + <script src="../js/jquery-1.11.3.min.js"></script>
  459 + <script src="../js/bootstrap.min.js"></script>
  460 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  461 + <script src="../js/common.js"></script>
  462 + <script>
  463 + $(document).ready(function () {
  464 + $(".btn-group").find(".navbtn-a").click(function () {
  465 + console.log(this)
  466 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  467 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  468 + })
  469 + })
  470 + var swiper = new Swiper('.swiper-container', {
  471 + pagination: '.swiper-pagination',
  472 + paginationClickable: true
  473 + });
  474 +
  475 + var swiper = new Swiper('.swiper-container1', {
  476 + pagination: '.swiper-pagination',
  477 + slidesPerView: 3,
  478 + paginationClickable: true,
  479 + spaceBetween: 30
  480 + });
  481 + </script>
  482 +</body>
  483 +
  484 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .prof_box{
  15 + justify-content: flex-start;
  16 + }
  17 + </style>
  18 +</head>
  19 +
  20 +<body>
  21 + <nav class="navbar navbar-default bgf mb0">
  22 + <div class="container-fluid top_pc_brand">
  23 + <div class="navbar-header">
  24 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  25 + aria-expanded="true">
  26 + <span class="sr-only">Toggle navigation</span>
  27 + <span class="icon-bar"></span>
  28 + <span class="icon-bar"></span>
  29 + <span class="icon-bar"></span>
  30 + </button>
  31 + <a class="navbar-brand logo" href="../index.html">
  32 + <img class="brand-logo" src="../images/logo.png" alt="">
  33 + </a>
  34 + </div>
  35 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  36 + <div class="search-group mt30 form-group navbar-text navbar-right">
  37 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  38 + <input type="text" class="form-control search-input" placeholder="Search">
  39 + <div class="magnifier">
  40 + <img src="../images/search_btn.png" alt="">
  41 + </div>
  42 + </div>
  43 + </div>
  44 + </div>
  45 + </nav>
  46 + <div class="container-fluid pc">
  47 + <div class="mask"></div>
  48 + <div class="bs-example" data-example-id="simple-justified-button-group">
  49 + <ul class="nav_menu_items">
  50 + <li class="btn navbtnActive navbtn-a" role="button">
  51 + <a href="javascript:;">ABOUT US</a>
  52 + <div class='sec_menu_items'>
  53 + <a href="../about/welcome.html" class="inner_item">
  54 + Welcome Message
  55 + </a>
  56 + <a href="../about/mission.html" class="inner_item">
  57 + Mission and Vision
  58 + </a>
  59 + <a href="../about/leadership.html" class="inner_item">
  60 + Leadership
  61 + </a>
  62 + <a href="../about/history.html" class="inner_item">
  63 + History and Milestones
  64 + </a>
  65 + <a href="../about/quick.html" class="inner_item">
  66 + Quick Facts
  67 + </a>
  68 + <a href="../about/contact.html" class="inner_item">Contact Us</a>
  69 + </div>
  70 + </li>
  71 + <li class="btn navbtn-a" role="button">
  72 + <a href="JavaScript:;">CLINICAL RESOURCES</a>
  73 + <div class='sec_menu_items'>
  74 + <div href="../clinical/departments.html" class="inner_item">
  75 + Clinical Departments
  76 + <div class="third_menu_items">
  77 + <a href="../clinical/departm.html" class="inner_item">
  78 + Surgical Department
  79 + </a>
  80 + <a href="../clinical/medical.html" class="inner_item">
  81 + Medical Oncology
  82 + </a>
  83 + <a href="../clinical/radiation.html" class="inner_item">
  84 + Radiation Oncology
  85 + </a>
  86 + <a href="../clinical/diagnostic.html" class="inner_item">
  87 + Diagnostic Oncology
  88 + </a>
  89 + <a href="../clinical/center.html" class="inner_item">
  90 + Center of Excellences
  91 + </a>
  92 + </div>
  93 + </div>
  94 + <a href="../clinical/activities.html" class="inner_item">
  95 + Clinical Activities
  96 + </a>
  97 + <a href="../clinical/trials.html" class="inner_item">
  98 + Clinical Trials
  99 + </a>
  100 + <a href="../clinical/finddoctor.html" class="inner_item">
  101 + Find a Doctor
  102 + </a>
  103 + </div>
  104 + </li>
  105 + <li class="btn navbtn-a" role="button">
  106 + <a href="javascript:;">RESEARCH & EDUCATION</a>
  107 + <div class='sec_menu_items'>
  108 +
  109 + <a href="../research/nationalCancer.html" class="inner_item">
  110 + National Cancer Clinical Research Center
  111 + </a>
  112 + <div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
  113 + Research
  114 + <div class="third_menu_items">
  115 + <a href="../research/research1.html" class="inner_item">
  116 + Research programs
  117 + </a>
  118 + <a href="../clinical/research2.html" class="inner_item">
  119 + Achievements
  120 + </a>
  121 + <a href="../clinical/research3.html" class="inner_item">
  122 + Key Labaratories
  123 + </a>
  124 + <a href="../research/researcher.html" class="inner_item">
  125 + Find a Researcher
  126 + </a>
  127 + </div>
  128 + </div>
  129 + <div href="../research/education.html" onclick="location.href='../research/education.html'"
  130 + class="inner_item">
  131 + Education
  132 + <div class="third_menu_items">
  133 + <a href="../research/education.html" class="inner_item">
  134 + Graduate Study
  135 + </a>
  136 + <a href="../research/education.html" class="inner_item">
  137 + International Study
  138 + </a>
  139 + <a href="../research/education.html" class="inner_item">
  140 + Continuing Study
  141 + </a>
  142 + </div>
  143 + </div>
  144 + <a href="../research/news.html" class="inner_item">
  145 + News
  146 + </a>
  147 + </div>
  148 + </li>
  149 + <li class="btn navbtn-a" role="button">
  150 + <a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
  151 + <div class='sec_menu_items'>
  152 + <div href="javascript:;" class="inner_item">
  153 + About Us
  154 + <div class="third_menu_items">
  155 + <a href="../institute/aboutus.html" class="inner_item">
  156 + About Us
  157 + </a>
  158 + <a href="../institute/leadership.html" class="inner_item">
  159 + Leadership
  160 + </a>
  161 + <a href="../institute/history.html" class="inner_item">
  162 + History
  163 + </a>
  164 + <a href="../institute/report.html" class="inner_item">
  165 + Annual Report
  166 + </a>
  167 + </div>
  168 + </div>
  169 + <div href="../clinical/nursing.html" class="inner_item">
  170 + Research
  171 + <div class="third_menu_items">
  172 + <a href="../institute/researchers.html" class="inner_item">
  173 + Our Researchers
  174 + </a>
  175 + <a href="../institute/facilities.html" class="inner_item">
  176 + Core Facilities and Services
  177 + </a>
  178 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  179 + Journal of Clinical Oncology
  180 + </a>
  181 + </div>
  182 + </div>
  183 + <a href="../institute/news.html" class="inner_item">
  184 + News
  185 + </a>
  186 + <a href="../institute/concat.html" class="inner_item">
  187 + Contact Us
  188 + </a>
  189 + </div>
  190 + </li>
  191 + <li class="btn navbtn-a" role="button">
  192 + <a href="../contact.html">NURSING CARE</a>
  193 + <div class='sec_menu_items'>
  194 + <a href="../care/aboutus.html" class="inner_item">
  195 + About Us
  196 + </a>
  197 + <a href="../care/activity.html" class="inner_item">
  198 + Nursing Activities
  199 + </a>
  200 + <a href="../care/training.html" class="inner_item">
  201 + Nurse Training
  202 + </a>
  203 + <a href="../care/achievement.html" class="inner_item">
  204 + Research Achievement
  205 + </a>
  206 + <a href="../care/exchange.html" class="inner_item">
  207 + International Exchanges
  208 + </a>
  209 + <a href="../care/cancer.html" class="inner_item">
  210 + Cancer Survivorship Support
  211 + </a>
  212 + <a href="../care/news.html" class="inner_item">
  213 + News & Events
  214 + </a>
  215 + <a href="../care/contactUs.html" class="inner_item">
  216 + Contact Us
  217 + </a>
  218 + </div>
  219 + </li>
  220 + <li class="btn navbtn-a" role="button">
  221 + <a href="javascript:;">INTERNATIONAL AFFAIRS</a>
  222 + <div class='sec_menu_items'>
  223 + <a href="../international/conference.html" class="inner_item">
  224 + International Conferences
  225 + </a>
  226 + <a href="../international/training.html" class="inner_item">
  227 + Oversea Trainings
  228 + </a>
  229 + <a href="../international/referral.html" class="inner_item">
  230 + International Patients
  231 + </a>
  232 + <a href="../international/partners.html" class="inner_item">
  233 + Partnership Institutions
  234 + </a>
  235 +
  236 + </div>
  237 + </li>
  238 + <li class="btn navbtn-a" role="button">
  239 + <a href="../news.html">NEWS RELEASE</a>
  240 + </li>
  241 + </ul>
  242 + </div>
  243 +
  244 + <!-- Swiper -->
  245 + <div class="img-header">
  246 + <img src="../images/wel_banner.png" width="100%" alt="">
  247 + </div>
  248 + <div class="content">
  249 + <div class="content-word">
  250 + <div class="content-word-left">
  251 + <div class="top_title_inner">
  252 + WELCOME MESSAGE
  253 + </div>
  254 + <h4>Welcome to the Tianjin Medical University Cancer Institute & Hospital</h4>
  255 + <p>Tianjin Medical University Cancer Institute & Hospital is the birthplace of oncology in China. The
  256 + hospital was originally established in 1861 as The British Army Hospital, and later renamed as the
  257 + London Christian Church Hospital and Dr. Machenzie Memorial Hospital. The hospital was subsequently
  258 + renamed as "Tianjin Municipal People's Hospital" in 1951. In 1952, the first tumor ward in China was
  259 + established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin Cancer
  260 + Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the present site
  261 + and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to
  262 + the Tianjin Medical University and was officially named as The Tianjin Medical University Cancer
  263 + Institute and Hospital (TMUCIH).</p>
  264 + <p>With one and half centuries of history, TMUCIH has developed into one of the largest specialized
  265 + hospitals in China with integrated patient care, education, training, research and preventative
  266 + medicine with 2500 beds, 46 clinical and diagnostic departments and 13 basic research departments.
  267 + In 2013, Tianjin Medical University Cancer Institute and Hospital was designated as National
  268 + Clinical Research Center for Cancer by the Ministry of Science and Technology of The People’s
  269 + Republic of China. In 2017, Oncology was ranked as the National “World-Class” Academic Development
  270 + by The Ministry of Education, the Ministry of Finance, and the National Development and Reform
  271 + Commission.</p>
  272 +
  273 + <p>The hospital covers area of 63,000 square meters and 175,052square meters of the building area. In
  274 + 2017, there were 1,150,000 outpatient clinic visits, 86,000 In-patients visits and 30,000
  275 + operations. TMUCIH has 3000 full-time staff members; among them are 275 senior professionals
  276 + including an academician from The Chinese Academy of Engineering, a Specially Appointed Professor
  277 + and two Visiting Professors from the National Yangtze Scholar Plan, 15 experts who enjoy The Special
  278 + Allowance from the State Council and 6 experts ranked as Excellent Talents of the New Century by the
  279 + Ministry of Education.</p>
  280 + <p>The most recognized specialties in the hospital are basic and clinical research on breast cancer,
  281 + lung cancer, biotherapy, molecular imaging, radiation oncology, medical oncology, pathology as well
  282 + as cancer Epidemiology. Oncology is a National Key subject and a“National 211 Project” Key
  283 + Construction Subject. The hospital has a Key Breast Cancer Prevention and Treatment Laboratory
  284 + authorized by the Ministry of Education and two Ministry of Education Innovation Teams, a National
  285 + Experimental Clinical Medicine Institute, and a Ministry of Health National Continuing Medical
  286 + Education Base, . Oncology, chest surgery, pathology and nursing are selected national key clinical
  287 + construction specialties. The hospital Breast Cancer Center is the largest one in China.</p>
  288 +
  289 + <p>TMUCIH launched “Advanced National Oncologists and pathologists training course” commissioned by the
  290 + Ministry of Health. TMUCIH has been offering 51 advanced courses for oncologists and 37 courses for
  291 + pathologists nationwide since 1954. There are more than 5,500 doctors who have been trained here.
  292 + TMUCIH issued the first cancer journal “Chinese Journal of Clinical Oncology (CJCO)”, which is one
  293 + of the major state level journals, in 1963. The English edition of CJCO was launched in 2004. China
  294 + Anti-Cancer Association (CACA) was also established in TMUCIH in 1984. CACA has now developed 64
  295 + professional societies and 31 local anti-cancer associations around China with a total membership
  296 + exceeding 200000.</p>
  297 + <p>Our hospital strives for excellence, strict management and first class service to fulfill our
  298 + hospital motto of “Providing patients with uttermost integrity and state-of-art medicine and
  299 + improving our profession with ingenuity and innovation”. The hospital has won special honors, such
  300 + as National Civilization Unite; Health Circle National Advanced Unite; and Young Civilized
  301 + Institution authorized by Ministry of Health.</p>
  302 +
  303 + <p>We are confident that we will offer the best treatment and care for cancer patients through
  304 + promoting cancer research, treatment, and education.</p>
  305 +
  306 +
  307 + </div>
  308 +
  309 + </div>
  310 + <!-- 形象墙 -->
  311 + <div class='prof_box'>
  312 +
  313 + <div class="prof_item">
  314 + <div class="prof_img_box">
  315 + <img src="../images/prof2.png" width="100%" alt="">
  316 + </div>
  317 + <div class="prof_desc">
  318 + Prof. Wei Lu<br>
  319 + Secretary of CPC
  320 + </div>
  321 + </div>
  322 + <div class="prof_item">
  323 + <div class="prof_img_box">
  324 + <img src="../images/prof1.png" width="100%" alt="">
  325 + </div>
  326 +
  327 + <div class="prof_desc">
  328 + Ping Wang, M.D.,
  329 + <br>
  330 + President and Professor
  331 + </div>
  332 + </div>
  333 + </div>
  334 + </div>
  335 + <footer class="footer-content">
  336 + <div class="footer-main">
  337 +
  338 + <ul class="list-unstyled third-ul">
  339 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  340 + <li>Tianjin 300060</li>
  341 + <li>China</li>
  342 + <li>Tel/Fax: 0086-22-23359337</li>
  343 + <li>Email: info@tjmuch.com</li>
  344 + </ul>
  345 + <ul class="list-unstyled first-ul">
  346 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  347 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  348 + </ul>
  349 + </div>
  350 + </footer>
  351 +
  352 + </div>
  353 + <script src="../js/jquery-1.11.3.min.js"></script>
  354 + <script src="../js/bootstrap.min.js"></script>
  355 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  356 + <script src="../js/common.js"></script>
  357 + <script>
  358 + $(document).ready(function () {
  359 + $(".btn-group").find(".navbtn-a").click(function () {
  360 + console.log(this)
  361 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  362 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  363 + })
  364 + })
  365 + var swiper = new Swiper('.swiper-container', {
  366 + pagination: '.swiper-pagination',
  367 + paginationClickable: true
  368 + });
  369 +
  370 + var swiper = new Swiper('.swiper-container1', {
  371 + pagination: '.swiper-pagination',
  372 + slidesPerView: 3,
  373 + paginationClickable: true,
  374 + spaceBetween: 30
  375 + });
  376 + </script>
  377 +</body>
  378 +
  379 +</html>
  1 +/node_modules
  2 +/gulpfile.js
  3 +/.idea
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .single_box {
  15 + margin-bottom: 44px;
  16 + width: auto;
  17 + }
  18 +
  19 + .single_box:last-child {
  20 + margin: 0;
  21 + }
  22 +
  23 + .content-word {
  24 + position: relative;
  25 + }
  26 +
  27 + .content-word-left {
  28 + position: absolute;
  29 + top: 0;
  30 + left: 50%;
  31 + height: 100%;
  32 + display: flex;
  33 + display: -webkit-flex;
  34 + flex-flow: column;
  35 + justify-content: space-between;
  36 + box-sizing: border-box;
  37 + }
  38 +
  39 + .single_date {
  40 + height: 55px;
  41 + display: flex;
  42 + display: -webkit-flex;
  43 + flex-flow: column;
  44 + justify-content: space-between;
  45 + }
  46 +
  47 + .single_date h3 {
  48 + color: #00A16C;
  49 + padding: 0;
  50 + margin: 0;
  51 + }
  52 + .content-word-right {
  53 + color: #01a26e;
  54 + flex: unset;
  55 + width: 400px !important;
  56 + margin: 0 auto;
  57 + transform: translateX(-70%);
  58 + }
  59 +.timeZone{
  60 + display: block;
  61 + margin: 0 auto;
  62 +}
  63 + </style>
  64 +</head>
  65 +
  66 +<body>
  67 + <nav class="navbar navbar-default bgf mb0">
  68 + <div class="container-fluid top_pc_brand">
  69 + <div class="navbar-header">
  70 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  71 + aria-expanded="true">
  72 + <span class="sr-only">Toggle navigation</span>
  73 + <span class="icon-bar"></span>
  74 + <span class="icon-bar"></span>
  75 + <span class="icon-bar"></span>
  76 + </button>
  77 + <a class="navbar-brand logo" href="../index.html">
  78 + <img class="brand-logo" src="../images/logo.png" alt="">
  79 + </a>
  80 + </div>
  81 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  82 + <div class="search-group mt30 form-group navbar-text navbar-right">
  83 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  84 + <input type="text" class="form-control search-input" placeholder="Search">
  85 + <div class="magnifier">
  86 + <img src="../images/search_btn.png" alt="">
  87 + </div>
  88 + </div>
  89 + </div>
  90 + </div>
  91 + </nav>
  92 + <div class="container-fluid pc">
  93 + <div class="mask"></div>
  94 + <div class="bs-example" data-example-id="simple-justified-button-group">
  95 + <ul class="nav_menu_items">
  96 + <li class="btn navbtnActive navbtn-a" role="button">
  97 + <a href="../pcSecond.html">ABOUT US</a>
  98 + <div class='sec_menu_items'>
  99 + <a href="../about/welcome.html" class="inner_item">
  100 + Welcome Message
  101 + </a>
  102 + <a href="../about/mission.html" class="inner_item">
  103 + Mission and Vision
  104 + </a>
  105 + <a href="../about/leadership.html" class="inner_item">
  106 + Leadership
  107 + </a>
  108 + <a href="../about/history.html" class="inner_item">
  109 + History and Milestones
  110 + </a>
  111 + <a href="../about/quick.html" class="inner_item">
  112 + Quick Facts
  113 + </a>
  114 + </div>
  115 + </li>
  116 + <li class="btn navbtn-a" role="button">
  117 + <a href="../clinical.html">CLINICAL RESOURCES</a>
  118 + <div class='sec_menu_items'>
  119 + <a href="../clinical/departments.html" class="inner_item">
  120 + Clinical Departments
  121 + </a>
  122 + <a href="../clinical/activities.html" class="inner_item">
  123 + Clinical Activities
  124 + </a>
  125 + <a href="../clinical/trials.html" class="inner_item">
  126 + Clinical Trials
  127 + </a>
  128 + <a href="../clinical/finddoctor.html" class="inner_item">
  129 + Find a Doctor
  130 + </a>
  131 + <a href='../clinical/national.html'>National Cancer Clinical <br>
  132 + Research Center</a>
  133 + </div>
  134 + </li>
  135 + <li class="btn navbtn-a" role="button">
  136 + <a href="../research.html">RESEARCH & EDUCATION</a>
  137 + <div class='sec_menu_items'>
  138 + <a href="../research/introduction.html" class="inner_item">
  139 + Introduction
  140 + </a>
  141 + <a href="../research/departments.html" class="inner_item">
  142 + Research Departments
  143 + </a>
  144 + <a href="../research/facility.html" class="inner_item">
  145 + Core Facilities
  146 + </a>
  147 +
  148 + <a href="../research/researcher.html" class="inner_item">
  149 + Find a Researcher
  150 + </a>
  151 + <a href="../research/education.html" class="inner_item">
  152 + Education
  153 + </a>
  154 + <a href="../research/transfer.html" class="inner_item">
  155 + Technology Transfer
  156 + </a>
  157 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  158 + Cancer Journals
  159 + </a>
  160 + </div>
  161 +
  162 + </li>
  163 + <li class="btn navbtn-a" role="button">
  164 + <a href="../international.html">INTERNATIONAL AFFAIRS</a>
  165 + <div class='sec_menu_items'>
  166 + <a href="../international/conference.html" class="inner_item">
  167 + International Conferences
  168 + </a>
  169 + <a href="../international/training.html" class="inner_item">
  170 + Oversea Trainings
  171 + </a>
  172 + <a href="../international/referral.html" class="inner_item">
  173 + International Patients
  174 + </a>
  175 + <a href="../international/partners.html" class="inner_item">
  176 + Partnership Institutions
  177 + </a>
  178 +
  179 + </div>
  180 + </li>
  181 + <li class="btn navbtn-a" role="button">
  182 + <a href="../news.html">NEWS RELEASE</a>
  183 + </li>
  184 + <li class="btn navbtn-a" role="button">
  185 + <a href="../contact.html">CONTACT US</a>
  186 + </li>
  187 + </ul>
  188 +
  189 + </div>
  190 +
  191 + <!-- Swiper -->
  192 + <div class="img-header">
  193 + <img src="../images/h_1.png" width="100%" alt="">
  194 + </div>
  195 + <div class="content">
  196 + <!-- <div class="content-word">
  197 + <div class="content-word-right">
  198 + <div class="single_box">
  199 + <img src="../images/h1.png" alt="">
  200 + </div>
  201 + <div class="single_box">
  202 + <img src="../images/h2.png" alt="">
  203 + </div>
  204 + <div class="single_box">
  205 + <img src="../images/h3.png" alt="">
  206 + </div>
  207 + <div class="single_box">
  208 + <img src="../images/h4.png" alt="">
  209 + </div>
  210 + <div class="single_box">
  211 + <img src="../images/h5.png" alt="">
  212 + </div>
  213 + <div class="single_box">
  214 + <img src="../images/h6.png" alt="">
  215 + </div>
  216 + </div>
  217 + <div class="content-word-left">
  218 + <div class="single_date">
  219 + <H3>2018</H3>
  220 + <P>Airport Free Trade Zone Hospital</P>
  221 + </div>
  222 + <div class="single_date">
  223 + <H3>2013</H3>
  224 + <P>National Clinical Research Center for Cancer</P>
  225 + </div>
  226 + <div class="single_date">
  227 + <H3>2011</H3>
  228 + <P>Comprehensive Center for Clinic and Research</P>
  229 + </div>
  230 + <div class="single_date">
  231 + <H3>2003</H3>
  232 + <P>Comprehensive Breast Cancer Center</P>
  233 + </div>
  234 + <div class="single_date">
  235 + <H3>1997</H3>
  236 + <P>Affiliated to Tianjin Medical University </P>
  237 + </div>
  238 + <div class="single_date">
  239 + <H3>1987</H3>
  240 + <P>Renamed as “Tianjin Cancer Institute & Hospital”</P>
  241 + </div>
  242 + <div class="single_date">
  243 + <H3>1977</H3>
  244 + <P>Tianjin Cancer Research Institute</P>
  245 + </div>
  246 + <div class="single_date">
  247 + <H3>1971</H3>
  248 + <P>Cancer Hospital</P>
  249 + </div>
  250 + <div class="single_date">
  251 + <H3>1951</H3>
  252 + <P>Tianjin Municipal People's Hospital</P>
  253 + </div>
  254 + <div class="single_date">
  255 + <H3>1861</H3>
  256 + <P>British Army Hospital</P>
  257 + </div>
  258 + </div>
  259 +
  260 + </div> -->
  261 +
  262 + <img src="../images/time_zone.png" class='timeZone' alt="">
  263 + </div>
  264 +
  265 +
  266 + </div>
  267 +<footer class="footer-content">
  268 + <div class="footer-main">
  269 +
  270 + <ul class="list-unstyled third-ul">
  271 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  272 + <li>Tianjin 300060</li>
  273 + <li>China</li>
  274 + <li>Tel/Fax: 0086-22-23359337</li>
  275 + <li>Email: tcih@263.net.cn</li>
  276 + </ul>
  277 + <ul class="list-unstyled first-ul">
  278 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  279 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  280 + </ul>
  281 + </div>
  282 + </footer>
  283 + <script src="../js/jquery-1.11.3.min.js"></script>
  284 + <script src="../js/bootstrap.min.js"></script>
  285 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  286 + <script src="../js/common.js"></script>
  287 +
  288 +</body>
  289 +
  290 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 +.ships_list{
  15 + flex: unset;
  16 + width: 900px;
  17 + margin: 0 auto;
  18 +}
  19 +.ships_item{
  20 + width: 178px;
  21 + margin:0 0 40px 100px;
  22 +}
  23 +
  24 +.ships_item:nth-child(3n+1){
  25 + margin-left: 0;
  26 +}
  27 + </style>
  28 +</head>
  29 +
  30 +<body>
  31 + <nav class="navbar navbar-default bgf mb0">
  32 + <div class="container-fluid top_pc_brand">
  33 + <div class="navbar-header">
  34 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  35 + aria-expanded="true">
  36 + <span class="sr-only">Toggle navigation</span>
  37 + <span class="icon-bar"></span>
  38 + <span class="icon-bar"></span>
  39 + <span class="icon-bar"></span>
  40 + </button>
  41 + <a class="navbar-brand logo" href="../index.html">
  42 + <img class="brand-logo" src="../images/logo.png" alt="">
  43 + </a>
  44 + </div>
  45 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  46 + <div class="search-group mt30 form-group navbar-text navbar-right">
  47 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  48 + <input type="text" class="form-control search-input" placeholder="Search">
  49 + <div class="magnifier">
  50 + <img src="../images/search_btn.png" alt="">
  51 + </div>
  52 + </div>
  53 + </div>
  54 + </div>
  55 + </nav>
  56 + <div class="container-fluid pc">
  57 + <div class="mask"></div>
  58 + <div class="bs-example" data-example-id="simple-justified-button-group">
  59 + <ul class="nav_menu_items">
  60 + <li class="btn navbtnActive navbtn-a" role="button">
  61 + <a href="../pcSecond.html">ABOUT US</a>
  62 + <div class='sec_menu_items'>
  63 + <a href="../about/welcome.html" class="inner_item">
  64 + Welcome Message
  65 + </a>
  66 + <a href="../about/mission.html" class="inner_item">
  67 + Mission and Vision
  68 + </a>
  69 + <a href="../about/leadership.html" class="inner_item">
  70 + Leadership
  71 + </a>
  72 + <a href="../about/history.html" class="inner_item">
  73 + History and Milestones
  74 + </a>
  75 + <a href="../about/quick.html" class="inner_item">
  76 + Quick Facts
  77 + </a>
  78 + </div>
  79 + </li>
  80 + <li class="btn navbtn-a" role="button">
  81 + <a href="../clinical.html">CLINICAL RESOURCES</a>
  82 + <div class='sec_menu_items'>
  83 + <a href="../clinical/departments.html" class="inner_item">
  84 + Clinical Departments
  85 + </a>
  86 + <a href="../clinical/activities.html" class="inner_item">
  87 + Clinical Activities
  88 + </a>
  89 + <a href="../clinical/trials.html" class="inner_item">
  90 + Clinical Trials
  91 + </a>
  92 + <a href="../clinical/finddoctor.html" class="inner_item">
  93 + Find a Doctor
  94 + </a>
  95 + <a href='../clinical/national.html'>National Cancer Clinical <br>
  96 + Research Center</a>
  97 + </div>
  98 + </li>
  99 + <li class="btn navbtn-a" role="button">
  100 + <a href="../research.html">RESEARCH & EDUCATION</a>
  101 + <div class='sec_menu_items'>
  102 + <a href="../research/introduction.html" class="inner_item">
  103 + Introduction
  104 + </a>
  105 + <a href="../research/departments.html" class="inner_item">
  106 + Research Departments
  107 + </a>
  108 + <a href="../research/facility.html" class="inner_item">
  109 + Core Facilities
  110 + </a>
  111 +
  112 + <a href="../research/researcher.html" class="inner_item">
  113 + Find a Researcher
  114 + </a>
  115 + <a href="../research/education.html" class="inner_item">
  116 + Education
  117 + </a>
  118 + <a href="../research/transfer.html" class="inner_item">
  119 + Technology Transfer
  120 + </a>
  121 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  122 + Cancer Journals
  123 + </a>
  124 + </div>
  125 +
  126 + </li>
  127 + <li class="btn navbtn-a" role="button">
  128 + <a href="../international.html">INTERNATIONAL AFFAIRS</a>
  129 + <div class='sec_menu_items'>
  130 + <a href="../international/conference.html" class="inner_item">
  131 + International Conferences
  132 + </a>
  133 + <a href="../international/training.html" class="inner_item">
  134 + Oversea Trainings
  135 + </a>
  136 + <a href="../international/referral.html" class="inner_item">
  137 + International Patients
  138 + </a>
  139 + <a href="../international/partners.html" class="inner_item">
  140 + Partnership Institutions
  141 + </a>
  142 +
  143 + </div>
  144 + </li>
  145 + <li class="btn navbtn-a" role="button">
  146 + <a href="../news.html">NEWS RELEASE</a>
  147 + </li>
  148 + <li class="btn navbtn-a" role="button">
  149 + <a href="../contact.html">CONTACT US</a>
  150 + </li>
  151 + </ul>
  152 + </div>
  153 +
  154 + <!-- Swiper -->
  155 + <div class="img-header">
  156 + <img src="../images/leadership_top.png" width="100%" alt="">
  157 + </div>
  158 + <div class="content ">
  159 + <div class='single_ship_box'>
  160 + <!-- <div class='left_ship_box'>
  161 + <h4>SECRETARY OF CPC</h4>
  162 + </div> -->
  163 + <div class="ships_list">
  164 + <div class="ships_item">
  165 + <div class="ships_item_imgbox">
  166 + <img src="../images/lu.png" width="100%" alt="">
  167 + </div>
  168 + <div class="ships_name">Prof. Wei Lu</div>
  169 + </div>
  170 + <div class="ships_item">
  171 + <div class="ships_item_imgbox">
  172 + <img src="../images/ping.png" width="100%" alt="">
  173 + </div>
  174 + <div class="ships_name">Prof. Ping Wang</div>
  175 + </div>
  176 +
  177 + </div>
  178 + </div>
  179 + <div class='single_ship_box'>
  180 + <!-- <div class='left_ship_box'>
  181 + <h4>SECRETARY OF CPC</h4>
  182 + </div> -->
  183 + <div class="ships_list">
  184 + <div class="ships_item">
  185 + <div class="ships_item_imgbox">
  186 + <img src="../images/zhao.png" width="100%" alt="">
  187 + </div>
  188 + <div class="ships_name">Prof. Qiang Zhao</div>
  189 + </div>
  190 + <div class="ships_item">
  191 + <div class="ships_item_imgbox">
  192 +
  193 + </div>
  194 + <div class="ships_name">Ms. Li Liu</div>
  195 + </div>
  196 + <div class="ships_item">
  197 + <div class="ships_item_imgbox">
  198 +
  199 + </div>
  200 + <div class="ships_name">Prof. Jing Hei</div>
  201 + </div>
  202 + <div class="ships_item">
  203 + <div class="ships_item_imgbox">
  204 + <img src="../images/gao.png" width="100%" alt="">
  205 + </div>
  206 + <div class="ships_name">Prof. Ming Gao</div>
  207 + </div>
  208 + <div class="ships_item">
  209 + <div class="ships_item_imgbox">
  210 + <img src="../images/jinhui.png" width="100%" alt="">
  211 + </div>
  212 + <div class="ships_name">Prof. Jihui Hao</div>
  213 + </div>
  214 + <div class="ships_item">
  215 + <div class="ships_item_imgbox">
  216 +
  217 + </div>
  218 + <div class="ships_name">Mr.Xiaoliang Zhang</div>
  219 + </div>
  220 + <div class="ships_item">
  221 + <div class="ships_item_imgbox">
  222 + <img src="../images/kexin.png" width='100%' alt="">
  223 + </div>
  224 + <div class="ships_name"> Prof. Kexin Chen</div>
  225 + </div>
  226 + <div class="ships_item">
  227 + <div class="ships_item_imgbox">
  228 + <img src="../images/xu.png" width="100%" alt="">
  229 + </div>
  230 + <div class="ships_name">Prof. Bo Xu</div>
  231 + </div>
  232 +
  233 + <div class="ships_item">
  234 + <div class="ships_item_imgbox">
  235 + <img src="../images/ba.png" width="100%" alt="">
  236 + </div>
  237 + <div class="ships_name">Prof.Yi Ba</div>
  238 + </div>
  239 + </div>
  240 + </div>
  241 + </div>
  242 +<footer class="footer-content">
  243 + <div class="footer-main">
  244 +
  245 + <ul class="list-unstyled third-ul">
  246 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  247 + <li>Tianjin 300060</li>
  248 + <li>China</li>
  249 + <li>Tel/Fax: 0086-22-23359337</li>
  250 + <li>Email: tcih@263.net.cn</li>
  251 + </ul>
  252 + <ul class="list-unstyled first-ul">
  253 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  254 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  255 + </ul>
  256 + </div>
  257 + </footer>
  258 +
  259 + </div>
  260 + <script src="../js/jquery-1.11.3.min.js"></script>
  261 + <script src="../js/bootstrap.min.js"></script>
  262 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  263 + <script src="../js/common.js"></script>
  264 + <script>
  265 + $(document).ready(function () {
  266 + $(".btn-group").find(".navbtn-a").click(function () {
  267 + console.log(this)
  268 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  269 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  270 + })
  271 + })
  272 + var swiper = new Swiper('.swiper-container', {
  273 + pagination: '.swiper-pagination',
  274 + paginationClickable: true
  275 + });
  276 +
  277 + var swiper = new Swiper('.swiper-container1', {
  278 + pagination: '.swiper-pagination',
  279 + slidesPerView: 3,
  280 + paginationClickable: true,
  281 + spaceBetween: 30
  282 + });
  283 + </script>
  284 +</body>
  285 +
  286 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 +
  14 +</head>
  15 +
  16 +<body>
  17 + <nav class="navbar navbar-default bgf mb0">
  18 + <div class="container-fluid top_pc_brand">
  19 + <div class="navbar-header">
  20 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  21 + aria-expanded="true">
  22 + <span class="sr-only">Toggle navigation</span>
  23 + <span class="icon-bar"></span>
  24 + <span class="icon-bar"></span>
  25 + <span class="icon-bar"></span>
  26 + </button>
  27 + <a class="navbar-brand logo" href="../index.html">
  28 + <img class="brand-logo" src="../images/logo.png" alt="">
  29 + </a>
  30 + </div>
  31 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  32 + <div class="search-group mt30 form-group navbar-text navbar-right">
  33 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  34 + <input type="text" class="form-control search-input" placeholder="Search">
  35 + <div class="magnifier">
  36 + <img src="../images/search_btn.png" alt="">
  37 + </div>
  38 + </div>
  39 + </div>
  40 + </div>
  41 + </nav>
  42 + <div class="container-fluid pc">
  43 + <div class="mask"></div>
  44 + <div class="bs-example" data-example-id="simple-justified-button-group">
  45 + <ul class="nav_menu_items">
  46 + <li class="btn navbtnActive navbtn-a" role="button">
  47 + <a href="../pcSecond.html">ABOUT US</a>
  48 + <div class='sec_menu_items'>
  49 + <a href="../about/welcome.html" class="inner_item">
  50 + Welcome Message
  51 + </a>
  52 + <a href="../about/mission.html" class="inner_item">
  53 + Mission and Vision
  54 + </a>
  55 + <a href="../about/leadership.html" class="inner_item">
  56 + Leadership
  57 + </a>
  58 + <a href="../about/history.html" class="inner_item">
  59 + History and Milestones
  60 + </a>
  61 + <a href="../about/quick.html" class="inner_item">
  62 + Quick Facts
  63 + </a>
  64 + </div>
  65 + </li>
  66 + <li class="btn navbtn-a" role="button">
  67 + <a href="../clinical.html">CLINICAL RESOURCES</a>
  68 + <div class='sec_menu_items'>
  69 + <a href="../clinical/departments.html" class="inner_item">
  70 + Clinical Departments
  71 + </a>
  72 + <a href="../clinical/activities.html" class="inner_item">
  73 + Clinical Activities
  74 + </a>
  75 + <a href="../clinical/trials.html" class="inner_item">
  76 + Clinical Trials
  77 + </a>
  78 + <a href="../clinical/finddoctor.html" class="inner_item">
  79 + Find a Doctor
  80 + </a>
  81 + <a href='../clinical/national.html'>National Cancer Clinical <br>
  82 + Research Center</a>
  83 + </div>
  84 + </li>
  85 + <li class="btn navbtn-a" role="button">
  86 + <a href="../research.html">RESEARCH & EDUCATION</a>
  87 + <div class='sec_menu_items'>
  88 + <a href="../research/introduction.html" class="inner_item">
  89 + Introduction
  90 + </a>
  91 + <a href="../research/departments.html" class="inner_item">
  92 + Research Departments
  93 + </a>
  94 + <a href="../research/facility.html" class="inner_item">
  95 + Core Facilities
  96 + </a>
  97 +
  98 + <a href="../research/researcher.html" class="inner_item">
  99 + Find a Researcher
  100 + </a>
  101 + <a href="../research/education.html" class="inner_item">
  102 + Education
  103 + </a>
  104 + <a href="../research/transfer.html" class="inner_item">
  105 + Technology Transfer
  106 + </a>
  107 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  108 + Cancer Journals
  109 + </a>
  110 + </div>
  111 +
  112 + </li>
  113 + <li class="btn navbtn-a" role="button">
  114 + <a href="../international.html">INTERNATIONAL AFFAIRS</a>
  115 + <div class='sec_menu_items'>
  116 + <a href="../international/conference.html" class="inner_item">
  117 + International Conferences
  118 + </a>
  119 + <a href="../international/training.html" class="inner_item">
  120 + Oversea Trainings
  121 + </a>
  122 + <a href="../international/referral.html" class="inner_item">
  123 + International Patients
  124 + </a>
  125 + <a href="../international/partners.html" class="inner_item">
  126 + Partnership Institutions
  127 + </a>
  128 +
  129 + </div>
  130 + </li>
  131 + <li class="btn navbtn-a" role="button">
  132 + <a href="../news.html">NEWS RELEASE</a>
  133 + </li>
  134 + <li class="btn navbtn-a" role="button">
  135 + <a href="../contact.html">CONTACT US</a>
  136 + </li>
  137 + </ul>
  138 + </div>
  139 +
  140 + <!-- Swiper -->
  141 + <div class="img-header">
  142 + <img src="../images/f_1.png" width="100%" alt="">
  143 + </div>
  144 + <div class="content flex_content">
  145 + <div class="left_imgbox">
  146 + <img src="../images/vision_left.png" width="100%" alt="">
  147 + </div>
  148 + <div class="right_desc">
  149 + <p>
  150 + <h5>MISSION</h5>
  151 + The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best
  152 + treatment and care for
  153 + cancer patients through promoting cancer research, treatment and education and to achieve the goal
  154 + of decreasing the
  155 + incidence of cancer and improving the quality of life of cancer patients in China.
  156 + </p>
  157 + <p>
  158 + <h5>VISION</h5>
  159 + The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously
  160 + strengthen its status as a
  161 + major national and international center for cancer research, treatment, prevention and education
  162 + and to closely
  163 + collaborate with leading cancer centers worldwide in the fight against all types of cancer.
  164 + </p>
  165 + <p>
  166 + <h5>MOTTO</h5>
  167 + To provide patients with uttermost integrityand state-of-the-art medicine
  168 + To improve our profession with ingenuity and innovations
  169 + </p>
  170 + </div>
  171 + <!-- <div class="imgwordthree">
  172 + <div class="fstitem">
  173 + <div class="bgblack">
  174 + <img src="../images/f_m.png" width="100%" alt="">
  175 + </div>
  176 + <h4>Immuno-Biotechnology</h4>
  177 + <p>The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best treatment and care for cancer patients through promoting cancer research, treatment and education and to achieve the goal of decreasing
  178 + the incidence of cancer and improving the quality of life of cancer patients in China.</p>
  179 + </div>
  180 + <div class="fstitem">
  181 + <div class="bgblack">
  182 + <img src="../images/f_v.png" width="100%" alt="">
  183 + </div>
  184 + <h4>Vision</h4>
  185 + <p>The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously strengthen its status as a major national and international center for cancer research, treatment, prevention and education and to closely collaborate
  186 + with leading cancer centers worldwide in the fight against all types of cancer.</p>
  187 + </div>
  188 + <div class="fstitem">
  189 + <div class="bgblack">
  190 + <img src="../images/f_mo.png" width="100%" alt="">
  191 + </div>
  192 + <h4>Motto</h4>
  193 + <p>To provide patients with uttermost integrityand state-of-the-art medicine <br><br> To improve our profession with ingenuity and innovations</p>
  194 + </div>
  195 + </div> -->
  196 + </div>
  197 +
  198 + <footer class="footer-content">
  199 + <div class="footer-main">
  200 +
  201 + <ul class="list-unstyled third-ul">
  202 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  203 + <li>Tianjin 300060</li>
  204 + <li>China</li>
  205 + <li>Tel/Fax: 0086-22-23359337</li>
  206 + <li>Email: tcih@263.net.cn</li>
  207 + </ul>
  208 + <ul class="list-unstyled first-ul">
  209 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  210 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  211 + </ul>
  212 + </div>
  213 + </footer>
  214 +
  215 + </div>
  216 + <script src="../js/jquery-1.11.3.min.js"></script>
  217 + <script src="../js/bootstrap.min.js"></script>
  218 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  219 + <script src="../js/common.js"></script>
  220 + <script>
  221 + $(document).ready(function () {
  222 + $(".btn-group").find(".navbtn-a").click(function () {
  223 + console.log(this)
  224 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  225 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  226 + })
  227 + })
  228 + var swiper = new Swiper('.swiper-container', {
  229 + pagination: '.swiper-pagination',
  230 + paginationClickable: true
  231 + });
  232 +
  233 + var swiper = new Swiper('.swiper-container1', {
  234 + pagination: '.swiper-pagination',
  235 + slidesPerView: 3,
  236 + paginationClickable: true,
  237 + spaceBetween: 30
  238 + });
  239 + </script>
  240 +</body>
  241 +
  242 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/base.css">
  10 + <link rel="stylesheet" href="../css/index.css">
  11 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 +</head>
  14 +
  15 +<body>
  16 + <nav class="navbar navbar-default bgf mb0">
  17 + <div class="container-fluid top_pc_brand">
  18 + <div class="navbar-header">
  19 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  20 + aria-expanded="true">
  21 + <span class="sr-only">Toggle navigation</span>
  22 + <span class="icon-bar"></span>
  23 + <span class="icon-bar"></span>
  24 + <span class="icon-bar"></span>
  25 + </button>
  26 + <a class="navbar-brand logo" href="../index.html">
  27 + <img class="brand-logo" src="../images/logo.png" alt="">
  28 + </a>
  29 + </div>
  30 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  31 + <div class="search-group mt30 form-group navbar-text navbar-right">
  32 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  33 + <input type="text" class="form-control search-input" placeholder="Search">
  34 + <div class="magnifier">
  35 + <img src="../images/search_btn.png" alt="">
  36 + </div>
  37 + </div>
  38 + </div>
  39 + </div>
  40 + </nav>
  41 + <div class="container-fluid pc">
  42 + <div class="mask"></div>
  43 + <div class="bs-example" data-example-id="simple-justified-button-group">
  44 + <ul class="nav_menu_items">
  45 + <li class="btn navbtnActive navbtn-a" role="button">
  46 + <a href="../pcSecond.html">ABOUT US</a>
  47 + <div class='sec_menu_items'>
  48 + <a href="../about/welcome.html" class="inner_item">
  49 + Welcome Message
  50 + </a>
  51 + <a href="../about/mission.html" class="inner_item">
  52 + Mission and Vision
  53 + </a>
  54 + <a href="../about/leadership.html" class="inner_item">
  55 + Leadership
  56 + </a>
  57 + <a href="../about/history.html" class="inner_item">
  58 + History and Milestones
  59 + </a>
  60 + <a href="../about/quick.html" class="inner_item">
  61 + Quick Facts
  62 + </a>
  63 + </div>
  64 + </li>
  65 + <li class="btn navbtn-a" role="button">
  66 + <a href="../clinical.html">CLINICAL RESOURCES</a>
  67 + <div class='sec_menu_items'>
  68 + <a href="../clinical/departments.html" class="inner_item">
  69 + Clinical Departments
  70 + </a>
  71 + <a href="../clinical/activities.html" class="inner_item">
  72 + Clinical Activities
  73 + </a>
  74 + <a href="../clinical/trials.html" class="inner_item">
  75 + Clinical Trials
  76 + </a>
  77 + <a href="../clinical/finddoctor.html" class="inner_item">
  78 + Find a Doctor
  79 + </a>
  80 + <a href='../clinical/national.html'>National Cancer Clinical <br>
  81 + Research Center</a>
  82 + </div>
  83 + </li>
  84 + <li class="btn navbtn-a" role="button">
  85 + <a href="../research.html">RESEARCH & EDUCATION</a>
  86 + <div class='sec_menu_items'>
  87 + <a href="../research/introduction.html" class="inner_item">
  88 + Introduction
  89 + </a>
  90 + <a href="../research/departments.html" class="inner_item">
  91 + Research Departments
  92 + </a>
  93 + <a href="../research/facility.html" class="inner_item">
  94 + Core Facilities
  95 + </a>
  96 +
  97 + <a href="../research/researcher.html" class="inner_item">
  98 + Find a Researcher
  99 + </a>
  100 + <a href="../research/education.html" class="inner_item">
  101 + Education
  102 + </a>
  103 + <a href="../research/transfer.html" class="inner_item">
  104 + Technology Transfer
  105 + </a>
  106 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  107 + Cancer Journals
  108 + </a>
  109 + </div>
  110 +
  111 + </li>
  112 + <li class="btn navbtn-a" role="button">
  113 + <a href="../international.html">INTERNATIONAL AFFAIRS</a>
  114 + <div class='sec_menu_items'>
  115 + <a href="../international/conference.html" class="inner_item">
  116 + International Conferences
  117 + </a>
  118 + <a href="../international/training.html" class="inner_item">
  119 + Oversea Trainings
  120 + </a>
  121 + <a href="../international/referral.html" class="inner_item">
  122 + International Patients
  123 + </a>
  124 + <a href="../international/partners.html" class="inner_item">
  125 + Partnership Institutions
  126 + </a>
  127 +
  128 + </div>
  129 + </li>
  130 + <li class="btn navbtn-a" role="button">
  131 + <a href="../news.html">NEWS RELEASE</a>
  132 + </li>
  133 + <li class="btn navbtn-a" role="button">
  134 + <a href="../contact.html">CONTACT US</a>
  135 + </li>
  136 + </ul>
  137 + </div>
  138 +
  139 + <!-- Swiper -->
  140 +
  141 + <div class="content">
  142 + <div class="content-one">
  143 + <div class="content-one-img">
  144 + <div class="content-word-center">
  145 + <img src="../images/banner.png" width="100%" alt="">
  146 + </div>
  147 + </div>
  148 + <div class="content-one-word content-word-center">
  149 + <h2>WELOCME MESSAGE</h2>
  150 + <p>
  151 + Welcome to the Tianjin Medical University Cancer Institute & Hospital! <br> Tianjin Medical
  152 + University Cancer Institute & Hospital is the birthplace of oncology in China. The hospital was
  153 + originally established in 1861 as The British
  154 + Army Hospital, and later renamed as the London Christian Church Hospital and Dr. Machenzie
  155 + Memorial Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's
  156 + Hospital" in 1951. In 1952, the first tumor ward
  157 + in China was established in our hospital by pioneering oncologist Prof. Jin Xian-Zhai. In 1977
  158 + Tianjin Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved
  159 + to the present site and was renamed
  160 + “The Tianjin Cancer Institute and Hospital". In 1997, the hospital was affiliated to the
  161 + Tianjin Medical University and was officially named as The Tianjin Medical University Cancer
  162 + Institute and Hospital (TMUCIH).
  163 + </p>
  164 + <a href="welcome.html" class="learn-more">LEARN MORE></a>
  165 + </div>
  166 + </div>
  167 + <div class="content-second">
  168 + <div class="content-second-img">
  169 + <img src="../images/peixun.png" width="100%" alt="">
  170 + </div>
  171 + <div class="content-second-word content-word-center">
  172 + <div class="three-phcontent">
  173 + <div class="phcontent">
  174 + <h2>MISSION</h2>
  175 + <p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide
  176 + the best treatment and care for cancer patients through promoting cancer research,
  177 + treatment and education and to achieve the goal of decreasing
  178 + the incidence of cancer and improving the quality of life of cancer patients in China.</p>
  179 +
  180 + </div>
  181 + <div class="phcontent">
  182 + <h2>VISION</h2>
  183 + <p> The vision of Tianjin Medical University Cancer Institute and Hospital is to
  184 + continuously strengthen its status as a major national and international center for
  185 + cancer research, treatment, prevention and education and to closely
  186 + collaborate with leading cancer centers worldwide in the fight against all types of
  187 + cancer. </p>
  188 +
  189 + </div>
  190 + <div class="phcontent">
  191 + <h2>MOTTO</h2>
  192 + <p>
  193 + To provide patients with uttermost integrity and state-of-the-art medicine To improve
  194 + our profession with ingenuity and innovations
  195 + </p>
  196 + </div>
  197 + </div>
  198 + <a href="history.html" class="learn-more">LEARN MORE></a>
  199 + </div>
  200 + </div>
  201 + <div class="content-third">
  202 + <div class="content-word-center">
  203 + <img src="../images/zhidao.png" width="100%" alt="">
  204 + </div>
  205 + <div class="content-three-word content-word-center">
  206 + <h2>History and Milestones</h2>
  207 + <ul class="history">
  208 + <li>
  209 + 1861 British Army Hospital
  210 + </li>
  211 + <li>
  212 + 1951 Tianjin Municipal People's Hospital
  213 + </li>
  214 + <li>
  215 + 1971 Cancer Hospital
  216 + </li>
  217 + <li>
  218 + 1977 Tianjin Cancer Research Institute
  219 + </li>
  220 + </ul>
  221 + <a href="../details03-03.html" class="learn-more">LEARN MORE></a>
  222 +
  223 + </div>
  224 +
  225 +
  226 + </div>
  227 + <div class="content-four ">
  228 + <h2>QUICK FACTS</h2>
  229 + <div class="swiper-container" id="d_slider">
  230 + <div class="swiper-wrapper ">
  231 + <div class="swiper-slide content-four-img">
  232 + <img src="../images/1.png" alt="">
  233 + <div class="swiper_desc">
  234 + <div class="inner_desc">
  235 +
  236 + </div>
  237 + </div>
  238 + </div>
  239 + <div class="swiper-slide content-four-img">
  240 + <img src="../images/2.png" alt="">
  241 + <div class="swiper_desc">
  242 + <div class="inner_desc">
  243 + Advanced National Training Courses of 63000 square meters and Cancer Insitute &
  244 + Hospital!Welcome to the TianJin
  245 + </div>
  246 + </div>
  247 + </div>
  248 + <div class="swiper-slide content-four-img">
  249 + <img src="../images/3.png" alt="">
  250 + <div class="swiper_desc">
  251 + <div class="inner_desc">
  252 + Advanced National Training Courses of 63000 square meters and Cancer Insitute &
  253 + Hospital!Welcome to the TianJin
  254 + </div>
  255 + </div>
  256 + </div>
  257 + </div>
  258 + <!-- Add Pagination -->
  259 + <img src="../images/03pc-second/pic%20(7).png" class="arrow-left" alt="">
  260 + <div class="swiper-pagination"></div>
  261 + <img src="../images/03pc-second/pic%20(8).png" class="arrow-right" alt="">
  262 +
  263 +
  264 + </div>
  265 + <div class="content-one-word content-word-center">
  266 + <h2>ORGANIZATION MANAGEMENT</h2>
  267 + <p>
  268 + Tianjin Medical University Cancer Institute& Hospital is the birthplace of oncology in China.
  269 + The hospital was originally established in 1861 as The British Army Hospital, and later renamed
  270 + as the London Christian Church Hospital and Dr. Machenzie Memorial
  271 + Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in
  272 + 1951. In 1952, the first tumor ward in China was established in our hospital by pioneering
  273 + oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
  274 + Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the
  275 + present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital
  276 + was affiliated to the Tianjin Medical
  277 + University and was officially named as The Tianjin Medical University Cancer Institute and
  278 + Hospital (TMUCIH).
  279 + </p>
  280 + <a href="history.html" class="learn-more">LEARN MORE></a>
  281 +
  282 + </div>
  283 + </div>
  284 +
  285 +
  286 + </div>
  287 + <footer class="footer-content">
  288 + <div class="footer-main">
  289 +
  290 + <ul class="list-unstyled third-ul">
  291 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  292 + <li>Tianjin 300060</li>
  293 + <li>China</li>
  294 + <li>Tel/Fax: 0086-22-23359337</li>
  295 + <li>Email: tcih@263.net.cn</li>
  296 + </ul>
  297 + <ul class="list-unstyled first-ul">
  298 + <li><img src="images/yikeda.png" width="160px" alt=""></li>
  299 + <li><img src="images/tjuc.png" width="160px" alt=""></li>
  300 + </ul>
  301 + </div>
  302 + </footer>
  303 +
  304 + </div>
  305 + <div class="mobile container-fluid">
  306 + <nav class="title-left-right">
  307 + <a class="navbar-brand logo title-left" href="#">
  308 + <img class="brand-logo" src="../images/01mobile-main/pic%20(5).png" alt="">
  309 + </a>
  310 + <a class="title-right" href="./mobilepage/mbsecondmenuAbout.html">
  311 + <img class="navbar-toggle " src="../images/01mobile-main/pic%20(3).png" alt="">
  312 + </a>
  313 + </nav>
  314 + <div class="container">
  315 + <div class="word-title">
  316 + <h2>WELOCME MESSAGE</h2>
  317 + <p>Welocme to the Tianjin readers will have trouble with your forms if you don't include a label for
  318 + every input. For these input groups, ensure that any additional label or functionality is conveyed
  319 + to assistive technologies.any For these
  320 + input groups, ensure that any additional label or functionality is conveyed to assistive
  321 + technologies.any additional label or functionality is conveyed to assistive technologies.</p>
  322 + <a href="welcome.html" class="learn-more">
  323 + LEARN MORE >
  324 + </a>
  325 + </div>
  326 + <div class="word-title">
  327 + <img class="mb2rem" src="../images/04mobile-secondpage/pic%20(3).png" alt="">
  328 + <h2>MISSION</h2>
  329 + <p> The mission of Tianjin Medical University Cancer Institute and Hospital is to provide the best
  330 + treatment and care for cancer patients through promoting cancer research, treatment and education
  331 + and to achieve the goal of decreasing the
  332 + incidence of cancer and improving the quality of life of cancer patients in China.</p>
  333 + <h2>VISION</h2>
  334 + <p> The vision of Tianjin Medical University Cancer Institute and Hospital is to continuously
  335 + strengthen its status as a major national and international center for cancer research, treatment,
  336 + prevention and education and to closely collaborate
  337 + with leading cancer centers worldwide in the fight against all types of cancer. </p>
  338 + <h2>MOTTO</h2>
  339 + <p>
  340 + To provide patients with uttermost integrity and state-of-the-art medicine To improve our
  341 + profession with ingenuity and innovations
  342 + </p>
  343 + <a href="history.html" class="learn-more">
  344 + LEARN MORE >
  345 + </a>
  346 + </div>
  347 + <div class="word-title">
  348 + <img class="mb2rem" src="../images/04mobile-secondpage/pic%20(1).png" alt="">
  349 + <h2>History and Milestones</h2>
  350 + <p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
  351 + label for everytrouble with your forms if you don't include a label for every input. For these
  352 + input groups, ensure that any additional label or functionality
  353 + is conveyed to assistive technologies.any additional label or functionality is conveyed to
  354 + assistive technologies.</p>
  355 + <a href="../details03-03.html" class="learn-more">
  356 + LEARN MORE >
  357 + </a>
  358 + </div>
  359 + <div class="word-title">
  360 + <!-- Swiper -->
  361 + <div class="swiper-container swiper-container-m1">
  362 + <div class="swiper-wrapper">
  363 + <div class="swiper-slide">
  364 + <img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
  365 + <!-- <p>
  366 + A description list is perfect for defining terms.A description list is perfect for defining terms.A description list is perfect
  367 + for defining terms.A description list is perfect for defining terms.A description list is
  368 + perfect for defining terms.A description list is perfect for defining terms.
  369 + </p> -->
  370 + </div>
  371 + <div class="swiper-slide">
  372 + <div>
  373 + <img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
  374 + </div>
  375 + </div>
  376 + <div class="swiper-slide">
  377 + <img src="../images/04mobile-secondpage/pic%20(2).png" alt="">
  378 + </div>
  379 + </div>
  380 + <!-- Add Pagination -->
  381 + <div class="swiper-pagination"></div>
  382 + </div>
  383 +
  384 + <h2 class="mt3rem">ORGANIZATION MANGEMENT</h2>
  385 + <p class="textcenter"> the hospital covers will have trouble with your forms if you don't include a
  386 + label for everytrouble with your forms if you don't include a label for every input. For these
  387 + input groups, ensure that any additional dditional label or functionality
  388 + is conveyed to assistive technologies.</p>
  389 + <a href="../index.html" class="learn-more">
  390 + LEARN MORE >
  391 + </a>
  392 +
  393 + </div>
  394 + <div class="footer-log">
  395 + <img src="../images/01mobile-main/pic%20(1).png" alt="">
  396 + </div>
  397 + </div>
  398 +<footer class="footer-content">
  399 + <div class="footer-main">
  400 +
  401 + <ul class="list-unstyled third-ul">
  402 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  403 + <li>Tianjin 300060</li>
  404 + <li>China</li>
  405 + <li>Tel/Fax: 0086-22-23359337</li>
  406 + <li>Email: tcih@263.net.cn</li>
  407 + </ul>
  408 + <ul class="list-unstyled first-ul">
  409 + <li><img src="images/yikeda.png" width="160px" alt=""></li>
  410 + <li><img src="images/tjuc.png" width="160px" alt=""></li>
  411 + </ul>
  412 + </div>
  413 + </footer>
  414 + </div>
  415 + <script src="../js/jquery-1.11.3.min.js"></script>
  416 + <script src="../js/bootstrap.min.js"></script>
  417 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  418 + <script src="../js/common.js"></script>
  419 + <script>
  420 + $(document).ready(function () {
  421 + $(".btn-group").find(".navbtn-a").click(function () {
  422 + console.log(this)
  423 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  424 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  425 + })
  426 + });
  427 +
  428 + var swiper = new Swiper('#d_slider', {
  429 + autoplay: {
  430 + delay: 3000,
  431 + disableOnInteraction: false,
  432 + },
  433 + allowTouchMove: true,
  434 + lazy: {
  435 + loadPrevNext: true,
  436 + loadPrevNextAmount: 3,
  437 + },
  438 + centeredSlides: true,
  439 + spaceBetween: 50,
  440 + slidesOffsetBefore: 40,
  441 + loop: true,
  442 + slidesPerView: 'auto',
  443 + on: {},
  444 + pagination: {
  445 + el: '.swiper-pagination',
  446 + clickable: true,
  447 + renderBullet: function (index, className) {
  448 + return '<div class="' + className + '"><span></span><i></i></div>';
  449 + },
  450 + },
  451 + navigation: {
  452 + nextEl: '.arrow-right',
  453 + prevEl: '.arrow-left',
  454 + },
  455 + });
  456 + </script>
  457 +</body>
  458 +
  459 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 + <style>
  14 + .single_box {
  15 +margin-bottom: 44px;
  16 +width: auto;
  17 +}
  18 +
  19 +.single_box:last-child {
  20 + margin: 0;
  21 +}
  22 +
  23 +.content-word {
  24 + position: relative;
  25 +}
  26 +
  27 +.content-word-left {
  28 + position: absolute;
  29 + top: 0;
  30 + left: 50%;
  31 + height: 100%;
  32 + display: flex;
  33 + display: -webkit-flex;
  34 + flex-flow: column;
  35 + justify-content: space-between;
  36 + box-sizing: border-box;
  37 +}
  38 +
  39 +.single_date {
  40 + height: auto;
  41 + display: flex;
  42 + display: -webkit-flex;
  43 + flex-flow: column;
  44 + justify-content: space-between;
  45 +}
  46 +
  47 +.single_date h3 {
  48 + color: #666666;
  49 + padding: 0;
  50 + margin: 0;
  51 + margin-bottom: 15px;
  52 +}
  53 +.content-word-right {
  54 + color: #01a26e;
  55 + flex: unset;
  56 + width: 400px !important;
  57 + margin: 0 auto;
  58 + transform: translateX(-70%);
  59 +}
  60 + </style>
  61 +</head>
  62 +
  63 +<body>
  64 + <nav class="navbar navbar-default bgf mb0">
  65 + <div class="container-fluid top_pc_brand">
  66 + <div class="navbar-header">
  67 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  68 + aria-expanded="true">
  69 + <span class="sr-only">Toggle navigation</span>
  70 + <span class="icon-bar"></span>
  71 + <span class="icon-bar"></span>
  72 + <span class="icon-bar"></span>
  73 + </button>
  74 + <a class="navbar-brand logo" href="../index.html">
  75 + <img class="brand-logo" src="../images/logo.png" alt="">
  76 + </a>
  77 + </div>
  78 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  79 + <div class="search-group mt30 form-group navbar-text navbar-right">
  80 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  81 + <input type="text" class="form-control search-input" placeholder="Search">
  82 + <div class="magnifier">
  83 + <img src="../images/search_btn.png" alt="">
  84 + </div>
  85 + </div>
  86 + </div>
  87 + </div>
  88 + </nav>
  89 + <div class="container-fluid pc">
  90 + <div class="mask"></div>
  91 + <div class="bs-example" data-example-id="simple-justified-button-group">
  92 + <ul class="nav_menu_items">
  93 + <li class="btn navbtnActive navbtn-a" role="button">
  94 + <a href="../pcSecond.html">ABOUT US</a>
  95 + <div class='sec_menu_items'>
  96 + <a href="../about/welcome.html" class="inner_item">
  97 + Welcome Message
  98 + </a>
  99 + <a href="../about/mission.html" class="inner_item">
  100 + Mission and Vision
  101 + </a>
  102 + <a href="../about/leadership.html" class="inner_item">
  103 + Leadership
  104 + </a>
  105 + <a href="../about/history.html" class="inner_item">
  106 + History and Milestones
  107 + </a>
  108 + <a href="../about/quick.html" class="inner_item">
  109 + Quick Facts
  110 + </a>
  111 + </div>
  112 + </li>
  113 + <li class="btn navbtn-a" role="button">
  114 + <a href="../clinical.html">CLINICAL RESOURCES</a>
  115 + <div class='sec_menu_items'>
  116 + <a href="../clinical/departments.html" class="inner_item">
  117 + Clinical Departments
  118 + </a>
  119 + <a href="../clinical/activities.html" class="inner_item">
  120 + Clinical Activities
  121 + </a>
  122 + <a href="../clinical/trials.html" class="inner_item">
  123 + Clinical Trials
  124 + </a>
  125 + <a href="../clinical/finddoctor.html" class="inner_item">
  126 + Find a Doctor
  127 + </a>
  128 + <a href='../clinical/national.html'>National Cancer Clinical <br>
  129 + Research Center</a>
  130 + </div>
  131 + </li>
  132 + <li class="btn navbtn-a" role="button">
  133 + <a href="../research.html">RESEARCH & EDUCATION</a>
  134 + <div class='sec_menu_items'>
  135 + <a href="../research/introduction.html" class="inner_item">
  136 + Introduction
  137 + </a>
  138 + <a href="../research/departments.html" class="inner_item">
  139 + Research Departments
  140 + </a>
  141 + <a href="../research/facility.html" class="inner_item">
  142 + Core Facilities
  143 + </a>
  144 +
  145 + <a href="../research/researcher.html" class="inner_item">
  146 + Find a Researcher
  147 + </a>
  148 + <a href="../research/education.html" class="inner_item">
  149 + Education
  150 + </a>
  151 + <a href="../research/transfer.html" class="inner_item">
  152 + Technology Transfer
  153 + </a>
  154 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  155 + Cancer Journals
  156 + </a>
  157 + </div>
  158 +
  159 + </li>
  160 + <li class="btn navbtn-a" role="button">
  161 + <a href="../international.html">INTERNATIONAL AFFAIRS</a>
  162 + <div class='sec_menu_items'>
  163 + <a href="../international/conference.html" class="inner_item">
  164 + International Conferences
  165 + </a>
  166 + <a href="../international/training.html" class="inner_item">
  167 + Oversea Trainings
  168 + </a>
  169 + <a href="../international/referral.html" class="inner_item">
  170 + International Patients
  171 + </a>
  172 + <a href="../international/partners.html" class="inner_item">
  173 + Partnership Institutions
  174 + </a>
  175 +
  176 + </div>
  177 + </li>
  178 + <li class="btn navbtn-a" role="button">
  179 + <a href="../news.html">NEWS RELEASE</a>
  180 + </li>
  181 + <li class="btn navbtn-a" role="button">
  182 + <a href="../contact.html">CONTACT US</a>
  183 + </li>
  184 + </ul>
  185 + </div>
  186 +
  187 + <!-- Swiper -->
  188 + <div class="img-header">
  189 + <img src="../images/quick_1.png" width="100%" alt="">
  190 + </div>
  191 + <div class="content">
  192 + <div class="content-word">
  193 + <div class="content-word-right">
  194 + <div class="single_box">
  195 + <img src="../images/q1.png" alt="">
  196 + </div>
  197 + <div class="single_box">
  198 + <img src="../images/q2.png" alt="">
  199 + </div>
  200 + <div class="single_box">
  201 + <img src="../images/q3.png" alt="">
  202 + </div>
  203 + </div>
  204 + <div class="content-word-left">
  205 + <div class="single_date">
  206 + <H3>
  207 + Main Campus
  208 + </H3>
  209 + <P>
  210 + Cover Area: 63,000㎡
  211 + </P>
  212 + <P>
  213 + Building Area: 175,052㎡
  214 + </P>
  215 + <P>
  216 + Beds: 2,198
  217 + </P>
  218 + <P>
  219 + Staffs: 2,993
  220 + </P>
  221 + <p>Outpatient visits: 1,224,629</p>
  222 + <p>n-patients visits: 103,123</p>
  223 + <p>Operations: 32,462</p>
  224 + </div>
  225 + <div class="single_date">
  226 + <H3>
  227 + Airport Free Trade Zone Hospital
  228 + </H3>
  229 + </P>
  230 + <P>
  231 + Building Area: 116,255㎡
  232 + </P>
  233 + <P>
  234 + Beds: 1,000
  235 + </P>
  236 + <P>
  237 + Staffs: 450
  238 + </P>
  239 + </div>
  240 + <div class="single_date">
  241 + <H3>
  242 + Binhai Hospital
  243 + </H3>
  244 +
  245 + <P>
  246 + Covers 150,000㎡
  247 + </P>
  248 + <P>
  249 + Beds: 1200
  250 + </P>
  251 + <P>
  252 + Put into use in 2020
  253 + </P>
  254 + </div>
  255 +
  256 + </div>
  257 + </div>
  258 + </div>
  259 + <footer class="footer-content">
  260 + <div class="footer-main">
  261 +
  262 + <ul class="list-unstyled third-ul">
  263 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  264 + <li>Tianjin 300060</li>
  265 + <li>China</li>
  266 + <li>Tel/Fax: 0086-22-23359337</li>
  267 + <li>Email: tcih@263.net.cn</li>
  268 + </ul>
  269 + <ul class="list-unstyled first-ul">
  270 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  271 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  272 + </ul>
  273 + </div>
  274 + </footer>
  275 +
  276 + </div>
  277 + <script src="../js/jquery-1.11.3.min.js"></script>
  278 + <script src="../js/bootstrap.min.js"></script>
  279 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  280 + <script src="../js/common.js"></script>
  281 + <script>
  282 + $(document).ready(function () {
  283 + $(".btn-group").find(".navbtn-a").click(function () {
  284 + console.log(this)
  285 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  286 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  287 + })
  288 + })
  289 + var swiper = new Swiper('.swiper-container', {
  290 + pagination: '.swiper-pagination',
  291 + paginationClickable: true
  292 + });
  293 +
  294 + var swiper = new Swiper('.swiper-container1', {
  295 + pagination: '.swiper-pagination',
  296 + slidesPerView: 3,
  297 + paginationClickable: true,
  298 + spaceBetween: 30
  299 + });
  300 + </script>
  301 +</body>
  302 +
  303 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="../css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
  10 + <link rel="stylesheet" href="../css/base.css">
  11 + <link rel="stylesheet" href="../css/index.css">
  12 + <title>Tianjin Medical University Cancer Institute & Hospital</title>
  13 +
  14 +</head>
  15 +
  16 +<body>
  17 + <nav class="navbar navbar-default bgf mb0">
  18 + <div class="container-fluid top_pc_brand">
  19 + <div class="navbar-header">
  20 + <button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4"
  21 + aria-expanded="true">
  22 + <span class="sr-only">Toggle navigation</span>
  23 + <span class="icon-bar"></span>
  24 + <span class="icon-bar"></span>
  25 + <span class="icon-bar"></span>
  26 + </button>
  27 + <a class="navbar-brand logo" href="../index.html">
  28 + <img class="brand-logo" src="../images/logo.png" alt="">
  29 + </a>
  30 + </div>
  31 + <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
  32 + <div class="search-group mt30 form-group navbar-text navbar-right">
  33 + <a href="http://www.tjmuch.com/" class="langue">中文</a>
  34 + <input type="text" class="form-control search-input" placeholder="Search">
  35 + <div class="magnifier">
  36 + <img src="../images/search_btn.png" alt="">
  37 + </div>
  38 + </div>
  39 + </div>
  40 + </div>
  41 + </nav>
  42 + <div class="container-fluid pc">
  43 + <div class="mask"></div>
  44 + <div class="bs-example" data-example-id="simple-justified-button-group">
  45 + <ul class="nav_menu_items">
  46 + <li class="btn navbtnActive navbtn-a" role="button">
  47 + <a href="../pcSecond.html">ABOUT US</a>
  48 + <div class='sec_menu_items'>
  49 + <a href="../about/welcome.html" class="inner_item">
  50 + Welcome Message
  51 + </a>
  52 + <a href="../about/mission.html" class="inner_item">
  53 + Mission and Vision
  54 + </a>
  55 + <a href="../about/leadership.html" class="inner_item">
  56 + Leadership
  57 + </a>
  58 + <a href="../about/history.html" class="inner_item">
  59 + History and Milestones
  60 + </a>
  61 + <a href="../about/quick.html" class="inner_item">
  62 + Quick Facts
  63 + </a>
  64 + </div>
  65 + </li>
  66 + <li class="btn navbtn-a" role="button">
  67 + <a href="../clinical.html">CLINICAL RESOURCES</a>
  68 + <div class='sec_menu_items'>
  69 + <a href="../clinical/departments.html" class="inner_item">
  70 + Clinical Departments
  71 + </a>
  72 + <a href="../clinical/activities.html" class="inner_item">
  73 + Clinical Activities
  74 + </a>
  75 + <a href="../clinical/trials.html" class="inner_item">
  76 + Clinical Trials
  77 + </a>
  78 + <a href="../clinical/finddoctor.html" class="inner_item">
  79 + Find a Doctor
  80 + </a>
  81 + <a href='../clinical/national.html'>National Cancer Clinical <br>
  82 + Research Center</a>
  83 + </div>
  84 + </li>
  85 + <li class="btn navbtn-a" role="button">
  86 + <a href="../research.html">RESEARCH & EDUCATION</a>
  87 + <div class='sec_menu_items'>
  88 + <a href="../research/introduction.html" class="inner_item">
  89 + Introduction
  90 + </a>
  91 + <a href="../research/departments.html" class="inner_item">
  92 + Research Departments
  93 + </a>
  94 + <a href="../research/facility.html" class="inner_item">
  95 + Core Facilities
  96 + </a>
  97 +
  98 + <a href="../research/researcher.html" class="inner_item">
  99 + Find a Researcher
  100 + </a>
  101 + <a href="../research/education.html" class="inner_item">
  102 + Education
  103 + </a>
  104 + <a href="../research/transfer.html" class="inner_item">
  105 + Technology Transfer
  106 + </a>
  107 + <a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
  108 + Cancer Journals
  109 + </a>
  110 + </div>
  111 +
  112 + </li>
  113 + <li class="btn navbtn-a" role="button">
  114 + <a href="../international.html">INTERNATIONAL AFFAIRS</a>
  115 + <div class='sec_menu_items'>
  116 + <a href="../international/conference.html" class="inner_item">
  117 + International Conferences
  118 + </a>
  119 + <a href="../international/training.html" class="inner_item">
  120 + Oversea Trainings
  121 + </a>
  122 + <a href="../international/referral.html" class="inner_item">
  123 + International Patients
  124 + </a>
  125 + <a href="../international/partners.html" class="inner_item">
  126 + Partnership Institutions
  127 + </a>
  128 +
  129 + </div>
  130 + </li>
  131 + <li class="btn navbtn-a" role="button">
  132 + <a href="../news.html">NEWS RELEASE</a>
  133 + </li>
  134 + <li class="btn navbtn-a" role="button">
  135 + <a href="../contact.html">CONTACT US</a>
  136 + </li>
  137 + </ul>
  138 + </div>
  139 +
  140 + <!-- Swiper -->
  141 + <div class="img-header">
  142 + <img src="../images/wel_banner.png" width="100%" alt="">
  143 + </div>
  144 + <div class="content">
  145 + <div class="content-word">
  146 +
  147 + <div class="content-word-left">
  148 + <h5> Welcome to the TianJin Medical Universtiy Cancel Institute & Hospital</h5>
  149 + <p>
  150 + Tianjin Medical University Cancer Institute & Hospital is the birthplace of oncology in China.
  151 + The hospital was originally established in 1861 as The British Army Hospital, and later renamed
  152 + as the London Christian Church Hospital and Dr. Machenzie Memorial
  153 + Hospital. The hospital was subsequently renamed as "Tianjin Municipal People's Hospital" in
  154 + 1951. In 1952, the first tumor ward in China was established in our hospital by pioneering
  155 + oncologist Prof. Jin Xian-Zhai. In 1977 Tianjin
  156 + Cancer Research Institute (TCRI) was founded in TMUCIH. In 1987, the hospital was moved to the
  157 + present site and was renamed “The Tianjin Cancer Institute and Hospital". In 1997, the hospital
  158 + was affiliated to the Tianjin Medical
  159 + University and was officially named as The Tianjin Medical University Cancer Institute and
  160 + Hospital (TMUCIH). </p>
  161 + <p>
  162 + With one and half centuries of history, TMUCIH has developed into one of the largest
  163 + specialized hospitals in China with integrated patient care, education, training, research and
  164 + preventative medicine with 2500 beds, 46 clinical and diagnostic departments
  165 + and 13 basic research departments. In 2013, Tianjin Medical University Cancer Institute and
  166 + Hospital was designated as National Clinical Research Center for Cancer by the Ministry of
  167 + Science and Technology of The People’s Republic
  168 + of China. In 2017, Oncology was ranked as the National “World-Class” Academic Development by
  169 + The Ministry of Education, the Ministry of Finance, and the National Development and Reform
  170 + Commission. </p>
  171 + <p>
  172 + The hospital covers area of 63,000 square meters and 175,052square meters of the building area.
  173 + In 2017, there were 1,150,000 outpatient clinic visits, 86,000 In-patients visits and 30,000
  174 + operations. TMUCIH has 3000 full-time staff members; among them
  175 + are 275 senior professionals including an academician from The Chinese Academy of Engineering,
  176 + a Specially Appointed Professor and two Visiting Professors from the National Yangtze Scholar
  177 + Plan, 15 experts who enjoy The Special
  178 + Allowance from the State Council and 6 experts ranked as Excellent Talents of the New Century
  179 + by the Ministry of Education. <br> The most recognized specialties in the hospital are basic
  180 + and clinical research
  181 + on breast cancer, lung cancer, biotherapy, molecular imaging, radiation oncology, medical
  182 + oncology, pathology as well as cancer Epidemiology. Oncology is a National Key subject and
  183 + a“National 211 Project” Key Construction Subject.
  184 + The hospital has a Key Breast Cancer Prevention and Treatment Laboratory authorized by the
  185 + Ministry of Education and two Ministry of Education Innovation Teams, a National Experimental
  186 + Clinical Medicine Institute, and a Ministry
  187 + of Health National Continuing Medical Education Base, . Oncology, chest surgery, pathology and
  188 + nursing are selected national key clinical construction specialties. The hospital Breast Cancer
  189 + Center is the largest one in China.
  190 + </p>
  191 + <p>
  192 +
  193 + TMUCIH launched “Advanced National Oncologists and pathologists training course” commissioned
  194 + by the Ministry of Health. TMUCIH has been offering 51 advanced courses for oncologists and 37
  195 + courses for pathologists nationwide since 1954. There are more
  196 + than 5,500 doctors who have been trained here. TMUCIH issued the first Cancer Journals
  197 + “Chinese Journal of Clinical Oncology (CJCO)”, which is one of the major state level journals,
  198 + in 1963. The English edition of CJCO was launched
  199 + in 2004. China Anti-Cancer Association (CACA) was also established in TMUCIH in 1984. CACA has
  200 + now developed 64 professional societies and 31 local anti-cancer associations around China with
  201 + a total membership exceeding 200000.
  202 + </p>
  203 + <p>
  204 + Our hospital strives for excellence, strict management and first class service to fulfill our
  205 + hospital motto of “Providing patients with uttermost integrity and state-of-art medicine and
  206 + improving our profession with ingenuity and innovation”. The hospital
  207 + has won special honors, such as National Civilization Unite; Health Circle National Advanced
  208 + Unite; and Young Civilized Institution authorized by Ministry of Health.
  209 + </p>
  210 + <p>
  211 +
  212 + </p>
  213 + <p>
  214 + Ping Wang, M.D., </p>
  215 + <p>
  216 + President and Professor </p>
  217 + <p>
  218 + Tianjin Medical University Cancer Institute & Hospital</p>
  219 + </p>
  220 + </div>
  221 +
  222 + </div>
  223 + <!-- 形象墙 -->
  224 + <div class='prof_box'>
  225 +
  226 + <div class="prof_item">
  227 + <div class="prof_img_box">
  228 + <img src="../images/prof2.png" width="100%" alt="">
  229 + </div>
  230 + <div class="prof_desc">
  231 + Prof. Wei Lu
  232 + </div>
  233 + </div>
  234 + <div class="prof_item">
  235 + <div class="prof_img_box">
  236 + <img src="../images/prof1.png" width="100%" alt="">
  237 + </div>
  238 + <div class="prof_desc">
  239 + Prof. Ping Wang
  240 + </div>
  241 + </div>
  242 + </div>
  243 + </div>
  244 + <footer class="footer-content">
  245 + <div class="footer-main">
  246 +
  247 + <ul class="list-unstyled third-ul">
  248 + <li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
  249 + <li>Tianjin 300060</li>
  250 + <li>China</li>
  251 + <li>Tel/Fax: 0086-22-23359337</li>
  252 + <li>Email: tcih@263.net.cn</li>
  253 + </ul>
  254 + <ul class="list-unstyled first-ul">
  255 + <li><img src="../images/yikeda.png" width="160px" alt=""></li>
  256 + <li><img src="../images/tjuc.png" width="160px" alt=""></li>
  257 + </ul>
  258 + </div>
  259 + </footer>
  260 +
  261 + </div>
  262 + <script src="../js/jquery-1.11.3.min.js"></script>
  263 + <script src="../js/bootstrap.min.js"></script>
  264 + <script src="../js/swiper-3.4.2.jquery.min.js"></script>
  265 + <script src="../js/common.js"></script>
  266 + <script>
  267 + $(document).ready(function () {
  268 + $(".btn-group").find(".navbtn-a").click(function () {
  269 + console.log(this)
  270 + $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
  271 + $(this).addClass('navbtnActive'); // 添加当前元素的样式
  272 + })
  273 + })
  274 + var swiper = new Swiper('.swiper-container', {
  275 + pagination: '.swiper-pagination',
  276 + paginationClickable: true
  277 + });
  278 +
  279 + var swiper = new Swiper('.swiper-container1', {
  280 + pagination: '.swiper-pagination',
  281 + slidesPerView: 3,
  282 + paginationClickable: true,
  283 + spaceBetween: 30
  284 + });
  285 + </script>
  286 +</body>
  287 +
  288 +</html>