CINXE.COM

RDPAC-Innovation for health

<!DOCTYPE html> <!--[if IE 7 ]> <html class="ie7"> <![endif]--> <!--[if IE 8 ]> <html class="ie8"> <![endif]--> <!--[if IE 9 ]> <html class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Under the China Association of Enterprises with Foreign Investment (CAEFI), the R&D-based Pharmaceutical Association Committee (RDPAC) is a non-profit organization made up of 45 member companies with pharmaceutical R&D capability."> <meta name="author" content="RDPAC"> <meta name="keywords" content="RDPAC" /> <title>RDPAC-Innovation for health</title> <link type="text/css" href="/css/bootstrap.min.css" rel="stylesheet" /> <link type="text/css" href="/css/megamenu.css" rel="stylesheet" media="screen" /> <link type="text/css" href="/css/custom.css" rel="stylesheet" /> <link type="text/css" href="/css/style.css" rel="stylesheet" /> <link type="text/css" href="/css/jquery.mmenu.all.5.1.css" rel="stylesheet" /> <link type="text/css" href="/css/breadcrumbs.css" rel="stylesheet" /> <script src="/js/jquery.js"></script> <link href="/layer/theme/default/layer.css" > <script src="/layer/layer.js"></script> <link rel="stylesheet" href="/slider/css/swiper.min.css"> <style type="text/css"> .teal-text-color { color: #00877c !important; } .light-teal-text-color { color: #6Eceb2 !important; } .lighter-teal-text-color { color: #4dede6 !important; } .dark-gray-text-color { color: #37424a !important; } .light-gray-text-color { color: #bcbdbc !important; } .lead-text-color { color: #d3d3d3 !important; } .green-text-color { color: #009994 !important; } .orange-text-color { color: #f68d2e !important; } .yellow-text-color { color: #fbe122 !important; } .purple-text-color { color: #662046 !important; } .white-text-color { color: #fff !important; } .black-text-color { color: #000 !important; } .teal-bg-color { background: #00877c !important; } .light-teal-bg-color { background: #6Eceb2 !important; } .lighter-teal-bg-color { background: #dadfe5 !important; } .light-blue-bg-color { background: #E2F1F4 !important; } .dark-gray-bg-color { background: #37424a !important; } .light-gray-bg-color { background: #f2f1ef !important; } .green-bg-color { background: #009994 !important; } .orange-bg-color { background: #f68d2e !important; } .yellow-bg-color { background: #e1cd00 !important; } .purple-bg-color { background: #662046 !important; } .white-bg-color { background: #fff !important; } .dark-blue-bg-color { background: #1b2733 !important; } .blue-bg-color { background: #243644 !important; } .modal p { font-size: inherit; } .secondary_navigation { /*padding-right: 17px;*/ padding-right: 0; } .secondary_navigation .menu-button.contact, .secondary_navigation li:hover .menu-button.contact { background-image: url('/images/dot.png') !important; background-repeat: no-repeat; background-position: 0 1em !important; padding: 0 15px; } .secondary_nav { padding-left: 0; padding-right: 0; } .secondary_nav .secondary_navigation { margin-top: 0; margin-bottom: 0; } .secondary_nav .secondary_navigation .menu-button { font-size: 1.0em; background-position: 0 1.2em; } .glyphicon-globe::before { color: #878585; } .header-container { background: #fff; height: 105px; padding-top: 10px; box-shadow: 0 1px 4px #333; } .header-container .logo {} .header-container .logo-inner-container {} .header-container .logo img { /*display: block; margin: 0 auto; position: relative; top: 55%;*/ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(30%); } .shareBtn { margin-top: 3% !important; } .megamenu li:hover .dropdown_fullwidth { top: 40px !important; } .megamenu li { position: relative; min-width: 150px; } /*.megamenu li a.megamenu_drop {*/ /*text-align: center;*/ /*}*/ .megamenu_light .megamenu li .dropdown_fullwidth { } .megamenu_dark_bar .megamenu { background: none; float: right; } .megamenu li a.menu-t1, .secondary_navigation li a.menu-t1, .secondary_navigation .menu-top .menu_sub li.last { display: none; } .megamenu > li > a { font-size: 15px; margin: 0 15px; padding: 10px 0; } .megamenu > li .megamenu_drop { padding-right: 0; } .megamenu_dark_bar .megamenu > li .megamenu_drop { background: none; } .megamenu_dark_bar .megamenu > li > a { color: #37424A !important; font-weight: bold !important; } .megamenu_dark_bar .megamenu > li > a:hover { color: #000; border-bottom: 5px solid #116caf; margin-left: 15px; margin-right: 15px; margin-bottom: 5px; padding: 10px 0 0; } .megamenu_dark_bar .megamenu > li:hover > a { color: #000; border-bottom: 5px solid #116caf; padding-bottom: 5px; } .secondary_navigation .menu-label { font-weight: bold; } .secondary_navigation .menu-label.contact { margin-left: 5px; } .megamenu > li .searchBox { left: auto; } .megamenu > li .search-field .ui-helper-hidden-accessible { display: none; } .searchBox .glyphicon-search::before { color: #000; } .searchBox form { margin-top: 0; } .megamenu .show-third-level-nav { display: block !important; list-style: none; margin-bottom: 0; } .megamenu ul.menu_sub li:hover a { color: #116caf; } .megamenu ul.menu_sub { /*border-right: 1px solid #ccc;*/ display: table-cell; margin: 0; padding: 0 15px; width: 29.3%; } .megamenu ul.menu_sub.last { border-right: none; } .megamenu ul.menu_sub li { background: transparent; font-size: 16px; line-height: normal; } .megamenu ul.menu_sub li:hover { background: transparent; } .megamenu ul.menu_sub li ul { margin: 0 0 0 15px; padding: 0; } .megamenu ul.menu_sub li ul li { font-size: 13px; } .megamenu ul.menu_sub li ul li a { padding: 5px 0; line-height: normal; } .megamenu ul.menu_sub li a { font-weight: normal; padding: 5px 0; line-height: normal; } .megamenu ul.menu_sub li a:hover { color: #455660 !important; padding: 5px 0; } .megamenu .menu_sub ul { display: block; list-style: none; } .megamenu ul.menu_sub li a { text-transform: none; color: #116caf; } .megamenu_light .megamenu li .dropdown_fullwidth { border: none; } .hide-menulist { display: none !important; } .secondary_navigation li:hover .menu-button { /*background: transparent url("http://www.msd.com/images/dot_separator.png") no-repeat scroll 0 1.2em;*/ color: #00877c; text-decoration: underline; } .secondary_navigation li:hover a.menu-button.first { background: none repeat scroll 0 0; } .secondary_nav .secondary_navigation .menu-button { font-weight: bold; text-transform: uppercase; } /* BREADCRUMB */ .breadcrumb { background: transparent; margin-bottom: 0; } .breadcrumb .ndash { display: none; } .breadcrumb a { font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 14px; } /* END OF BREADCRUMB */ .sideNav .ndash, .sideNav .menu_sub .t1 { display: none; } #wrap { position: relative; width: 60px; } input#search[type="text"] { height: 40px; font-size: 14px; display: inline-block; font-weight: 100; font-family: "Microsoft YaHei",Arial,Helvetica,serif; border: none; outline: none; color: #fff; /*padding: 3px 37px 3px 10px;*/ padding: 3px 30px; width: 60px; position: absolute; top: 0; right: 0; /*background: #fff url('/img/search-icon.png') center 13px no-repeat;*/ /*background: #fff url('http://www.msd.com/images/search2.png') center 13px no-repeat;*/ z-index: 3; transition: width .1s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor: pointer; } input#search::-webkit-input-placeholder { color: #fff !important; font-weight: normal; opacity: 1; } input#search:-moz-placeholder { color: #fff !important; font-weight: normal; opacity: 1; } input#search::-moz-placeholder { color: #fff !important; font-weight: normal; opacity: 1; } input#search:-ms-input-placeholder { color: #fff !important; font-weight: normal; opacity: 1; } input#search[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } .open-search-field { width: 450px !important; z-index: 1 !important; border-bottom: 1px solid #BBB !important; cursor: text !important; /*background: #289392 url("/img/search-icon-white.png") no-repeat scroll 98% center !important;*/ /*background: #289392 url("http://www.msd.com/images/search2_white.png") no-repeat scroll 98% center !important;*/ border-radius: 10em; } input#search[type="text"]::-ms-clear {display: none; width:0; height:0;} input#search_submit[type="submit"] { height: 40px; /*width: 40px;*/ width: 15px; display: inline-block; color:red; background: none; text-indent: -10000px; border: none; /*position: absolute; top: 0; opacity: 0.4; right: 0; z-index: 2;*/ cursor: pointer; transition: opacity .4s ease; } input#search_submit[type="submit"]:hover { opacity: 0.8; } @media (max-width: 1199px){ .megamenu > li > a { margin: 0 10px; font-size: 14px; } .header-container .logo img { -webkit-transform: translateY(25%); } .close-dropdown { display: block !important; } } @media (max-width: 991px){ .breadcrumb { display: none; } .nav-inventing-for-life a.mm-next:after { display: none; } } @media (max-width: 768px){ #menu.mobile li ul.menu_sub a.t1 { display: none; } #menu .mm-panel { padding-top: 0; padding-bottom: 0; } #menu .mm-panel.searchBox { padding-top: 10px; padding-bottom: 10px; } .mm-listview > li:not(.mm-divider)::after { border-bottom-style: solid !important; border-bottom-width: 1px !important; border-color: rgba(0, 0, 0, 0.1) !important; } #menu .ndash { display: none; } #menu .featured-stories.mm-vertical a.mm-next, #menu .hide-arrow a.mm-next { display: none; } /* .mm-menu .mm-panel .mm-vertical:last-child .mm-next[data-target="#mm-19"] { display: none; } */ .header-container { padding-top: 0; } .breadcrumb { display: none; } .header-container .logo img { /*display: block; margin: 0 auto; position: relative; top: 55%;*/ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(0%); } } @media (max-width: 480px){ .header-container .logo img { transform: translateY(10%); } } </style> <link type="text/css" rel="stylesheet" href="/css/inside.css" /> <link type="text/css" rel="stylesheet" href="/css/inside_ie.css" /> <link type="text/css" rel="stylesheet" href="/css/media-queries.css" /> <link type="text/css" rel="stylesheet" href="/css/jquery-ui.1.10.1.css" /> <style style="text/css"> .ui-autocomplete{ position: absolute; cursor: default;z-index:1300 !important; } </style> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="plugins/tipped-3.1.8/js/excanvas/excanvas.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!--[if IE 9]> <style type="text/css"> .secondary_navigation .menu-button { padding: 0 11px 0 10px; } .megamenu > li > a { padding-left: 8px; } .mosaic-block .mosaic_title { display: table; vertical-align: middle; height: 50px; } </style> <![endif]--> <!--[if IE 8]> <style type="text/css"> /*.modal { width: 750px; } .modal-body { max-height: 300px !important; }*/ .descriptionArea { width: 430px; right: 55px; } .descriptionArea .title { right: -115px; position: relative; width: 300px; font-size: 35px; } .descriptionArea .description { right: -115px; position: relative; } .secondary_navigation .menu-button { padding: 0 11px 0 10px; } .stories_section1 .stories_section_panel, .stories_section2 .stories_section_panel, .stories_section3 .stories_section_panel, .stories_section4 .stories_section_panel { left: 215px !important; } .megamenu { padding-left: 20px; } .megamenu > li > a { padding-left: 8px; } .megamenu_container .megamenu > li { margin: 0; } .megamenu_container .megamenu > li .megamenu_drop { padding-right: 27px; } .span4.logo { width: 260px; } .span6.main_nav, .main_nav { width: 585px !important; } .span2.worldwide { width: 80px; } .mosaic-block .mosaic_title { display: table; vertical-align: middle; height: 45px; } .details { padding-top: 5px; } .details h4 { font-size: 10px; line-height: 1.1em; display: table-cell; vertical-align: middle; position: relative; top: 0%; height: 45px; } .jnewsbar { right: auto; width: 940px; } .bx-wrapper .bx-viewport { height: 83px; } </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> .secondary_navigation .menu-button { padding: 0 11px 0 10px; } .stories_section1 .stories_section_panel, .stories_section2 .stories_section_panel, .stories_section3 .stories_section_panel, .stories_section4 .stories_section_panel { left: 184px !important; } .mosaic-block .mosaic_title { display: table; vertical-align: middle; height: 40px; } .details h4 { font-size: 12px; line-height: 1.1em } .jnewsbar { right: auto; width: 940px; } </style> <![endif]--> <link type="text/css" href="/css/vaccines.css" rel="stylesheet" /> <link type="text/css" href="/css/animate.css" rel="stylesheet" /> <!-- ShareThis icons --> <script type="text/javascript"> var switchTo5x = true; </script> <!-- End of ShareThis icons --> </head> <body> <!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div id="page" class="vaccines"> <div class="header-container navbar-fixed-top"> <div class="" style="box-sizing: border-box;padding:0 20px;"> <div class="row logo-nav-container"> <div class="col-lg-3 col-md-3 col-xs-8 logo"> <a href="/index.php?r=site%2Findex" title="MSD's Homepage"> <img class="img-responsive" alt="MSD: Inventing For Life" src="/images/logo.png" /> </a> </div><!-- End of span5 --> <!-- SECONDARY NAV IS HIDDEN ON MOBILE --> <div class="col-lg-9 col-md-9 col-xs-4 hidden-xs hidden-sm"> <div class="row"> <div class="secondary-navigation-container"> <div class="col-lg-12 col-md-12 secondary_nav"> <div class="secondary_navigation"> <ul class="menu-top"> <li> <!--<a href="JavaScript:extLink4('/contact/contacts.html');" class="menu-button menu-drop first" data-toggle="modal" data-target=""> <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>--> <div class="items" style="min-width: 50px;"> <a href="javascript:void(0);" onclick="showBarcode();" class="menu-button menu-drop first" data-toggle="modal" data-target=""> <img src="/images/wechat_small.png" /> <!-- <span class="menu-label">WeChat Enterprise</span>&nbsp;--> </a> </div> </li> <li> <!--<a href="JavaScript:extLink4('/contact/contacts.html');" class="menu-button menu-drop first" data-toggle="modal" data-target=""> <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>--> <div class="items" style="min-width: 50px;"> <a href="https://www.linkedin.com/company/31057836/" target="_blank" class="menu-button menu-drop contact " data-toggle="modal" data-target=""> <img src="/images/in.png" /> <!-- <span class="menu-label">WeChat Enterprise</span>&nbsp;--> </a> </div> </li> <!-- <li>--> <!-- <div class="items">--> <!-- <a class="menu-t1 sideNavHeader" href="#">MemberLogin</a>--> <!----> <!-- <ul class="menu_sub">--> <!-- <li><a class="current t1 menu-button menu-drop contact last" href="#">MemberLogin</a></li>--> <!-- </ul>--> <!----> <!-- </div>--> <!-- </li>--> <li> <div class="items"> <a class="menu-t1 sideNavHeader" href="http://www.rdpac.org/">中文</a> <ul class="menu_sub"> <li><a class="current t1 menu-button menu-drop contact last" href="http://www.rdpac.org/">中文</a></li> </ul> </div> </li> </ul> </div> </div><!-- End of col-md-12 --> </div><!-- End of container --> </div><!-- End of row --> <div id="tong" style="display: none;"> <div id="" style="width: 300px; height: 300px;"> <a href="#" > <img src="/images/barcode.jpg" style="max-width: 100%;"> </a> </div> </div> <script> function showBarcode() { layer.open({ type: 1, title: false, closeBtn: 0, area: [300, 300], skin: 'layui-layer-nobg', //没有背景色 shadeClose: true, content: $('#tong').html() }); } </script> <div class="row"> <div class="header_section"> <div class="col-lg-12 col-md-12 col-xs-12 main_nav hidden-xs hidden-sm"> <div class="megamenu_container megamenu_dark_bar megamenu_light"><!-- Begin Menu Container --> <ul class="megamenu"><!-- Begin Mega Menu --> <li class="megamenu_button" style="display: none;"><a href="#_">Navigation</a></li> <li style=""><a class="megamenu_drop first" href="/index.php?r=site%2Fabout">About Us</a><!-- Begin Item --> <div class="dropdown_fullwidth" style="left: -1px; top: auto; display: none;"><!-- Begin Item Container --> <div class="col_12"> <div class="close close-dropdown" style="display: none;"><span aria-hidden="true">&times;</span></div> <!--<nav id="sitemaps">--> <div class="items"> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fabout">About Us</a> <ul class="menu_sub"> <li><a href="/index.php?r=site%2Fabout#vision" title="">Vision</a></li> <li><a href="/index.php?r=site%2Fabout#commit" title="">RDPAC Executive Committee</a></li> <li><a href="/index.php?r=site%2Fabout#membership" title="">Members</a></li> <li><a href="/index.php?r=site%2Fabout#rdpaccode" title="">RDPAC Code</a></li> <li><a href="/index.php?r=site%2Fmrc" target="_blank" title="">MRC test</a></li> <li><a href="/index.php?r=site%2Faboutus" title="">Contact Us</a></li> <!-- <li><a href="/index.php?r=site%2Fjobs" title="">Job vacancies</a></li> --> </ul> </div> <!--</nav>--> </div> </div><!-- End Item Container --> </li><!-- End Item --> <li style=""><a class="megamenu_drop first" href="/index.php?r=site%2Fchuangxin">Innovation for Health</a><!-- Begin Item --> <div class="dropdown_fullwidth left100" style="left: -1px; top: auto; display: none;"><!-- Begin Item Container --> <div class="col_12"> <div class="close close-dropdown" style="display: none;"><span aria-hidden="true">&times;</span></div> <!--<nav id="sitemaps">--> <div class="items"> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fchuangxin">Innovation for Health</a> <ul class="menu_sub"> <li><a class="current t1" href="/index.php?r=site%2Fchuangxin&type=1">Diabetes</a></li> <li><a href="/index.php?r=site%2Fchuangxin&type=2" title="">Cancer</a></li> <li><a href="/index.php?r=site%2Fchuangxin&type=3" title="">Respiratory Disease</a></li> </ul> </div> <!--</nav>--> </div> </div><!-- End Item Container --> </li><!-- End Item --> <li style=""><a class="megamenu_drop first" href="/index.php?r=site%2Fzhuli">Partner for Healthy China</a><!-- Begin Item --> <div class="dropdown_fullwidth left200" style="left: -1px; top: auto; display: none;"><!-- Begin Item Container --> <div class="col_12"> <div class="close close-dropdown" style="display: none;"><span aria-hidden="true">&times;</span></div> <!--<nav id="sitemaps">--> <div class="items"> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fzhuli">Partner for Healthy China</a> <ul class="menu_sub"> <li><a class="current t1" href="/index.php?r=site%2Fzhuli#innovation">R&D and Innovation</a></li> <li><a href="/index.php?r=site%2Fzhuli#drug" title="">Drug Quality & Safety</a></li> <li><a href="/index.php?r=site%2Fzhuli#access" title="">Patient Access</a></li> <li><a href="/index.php?r=site%2Fzhuli#ipr" title="">IPR Protection</a></li> <li><a href="/index.php?r=site%2Fzhuli#business" title="">Ethical Business Practice</a></li> </ul> </div> <!--</nav>--> </div> </div><!-- End Item Container --> </li><!-- End Item --> <li style=""><a class="megamenu_drop first" href="/index.php?r=site%2Fresource">Resource Center</a><!-- Begin Item --> <div class="dropdown_fullwidth left300" style="left: -1px; top: auto; display: none;"><!-- Begin Item Container --> <div class="col_12"> <div class="close close-dropdown" style="display: none;"><span aria-hidden="true">&times;</span></div> <!--<nav id="sitemaps">--> <div class="items"> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fresource">Resource Center</a> <ul class="menu_sub"> <li><a class="current t1" href="/index.php?r=site%2Fresource">Press Room</a></li> <li><a href="/index.php?r=site%2Fresource&type=1" title="">Publications</a></li> </ul> </div> <!--</nav>--> </div> </div><!-- End Item Container --> </li><!-- End Item --> </ul><!-- End Mega Menu --> <!--<ul class="nav pull-right navbar-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-search"></i></a> <ul class="dropdown-menu" style="padding:12px;"> <form class="form-inline"> <button type="submit" class="btn btn-default pull-right"><i class="glyphicon glyphicon-search"></i></button><input type="text" class="form-control pull-left" placeholder="Search"> </form> </ul> </li> </ul>--> </div><!-- End Menu Container --> </div><!-- End of span6 --> </div><!-- End of header_section --> </div><!-- End of row --> </div> <!-- HAMBURGER MENU HIDDEN ON LARGE VIEW --> <div class="col-xs-4 worldwide hidden-lg hidden-md"> <!-- hidden-sm to hide on ipad vertical --> <div class="hidden-lg hidden-md hidden-print" id="mobile_menu"> <a href="#menu">Menu</a> </div> <div class="hidden" id="research_menu"> <a href="#hamburger">MENU</a> </div> </div><!-- End of menu --> </div><!-- End of row --> <div class="row breadcrumb-container" style="display: none;"> <div class="breadcrumb"><ul></ul></div> </div><!-- End of row --> </div><!-- End of container --> </div><!-- End of header-container --> <link href="/css/about.css" rel="stylesheet" > <style> .dot { position: absolute; bottom: 20px; left: 45%; } @media (max-width: 480px) { .dot { position: absolute; bottom: 20px; left: 46%; } } </style> <!-- main-hero-section --> <div class="main-hero-section" style="display: none;"> <div class="container"> <div class="shareBtn pull-right"> </div> <div class="col-xs-6 col-xs-offset-6 toptitle"> <!-- <h1 class="purple-text-color" data-sb-hide="fadeOut" data-sb="fadeInUp">Our Work<br> in Vaccines</h1>--> </div> </div> </div> <!-- Swiper --> <div class="swiper-container"> <div class="parallax-bg" style="background-image:url(http://enadmin.rdpac.org/upload/image_collection/1575258388.png)" data-swiper-parallax="-23%"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="swiper-zoom-container" style="min-height: 500px;color:#fff;"> <div class="title" data-swiper-parallax="-300"> <div class="container"> While there are many diseases which threaten health, and even life, we will never stop innovating. It is in innovation that we demonstrate our true value. </div> </div> </div> </div> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> <!-- Swiper JS --> <script src="/slider/js/swiper.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { speed: 600, parallax: true, pagination: { // el: '.swiper-pagination', clickable: true, }, navigation: { // nextEl: '.swiper-button-next', // prevEl: '.swiper-button-prev', }, }); </script> <div class="doors box-container one"> <div class="col-lg-5 col-md-4 col-sm-4 col-xs-12 box left"> <div class="row"> <div class="col-lg-8 col-lg-offset-3 box-content"> <div class="row"> <div class="col-lg-12"> <div class="valign-content"> <div class="media"> <div class="media-left media-middle"> <a href="#" style="cursor: default;" title=""> <img class="media-object img-responsive" src="/images/chuang2.png" > </a> </div> <div class="media-body"> <p class="msd-light-teal-text-color"><a href="#" style="font-size:3rem;text-decoration: none;cursor: default;">INNOVATION FOR HEALTH</a></p> </div> </div> </div><!-- End of valign-content --> </div> </div> </div> </div> </div> <style> .center-block { cursor: pointer; } </style> <div class="col-lg-7 col-md-8 col-sm-8 col-xs-12 box right msd-light-teal-bg-color"> <div class="row"> <div class="col-lg-12 col-lg-offset-0 col-md-12 col-md-offset-0 box-content items-container"> <div class="col-lg-4 col-md-4 col-sm-4 msd-light-teal-bg-color space-top-bottom item" style="height: 301px;"> <div class="center-block" onclick="play1();"> <img class="space-bottom img-responsive center-block" src="/images/chuang3.png" alt="Icon: R&amp;D"> <p class="msd-white-text-color">DIABETES</p> <img src="/images/chuang6.png" class="dot" > </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 msd-light-navy-blue-bg-color space-top-bottom item" style="height: 301px;"> <div class="center-block" onclick="play2();"> <img class="space-bottom img-responsive center-block" src="/images/chuang4.png" alt="Icon: Business"> <p class="msd-white-text-color">CANCER</p> <img src="/images/chuang6.png" class="dot" > </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 msd-light-teal-bg-color space-top-bottom item" style="height: 301px;"> <div class="center-block" onclick="play3();"> <img class="space-bottom img-responsive center-block" src="/images/chuang5.png" alt="Icon: Revenue"> <p class="msd-white-text-color">RESPIRATORY<br> DISEASE</p> <img src="/images/chuang6.png" class="dot" > </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="row"> <div class="col-lg-12 video_play" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575258420.jpg" style="width:100%;height:auto;" > <a href="javascript:void(0);" onclick="videoStart();" style="position:absolute;top:40%;width:100%;text-align: center;left:0;opacity: .5;" ><img src="/images/chuang7.png" class="play_btn" ></a> </div> <div class="col-lg-12 hidden" id="videoPlay"> <video src="#" id="videoplayer" controls="controls" style="width: 100%;"> </video> </div> </div> <div class="row"> <div class="col-lg-12 part1 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575258437.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part1 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575258448.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part1 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575258460.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part1 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575258472.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part2 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575386289.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part2 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575386360.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part3 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575386415.jpg" style="width:100%;height:auto;" > </div> </div> <div class="row"> <div class="col-lg-12 part3 ad_zone" style="position: relative"> <img src="http://enadmin.rdpac.org/upload/image_collection/1575258528.jpg" style="width:100%;height:auto;" > </div> </div> <script> function videoStart() { $("#videoPlay").removeClass('hidden'); $(".video_play").addClass('hidden'); } function play1() { $("#videoplayer").attr('src', 'http://ipif.rdpac.org/2.mp4'); videoStart(); $(".ad_zone").addClass('hidden'); $(".part1").removeClass('hidden'); } function play2() { $("#videoplayer").attr('src', 'http://ipif.rdpac.org/1.mp4'); videoStart(); $(".ad_zone").addClass('hidden'); $(".part2").removeClass('hidden'); } function play3() { $("#videoplayer").attr('src', 'http://cn.rdpac.org/3.mp4'); videoStart(); $(".ad_zone").addClass('hidden'); $(".part3").removeClass('hidden'); } play2(); </script> </div> <!-- Start of publish container --> <div class="footer_container"> <div class="leftcol col-lg-12 col-md-12" style="margin:0;padding:0;background: #E8E8E8;" > <ul> <li> <a href="https://www.caefi.org.cn/" target="_blank"> <img src="/images/f1.png"></a> </li> <li> <!-- <a href="http://www.ifpma.org/" target="_blank">--> <img src="/images/f2.png"> <!-- </a>--> </li> <li> <!-- <a href="http://www.phrma.org/" target="_blank">--> <img src="/images/f3.png"> <!-- </a>--> </li> <li> <!-- <a href="http://www.efpia.org/" target="_blank">--> <img src="/images/f4.png"> <!-- </a>--> </li> <li> <!-- <a href="https://www.bio.org" target="_blank">--> <img src="/images/f5.png"> <!-- </a>--> </li> <li> <!-- <a href="http://www.jpma.or.jp/english" target="_blank">--> <img src="/images/f6.png"> <!-- </a>--> </li> <li> <!-- <a href="http://www.psmchina.cn/" target="_blank">--> <img src="/images/f7.png"> <!-- </a>--> </li> </ul> <p style="text-align: center;color:#87B4D7;margin-top:25px;">Copyright © 2011 RDPAC.org All Rights Reserved</p> <a href="https://beian.miit.gov.cn" target="_blank"> <p style="text-align: center;color:#87B4D7;margin-bottom:25px;">京ICP备14020472号-1 京公网安备11010502025687</p> </a> </div> </div> <!-- End of publish container --> <nav id="menu" class="mobile"> <ul style="display: none;"> <li> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fabout">About Us</a> <ul class="menu_sub"> <li><a href="/index.php?r=site%2Fabout#vision" title="">Vision</a></li> <li><a href="/index.php?r=site%2Fabout#commit" title="">RDPAC Executive Committee</a></li> <li><a href="/index.php?r=site%2Fabout#membership" title="">Members</a></li> <li><a href="/index.php?r=site%2Fabout#rdpaccode" title="">RDPAC Code</a></li> <li><a href="/index.php?r=site%2Fmrc" title="">MRC test</a></li> <!-- <li><a href="http://www.rdpacmrc.org" target="_blank" title="">MRC</a></li> --> <li><a href="/index.php?r=site%2Faboutus" title="">Contact Us</a></li> <!-- <li><a href="/index.php?r=site%2Fjobs" title="">Job vacancies</a></li> --> </ul> <ul class="menu_sub"> </ul> <ul class="menu_sub last"> </ul></li> <li> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fchuangxin">Innovation for Health</a> <ul class="menu_sub"> <li><a class="current t1" href="/index.php?r=site%2Fchuangxin">Innovation for Health</a></li> <li><a href="/index.php?r=site%2Fchuangxin&type=1" title="">Diabetes</a></li> <li><a href="/index.php?r=site%2Fchuangxin&type=2" title="">Cancer</a></li> <li><a href="/index.php?r=site%2Fchuangxin&type=3" title="">Respiratory Disease</a></li> </ul> <ul class="menu_sub"> </ul> <ul class="menu_sub last"> </ul></li> <li> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fzhuli">Partner for Healthy China</a> <ul class="menu_sub"> <li><a class="current t1" href="/index.php?r=site%2Fzhuli#innovation">R&D and Innovation</a></li> <li><a href="/index.php?r=site%2Fzhuli#drug" title="">Drug Quality & Safety</a></li> <li><a href="/index.php?r=site%2Fzhuli#access" title="">Patient Access</a></li> <li><a href="/index.php?r=site%2Fzhuli#ipr" title="">IPR Protection</a></li> <li><a href="/index.php?r=site%2Fzhuli#business" title="">Ethical Business Practice</a></li> </ul> <ul class="menu_sub"> </ul> <ul class="menu_sub last"> </ul></li> <li> <a class="menu-t1 sideNavHeader" href="/index.php?r=site%2Fresource">Resource Center</a> <ul class="menu_sub"> <li><a class="current t1" href="/index.php?r=site%2Fresource">Resource Center</a></li> <li><a class="current t1" href="/index.php?r=site%2Fresource">Press Room</a></li> <li><a href="/index.php?r=site%2Fresource&type=1" title="">Publications</a></li> </ul> <ul class="menu_sub"> </ul> <ul class="menu_sub last"> </ul></li> <li> <a href="javascript:void(0);" onclick="showBarcode();" class="menu-t1 sideNavHeader" data-toggle="modal" data-target=""> <img src="/images/wechat_small.png" /> </a> </li> <li> <a href="https://www.linkedin.com/company/31057836/" target="_blank" class="menu-t1 sideNavHeader" data-toggle="modal" data-target=""> <img src="/images/in.png" /> </a> </li> <li> <a class="menu-t1 sideNavHeader" href="http://www.rdpac.org/">中文</a> </li> </ul> </nav> <script type="text/javascript" src="/js/scripts.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/jquery.mmenu.min.all-5.2.js"></script> <script type="text/javascript" src="/js/ie10-viewport-bug-workaround.js"></script> <script type="text/javascript" src="/js/jquery.matchHeight-min.js"></script> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/js/js.cookie.js"></script> <script type="text/javascript"> $(document).ready(function($){ $(this).scrollTop(0); $("#menu").mmenu({ "slidingSubmenus": false }); var API = $("#menu").data("mmenu"); //Shows the menu on load $('nav#menu ul').css('display','block'); API.bind("closed", function(){ $('input#mtag').blur(); }); $('.megamenu').megaMenuCompleteSet({ menu_speed_show : 100, // Time (in milliseconds) to show a drop down menu_speed_hide : 200, // Time (in milliseconds) to hide a drop down menu_speed_delay : 100, // Time (in milliseconds) before showing a drop down menu_effect : 'hover_fade', // Drop down effect, choose between 'hover_fade', 'hover_slide', etc. menu_click_outside : 1, // Clicks outside the drop down close it (1 = true, 0 = false) menu_show_onload : 0, // Drop down to show on page load (type the number of the drop down, 0 for none) menu_responsive:1 // 1 = Responsive, 0 = Not responsive }); var cnt = $("#breadcrumbs-1b .menu_sub").contents(); $("#breadcrumbs-1b").replaceWith(cnt); //var url = location.pathname.substring(location.pathname.lastIndexOf("/") + 1); var url = location.pathname; console.log(url); var currentItem = $(".items").find("[href$='" + url + "']"); console.log(currentItem); // get test settings var byRow = $('body').hasClass('test-rows'); // apply matchHeight to each item container's items $('.logo-nav-container').each(function() { $(this).children('div').matchHeight({ byRow: byRow }); }); $(".ourpeople").mouseover(function(){ $(".aboutus-description p").hide(); $(".aboutus-description p.ourpeople-description").show(); }).mouseout(function(){ $(".aboutus-description p").show(); $(".aboutus-description p.ourpeople-description").hide(); }); $('#myModalvid').on('hidden.bs.modal', function (e) { $("#myModalvid iframe").attr("src", $("#myModalvid iframe").attr("src")); }); var str=location.href.toLowerCase(); $('.menu_sub li a').each(function() { if (str.indexOf(this.href.toLowerCase()) > -1) { $("li.active-link").removeClass("active-link"); $(this).parent().addClass("active-link"); } }); $('li.active-link').parents().each(function(){ if ($(this).is('li')){ $(this).addClass("active-link"); } }); $('li.active-link ul li.privacy ul').css('display','block'); $('.menu_sub li ul li a').each(function() { if (str.indexOf(this.href.toLowerCase()) > -1) { $(".menu_sub li ul li.sub-link").removeClass("sub-link"); $(this).children().addClass("sub-link"); } }); $('.menu_sub li ul li.sub-link').children().each(function(){ if ($(this).is('li')){ $(this).addClass("sub-link"); } }); $('.menu_sub li.active-link > ul').css('display','block'); $(".menu-button.menu-drop.ql").click(function(){ //$(".secondary_navigation .menu-dropdown.menu-dropdown7").css({left:'auto',right:'0',opacity:'1'}); $(".secondary_navigation .menu-dropdown.menu-dropdown7").toggleClass("open-quicklinks"); }); var browserWidth = $(window).width(); if (navigator.userAgent.match(/(iPad)/)) { if (browserWidth == 768) { //alert('Width: 768px'); } else if (browserWidth == 1024){ //alert('Width: 1024px'); $('.close-dropdown').click(function(){ $('.dropdown_fullwidth').css('display','none'); }); /* $('input#search[type="text"]').on('blur', function(){ $('input#search[type="text"]').removeClass('open-search-field'); $('input#search[type="text"]').val(''); }); */ $('.megamenu .megamenu_drop').attr("href", "#"); $('.megamenu li a.menu-t1').css('display','none'); //Reopens the search field. /* var search = document.getElementById("search"); search.ontouchstart = function(e) { this.setAttribute('class', 'open-search-field'); } */ /*$('a').on('click touchend', function(){ $('input#search[type="text"]').removeClass('open-search-field'); });*/ }// End of browserWidth //Detect ipad orientation change //$(window).bind('orientationchange', function(event){ $(window).on('orientationchange', function(event){ //alert('new orientation: ' + event.orientation); var ipad_portrait = window.matchMedia("(orientation: portrait)"); if(ipad_portrait.matches){ //alert('Portrait'); } else { //alert('Landscape'); /*$('.megamenu').megaMenuCompleteSet({ menu_effect : 'click_fade' }); */ $('.close-dropdown').click(function(){ $('.dropdown_fullwidth').css('display','none'); }); $('.megamenu .megamenu_drop').attr("href", "#"); $('.megamenu li a.menu-t1').css('display','none'); } }); } }); </script> <script src="/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script> <script type="text/javascript"> var checkeventcount = 1,prevTarget; $('.modal').on('show.bs.modal', function (e) { if(typeof prevTarget == 'undefined' || (checkeventcount==1 && e.target!=prevTarget)) { prevTarget = e.target; checkeventcount++; e.preventDefault(); $(e.target).appendTo('body').modal('show'); } else if(e.target==prevTarget && checkeventcount==2) { checkeventcount--; } }); </script> <!-- Add Custom Page Scripts Below --> <script type="text/javascript"> $(document).ready(function() { $('.row').each(function() { $(this).find('.matchHeight').matchHeight({ byRow: true }); }); if (navigator.userAgent.match(/Trident.*rv:11\./)) { $('body').addClass('ie11'); } function isMobile() { return /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); } //IF IT'S NOT MOBILE, INITIALIZE THE PLUGIN if (!isMobile()) { //place script you don't want to run on mobile here var url = "/js/story-box.min.js"; $.getScript(url, function() {}); //StoryBox.Init($('body'), {}); } }); </script> </body>

Pages: 1 2 3 4 5 6 7 8 9 10