/* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ body { /* padding-bottom: 40px; */ color: #5a5a5a; background: #fff; width: 100%; height: 100%; overflow-x: hidden; font-family: "Noto Sans SC",arial,simsun,sans-serif; } ul,li,p,body,table { margin: 0; padding: 0; } footer { background: rgba(80, 80, 80, 1); color: #fff; padding: 35px; } /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ /* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper>.container { padding-right: 0; padding-left: 0; } .navbar-wrapper .navbar { /* padding-right: 15px; padding-left: 15px; */ } .navbar-wrapper .navbar .container { width: auto; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ .js-silder { position: relative; min-width: 320px; } .silder-scroll { width: 100%; overflow: hidden; } .silder-main { position: relative; width: 100%; overflow: hidden; background: #f8f8f8; } .silder-main-img { position: absolute; top: 0; left: 0; width: 100%; } .silder-main-img img { width: 100%; } .js-silder-ctrl { width: 100%; text-align: center; } .silder-ctrl-prev,.silder-ctrl-next { position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev { left: 0; text-align: left; } .silder-ctrl-next { right: 0; text-align: right; } .silder-ctrl-prev>span,.silder-ctrl-next>span { position: absolute; top: 50%; margin-top: -40px; } .silder-ctrl-prev>span { left: 0; } .silder-ctrl-next>span { right: 0; } .silder-ctrl-con { display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; } .silder-ctrl-con>span { display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .silder-ctrl-con.active>span { background-color: #7bbedf; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 { margin-bottom: 20px; text-align: center; } .home_info { position: relative; } .home_info img { transition: all 1s ease 0s; } .container .news_view p { font-size: 16px; } .col-five:hover .home_info img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: all 1s ease 0s; } .home_info { display: block; height: 147px; overflow: hidden; } #map label { display: inline; font-weight: unset; margin-bottom: 0; max-width: unset; } .home_info h2 { margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 100%; } .marketing h2 a { font-weight: normal; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; background: inherit; background-color: inherit; background-color: rgba(0, 0, 0, 0.23921568627451); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-family: "Noto Sans SC", Arial, sans-serif; font-weight: bolder; font-style: normal; font-size: 16px; color: #FFFFFF; padding: 0; margin: 0; text-align: center; line-height: 40px; } .home_img { width: 100%; } .marketing .col-lg-4 p { margin-right: 10px; margin-left: 10px; } .home_main { padding: 30px 0 60px; background: #f8f8f8; } .home_main .home_info_list { background: #fff; padding: 15px 15px 15px 10px; min-height: 180px; text-align: left; } .home_main .home_info_list p { line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px; max-height: 40px; background: url(http://pic.biodiscover.com/files/a/uw/biodiscover1517282014.7220467.png) no-repeat; background-size: 5px; padding-left: 13px; background-position-y: 7px; padding-top: 1px; } .home_main .home_info_list p a { color: #666666; } .home_main .home_info_list p a:hover { color: #169BD5; } /* Featurettes ------------------------- */ .container { position: relative; } .featurette-divider { margin: 80px 0; /* Space out the Bootstrap
more */ } /* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; } .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-color: unset; float: right; } .navbar-inverse { background-color: #fff; border-color: unset; } .navbar-static-top { z-index: 1000; border-width: 0px; } .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover { color: #169BD5; background-color: transparent; font-weight: bold; } .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover { color: #169BD5; background-color: transparent; } .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover { color: #169BD5; background-color: transparent; background-color: none; } .navbar-inverse .navbar-nav>li>a { color: #666; line-height: 80px; padding: 0 20px; font-size: 15px; } .navbar { margin-bottom: 0; } .nav_search { float: right; } .nav_search input { border: 0; margin-right: 30px; padding-left: 5px; background: #F0F0F0; color: #666666; border-top: 1px solid #E0E0E0; } .nav_search img { position: absolute; right: 35px; top: -1px; width: 15px; } .nav_search span { color: #999; } .nav_search a { color: #999; font-size: 13px; } .nav_search a:hover { color: #169BD5; text-decoration: none; } .navbar-header { height: unset; float: unset; position: absolute; bottom: 19px; } .navbar-header img { height: 44px; margin-top: 17px; } .row { /* margin: -5px; */ } .col-four { width: 25%; padding: 5px; float: left; } .col-five { width: 20%; padding: 5px; float: left; } .col-sm-4 { padding: 5px; } .nav>li { position: unset; display: block; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: block; float: left; /* min-width: 160px; */ margin: 13px 0 0; margin-top: 13px; font-size: 14px; text-align: left; list-style: none; background-color: #5c6a7b; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); padding: 20px 0; border: 0; width: 100%; } .dropdown-menu>li { padding: 0 20px; position: relative; } .dropdown-menu li a { line-height: 1.8; color: #169BD5; border-bottom: 1px dotted #c8cacc; padding: 3px 20px; } .dropdown-menu ul { position: absolute; left: 158px; top: 0; margin: 0; padding: 0; /* width: 140px; */ background: rgba(255, 255, 255, .8); list-style: none; padding: 0px; min-width: 160px; display: none; padding: 20px 0; } .dropdown-menu li:hover ul { display: block; } .dropdown-menu ul li { padding: 0 20px; } .dropdown-menu ul li a { line-height: 1.8; border-bottom: 1px dotted #c8cacc; display: block; } .dropdown-menu ul li a:focus,.dropdown-menu ul li a:hover { text-decoration: none; color: #EA6722; } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover { color: #EA6722; text-decoration: none; background-color: transparent; } .bread { line-height: 50px; height: 50px; background: inherit; background-color: inherit; background-color: rgba(243, 243, 243, 1); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; } .bread li{ position: unset; display: block; float: left; } .sidebar_title { width: 100%; background: rgba(1, 143, 212, 1); text-align: center; color: #fff; font-size: 28px; line-height: 75px; height: 75px; margin-bottom: 3px; font-family: "Noto Sans SC"; } .sidebar_list { } .sidebar_list>div { line-height: 40px; height: 40px; background-color: rgba(123, 191, 234, 1); color: #fff; font-size: 16px; cursor: pointer; border-bottom: 1px solid #f2f2f2; } .sidebar_list>div a { line-height: 40px; height: 40px; background-color: rgba(123, 191, 234, 1); color: #fff; width: 100%; font-size: 15px; cursor: pointer; border-bottom: 1px solid #f2f2f2; display: block; padding-left: 25px; font-family: "Noto Sans SC"; } .sidebar_list>div a:hover { text-decoration: none; background: rgba(1, 143, 212, 1); } .sidebar_list div.active>a { text-decoration: none; background: rgba(1, 143, 212, 1); } .sidebar_list ul { padding: 0; margin: 0; display: none; } .list_on ul { display: block; } .sidebar_list ul li { list-style: none; } .sidebar_list ul li a { line-height: 40px; background: #f2f2f2; padding-left: 25px; display: block; color: #666666; } .sidebar_list ul li a:hover { text-decoration: none; background: #f8f8f8; } .sidebar_list ul li a.active { text-decoration: none; background: #f8f8f8; } .container p { color: #666666; line-height: 24px; font-size: 14px; text-align: justify; margin-bottom: 10px; font-family: "Noto Sans SC"; /* margin:0 0 30px 0; */ } .container p.cred { color: red; font-weight: bold; } .container p img { max-width: 100%; } footer .container p { margin: 0; } footer p span { color: #909090; } footer .pull-right img { margin-top: 0px; } .inner_benner img { max-width: 100%; } .inner_benner { background: url("/templets/mitro/images/about2.jpg") no-repeat scroll center center/1922px 318px; background-size: 100% 100%; /* background-size: 1922px 318px; */ height: 318px; color: #fff; position: relative; width: 100%; } .inner_benner_join { background: url(/uploads/allimg/180301/1_2251402531.jpg) center; } .inner_benner_clinical { background: url(/uploads/allimg/180301/1_2319555191.jpg) center; } .inner_benner_about { background: url(/uploads/allimg/180323/1_1332327731.jpg) center; } .inner_benner_contact { background: url(/uploads/allimg/180301/1_2251402531.jpg) center; } .inner_benner_druglit { background: url(/uploads/allimg/180301/1_2343427141.jpg) center; } .inner_benner_img { background: url(/uploads/allimg/180302/1_0029437321.jpg) center; } .inner_benner_news { background: url(/uploads/allimg/180301/1_2256443851.jpg) center; } .inner_benner_research { background: url(/uploads/allimg/180412/1_1029291791.jpg) center; } .inner_benner_pre { background: url(/uploads/allimg/180301/1_2326534081.jpg) center; } .inner_benner_pre_i { background: url(/templets/mitro/images/p-benner.jpg) center; } .inner_en_benner_pre_i{ background: url(/templets/mitro/images/p-benner.jpg) right; } .inner_benner_en_pre_i { background: url(/templets/mitro/images/en-p-benner.jpg) center; } .inner_benner_imaging_s { background: url(/templets/mitro/images/i-benner.jpg) center; } .inner_benner_register { background: url(/uploads/allimg/180301/1_2310382191.jpg) center; } .inner_benner_train { background: url(/uploads/allimg/180302/1_0029437321.jpg) center; } .inner_benner_regulatory { background: url(/uploads/allimg/180302/1_1350175151.jpg) center; } .inner_benner_radio { background: url(/uploads/allimg/180302/1_1344161341.jpg) center; } .inner_benner .container .imaging_banner_info { font-size: 36px; position: absolute; top: 95px; right: 107px; width: 295px; } .imaging_banner_info .i1 { font-weight: bold; } .imaging_banner_info .i2 { font-size: 14px; } /* RESPONSIVE CSS -------------------------------------------------- */ .nav_search_height { height: 30px; overflow: hidden; padding-right: 20px; } .nav_search { padding-top: 7px; } .navbar-wrapper .container { /* padding-right: 15px; padding-left: 15px; */ height: 110px; } .center { text-align: center; } img { max-width: 100%; } .honor img { height: 200px; overflow: hidden; } .team_info:first-child { padding-top: 0; } .team_info:last-child { padding-bottom: 0; border-bottom: 0; } .team_info { border-bottom: 1px solid #efefef; padding: 30px 0; } .team_intro { } .team_intro p:last-child { margin-bottom: 0; } .team_face { } .team_name { font-size: 16px; font-weight: bold; } .clinical_title { color: rgba(1, 143, 212, 1); font-size: 16px; border-bottom: 1px solid #efefef; margin-bottom: 20px; padding-bottom: 10px; font-family: "Noto Sans SC"; } p.inner_title { margin-top: 30px; font-weight: bold; font-size: 17px; color: #000; } p b { font-size: 16px; } .img_bg { background: #f2f2f2; padding: 30px; margin-bottom: 20px; } .img_bg img { margin: 0 auto; display: block; } /* 鐧诲綍椤 */ .login_center { background: rgba(0, 0, 0, 0.7); width: 320px; position: absolute; left: 50%; top: 50%; margin-left: -150px; height: 378px; margin-top: -189px; color: #fff; } body.login_bg { /* background: url("../images/loginbg.jpg") no-repeat center; background-size: 100% 100%; height: 100%; width: 100%; */ background: url("../images/loginbg.jpg") no-repeat center; } .login_info { padding: 40px; } .input-group img { height: 20px; max-width: unset; } .login_btn a { height: 45px; line-height: 45px; background: #0787ea; text-align: center; font-size: 16px; display: block; color: #fff; } .login_btn a:hover { background: #f0872b; text-decoration: none; } .get_password { margin-bottom: 30px; } .remeber { float: left; } .forget { float: right; } .form-control { height: 45px; padding: 0px 12px; border-radius: 0; } .input-group-addon { border-radius: 0; background: #aaacab; border: 0; } .input-group { margin-bottom: 20px; } .login_name { font-size: 18px; } .login_ps { padding: 10px 0; } .cf0872b { color: #f0872b; } .copy_right { color: #fff; position: absolute; top: 50%; margin-top: 300px; width: 100%; text-align: center; } /* 鐢ㄦ埛涓績 */ .bgf5f5f5 { background: #f5f5f5; padding: 50px 0; } .bgf8f8f8 { background: #f8f8f8; } .login_bread { background: #fff; line-height: 50px; height: 50px; color: #666; font-size: 14px; padding-left: 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 0px; } .user_center { background: #fff; border: 0px solid #e4e4e4; /* min-height: 500px; */ } .user_left_nav { width: 20%; float: left; } .user_left_nav ul li { list-style: none; } .user_left_nav ul li img { width: 22px; } .user_left_nav ul li a { padding-left: 20px; line-height: 50px; border-bottom: 1px solid #e4e4e4; line-height: 50px; display: block; color: #666; } .user_left_nav ul li a:hover { text-decoration: none; color: #169BD5; } .user_left_nav ul li.active a { text-decoration: none; color: #169BD5; } .user_left_nav ul { } .user_right_info { border-left: 1px solid #e4e4e4; min-height: 500px; float: left; padding: 30px; width: 80%; } .info_box { padding: 30px; width: 100%; border: 0px solid #e4e4e4; } .have_num { width: 40%; float: left; border-right: 1px solid #e4e4e4; display: table; height: 140px; } .have_num>div { width: 95px; display: table-cell; text-align: center; vertical-align: middle; } .check_btn { float: left; width: 60%; display: table; height: 140px; } .check_btn>div { width: 95px; display: table-cell; text-align: center; vertical-align: middle; } .check_btn a { width: 227px; height: 50px; display: block; background: #169BD5; text-align: center; line-height: 50px; font-size: 16px; color: #fff; font-weight: 700; border-radius: 5px; margin: 0 auto; } .check_btn a:hover { text-decoration: none; background: #FF9933; } .have_num_info { font-size: 18px; } .have_no { font-size: 34px; color: #FF9933; font-weight: 700; } .check_info { font-size: 18px; } .personal_info { margin-bottom: 30px; } .transfer_btn a { width: 150px; height: 40px; display: block; background: #169BD5; text-align: center; line-height: 40px; font-size: 16px; color: #fff; font-weight: 700; border-radius: 5px; margin: 0 auto; } .transfer_btn a:hover { text-decoration: none; background: #FF9933; } .pd_none { padding: 0; } .table>thead>tr>th,.table>tbody>tr>td { vertical-align: middle; border-bottom: 1px solid #e4e4e4; line-height: 30px; padding: 10px; /**white-space: nowrap;**/ } .admin_table { } .table_over { width: 100%; overflow-y: hidden; } .default { cursor: pointer; border: 1px solid #FF9933; padding: 5px 10px; border-radius: 5px; color: #FF9933; background: #ffe0c1; margin-left: 15px; } .set_default { cursor: pointer; border: 1px solid #FF9933; padding: 5px 10px; border-radius: 5px; color: #fff; background: #FF9933; margin-left: 15px; display: none; } .adress_list tr:hover { background: #eee; } .adress_list tr:hover .set_default { display: unset; } .btn-mitro { background: #169BD5; color: #fff; } .btn-mitro:hover { background: #FF9933; color: #fff; } .btn-identity { width: 100%; height: 45px; padding: 0px 12px; border-radius: 0; background: #169BD5; color: #fff; } .user_info_set { width: 500px; margin: 0 auto; } .mitro_shop { border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; } .shopping_products { float: left; width: 25%; text-align: center; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 20px; } .shopping_products_img { } .shopping_products_title { font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .shopping_products_number { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mi-shop { } .mi-shop-img { } .mi-shop-title { font-size: 20px; font-weight: bold; } .mi-shop-need { font-size: 16px; color: #FF9933; margin: 30px 0; } .mi-shop-ex-btn .transfer_btn a { margin: unset; } .mi-shop-base { border-bottom: 1px solid #eee; margin-bottom: 40px; } .mi-shop-base span { height: 40px; width: 140px; background: #169BD5; text-align: center; line-height: 40px; color: #fff; display: block; } .mi-shop-type { font-weight: bold; margin-bottom: 25px; } .mi-shop-details { } .mi-shop-parameter { line-height: 2; } .mi-shop-details li { float: left; width: 33.33%; list-style: none; line-height: 2; } .mi-shop-img-details img { max-width: 100%; margin: 0 auto; display: block; } /* */ .train_video { margin-bottom: 30px; } .train_video>a { display: block; position: relative; float: left; } .train_video_img { width: 200px; height: 120px; overflow: hidden; margin-right: 20px; } .train_video_info { } .train_title { font-size: 16px; margin-bottom: 20px; text-decoration: none; font-family: "Noto Sans SC"; } .train_time { } .medical_img img { display: block; height: 110px; } .medical_img { width: 166px; padding: 5px; background: #fff; border: 1px solid #d5d5d5; float: left; margin-right: 20px; } .medical_title a { font-size: 16px; margin-bottom: 12px; display: block; padding-top: 8px; } .medical_info p { font-size: 12px; margin-bottom: 0; } .medical_list { margin-bottom: 30px; } .medical_search { width: 100%; background: rgba(243, 243, 243, 1); height: 75px; padding: 22.5px; margin-bottom: 30px; } .medical_search div,.medical_search input,.medical_search select { float: left; line-height: 30px; height: 30px; margin-right: 20px; } .medical_search input,.medical_search select { width: 160px; padding: 0 10px; } .medical_search_btn { width: 80px; height: 30px; display: block; background: #169BD5; text-align: center; line-height: 30px; font-size: 14px; color: #fff; font-weight: 700; border-radius: 4px; margin: 0 auto; } .product_img { width: 300px; float: left; margin-right: 30px; } .product_img img { height: 215px; } .product_detail { } .product_detail p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product_title { font-size: 26px; font-weight: bold; margin-bottom: 10px; padding-top: 17px; } .drugkit_tab { border-bottom: 2px solid rgba(242, 242, 242, 1); margin: 50px 0; } .drugkit_tab>div { float: left; background-color: rgba(242, 242, 242, 1); color: #666666; width: 150px; text-align: center; line-height: 40px; height: 40px; width: 150px; text-align: center; line-height: 40px; height: 40px; cursor: pointer; } .drugkit_tab .in { background: #169BD5; color: #fff; } .drugkit_lab>div:last-child { display: none; } .news_list { border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; padding-bottom: 30px; } .news_info { float: left; width: 70%; margin-right: 5%; } .news_title { font-size: 16px; font-weight: bold; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Noto Sans SC"; } .news_time { color: #999; margin-bottom: 10px; } .read_more { margin-top: 7px; font-family: "Noto Sans SC"; } .news_details { color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 40px; font-family: "Noto Sans SC"; } .news_img { float: left; width: 25%; height: 130px; } .news_img img { height: 130px; width: 100%; } .news_view img { display: block; margin: 0 auto; margin-bottom: 10px; max-width: 100%; } .news_view_title { text-align: center; font-size: 22px; font-weight: bold; font-family: "Noto Sans SC"; } .news_view_time { text-align: center; margin-bottom: 10px; margin-top: 5px; color: #999; font-family: "Noto Sans SC"; } /* join */ .panel-default>.panel-heading { padding: 0; border: 0; position: relative; } .panel-default>.panel-heading .panel-title { padding: 10px 15px; border: 0; cursor: pointer; font-family: "Noto Sans SC"; } .panel-default>.panel-heading .select-yw { background: rgba(123, 191, 234, 1); color: #fff; } .panel-default { border: 1px solid #ddd; border-radius: 0; margin-bottom: 15px; } .ckwx { display: none; } .more_icon { background: url(http://mitro.ipitai.com/uploads/allimg/180202/1_1602208712.png) no-repeat; background-size: auto auto; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; background-size: 20px; margin-top: -10px; } .more_icon.less { background: url(http://mitro.ipitai.com/uploads/allimg/180202/1_1614193481.png) no-repeat; background-size: 20px; } .drugkit_lab p a { color: #666666; } .bread a { color: #666; font-family: "Noto Sans SC"; } .drugkit_lab p { text-align: left; } /* 新药研究服务 */ .pre_con { margin: 0 -15px; } .pre_con_col { float: left; width: 33.33%; padding: 15px; line-height: 30px; } .pre_con_col a { text-decoration: none; } .pre_con_img { overflow: hidden; } .pre_con_img img { transition: all 1s ease 0s; } .pre_con_col:hover .pre_con_img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: all 1s ease 0s; } .pre_con_info { background: #f8f8f8; padding: 40px 30px; } .pre_con_infotitle { font-size: 20px; color: #333333; font-weight: bold; } .pre_con_infoall { color: #666666; margin-top: 5px; height: 90px; overflow: hidden; } .pre_con_infomore { } /* 导航 */ #main-nav ul li span.linkless,#sub-nav ul li a,#main-nav ul li a,#sub-nav ul li#worldwideNav ul a { font-family: "Noto Sans SC", Arial, sans-serif; } #main-nav ul li span.linkless i,#sub-nav ul li a i,#main-nav ul li a i,#sub-nav ul li#worldwideNav ul a i { } header { position: relative; width: 960px; clear: both !important; overflow: visible; margin-bottom: 10px; height: 50px } header #main-nav ul li a i { color: #fff } header #main-nav ul li.active>a>i { color: #4d5b6c } nav#skiplinks ul li { position: absolute; top: -200px; display: block } nav#skiplinks ul li a:hover,nav#skiplinks ul li a:focus { position: absolute; top: 200px; left: 60px; text-transform: uppercase; font-weight: bold; width: 230px; height: 20px; text-align: center; color: #fff; background: #7397c5; font-size: 1.2em; line-height: 1.25; padding: 17px 15px 13px; outline: 0; z-index: 997 } nav#skiplinks ul li#homelink { position: absolute; left: 0; top: 0; background: url('/a/pgs/images/gs-logo.gif') no-repeat scroll left top transparent; width: 50px; height: 50px; overflow: hidden; float: left; text-indent: -9999px } nav#skiplinks ul li#homelink a { position: absolute; left: 0; top: 0; width: 50px; height: 50px; padding: 0; margin: 0; line-height: 1; z-index: 999 } nav#skiplinks ul li#homelink a:focus,nav#skiplinks ul li#homelink a:hover { left: 0; top: 0; width: 50px; height: 50px; padding: 0; margin: 0; line-height: 1; z-index: 999; background: transparent } #main-nav { position: unset; left: 65px; width: unset; height: 60px; background: transparent; z-index: 500 } #main-nav ul { list-style-type: none; position: unset; overflow: visible; margin: 0; padding: 0; /* width: 480px */ } #main-nav ul li { list-style-type: none; display: block; float: left; margin: 0; padding: 0 8px } #main-nav ul li:first-child { margin-left: 0 } #main-nav ul li:last-child { margin-right: 0 } #main-nav ul li span.navCloser { position: absolute; left: 868px; top: 75px; width: 13px; height: 13px; display: none; background: transparent url("http://pic.biodiscover.com/files/6/j3/biodiscover1522210222.6963078.png") left top no-repeat; cursor: pointer } #main-nav ul li.active span.navCloser { display: block; z-index: 999 } #main-nav ul li a,#main-nav ul li span.linkless { display: block; /* text-transform: uppercase; */ text-decoration: none } #main-nav ul li a.toplevel { font-size: 15px; border-style: solid; border-width: 5px 0 0; border-color: #fff; padding: 20px 0 0; margin-top: 12px; color: #505461 } .wf-universltw0167boldcn-n4-active #main-nav ul li a.toplevel { font-size: 1.5em } #main-nav ul li.active a.toplevel,#main-nav ul li a.toplevel:focus { padding-bottom: 11px; background: #fff url("/a/pgs/images/nav-bg-marker-1024.png") 50% 36px no-repeat; color: #169BD5 } #main-nav ul li a.expandHitArea { padding-bottom: 11px } #main-nav ul li.suppressNav a.toplevel { background: #fff !important } #main-nav ul li strong a.toplevel { border-color: #7397c5; font-weight: normal } #main-nav ul li div.pullquote { position: absolute; right: 0; width: 33.33%; top: 100px; /* padding: 45px 20px 20px; */ display: none; z-index: 400; padding: 0px 20px 0 20px; } #main-nav ul li div.pullquote p { font-size: 2em; line-height: 1.25; color: #bacad8 } #main-nav ul li div.pullquote a.articleIndex { margin: 0 -10px; background: transparent !important; color: #fff } #main-nav ul li div.pullquote a.articleIndex:hover,#main-nav ul li div.pullquote a.articleIndex:focus,#main-nav ul li div.pullquote a.articleIndex:active { background-color: #d8dfe9 !important; color: #4d5b6c } #main-nav ul li.active div.pullquote { display: block !important; z-index: 500; } #main-nav ul li ul { display: none; width: 960px; height: 290px !important; padding: 30px 0 0 } #main-nav ul li.active ul { display: block; position: absolute; top: 60px; /* left: -65px; */ background: transparent; z-index: 510; } #main-nav ul li ul.narrowLeft { background: url("/a/pgs/images/nav-bg-gradient-3block-splitcolumn-1024.png") -320px top no-repeat } #main-nav ul li ul.narrowLeft li { width: 160px } #main-nav ul li ul.narrowRight { width: 160px !important; left: 95px; background: transparent !important } #main-nav ul li ul.narrowRight li { width: 160px } #main-nav ul li ul.narrowRight li div.pullquote { left: 480px } #main-nav ul li ul.narrowLeft li a,#main-nav ul li ul.narrowRightli a { line-height: 1.1 } #main-nav ul li ul li { padding: 0; width: 320px; display: list-item; float: none; margin: 0; z-index: 520 } #main-nav ul li ul li a,#main-nav ul li ul li span.linkless { display: block; padding: 8px 13px; border: 0; background-color: transparent; background-image: none; color: #fff; font-size: 1em } #main-nav ul li ul li.has-children a,#main-nav ul li ul li.has-children span.linkless { background-image: url("http://pic.biodiscover.com/files/t/fk/biodiscover1522210063.5407134.gif"); background-position: 95% 7px; background-repeat: no-repeat } #main-nav ul li.active ul li a,#main-nav ul li:hover ul li a,#main-nav ul li:focus ul li a,#main-nav ul li:active ul li a,#main-nav ul li:hover ul li span.linkless { color: #fff } #main-nav ul li ul li.active a { background-color: #d8dfe9 !important; color: #4d5b6c } #main-nav ul li ul li.active a { background-position: 95% -46px !important; background-repeat: no-repeat !important } #main-nav ul li ul li.has-articles div.navArticles { display: none !important } #main-nav ul li ul li.has-articles:active div.navArticles,#main-nav ul li ul li.has-articles:hover div.navArticles,#main-nav ul li ul li.has-articles:focus div.navArticles { display: block !important; position: absolute; top: 0; left: 640px; width: 320px; z-index: 530; background: transparent url("/a/pgs/images/nav-bg-gradient-3block-1024.png") right top no-repeat } #main-nav ul li ul li.active div.navArticles h2 { font-size: 1.25em; line-height: 1.25; color: #bacad8; padding: 10px 15px } #main-nav ul li ul li.active div.navArticles ul { display: block !important; position: absolute; top: 0; left: 0; width: 320px; height: 250px !important; margin-top: 40px; z-index: 530; background: transparent } #main-nav ul li ul li div.pullquote { display: block; position: absolute; right: 0; width: 300px; height: 300px; top: 0; padding: 45px 20px 20px; background: transparent url("/a/pgs/images/nav-bg-gradient-3block-1024.png") right top no-repeat; display: none !important } #main-nav ul li.active ul li div.pullquote,#main-nav ul li:hover ul li div.pullquote,#main-nav ul li:focus ul li div.pullquote,#main-nav ul li:active ul li div.pullquote { display: none !important } #main-nav ul li ul li.active div.pullquote { /* display: block !important; */ display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; } #main-nav ul li ul li.has-children:hover div.pullquote,#main-nav ul li ul li.has-children:focus div.pullquote,#main-nav ul li ul li.has-children:active div.pullquote { right: 0; padding-right: 20px; background: transparent url("/a/pgs/images/nav-bg-gradient-3block-1024.png") right top no-repeat } #main-nav ul li ul li ul { display: none !important } #main-nav ul li ul li.active ul { display: block !important; position: absolute; top: 0; left: 33.33%; width: 320px; z-index: 530 !important; background: transparent url("/a/pgs/images/nav-bg-gradient-3block-1024.png") right top no-repeat } #main-nav ul li ul li ul li { padding: 0; width: 320px; float: none; display: list-item } #main-nav ul li ul li.active ul li a,#main-nav ul li ul li:hover ul li a,#main-nav ul li ul li:focus ul li a,#main-nav ul li ul li:active ul li a { background-color: transparent !important; background-image: none !important; color: #fff } #main-nav ul li ul li ul li.active a { background-color: #d8dfe9 !important; color: #4d5b6c } #main-nav ul li ul li ul li.active span.linkless { background-color: #d8dfe9 !important; color: #4d5b6c } #main-nav ul li ul li.active ul li div.pullquote,#main-nav ul li ul li:hover ul li div.pullquote,#main-nav ul li ul li:focus ul li div.pullquote,#main-nav ul li ul li:active ul li div.pullquote { display: none !important } #main-nav ul li ul li ul li.active div.pullquote { display: block !important; left: 320px !important } #main-nav ul li ul li.has-children ul li a,#main-nav ul li ul li.has-children:active ul li a,#main-nav ul li ul li.has-children:hover ul li a,#main-nav ul li ul li.has-children:focus ul li a { background-image: none !important } #main-nav ul li ul li.active ul.splitColumn { display: block !important; position: absolute; top: 0; left: 320px; width: 320px; z-index: 530 !important; background: url("/a/pgs/images/nav-bg-gradient-3block-splitcolumn-1024.png") -320px top no-repeat } #main-nav ul li ul li ul.splitColumn li { padding: 0; width: 160px; float: none; display: list-item } #main-nav ul li ul li.active ul.splitColumn li ul { display: none !important } #main-nav ul li ul li.active ul.splitColumn li.active ul { display: block !important; position: absolute; top: 0; left: 160px; width: 160px; z-index: 530 !important; background: transparent url("/a/pgs/images/nav-bg-gradient-3block-splitcolumn-1024.png") -320px top no-repeat } #main-nav ul li ul li ul li.active ul li a,#main-nav ul li ul li ul li:hover ul li a,#main-nav ul li ul li ul li:focus ul li a,#main-nav ul li ul li ul li:active ul li a,#main-nav ul li ul li ul li:hover ul li span.linkless { background-color: transparent !important; background-image: none !important; color: #fff } #main-nav ul li ul li ul li ul li.active a { background-color: #d8dfe9 !important; color: #4d5b6c } #main-nav ul li ul li.active ul li ul li div.pullquote,#main-nav ul li ul li:hover ul li ul li div.pullquote,#main-nav ul li ul li:focus ul li ul li div.pullquote,#main-nav ul li ul li:active ul li ul li div.pullquote { display: none !important } #main-nav ul li ul li ul li.active ul li div.pullquote,#main-nav ul li ul li ul li:hover ul li div.pullquote,#main-nav ul li ul li ul li:focus ul li div.pullquote,#main-nav ul li ul li ul li:active ul li div.pullquote { display: none !important } #main-nav ul li ul li ul li ul li.active div.pullquote { display: block !important; left: 160px !important } nav#skiplinks ul li a:hover,nav#skiplinks ul li a:focus { top: 200px; left: 85px; width: 285px; height: 30px; padding: 28px 15px 12px } nav#skiplinks ul li#homelink { background-image: url('/a/pgs/images/gs-logo-70.gif'); width: 70px; height: 70px } nav#skiplinks ul li#homelink a,nav#skiplinks ul li#homelink a:focus,nav#skiplinks ul li#homelink a:hover { width: 70px; height: 70px } #main-nav { right: 0; width: unset; left: unset; } #main-nav ul { position: relative; } #main-nav ul li { margin: 0; padding: 0; } #main-nav ul li span.navCloser { left: unset; top: 100px; right: 10px; } #main-nav ul li a.toplevel { border-width: 0; padding: 0 20px; padding-top: 0px; padding-bottom: 0px; padding-top: 29px; padding-bottom: 18px } #main-nav ul li.active a.toplevel,#main-nav ul li a.toplevel:focus { background: #fff url("http://pic.biodiscover.com/files/2/24/biodiscover1522208845.1696516.png") 50% 50px no-repeat; padding-bottom: 18px } #main-nav ul li.nav_none a.toplevel,#main-nav ul li a.nav_none:focus { background: transparent; } #main-nav ul li a.expandHitArea { padding-bottom: 25px } /* #main-nav ul li div.pullquote { right: 17px; width: 33.33%; height: 359px; top: 120px; padding: 45px 0 45px 10px; background: transparent url("http://pic.biodiscover.com/files/5/3r/biodiscover1522210579.5891771.png") right top no-repeat; background: #4d5b6c; left: unset; } */ #main-nav ul li ul li div.pullquote { width: 33.33%; height: 262px; top: 20px; padding: 0px 20px 20px; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; padding: 0px 20px 20px; background: #4e5b6c; /* background: transparent url("http://pic.biodiscover.com/files/5/3r/biodiscover1522210579.5891771.png") right top no-repeat; */ } #main-nav ul li ul li.active div.pullquote { z-index: 520; } #main-nav ul li ul li div.pullquote p { font-size: 14px; line-height: 27px; color: #bacad8; text-align: left; word-break: break-all; } #main-nav ul li div.pullquote p { font-size: 14px; line-height: 27px; color: #bacad8; } #main-nav ul li.active div.pullquote { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; border-left: 1px solid #647182; height: 248px; } #main-nav ul li ul { width: 100%; height: 318px !important; padding: 20px 0; } #main-nav ul li.active ul { top: 80px; right: 0; background: transparent url("http://pic.biodiscover.com/files/5/ug/biodiscover1522305343.5621140.jpg") right top no-repeat; background-size: 100% 100%; /* background: #4d5b6c; */ } #main-nav ul li ul.narrowLeft { background: url("/a/pgs/images/nav-bg-gradient-3block-splitcolumn-1280.png") -400px top no-repeat } #main-nav ul li ul.narrowLeft li { width: 200px } #main-nav ul li ul.narrowRight { width: 200px !important; left: 85px; background: transparent !important } #main-nav ul li ul.narrowRight li { width: 200px } #main-nav ul li ul.narrowRight li div.pullquote { right: 0; } #main-nav ul li ul li { width: 33.33%; margin: 0 } #main-nav ul li ul li a,#main-nav ul li ul li span.linkless { padding: 0; font-size: 14px; line-height: 33px; padding: 0 20px } #main-nav ul li ul li.has-children a,#main-nav ul li ul li.has-children span.linkless { background-position: 95% 10px } #main-nav ul li ul li.active a { background-position: 95% -45px !important } #main-nav ul li ul li.has-articles div.navArticles { display: none !important } #main-nav ul li ul li.has-articles:active div.navArticles,#main-nav ul li ul li.has-articles:hover div.navArticles,#main-nav ul li ul li.has-articles:focus div.navArticles { top: 0; left: 800px; width: 400px; /* background: transparent url("http://pic.biodiscover.com/files/5/3r/biodiscover1522210579.5891771.png") right top no-repeat; */ background: #4d5b6c; } #main-nav ul li ul li.active div.navArticles ul { top: 0; left: 0; width: 400px; height: 330px !important; margin-top: 40px; background: transparent } #main-nav ul li ul li.has-children:hover div.pullquote,#main-nav ul li ul li.has-children:focus div.pullquote,#main-nav ul li ul li.has-children:active div.pullquote { right: 0; background: #4e5b6c; } #main-nav ul li ul li.active ul { left: 370px; width: 33.33%; /* background: transparent url("http://pic.biodiscover.com/files/5/3r/biodiscover1522210579.5891771.png") right top no-repeat; */ } #main-nav ul li ul li ul li { width: 100%; } #main-nav ul li ul li ul li.active div.pullquote { display: block !important; left: 100% !important; z-index: 500; position: absolute; top: 20px; } #main-nav ul li ul li.active ul.splitColumn { display: block !important; left: 33.33%; width: 33.33%; } #main-nav ul li ul li ul.splitColumn li { width: 100%; /* position: relative; */ } #main-nav ul li ul li ul.splitColumn .pullquote { background: #4e5b6c; } #main-nav ul li ul li.active ul.splitColumn li ul { display: none !important } #main-nav ul li ul li.active ul.splitColumn li.active ul { display: block !important; left: 200px; width: 200px; background: transparent url("/a/pgs/images/nav-bg-gradient-3block-splitcolumn-1280.png") -400px top no-repeat } #main-nav ul li ul li ul li.active ul li a,#main-nav ul li ul li ul li:hover ul li a,#main-nav ul li ul li ul li:focus ul li a,#main-nav ul li ul li ul li:active ul li a { background-color: transparent !important; background-image: none !important; color: #fff } #main-nav ul li ul li ul li ul li.active a { background-color: #d8dfe9 !important; color: #4d5b6c } #main-nav ul li ul li.active ul li ul li div.pullquote,#main-nav ul li ul li:hover ul li ul li div.pullquote,#main-nav ul li ul li:focus ul li ul li div.pullquote,#main-nav ul li ul li:active ul li ul li div.pullquote { display: none !important } #main-nav ul li ul li ul li.active ul li div.pullquote,#main-nav ul li ul li ul li:hover ul li div.pullquote,#main-nav ul li ul li ul li:focus ul li div.pullquote,#main-nav ul li ul li ul li:active ul li div.pullquote { display: none !important } #main-nav ul li ul li ul li ul li.active div.pullquote { display: block !important; left: 200px !important } #sub-nav { top: 50px; height: 40px } #sub-nav ul li { margin-left: 1em; padding: 0 } #sub-nav ul li span.navCloser { left: 503px; top: 50px } #sub-nav ul li a.toplevel,#sub-nav ul li a.toplevel-only { font-size: 1em; border-width: 0 0 5px; padding: 0 0 10px 0 } .wf-universltw0167boldcn-n4-active #sub-nav ul li a.toplevel,.wf-universltw0167boldcn-n4-active #sub-nav ul li a.toplevel-only { font-size: 1.16em } #sub-nav ul li.active a.toplevel { padding-bottom: 23px; background: #fff url("/a/pgs/images/nav-bg-marker-1024.png") 50% bottom no-repeat } #sub-nav ul li a.toplevel:hover { color: #169BD5 } #sub-nav ul li p.contextualTout { left: -115px; top: 50px; background: transparent url("/a/pgs/images/nav-bg-gradient-nolines-2block-1280.png") -95px -15px no-repeat; width: 570px } #sub-nav ul li ul { left: 70px; top: 35px; background: transparent url("/a/pgs/images/nav-bg-gradient-1block-1280.png") left top no-repeat; width: 200px; padding: 40px 0 } #sub-nav ul li.wideNav ul { left: -100px; top: 35px; width: 630px; height: 400px !important } #sub-nav ul li.hasTout ul { padding-top: 100px } #sub-nav ul li ul li { width: 200px } #sub-nav ul li.wideNav ul li { width: 300px } #sub-nav ul li ul li a { padding: 10px 15px; font-size: 1.16em } #sub-nav ul li ul li.active ul { left: 300px; width: 300px; } #sub-nav ul li.active ul li.sidebyside ul,#sub-nav ul li.active ul li.sidebyside ul { left: 0; top: -40px; } #sub-nav ul li ul li ul li { width: 400px } #sub-nav ul li ul li ul li.active p { display: block; left: -400px !important } #sub-nav ul li.hasTout ul li.active ul li.sidebyside ul { top: -100px; } #sub-nav ul li ul li ul li.active ul { top: 0; left: -400px; width: 400px; } #sub-nav ul li ul li ul li.active ul li { padding: 0; width: 400px } #sub-nav #videoNav:after { left: 0; height: 12px } #sub-nav ul li#worldwideNav ul { background: transparent url("/a/pgs/images/nav-horizontal-bg-2sections.png") 140px top no-repeat; padding-left: 159px } #sub-nav ul li#worldwideNav section .local-content { display: none } #sub-nav ul li#worldwideNav section .menu-item-1 { margin-top: -20px } #sub-nav ul li#worldwideNav section .menu-item-2 { margin-top: 20px } #sub-nav ul li#worldwideNav section a { font-size: 1.16em; color: #fff; line-height: 2em } #sub-nav ul li#worldwideNav section a.first-level { color: #95aecb } #sub-nav ul li#worldwideNav section a.side-by-side { width: 40%; float: left } #sub-nav ul li#worldwideNav ul.has-local-content { background: transparent; padding-left: 100px } #sub-nav ul li#worldwideNav ul.has-local-content .local-content { margin-top: -10px } #sub-nav ul li#worldwideNav ul.has-local-content .menu-item-1 { margin-top: 30px } #sub-nav ul li#worldwideNav ul.has-local-content .menu-item-2 { margin-top: 30px } #main-nav ul li ul.splitColumn li div.pullquote { width: 100%; } .pullquote { z-index: 400; } #marketing-nav li.active>.pullquote { z-index: 500; } #marketing-nav ul li.active>div.pullquote { z-index: 600; } .train_video a span { background: url(http://www.biodiscover.com/img/play_icon_on.png) no-repeat center center; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*分页 */ #pageNav { margin: 15px auto 0; text-align: center; } #pageNav ul { list-style-type: none; overflow: hidden; } #pageNav ul li { background: #CCC; border: 0; color: #666; display: inline; padding: 8px 10px; line-height: 30px; } #pageNav ul li.thisclass { background: #23527c; color: #fff; } #pageNav ul li a { /* background-color: #FFFFFF; */ color: #666; padding: 0 3px; } #pageNav ul li a:hover { color: #D87D08; } #pageNav ul li.hover { border: 0 none; color: #000000; font-weight: bold; } #pageNav ul li.hover a { color: #000000; } .imaging_banner_info { } .panel-body a{font-family: "Noto Sans SC";}