1<!DOCTYPE html> 2<html class="inlinesvg no-touch" 3 data-path="/content/corporate/communications/china-country-site/zh/expertise/displays/jcr:content" lang="zh-CN"> 4 5<head> 6 <meta charset="utf-8" /> 7 <meta charset="UTF-8"> 8 <title>å ¬å¸ | é»å å®ç½</title> 9<meta name='robots' content='max-image-preview:large' /> 10<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'> 11img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 12/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 13</style> 14<style id='wp-emoji-styles-inline-css' type='text/css'> 15 16 img.wp-smiley, img.emoji { 17 display: inline !important; 18 border: none !important; 19 box-shadow: none !important; 20 height: 1em !important; 21 width: 1em !important; 22 margin: 0 0.07em !important; 23 vertical-align: -0.1em !important; 24 background: none !important; 25 padding: 0 !important; 26 } 27/*# sourceURL=wp-emoji-styles-inline-css */ 28</style> 29<style id='wp-block-library-inline-css' type='text/css'> 30:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
30--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 31/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 32</style> 33<style id='classic-theme-styles-inline-css' type='text/css'> 34/*! This file is auto-generated */ 35.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 36/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 37</style> 38<link rel="https://api.w.org/" href="https://www.merckgroup.com.cn/wp-json/" /><!-- Analytics by WP Statistics - https://wp-statistics.com --> 39 40<!-- Legacy HTML Meta --> 41<meta content="IE=edge" http-equiv="X-UA-Compatible"/> 42<meta charset="utf-8"/> 43<meta content="text/html; charset=utf-8" http-equiv="content-type"/> 44<meta content="é»å å ¬å¸, å 满活åçç§å¦ææ¯" name="keywords"/> 45<meta content="å ¬å¸ | é»å å®ç½" name="title"/> 46<meta content="é»å å ¬å¸æ¯ä¸æ¯å 满活åçå»çä¿å¥ãçå½ç§å¦åæ§è½ææä¸å®¶å¢éãæ们çç±ç§å¦ï¼çç±ç§æã" name="description"/> 47<meta content="å ¬å¸ | é»å å®ç½" property="og:title"/> 48<meta content="é»å å ¬å¸æ¯ä¸æ¯å 满活åçå»çä¿å¥ãçå½ç§å¦åæ§è½ææä¸å®¶å¢éãæ们çç±ç§å¦ï¼çç±ç§æã" property="og:description"/> 49<meta content="2025-08-27" name="updateddate"/> 50<meta content="Company Info" name="global search category"/> 51<meta content="Global" name="global search business"/> 52<meta content="Pages" name="global search type"/> 53<meta content="website" property="og:type"/> 54<meta content="https://www.merckgroup.com.cn/cn-zh/company.html" property="og:url"/> 55<meta content="all" name="robots"/> 56<meta content="width=device-width, initial-scale=1" name="viewport"/> 57<meta content="summary_large_image" name="twitter:card"/> 58<meta content="sAqq0OOB96fuYnvE96KH9DLWHSMJELuIZWNv0Nei1U8" name="google-site-verification"/> 59 60 61 <link href="/img/favicon_32x32.ico" rel="shortcut icon" sizes="32x32" type="image/x-icon" /> 62 <link as="font" href="/css/notoSansFonts.css" onload="this.rel='stylesheet'" rel="stylesheet" /> 63 <link as="font" href="/css/notoSansChineseFonts.css" onload="this.rel='stylesheet'" rel="stylesheet" /> 64 <link href="/img/touch-icon-iphone.png" rel="apple-touch-icon" /> 65 <link href="/img/touch-icon-ipad.png" rel="apple-touch-icon" sizes="76x76" /> 66 <link href="/img/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="120x120" /> 67 <link href="/img/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="152x152" /> 68 69 <link href="/css/main.min.ACSHASHb4994788cf1eaeed300a0aa7af53f3c8.css" rel="stylesheet" type="text/css" /> 70
70<script 71 src="//platform-api.sharethis.com/js/sharethis.js#property=592ee9db9f04270011840055&product=custom-share-buttons"></script>
71 72
72<script src="/js/jquery.min.ACSHASHcee8557e8779d371fe722bbcdd3b3eb7.js"></script>
72 73
73<script src="/js/utils.min.ACSHASH4a192b590a2c2926fb000264370c0588.js"></script>
73 74
74<script src="/js/granite.min.ACSHASH543d214c88dfa6f4a3233b630c82d875.js"></script>
74 75
75<script src="/js/jquery.min.ACSHASHdd9b395c741ce2784096e26619e14910.js"></script>
75 76
76<script src="/js/shared.min.ACSHASHe9d9a3990d7779c2e8e3361187f3d36b.js"></script>
76 77
77<script src="/js/main.min.ACSHASHbe53d5d2acc50492007c4929cbe3ee9e.js"></script>
77 78 <link href="/css/assets.min.ACSHASH185c9836d0f024e4f1d9710c56e3c71b.css" rel="stylesheet" type="text/css" /> 79 80 <link href="https://www.merckgroup.com.cn/cn-zh/expertise/electronics/technologies/optronics.html" rel="canonical" /> 81 <link as="font" crossorigin="anonymous" href="/fonts/Mkgaa-Regular.woff2" rel="preload" type="font/woff2" /> 82 <link as="font" crossorigin="anonymous" href="/fonts/icons.woff" rel="preload" type="font/woff" /> 83
83<script nonce="">bazadebezolkohpepadr = "1592127541"</script>
83 84 <style type="text/css"> 85 /* Chart.js */ 86 @-webkit-keyframes chartjs-render-animation { 87 from { 88 opacity: 0.99 89 } 90 91 to { 92 opacity: 1 93 } 94 } 95 96 @keyframes chartjs-render-animation { 97 from { 98 opacity: 0.99 99 } 100 101 to { 102 opacity: 1 103 } 104 } 105 106 .chartjs-render-monitor { 107 -webkit-animation: chartjs-render-animation 0.001s; 108 animation: chartjs-render-animation 0.001s; 109 } 110 </style> 111 <style id="arrow-link-adjustments"></style> 112 <style> 113 :root { 114 --tool-size: 680px; 115 116 --diac-clr-primary: #104e70; 117 --diac-clr-secondary: #156089; 118 --diac-clr-tertiary: #b84700; 119 120 --diac-clr-neutral-primary: #ffffff; 121 --diac-clr-neutral-secondary: #d1e4f3; 122 --diac-clr-focus: #ffd700; 123 --diac-clr-highlight: #0096ffd9; 124 125 --diac-tooltip-height: 130px; 126 --diac-tooltip-width: 260px; 127 } 128 129 button.da-tool { 130 box-shadow: none !important; 131 } 132 133 #digiAccess { 134 font-family: helvetica !important; 135 display: none !important; 136 top: 50px; 137 height: 95vh; 138 position: fixed; 139 background: #eaf2f9; 140 color: var(--diac-clr-primary); 141 z-index: 9999999999; 142 border: 1px solid black; 143 overflow-y: scroll; 144 box-shadow: 2px 2px 10px 1px; 145 min-width: 0 !important; 146 font-stretch: normal !important; 147 animation: slideFadeInBottom 0.2s ease forwards; 148 } 149 150 #digiAccess * { 151 min-height: initial !important; 152 } 153 154 #digiAccess svg { 155 stroke-width: unset !important; 156 } 157 158 #dAopener { 159 max-height: unset; 160 width: 65px; 161 height: 65px; 162 filter: drop-shadow(0px 3px 7px black); 163 background: none; 164 white-space: unset; 165 padding: 0px; 166 border: black; 167 position: fixed; 168 z-index: 9999999999; 169 color: white !important; 170 text-align: center !important; 171 transition: 0.2s; 172 border-radius: 50% 50% 50% 50% !important; 173 display: flex !important; 174 flex-direction: row; 175 align-items: center; 176 min-width: unset; 177 } 178 179 #dAspeichern, 180 #da-tool-reset, 181 #da-open-dialog { 182 transition: 0.2s; 183 } 184 185 #dAspeichern:hover { 186 background-color: var(--diac-clr-neutral-secondary) !important; 187 color: var(--diac-clr-primary) !important; 188 } 189 190 #da-tool-reset:hover, 191 #da-open-dialog:hover { 192 background: var(--diac-clr-tertiary) !important; 193 color: var(--diac-clr-neutral-primary) !important; 194 } 195 196 #digiAccess h3, 197 #digiAccess h2 { 198 letter-spacing: normal !important; 199 } 200 201 #dAopener::after { 202 background: none; 203 } 204 205 #dAopener { 206 background-color: var(--diac-clr-primary) !important; 207 } 208 209 #dAopener svg path { 210 fill: var(--diac-clr-neutral-primary) !important; 211 } 212 213 #dAopener svg { 214 width: 45px; 215 height: 32px; 216 margin: 0 auto; 217 } 218 219 #daCheckMark { 220 display: none !important; 221 } 222 223 #daCheckMark.da-show { 224 display: inline !important; 225 } 226 227 #dAopener:hover { 228 transform: scale(1.1); 229 cursor: pointer; 230 } 231 232 #dAopener i { 233 background: none !important; 234 color: white !important; 235 -webkit-text-fill-color: white !important; 236 } 237 238 .da-opener-right { 239 right: 0px; 240 } 241 242 .da-opener-left { 243 left: 0px; 244 } 245 246 .da-opener-position-center { 247 top: 50%; 248 margin: 0px; 249 } 250 251 .da-opener-position-top { 252 top: 5%; 253 margin: 10px; 254 } 255 256 .da-opener-position-bottom { 257 top: 85%; 258 margin: 10px; 259 } 260 261 .dAstylere { 262 all: unset; 263 } 264 265 .digiAccess_active { 266 display: block !important; 267 } 268 269 #digiAccess.digiAccess_active { 270 display: flex !important; 271 } 272 273 .digiAccess-right { 274 right: 0px; 275 } 276 277 .digiAccess-left { 278 left: 0px; 279 } 280 281 /*#region Header*/ 282 283 .da-header { 284 margin-bottom: 15px; 285 } 286 287 .da-header>div { 288 flex-direction: row !important; 289 align-items: center; 290 } 291 292 #da_text_banner { 293 letter-spacing: normal !important; 294 text-align: center; 295 font: normal normal bold 28px/32px Arial !important; 296 color: var(--diac-clr-neutral-primary) !important; 297 background: none; 298 margin-bottom: 0px; 299 } 300 301 #da_close svg { 302 height: 22px !important; 303 width: 22px !important; 304 } 305 306 .da-header svg { 307 width: 60px !important; 308 display: inline; 309 vertical-align: baseline; 310 height: unset !important; 311 } 312 313 .da-header .da-caret-down { 314 height: 7.5px !important; 315 } 316 317 @media (min-width: 540px) { 318 .da-header>div { 319 justify-content: center; 320 } 321 322 .da-header>div>h2 { 323 margin-left: 5px; 324 margin-top: auto; 325 } 326 } 327 328 /*#endregion */ 329 330 .da-display-flex { 331 display: flex !important; 332 flex-direction: column !important; 333 } 334 335 .da-display-flex--row { 336 flex-direction: row !important; 337 } 338 339 .da-display-flex-row { 340 display: flex !important; 341 flex-flow: row !important; 342 flex-wrap: wrap !important; 343 } 344 345 .da-active span { 346 color: var(--diac-clr-neutral-primary) !important; 347 } 348 349 .da-container { 350 background-color: var(--diac-clr-primary) !important; 351 color: var(--diac-clr-neutral-primary) !important; 352 padding: 25px !important; 353 box-sizing: border-box !important; 354 width: 100% !important; 355 height: 100vh !important;
356 overflow-y: scroll !important; 357 } 358 359 .da-container * { 360 font-family: 'Arial' !important; 361 box-sizing: border-box !important; 362 line-height: 23.4px; 363 text-transform: none !important; 364 } 365 366 .da-container span { 367 flex-basis: unset !important; 368 align-self: unset !important; 369 } 370 371 #digiAccess .da-content { 372 background-color: var(--diac-clr-neutral-primary); 373 color: var(--diac-clr-secondary); 374 border-radius: 25px !important; 375 padding: 0 20px; 376 animation: slideFadeInBottom 0.3s ease forwards; 377 } 378 379 #da-profiles-header { 380 letter-spacing: normal !important; 381 font: normal normal bold 24px/28px Arial !important; 382 margin: 18.72px 0 !important; 383 color: var(--diac-clr-secondary) !important; 384 background-color: var(--diac-clr-neutral-primary) !important; 385 background: none; 386 display: block; 387 } 388 389 .da-header-text { 390 letter-spacing: normal !important; 391 font: normal normal bold 22px/26px Arial !important; 392 color: var(--diac-clr-secondary) !important; 393 background-color: var(--diac-clr-neutral-primary) !important; 394 padding: 0; 395 background: none; 396 } 397 398 .da-content-position { 399 justify-content: space-between !important; 400 } 401 402 @media (min-width: 660px) { 403 .da-container { 404 height: 90vh !important; 405 width: 660px !important; 406 } 407 } 408 409 #digiAccess .da-section-header { 410 border-radius: 35px !important; 411 padding: 5px 20px; 412 justify-content: space-between; 413 flex-direction: row !important; 414 align-items: center; 415 cursor: pointer; 416 margin: 10px 0; 417 min-height: 80px !important; 418 transition: 0.2s; 419 } 420 421 .da-section-header .da-header-text, 422 .da-section-header span { 423 background-color: var(--diac-clr-neutral-primary) !important; 424 transition: 0.2s; 425 } 426 427 .da-section-header:hover { 428 background-color: ghostwhite; 429 } 430 431 .da-section-header:hover .da-header-text, 432 .da-section-header:hover span { 433 background-color: ghostwhite !important; 434 /* color: var(--diac-clr-neutral-primary) !important; */ 435 } 436 437 .da-section-header>span { 438 font-size: 40px; 439 } 440 441 @media (max-width: 660px) { 442 .da-footer { 443 padding-bottom: 100px; 444 } 445 } 446 447 .da-section-content { 448 max-height: 0; 449 overflow: hidden; 450 transition: 451 max-height 0.2s ease-out, 452 opacity 0.3s; 453 opacity: 0; 454 } 455 456 .da-section-content.show { 457 opacity: 1; 458 } 459 460 /*#region footer*/ 461 462 .da-b-container-footer { 463 margin-top: 35px; 464 display: flex; 465 } 466 467 #digiAccess .da-b-container-footer button { 468 height: 42px; 469 /* width: 270px; */ 470 width: 100%; 471 border-radius: 20px !important; 472 font-size: 14px !important; 473 text-align: center; 474 } 475 476 .da-b-container-footer>div { 477 justify-content: space-around; 478 margin-bottom: 20px; 479 flex-grow: 1; 480 padding: 2px; 481 } 482 483 @media (max-width: 610px) { 484 .da-b-container-footer button { 485 width: 120px; 486 } 487 } 488 489 @media (max-width: 539px) { 490 .da-b-container-footer button { 491 width: 140px; 492 } 493 } 494 495 @media (min-width: 540px) { 496 .da-b-container-footer { 497 flex-direction: row !important; 498 } 499 500 .da-b-container-footer>* { 501 flex-basis: 100%; 502 } 503 } 504 505 .da-text-footer { 506 font-size: 14px !important; 507 text-align: center; 508 letter-spacing: 0.14px; 509 font-weight: bold; 510 color: var(--diac-clr-neutral-primary) !important; 511 } 512 513 .da-text-footer a { 514 color: var(--diac-clr-neutral-primary); 515 text-decoration: underline; 516 } 517 518 .da-text-footer a:hover { 519 color: var(--diac-clr-neutral-primary); 520 } 521 522 #da-white-label, 523 #da-white-label>a, 524 #da-version-label, 525 #da-copyright, 526 #dAversion { 527 color: var(--diac-clr-neutral-primary) !important; 528 font-size: 14px !important; 529 } 530 531 /*#endregion */ 532 533 @keyframes slideFadeInBottom { 534 from { 535 opacity: 0.2; 536 transform: translateY(2%); 537 } 538 539 to { 540 opacity: 1;
541 transform: translateY(0); 542 } 543 } 544 545 #da-dialog-overlay { 546 position: absolute; 547 inset: 0; 548 display: none; 549 align-items: center; 550 justify-content: center; 551 background: rgba(0, 0, 0, 0.45); 552 border-radius: inherit; 553 z-index: 1; 554 } 555 556 .da-dialog-open { 557 overflow: hidden !important; 558 } 559 560 #da-dialog-overlay.da-overlay-open { 561 display: flex; 562 } 563 564 .da-dialog { 565 width: min(420px, 100% - 32px); 566 border: 1px solid var(--border); 567 border-radius: 12px; 568 background: #1b1b20; 569 color: var(--diac-clr-neutral-primary); 570 background-color: var(--diac-clr-primary); 571 padding: 16px 18px; 572 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); 573 animation: fadeDown 0.28s ease-out; 574 } 575 576 .da-dialog-footer { 577 display: flex; 578 gap: 10px; 579 justify-content: flex-end; 580 margin-top: 12px; 581 } 582 583 @keyframes fadeDown { 584 from { 585 opacity: 0; 586 transform: translateY(-8px); 587 } 588 589 to { 590 opacity: 1; 591 transform: none; 592 } 593 } 594 595 @media (prefers-reduced-motion: reduce) { 596 .da-dialog { 597 animation: none; 598 } 599 } 600 </style> 601 <style> 602 #digiAccess .da-control span, 603 #digiAccess .da-control button { 604 font-size: 14px !important; 605 } 606 607 #digiAccess .da-lang-text { 608 color: var(--diac-clr-neutral-primary); 609 font-size: 16px !important; 610 } 611 612 .da-button { 613 white-space: unset !important; 614 width: fit-content; 615 font-weight: normal !important; 616 border: none !important; 617 cursor: pointer !important; 618 background-color: var(--diac-clr-neutral-primary) !important; 619 color: var(--diac-clr-secondary) !important; 620 padding: 0 !important; 621 margin-right: 0; 622 margin-bottom: 0; 623 background: none; 624 min-width: 1px !important; 625 text-align: center; 626 } 627 628 #digiAccess .da-control { 629 box-sizing: border-box !important; 630 align-items: center; 631 justify-content: center; 632 border: 3px solid var(--diac-clr-primary) !important; 633 border-radius: 20px !important; 634 min-height: 120px; 635 text-align: center; 636 letter-spacing: 0.16px; 637 font-size: 14px !important; 638 margin-bottom: 18px !important; 639 padding: 0 10px !important; 640 word-wrap: anywhere; 641 hyphens: auto; 642 -moz-hyphens: auto; 643 min-height: 120px !important; 644 } 645 646 .da-control { 647 flex-basis: 48% !important; 648 } 649 650 #digiAccess .da-button--normal { 651 border-radius: 25px !important; 652 font-weight: 200 !important; 653 padding: 12px 30px !important; 654 font-size: 15px !important; 655 height: auto !important; 656 } 657 658 .da-button--dark, 659 .da-button--dark:hover { 660 background: var(--diac-clr-primary) !important; 661 color: var(--diac-clr-neutral-primary) !important; 662 } 663 664 .da-control>span { 665 margin-top: 10px; 666 } 667 668 .da-control--big { 669 font-size: 14px !important; 670 flex-basis: 100% !important; 671 cursor: default; 672 justify-content: space-evenly; 673 transition: 0.2s; 674 } 675 676 .da-control--big:hover { 677 background-color: ghostwhite; 678 } 679 680 .da-control--big>span { 681 margin-top: 0; 682 } 683 684 .da-control.da-active { 685 background-color: var(--diac-clr-primary) !important; 686 color: var(--diac-clr-neutral-primary) !important; 687 } 688 689 .da-control.da-active button.da-reset { 690 background-color: var(--diac-clr-primary) !important; 691 color: var(--diac-clr-neutral-primary) !important; 692 } 693 694 button.da-button.da-control>svg { 695 fill: var(--diac-clr-primary) !important; 696 } 697 698 button.da-button.da-control { 699 transition: 0.3s ease; 700 } 701 702 button.da-button.da-control.da-active>svg path:not([fill='none']) { 703 fill: var(--diac-clr-neutral-primary) !important; 704 } 705 706 button.da-button.da-control svg path[fill='none'] { 707 fill: none !important; 708 } 709 710 button.da-button.da-control svg path:not([fill='none']) { 711 fill: var(--diac-clr-primary) !important; 712 } 713 714 button.da-tool::after { 715 background: none !important; 716 } 717 718 .da-button--cian { 719 background-color: var(--diac-clr-tertiary) !important; 720 color: var(--diac-clr-neutral-primary) !important; 721 } 722 723 #digiAccess .da-button--range { 724 font-size: 22px !important; 725 font-weight: bold !important; 726 height: 39px !important; 727 width: 65px !important; 728 border-radius: 50% !important; 729 transition: 0.3s ease; 730 } 731 732 .da-button--range:hover { 733 transform: scale(1.1); 734 } 735 736 .da-active .da-button--range { 737 background-color: var(--diac-clr-neutral-primary) !important; 738 color: var(--diac-clr-primary) !important; 739 border: 2px solid var(--diac-clr-primary) !important; 740 } 741 742 .da-control-group { 743 display: flex; 744 flex-wrap: wrap; 745 justify-content: space-between; 746 } 747 748 .da-control svg { 749 width: 24px; 750 height: 24px; 751 } 752 753 .da-toggleable:hover { 754 transform: scale(1.01); 755 background-color: ghostwhite !important; 756 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6); 757 } 758 759 .da-toggleable.da-active:hover { 760 transform: scale(0.9); 761 background-color: var(--diac-clr-secondary) !important; 762 } 763 764 #digiAccess .da-profile { 765 justify-content: space-between; 766 align-items: center; 767 padding: 10px 25px; 768 border-radius: 35px !important; 769 transition: 0.1s; 770 cursor: default; 771 outline: 0px none none; 772 } 773 774 .da-profile:hover { 775 cursor: pointer; 776 outline: 2px solid var(--diac-clr-primary); 777 background-color: ghostwhite; 778 } 779 780 .da-profile-description { 781 color: var(--diac-clr-secondary); 782 font-size: 13px; 783 max-width: 37ch; 784 margin: 1px 0 10px 0; 785 } 786 787 .da-profile-title {
788 color: (var(--diac-clr-secondary)); 789 font-weight: 550; 790 margin-top: 15px; 791 font-size: 17px; 792 } 793 794 .da-profile.da-active { 795 background-color: var(--diac-clr-primary); 796 color: var(--diac-clr-neutral-primary); 797 } 798 799 .da-profile.da-active .da-profile-description { 800 color: var(--diac-clr-neutral-primary); 801 } 802 803 .da-profile.da-active .da-profile-title { 804 color: var(--diac-clr-neutral-primary) !important; 805 } 806 807 .da-profile svg circle { 808 display: block !important; 809 } 810 811 .da-profile svg .da-svg-background { 812 fill: var(--diac-clr-primary) !important; 813 } 814 815 .da-profile.da-active svg .da-svg-background { 816 fill: var(--diac-clr-neutral-primary) !important; 817 } 818 819 .da-profile svg .da-svg-content { 820 fill: var(--diac-clr-neutral-primary) !important; 821 stroke: var(--diac-clr-neutral-primary) !important; 822 } 823 824 .da-profile.da-active svg .da-svg-content { 825 fill: var(--diac-clr-primary) !important; 826 stroke: var(--diac-clr-primary) !important; 827 } 828 829 .da-center-text { 830 text-align: center; 831 } 832 833 .da-spacer { 834 display: block !important; 835 background-color: var(--diac-clr-primary); 836 height: 1px; 837 margin: 8px 8px; 838 } 839 840 .da-profile-switch { 841 flex-direction: row !important; 842 align-items: center; 843 margin-top: 20px; 844 font-weight: 600; 845 } 846 847 .da-profile>div { 848 align-items: center; 849 } 850 851 .da-profile svg { 852 width: 52px; 853 height: 52px; 854 } 855 856 .da-profile-switch>span { 857 font-size: 16px; 858 } 859 860 @media (min-width: 540px) { 861 .da-profile { 862 flex-direction: row !important; 863 864 justify-content: space-between; 865 padding: 5px 20px; 866 border-radius: 52px; 867 flex-wrap: wrap; 868 } 869 870 .da-profile>div { 871 flex-flow: row !important; 872 } 873 874 .da-spacer { 875 visibility: hidden; 876 margin: 4px; 877 } 878 879 .da-profile-text { 880 text-align: start; 881 margin-left: 20px; 882 } 883 884 .da-profile-switch { 885 margin-top: 0; 886 align-items: flex-end; 887 } 888 } 889 890 .da-select { 891 width: 80%; 892 height: 40px; 893 -moz-appearance: none; 894 /* Firefox */ 895 -webkit-appearance: none; 896 /* Safari and Chrome */ 897 appearance: none; 898 border: none; 899 background-color: var(--diac-clr-primary) !important; 900 color: var(--diac-clr-neutral-primary) !important; 901 background-image: linear-gradient(45deg, 902 transparent 50%, 903 var(--diac-clr-neutral-primary) 50%), 904 linear-gradient(135deg, 905 var(--diac-clr-neutral-primary) 50%, 906 transparent 50%); 907 background-position: 908 calc(100% - 20px) calc(1em + 2px), 909 calc(100% - 15px) calc(1em + 2px), 910 calc(100% - 2.5em) 0.5em; 911 background-size: 912 5px 5px, 913 5px 5px, 914 1px 1.5em; 915 background-repeat: no-repeat; 916 text-align: center; 917 text-align-last: center; 918 border-radius: 20px !important; 919 font-size: 16px; 920 margin: 15px; 921 visibility: visible !important; 922 } 923 924 /*#region switcher*/ 925 span#da-profile-reload-label { 926 display: none !important; 927 } 928 929 div.da-switch::after { 930 border: none !important; 931 background: none !important; 932 } 933 934 #digiAccess div.da-switch { 935 border-radius: 15px !important; 936 } 937 938 div.da-switch { 939 display: block !important; 940 appearance: none; 941 height: 30px; 942 width: 60px; 943 background-color: var(--diac-clr-primary) !important; 944 cursor: pointer; 945 position: relative; 946 transition: background-color 0.3s ease; 947 margin: 0 15px; 948 text-align: start !important; 949 } 950 951 div.da-switch::before { 952 content: ''; 953 height: 100% !important; 954 width: 50% !important; 955 background-color: var(--diac-clr-tertiary) !important; 956 position: absolute; 957 border-radius: 50%; 958 border: none !important; 959 transition: 0.3s;
960 top: 0 !important; 961 content: ''; 962 } 963 964 .da-profile[aria-checked='true'] .da-switch { 965 background-color: var(--diac-clr-neutral-primary) !important; 966 } 967 968 .da-profile[aria-checked='true'] .da-switch::before { 969 border-color: var(--diac-clr-neutral-primary) !important; 970 transform: translateX(100%); 971 } 972 973 @media screen and (max-width: 500px) { 974 .da-switch { 975 outline: none; 976 } 977 } 978 979 /*#endregion */ 980 981 /*#region range*/ 982 .da-range-container { 983 flex-direction: row !important; 984 align-items: center; 985 width: 80% !important; 986 } 987 988 .da-range { 989 -webkit-appearance: none !important; 990 width: 100% !important; 991 height: 20px !important; 992 background: var(--diac-clr-neutral-secondary) !important; 993 outline: none !important; 994 opacity: 1; 995 -webkit-transition: 0.2s !important; 996 transition: opacity 0.2s !important; 997 margin: 0 !important; 998 position: relative !important; 999 } 1000 1001 .da-range::-webkit-slider-thumb { 1002 -webkit-appearance: none !important; 1003 appearance: none !important; 1004 width: 20px !important; 1005 height: 20px !important; 1006 background: var(--diac-clr-secondary) !important; 1007 cursor: pointer !important; 1008 border-radius: 50% !important; 1009 border: none !important; 1010 } 1011 1012 .da-range::-moz-range-thumb { 1013 width: 20px !important; 1014 height: 20px !important; 1015 background: var(--diac-clr-secondary) !important; 1016 cursor: pointer !important; 1017 border-radius: 50% !important; 1018 border: none !important; 1019 } 1020 1021 /* Language */ 1022 .da-language-select { 1023 background: var(--diac-clr-primary); 1024 border: none; 1025 width: 140px; 1026 } 1027 1028 .da-language-hide { 1029 max-height: 0 !important; 1030 } 1031 1032 .da_language_dropdown { 1033 /*border: 0.1em solid black;*/ 1034 margin-bottom: 1em; 1035 margin-left: 10px; 1036 } 1037 1038 .da_language_dropdown .da-lang-title { 1039 margin: 0.3em 0.3em 0.3em 0.3em; 1040 width: 100%; 1041 } 1042 1043 .da_language_dropdown .da-lang-title .expand_more { 1044 float: right; 1045 margin-right: 0.7em; 1046 transition: transform 0.3s; 1047 } 1048 1049 .da_language_dropdown .menu { 1050 /*transition: max-height .5s ease-out;*/ 1051 max-height: 29em; 1052 overflow: scroll; 1053 position: absolute; 1054 background: #ffffff; 1055 color: #000000; 1056 width: 232px; 1057 z-index: 2; 1058 } 1059 1060 .da_language_dropdown .menu .option { 1061 margin: 0.3em 0.3em 0.3em 0.3em; 1062 margin-top: 0.3em; 1063 } 1064 1065 .da_language_dropdown .menu .option:hover { 1066 background: rgba(0, 0, 0, 0.2); 1067 } 1068 1069 .pointerCursor:hover { 1070 cursor: pointer; 1071 } 1072 1073 .rotate-90 { 1074 transform: rotate(90deg); 1075 } 1076 1077 .da_language_dropdown-line { 1078 margin: 2px; 1079 border: 0.5px solid var(--diac-clr-primary); 1080 } 1081 1082 .da_language_dropdown-align-div { 1083 display: inherit; 1084 word-break: normal !important; 1085 } 1086 1087 .da-widget-backdrop { 1088 opacity: 0.2; 1089 z-index: 1; 1090 } 1091 1092 .language-opacity { 1093 color: rgba(255, 255, 255, 0.5) !important; 1094 } 1095 1096 /* End Language */ 1097 1098 #digiAccess.da-black-white-filter .key-outline { 1099 outline: black solid 3px !important; 1100 } 1101 1102 #digiAccess.da-black-white-filter .da-header .key-outline { 1103 outline: white solid 3px !important; 1104 } 1105 1106 #digiAccess.da-black-white-filter .da-active.key-outline, 1107 #digiAccess.da-black-white-filter .da-button--dark.key-outline { 1108 outline: white solid 3px !important; 1109 outline-offset: -10px; 1110 } 1111
1112 #digiAccess.da-black-white-filter .da-control.key-outline { 1113 outline: black solid 3px !important; 1114 outline-offset: -10px; 1115 } 1116 1117 #digiAccess.da-black-white-filter .da-control.key-outline.da-active.key-outline { 1118 outline: white solid 3px !important; 1119 outline-offset: -10px; 1120 } 1121 1122 #digiAccess.da-black-white-filter .da-active button.key-outline { 1123 outline: white solid 3px !important; 1124 outline-offset: 0px; 1125 } 1126 1127 #digiAccess.da-black-white-filter .da-active button.da-button--range.key-outline { 1128 outline: black solid 3px !important; 1129 outline-offset: -10px; 1130 } 1131 1132 #digiAccess.da-black-white-filter input.key-outline { 1133 outline: black solid 3px !important; 1134 outline-offset: 5px; 1135 } 1136 1137 #digiAccess.da-black-white-filter .da-active input.key-outline { 1138 outline: white solid 3px !important; 1139 outline-offset: 5px; 1140 } 1141 1142 #digiAccess.da-black-white-filter .da-footer .key-outline { 1143 outline: white solid 3px !important; 1144 outline-offset: 5px; 1145 } 1146 1147 #digiAccess.da-black-white-filter button.da-color-button--black.key-outline { 1148 outline: white solid 3px !important; 1149 outline-offset: -5px; 1150 } 1151 1152 .da-button-alignment.da-active { 1153 background-color: var(--diac-clr-primary) !important; 1154 } 1155 1156 .da-button-alignment { 1157 height: 38px; 1158 padding: 7px !important; 1159 border-radius: 10px; 1160 } 1161 1162 @media (min-width: 540px) { 1163 .da-control { 1164 flex-basis: 23.5% !important; 1165 } 1166 1167 .da-control--big { 1168 flex-basis: 48.5% !important; 1169 } 1170 } 1171 1172 #digiAccess .da-color-button { 1173 width: 23px !important; 1174 height: 23px !important; 1175 border-radius: 50% !important; 1176 margin-left: 2px !important; 1177 padding: 0 !important; 1178 transition: 0.2s ease; 1179 } 1180 1181 .da-color-button:hover { 1182 transform: scale(1.1); 1183 outline: 2px solid var(--diac-clr-primary); 1184 } 1185 1186 .da-color-button--black { 1187 background-color: #000000 !important; 1188 } 1189 1190 .da-color-button--white { 1191 background-color: var(--diac-clr-neutral-primary) !important; 1192 border: 2px solid var(--diac-clr-primary) !important; 1193 } 1194 1195 .da-color-button--orange { 1196 background-color: #ff963d !important; 1197 } 1198 1199 .da-color-button--green { 1200 background-color: #90ff3b !important; 1201 } 1202 1203 .da-color-button--red { 1204 background-color: #ff483b !important; 1205 } 1206 1207 .da-color-button--blue { 1208 background-color: #33ddff !important; 1209 } 1210 1211 .da-color-button--purple { 1212 background-color: #f35bff !important; 1213 } 1214 1215 .da-color-button--yellow { 1216 background-color: #fff83b !important; 1217 } 1218 1219 .da-color-fill { 1220 fill: var(--diac-clr-neutral-primary); 1221 stroke: var(--diac-clr-neutral-primary); 1222 } 1223 1224 #dAclose { 1225 align-self: flex-end; 1226 } 1227 1228 #da_close { 1229 background: transparent; 1230 border: none; 1231 text-align: right; 1232 transition: 0.2s; 1233 } 1234 1235 #da_close:hover { 1236 cursor: pointer; 1237 transform: scale(1.1); 1238 } 1239 </style> 1240 <style> 1241 #da-aux-header { 1242 position: absolute !important; 1243 left: 0 !important; 1244 top: 0 !important; 1245 z-index: -999 !important; 1246 display: none; 1247 } 1248 1249 .da-backdrop { 1250 position: fixed; 1251 top: 0; 1252 left: 0; 1253 width: 100%; 1254 height: 100%; 1255 background-color: rgba(0, 0, 0, 0.4); 1256 z-index: 9999; 1257 } 1258 1259 .da-invalid { 1260 border: 3px solid; 1261 border-radius: 7px; 1262 border-color: red; 1263 outline: thick; 1264 box-shadow: 0 0 10px #9ecaed; 1265 } 1266 1267 #da-text-magnifier { 1268 border-style: groove; 1269 border-color: lightgray; 1270 border-radius: 8px; 1271 border-width: 1px; 1272 background-color: rgba(0, 0, 0, 0.8); 1273 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); 1274 max-width: 50%; 1275 transform: scale(0.9); 1276 position: absolute; 1277 padding: 10px 15px; 1278 opacity: 0; 1279 color: #ffffff; 1280 font-size: 48px; 1281 line-height: normal; 1282 visibility: 'hidden'; 1283 z-index: 999999999; 1284 transition: 1285 opacity 0.2s ease, 1286 transform 0.2s ease; 1287 } 1288 1289 #da-text-magnifier.da-visible { 1290 visibility: visible !important; 1291 opacity: 1;
1292 transform: scale(1); 1293 } 1294 1295 .da_hiddenImg { 1296 opacity: 0 !important; 1297 visibility: hidden !important; 1298 } 1299 1300 .da_apply_reverse { 1301 filter: invert(1); 1302 } 1303 1304 .da_apply_contrast { 1305 filter: contrast(140%); 1306 } 1307 1308 .da_apply_saturation { 1309 filter: saturate(200%); 1310 } 1311 1312 .da_apply_blacknwhite { 1313 filter: grayscale(1); 1314 } 1315 1316 .dA_enable_zoom { 1317 transform-origin: 0 0; 1318 } 1319 1320 .dA_toolicon { 1321 height: 22px !important; 1322 width: 22px !important; 1323 margin-left: 0; 1324 } 1325 1326 .dA_iconinvert { 1327 filter: invert(50%); 1328 } 1329 1330 .da-disable-animation ul { 1331 -webkit-transition-duration: 0s !important; 1332 -moz-transition-duration: 0s !important; 1333 -o-transition-duration: 0s !important; 1334 transition-duration: 0s !important; 1335 } 1336 1337 a[data-da-emphasized-link='true'] { 1338 outline: 2px solid var(--diac-clr-highlight) !important; 1339 outline-offset: 2px !important; 1340 } 1341 1342 .da_wrapper_saturation { 1343 filter: saturate(200%); 1344 } 1345 1346 .da_wrapper_contrast { 1347 filter: contrast(140%); 1348 } 1349 1350 .da_wrapper_black_white { 1351 filter: grayscale(1); 1352 } 1353 1354 .light-strip { 1355 position: fixed; 1356 left: 0; 1357 right: 0; 1358 width: 100%; 1359 pointer-events: none; 1360 background-color: rgba(1, 1, 1, 0.5); 1361 z-index: 99999999999999999999999999; 1362 } 1363 1364 .light-strip.light-strip-top { 1365 top: 0; 1366 bottom: auto; 1367 } 1368 1369 .light-strip.light-strip-bottom { 1370 top: auto; 1371 bottom: 0; 1372 } 1373 1374 .da-mouse-highlight { 1375 outline: var(--diac-clr-highlight) solid 3px !important; 1376 } 1377 1378 /* loader */ 1379 1380 .dA_loader { 1381 content: ''; 1382 box-sizing: border-box; 1383 position: fixed; 1384 width: 60px; 1385 height: 60px; 1386 margin-left: -30px; 1387 border-radius: 50%; 1388 border: 3px solid transparent; 1389 border-top-color: #1c304a; 1390 border-bottom-color: #1c304a; 1391 animation: spinner 0.7s ease infinite; 1392 } 1393 1394 @keyframes spinner { 1395 to { 1396 transform: rotate(360deg); 1397 } 1398 } 1399 1400 /* tooltip */ 1401 .da-opener-tooltip { 1402 position: fixed; 1403 transform: translateY(50%) translateX(6px); 1404 background: var(--diac-clr-primary); 1405 color: var(--diac-clr-neutral-primary); 1406 border: 1px solid var(--diac-clr-neutral-primary); 1407 border-radius: 10px; 1408 padding: 10px 12px; 1409 max-width: var(--diac-tooltip-width, 260px); 1410 min-height: var(--diac-tooltip-height, 130px); 1411 height: auto !important; 1412 font-size: 14px; 1413 line-height: 1.4; 1414 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); 1415 opacity: 0; 1416 pointer-events: none; 1417 transition: 1418 opacity 0.2s ease, 1419 transform 0.2s ease; 1420 z-index: 999; 1421 } 1422 1423 /* Tooltip arrow pointing right */ 1424 .da-opener-tooltip.da-opener-right::after { 1425 content: ''; 1426 position: absolute; 1427 left: 100%; 1428 top: 50%; 1429 transform: translateY(-50%); 1430 border-width: 6px; 1431 border-style: solid; 1432 border-color: transparent transparent transparent var(--diac-clr-primary); 1433 } 1434 1435 .da-opener-tooltip.da-opener-left::after { 1436 content: ''; 1437 position: absolute; 1438 right: 100%; 1439 top: 50%; 1440 transform: translateY(-50%); 1441 border-width: 6px; 1442 border-style: solid; 1443 border-color: transparent var(--diac-clr-primary) transparent transparent; 1444 } 1445 1446 /* Show tooltip when hovering the button */ 1447 #dAopener:hover+.da-opener-tooltip, 1448 #dAopener:focus+.da-opener-tooltip { 1449 opacity: 1;
1450 pointer-events: auto; 1451 transform: translateY(50%) translateX(0); 1452 } 1453 1454 /* Tooltip sections */ 1455 .da-tooltip-header { 1456 font-weight: 600; 1457 font-size: 18px !important; 1458 margin-bottom: 4px; 1459 } 1460 1461 .da-tooltip-content { 1462 color: var(--diac-clr-neutral-primary); 1463 font-size: 16px !important; 1464 margin-bottom: 6px; 1465 } 1466 1467 .da-tooltip-footer { 1468 border-top: 1px solid var(--diac-clr-neutral-primary); 1469 padding-top: 4px; 1470 font-size: 14px !important; 1471 color: var(--diac-clr-neutral-primary); 1472 display: flex; 1473 justify-content: flex-start; 1474 align-items: center; 1475 } 1476 1477 .da-tooltip-footer span:last-child { 1478 background: #1f2937; 1479 border-radius: 4px; 1480 padding: 2px 6px; 1481 border: 1px solid #4b5563; 1482 font-size: 10px; 1483 letter-spacing: 0.04em; 1484 } 1485 1486 .da-opener-tooltip.da-opener-right { 1487 right: calc(var(--diac-widget-size) + 12px); 1488 } 1489 1490 .da-opener-tooltip.da-opener-left { 1491 left: calc(var(--diac-widget-size) + 12px); 1492 } 1493 1494 .da-opener-tooltip.da-opener-position-center { 1495 top: calc(48% - (var(--diac-tooltip-height))); 1496 margin: 0px; 1497 } 1498 1499 .da-opener-tooltip.da-opener-position-top { 1500 top: calc(5% - (var(--diac-tooltip-height))); 1501 margin: 10px; 1502 } 1503 1504 .da-opener-tooltip.da-opener-position-bottom { 1505 top: calc(80% - ((var(--diac-tooltip-height)))); 1506 margin: 10px; 1507 } 1508 </style> 1509 <style> 1510 .da-skip-link { 1511 background-image: linear-gradient(120deg, 1512 var(--diac-clr-secondary), 1513 var(--diac-clr-primary)); 1514 left: 1rem !important; 1515 top: 1rem !important; 1516 max-width: 280px !important; 1517 white-space: nowrap !important; 1518 max-height: 58px !important; 1519 z-index: 999999999 !important; 1520 padding: 16px 24px !important; 1521 font-family: 'Arial' !important; 1522 font-weight: bold !important; 1523 font-size: 18px !important; 1524 color: var(--diac-clr-neutral-primary) !important; 1525 text-decoration: none !important; 1526 transform: translateX(-200%); 1527 opacity: 0.6; 1528 position: absolute !important; 1529 border-radius: 50px !important; 1530 border: 1px solid var(--diac-clr-tertiary) !important; 1531 transition: 1532 transform 0.15s ease-in-out, 1533 opacity 0.3s ease-in-out; 1534 } 1535 1536 .da-skip-link:focus { 1537 transform: translateX(0%); 1538 opacity: 1; 1539 outline-offset: -14px !important; 1540 outline: var(--diac-clr-focus) solid 3px !important; 1541 } 1542 1543 .key-outline, 1544 [tabindex='-1'].key-outline, 1545 a:focus.key-outline, 1546 a:hover.key-outline { 1547 outline: gold solid 3px !important; 1548 animation: shining 1s; 1549 } 1550 1551 li[data-list-key]:has(a.key-outline) { 1552 outline: gold solid 3px !important; 1553 animation: shining 1s; 1554 } 1555 1556 .key-focus { 1557 z-index: 9999999999999; 1558 border: 3px solid !important; 1559 border-radius: 7px !important; 1560 box-shadow: 0 0 10px #161617 !important; 1561 box-sizing: border-box !important; 1562 outline: none !important; 1563 } 1564 1565 .key-prevent-focus:focus { 1566 background-color: unset !important; 1567 } 1568 1569 #da-new-tab-tooltip { 1570 position: absolute; 1571 background-color: var(--diac-clr-primary) !important; 1572 color: var(--diac-clr-neutral-primary) !important; 1573 padding: 5px 10px; 1574 border-radius: 5px; 1575 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 1576 z-index: 99999999999999999999999999; 1577 display: none; 1578 animation: slideFadeFromBottom 0.1s; 1579 } 1580 1581 #da-enable-navigation { 1582 font-family: 'Arial' !important; 1583 line-height: 1.6 !important; 1584 padding: 18px !important; 1585 display: none; 1586 position: fixed; 1587 top: 18px;
1588 left: 18px; 1589 border-radius: 50px; 1590 background-image: linear-gradient(120deg, 1591 var(--diac-clr-secondary), 1592 var(--diac-clr-primary)) !important; 1593 1594 text-align: center; 1595 align-items: center; 1596 border: 2px solid var(--diac-clr-tertiary) !important; 1597 outline: 1.8px solid var(--diac-clr-tertiary) !important; 1598 outline-offset: 6px; 1599 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); 1600 z-index: 99999999 !important; 1601 animation: slideFadeInLeft 0.2s ease forwards; 1602 } 1603 1604 #da-accept-navigation { 1605 height: auto; 1606 display: flex; 1607 font-size: 18px !important; 1608 font-family: 'Arial' !important; 1609 line-height: 1.6 !important; 1610 font-weight: bold !important; 1611 margin: 4px !important; 1612 /* padding: 18px !important; */ 1613 background: transparent !important; 1614 color: var(--diac-clr-neutral-primary); 1615 width: auto; 1616 border-radius: 5px !important; 1617 border: 1px solid #2c4a72 !important; 1618 } 1619 1620 #da-accept-navigation svg { 1621 fill: var(--diac-clr-neutral-primary) !important; 1622 margin-left: 12px; 1623 } 1624 1625 #da-accept-navigation:hover { 1626 background: #1f4a71; 1627 cursor: pointer; 1628 } 1629 1630 @keyframes slideFadeFromBottom { 1631 from { 1632 opacity: 0; 1633 transform: translateY(-100%); 1634 } 1635 1636 to { 1637 opacity: 1; 1638 transform: translateY(0); 1639 } 1640 } 1641 1642 @keyframes shining { 1643 50% { 1644 background-color: var(--diac-clr-focus); 1645 box-shadow: 0px 0px 10px 5px; 1646 } 1647 } 1648 </style> 1649 <style> 1650 #da-digispeech { 1651 height: 103px !important; 1652 width: 350px !important; 1653 background-color: var(--diac-clr-primary) !important; 1654 border-radius: 10px !important; 1655 display: flex !important; 1656 flex-direction: column !important; 1657 position: fixed !important; 1658 z-index: 999999 !important; 1659 top: 210px; 1660 left: 200px; 1661 } 1662 1663 @media (max-width: 610px) { 1664 #da-digispeech { 1665 left: 0; 1666 width: 200px !important; 1667 } 1668 1669 .da-digispeech-control--no-mobile { 1670 display: none !important; 1671 } 1672 } 1673 1674 #da-digispeech-header { 1675 display: flex !important; 1676 flex-direction: column !important; 1677 align-items: center !important; 1678 cursor: move !important; 1679 } 1680 1681 #da-digispeech-header h4 { 1682 color: var(--diac-clr-neutral-primary) !important; 1683 margin: 2px; 1684 font-weight: normal !important; 1685 position: relative !important; 1686 top: -10px !important; 1687 font-size: 14px !important; 1688 line-height: 1.2 !important; 1689 } 1690 1691 #da-digispeech-close { 1692 background-color: transparent !important; 1693 border-radius: 0 !important; 1694 border: none !important; 1695 cursor: pointer !important; 1696 align-self: end !important; 1697 margin: 5px !important; 1698 padding: 0 !important; 1699 height: 16px; 1700 min-width: unset !important; 1701 background-image: none !important; 1702 } 1703 1704 #da-digispeech-close::after { 1705 background: none !important; 1706 } 1707 1708 .da-digispeech-spacer { 1709 background-color: var(--diac-clr-tertiary) !important; 1710 height: 2px !important; 1711 width: 73px !important; 1712 position: relative !important; 1713 top: -10px !important; 1714 } 1715 1716 .da-digispeech-controls-container { 1717 display: flex !important; 1718 justify-content: center !important; 1719 } 1720 1721 .da-digispeech-control { 1722 display: flex; 1723 align-items: center; 1724 width: 30px !important; 1725 height: 30px !important; 1726 background-color: var(--diac-clr-secondary) !important; 1727 border: none !important; 1728 border-radius: 3px !important; 1729 margin: 5px 5px !important; 1730 cursor: pointer !important; 1731 padding: 0 !important; 1732 background-image: none !important; 1733 min-width: unset !important; 1734 } 1735 1736 .da-digispeech-control svg { 1737 fill: var(--diac-clr-neutral-primary); 1738 } 1739 1740 .da-digispeech-control::after { 1741 background: none !important; 1742 } 1743 1744 .da-digispeech-control:active { 1745 background-color: var(--diac-clr-tertiary) !important; 1746 } 1747 1748 .da-digispeech-control>svg { 1749 margin: 0 auto; 1750 } 1751 1752 .da-digispeech-control--active { 1753 background-color: var(--diac-clr-tertiary) !important; 1754 } 1755 1756 .da-digispeech-color-fill { 1757 fill: var(--diac-clr-neutral-primary); 1758 stroke: var(--diac-clr-neutral-primary); 1759 } 1760 1761 *[da-current-text='true'] { 1762 outline: gold solid 3px !important; 1763 } 1764 1765 #da-digispeech-loader-box { 1766 position: fixed; 1767 visibility: hidden; 1768 z-index: 999999; 1769 } 1770 1771 #da-digispeech-loader-box .da-digispeech-percent { 1772 width: 30px; 1773 height: 30px; 1774 position: relative; 1775 } 1776 1777 #da-digispeech-loader-box .da-digispeech-percent svg { 1778 width: 30px; 1779 height: 30px; 1780 position: relative; 1781 } 1782 1783 #da-digispeech-loader-box .da-digispeech-percent svg circle { 1784 width: 150px; 1785 height: 150px; 1786 fill: none; 1787 stroke-width: 3; 1788 stroke: #000; 1789 transform: translate(5px, 5px); 1790 stroke-dasharray: 440; 1791 stroke-dashoffset: 440; 1792 stroke-linecap: round; 1793 } 1794 1795 #da-digispeech-loader-box .da-digispeech-percent svg circle:nth-child(1) { 1796 stroke-dashoffset: 0; 1797 stroke: var(--diac-clr-neutral-secondary); 1798 } 1799 1800 #da-digispeech-loader-box .da-digispeech-percent svg circle:nth-child(2) { 1801 stroke-dashoffset: calc(440 - (440 * 0) / 100); 1802 stroke: var(--diac-clr-primary); 1803 } 1804 </style> 1805 <style> 1806 #readspeaker_button1.digi-readspeaker { 1807 position: fixed !important; 1808 z-index: 999999 !important; 1809 width: 100%; 1810 bottom: 15px; 1811 left: 15px; 1812 } 1813 1814 #readspeaker_button1.digi-readspeaker button { 1815 border-radius: 0 !important; 1816 } 1817 1818 .rsbtn .rsbtn_tooltoggle, 1819 .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item { 1820 border-radius: 0px !important; 1821 -webkit-border-radius: 0px !important; 1822 } 1823 </style> 1824 <style> 1825 .keyboard { 1826 position: fixed; 1827 left: 0; 1828 bottom: 0; 1829 width: 100%; 1830 padding: 5px 0; 1831 background: #373c4d; 1832 box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); 1833 user-select: none; 1834 transition: bottom 0.4s; 1835 z-index: 999999999999999999999999999999999999999999999; 1836 } 1837 1838 .keyboard--hidden { 1839 bottom: -100%; 1840 } 1841 1842 .keyboard__keys { 1843 text-align: center; 1844 } 1845 1846 .keyboard__key { 1847 height: 45px; 1848 width: 6%; 1849 max-width: 90px; 1850 margin: 3px; 1851 border: none; 1852 background: rgba(255, 255, 255, 0.2); 1853 color: #ffffff; 1854 font-size: 2rem; 1855 outline: none; 1856 cursor: pointer; 1857 display: inline-flex; 1858 align-items: center; 1859 justify-content: center; 1860 vertical-align: top; 1861 padding: 0; 1862 -webkit-tap-highlight-color: transparent; 1863 position: relative; 1864 } 1865 1866 .keyboard__key:active { 1867 background: rgba(255, 255, 255, 0.12); 1868 } 1869 1870 .keyboard__key--wide { 1871 width: 12%; 1872 } 1873 1874 .keyboard__key--extra-wide { 1875 width: 36%; 1876 max-width: 500px; 1877 } 1878 1879 .keyboard__key--activatable::after { 1880 content: ''; 1881 top: 10px; 1882 right: 10px; 1883 position: absolute; 1884 width: 8px; 1885 height: 8px; 1886 background: rgba(0, 0, 0, 0.4); 1887 border-radius: 50%; 1888 } 1889 1890 .keyboard__key--active::after { 1891 background: #08ff00; 1892 } 1893 1894 .keyboard__key--dark { 1895 background: rgba(0, 0, 0, 0.25); 1896 } 1897 </style> 1898 <style> 1899 #da-modal { 1900 display: none; 1901 /* Hidden by default */ 1902 position: fixed; 1903 /* Stay in place */ 1904 z-index: 999999999; 1905 /* Sit on top */ 1906 left: 0; 1907 top: 0; 1908 width: 100%; 1909 /* Full width */ 1910 height: 100%; 1911 /* Full height */ 1912 overflow: auto; 1913 /* Enable scroll if needed */ 1914 background-color: rgba(28, 48, 74, 0.6); 1915 /* Black w/ opacity */ 1916 font-family: Arial, Helvetica, sans-serif !important; 1917 font-size: 14px; 1918 line-height: 1.7; 1919 } 1920 1921 #da-modal ol { 1922 list-style: decimal !important; 1923 } 1924 1925 #da-modal p { 1926 margin: 0px; 1927 } 1928 1929 #da-modal h { 1930 margin: 10px 0px; 1931 } 1932 1933 #da-modal h2 { 1934 color: var(--diac-clr-primary); 1935 } 1936 1937 /* Modal Content/Box */ 1938 #da-modal-content { 1939 background-color: var(--diac-clr-neutral-primary) !important; 1940 color: var(--diac-clr-primary) !important; 1941 width: 580px !important; 1942 margin: 3% auto !important; 1943 padding: 20px !important; 1944 } 1945 1946 #da-modal-content select, 1947 #da-modal-content input[type='text'], 1948 #da-modal-content input[type='url'], 1949 #da-modal-content input[type='email'], 1950 #da-modal-content textarea { 1951 width: 100%; 1952 visibility: visible !important; 1953 border-radius: 0; 1954 -webkit-border-radius: 0; 1955 background-color: #fff; 1956 padding: 6px 12px; 1957 box-sizing: border-box; 1958 border: 1px solid rgb(221, 221, 221); 1959 } 1960 1961 #da-modal-content select, 1962 #da-modal-content input[type='text'], 1963 #da-modal-content input[type='url'], 1964 #da-modal-content input[type='email'] { 1965 height: 40px; 1966 } 1967 1968 #da-modal-content select::placeholder, 1969 #da-modal-content input[type='text']::placeholder, 1970 #da-modal-content input[type='url']::placeholder, 1971 #da-modal-content input[type='email']::placeholder, 1972 #da-modal-content textarea::placeholder { 1973 color: rgb(117, 117, 117); 1974 } 1975 1976 #da-modal-submit { 1977 padding: 12px 30px !important; 1978 font: '600 12px / 12px Arial'; 1979 } 1980 1981 a.da-modal-link { 1982 color: var(--diac-clr-tertiary); 1983 text-decoration: underline; 1984 } 1985 1986 a.da-modal-link:hover, 1987 a.da-modal-link:focus { 1988 color: #102c4c; 1989 } 1990 1991 #da-modal-close { 1992 color: var(--diac-clr-primary) !important; 1993 float: right; 1994 font-size: 28px; 1995 background: unset !important; 1996 font-weight: bold !important; 1997 border: none !important; 1998 box-shadow: none !important; 1999 } 2000 2001 .da-modal-dark .dAmodalclose { 2002 color: var(--diac-clr-neutral-primary) !important; 2003 } 2004 2005 #da-modal-info h2 { 2006 font: 300 40px / 60px 'Arial' !important; 2007 } 2008 2009 #da-modal-info h3 { 2010 font: 300 25px / 37.5px 'Arial' !important; 2011 } 2012 2013 #da-modal-info ul, 2014 #da-modal-info p, 2015 #da-modal-info h2, 2016 #da-modal-info h3 { 2017 margin-top: 32px !important; 2018 margin-bottom: 32px !important; 2019 margin-left: 16px !important; 2020 line-height: 2.5 !important; 2021 margin-right: 16px !important; 2022 font-weight: 300 !important; 2023 list-style-type: none !important; 2024 padding-left: 0px !important; 2025 } 2026 2027 #da-modal-info h2, 2028 #da-modal-info h3 { 2029 line-height: 1.5 !important; 2030 } 2031 2032 #da-modal-info li { 2033 line-height: 2.5 !important; 2034 } 2035 2036 #da-modal-info ul li { 2037 display: block !important; 2038 font-size: 16px !important; 2039 } 2040
2041 #da-modal-close:hover, 2042 #da-modal-close:focus { 2043 color: #ffffff !important; 2044 text-decoration: none; 2045 cursor: pointer; 2046 background-color: unset; 2047 } 2048 2049 #da-modal-content.da-modal-dark { 2050 background-color: var(--diac-clr-primary) !important; 2051 } 2052 2053 .da-modal-dark p, 2054 .da-modal-dark h2, 2055 .da-modal-dark li { 2056 color: var(--diac-clr-neutral-primary) !important; 2057 } 2058 2059 .da-font-weight-normal { 2060 font-weight: 400 !important; 2061 } 2062 </style> 2063 <style> 2064 /* Draggable container styling */ 2065 #da-benchmark { 2066 position: fixed; 2067 width: 320px !important; 2068 padding: 10px; 2069 border: 2px solid #333; 2070 background-color: white; 2071 border-radius: 8px; 2072 box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); 2073 top: 50px; 2074 right: 50px; 2075 z-index: 999999999; 2076 color: black !important; 2077 } 2078 2079 #da-benchmark-handle { 2080 color: var(--diac-clr-neutral-primary); 2081 border-radius: 4px; 2082 cursor: grab; 2083 background-color: var(--diac-clr-primary); 2084 display: flex; 2085 justify-content: center; 2086 align-items: center; 2087 } 2088 2089 #da-benchmark label { 2090 display: block; 2091 margin-bottom: 10px; 2092 } 2093 2094 .benchmark-option { 2095 display: flex !important; 2096 justify-content: flex-start !important; 2097 align-items: center !important; 2098 } 2099 2100 .benchmark-option input, 2101 .da-configuration-item input { 2102 width: 5%; 2103 } 2104 2105 .benchmark-option label { 2106 margin-bottom: 0 !important; 2107 margin-left: 6px; 2108 vertical-align: bottom !important; 2109 color: black !important; 2110 } 2111 2112 #da-benchmark-handle:active { 2113 cursor: grabbing; 2114 } 2115 2116 .a11y-btn { 2117 height: 32px !important; 2118 width: 128px !important; 2119 margin-top: 12px; 2120 border: none; 2121 background-color: var(--diac-clr-tertiary); 2122 color: white !important; 2123 border-radius: 4px; 2124 cursor: pointer; 2125 font-size: small; 2126 } 2127 2128 .a11y-btn:disabled { 2129 background-color: #cccccc; 2130 cursor: not-allowed; 2131 } 2132 2133 #da-configuration-section { 2134 padding: 10px; 2135 border: 1px solid #333; 2136 background-color: #f9f9f9; 2137 border-radius: 8px; 2138 max-height: 400px; 2139 overflow: scroll; 2140 } 2141 2142 .da-configuration-item { 2143 display: flex; 2144 align-items: center; 2145 gap: 8px; 2146 margin-bottom: 0; 2147 } 2148 2149 .da-configuration-item label { 2150 vertical-align: bottom; 2151 margin-bottom: 0 !important; 2152 } 2153 2154 .da-configuration-item-content { 2155 font-size: 12px; 2156 } 2157 </style> 2158 <style> 2159 :root { 2160 --diac-clr-primary: #104e70; 2161 --diac-clr-secondary: #156089; 2162 --diac-clr-tertiary: #b84700; 2163 --diac-clr-neutral-primary: #FFFFFF; 2164 --diac-clr-neutral-secondary: #D1E4F3; 2165 --diac-clr-focus: #FFD700; 2166 --diac-clr-highlight: #0096FFD9; 2167 } 2168 2169 :root { 2170 --diac-widget-size: 66px; 2171 } 2172 2173 #dAopener { 2174 width: var(--diac-widget-size, 66px) !important; 2175 height: var(--diac-widget-size, 66px) !important; 2176 } 2177 2178 .dAnavigable:focus { 2179 outline: 3px solid #b84700 !important; 2180 } 2181 </style>
2182<script> 2183(function () { 2184 var BLOCKED_HOSTS = [ 2185 'analytics.google.com', 2186 'www.google-analytics.com', 2187 'facebook.net', 2188 'connect.facebook.net', 2189 'google-analytics.com', 2190 'pagead2.googlesyndication.com', 2191 'googleadservices.com', 2192 'doubleclick.net' 2193 ]; 2194 2195 function isBlocked(url) { 2196 try { 2197 var u = typeof url === 'string' ? new URL(url, location.href) : new URL(url.url); 2198 return BLOCKED_HOSTS.some(function (host) { 2199 return u.hostname === host || u.hostname.endsWith('.' + host); 2200 }); 2201 } catch (e) { 2202 return false; 2203 } 2204 } 2205 2206 /* fetch */ 2207 if (window.fetch) { 2208 var _fetch = window.fetch; 2209 window.fetch = function () { 2210 if (isBlocked(arguments[0])) { 2211 return Promise.resolve(new Response(null, { status: 204 })); 2212 } 2213 return _fetch.apply(this, arguments); 2214 }; 2215 } 2216 2217 /* XMLHttpRequest */ 2218 var _open = XMLHttpRequest.prototype.open; 2219 XMLHttpRequest.prototype.open = function (method, url) { 2220 if (isBlocked(url)) { 2221 this.__blocked__ = true; 2222 } 2223 return _open.apply(this, arguments); 2224 }; 2225 2226 var _send = XMLHttpRequest.prototype.send; 2227 XMLHttpRequest.prototype.send = function () { 2228 if (this.__blocked__) { 2229 this.abort(); 2230 return; 2231 } 2232 return _send.apply(this, arguments); 2233 }; 2234 2235 /* sendBeacon */ 2236 if (navigator.sendBeacon) { 2237 var _beacon = navigator.sendBeacon.bind(navigator); 2238 navigator.sendBeacon = function (url, data) { 2239 if (isBlocked(url)) { 2240 return true; 2241 } 2242 return _beacon(url, data); 2243 }; 2244 } 2245 2246 /* Image ping */ 2247 var _img = Image; 2248 window.Image = function () { 2249 var img = new _img(); 2250 Object.defineProperty(img, 'src', { 2251 set: function (url) { 2252 if (!isBlocked(url)) { 2253 img.setAttribute('src', url); 2254 } 2255 } 2256 }); 2257 return img; 2258 }; 2259})(); 2260</script>
2260 2261 2262</head> 2263 2264<body class="js--global-padding practice-area page basicpage" id="practice-area-91df819ce9"> 2265 <!--[if lt IE 10]> 2266<p class="browserupgrade"> 2267 You are using an <strong>outdated</strong> browser. Please 2268 <a href="http://browsehappy.com/">upgrade your browser</a> to improve 2269 your experience. 2270</p> 2271<![endif]--> 2272 <div class="external"></div> 2273 <div class="wrapper"> 2274 <div class="IP verifier"></div> 2275 <div data-loaded="true" data-script="practiceArea"> 2276 <div 2277 class="pa js--skip-global-padding pa-theme--richpurple navigation-theme--richpurple footer-theme--richpurple theme--richpurple"> 2278 <nav class="pa-section pa-section--0"> 2279 <div> 2280 <div class="iparys_inherited"> 2281 <div class="headerpar iparsys parsys"> 2282 <div class="main-navigation section"> 2283
2283<script id="cart-icon-template" type="text/x-template"> 2284 <a :href="cartUrl" :aria-label="cartLabel" class="navigation-desktop-search-cart-container-text"> 2285 <div 2286 class="icon-download-files" 2287 v-if="emptyCart"> 2288 </div> 2289 <div 2290 class="icon-cart-base" 2291 v-else> 2292 <span class="navigation-desktop-search-cart-added-items" aria-hidden="true"> {{ cartLength }} </span> 2293 </div> 2294 </a> 2295 </script>
2295 2296 <div class="component navigation navigation--new navigation--default" 2297 data-api-key="real" data-domain="https://search.merckgroup.com" 2298 data-endpoint-autocomplete="/v1/autocomplete" data-endpoint-filter="/v1/filter" 2299 data-endpoint-search="/v1/search" data-endpoint-suggest="/v1/suggest" 2300 data-is-main-navigation="true" data-language="zh" data-loaded="true" 2301 data-mobile-accordion="true" 2302 data-redirect-url="https://www.merckgroup.com.cn/cn-zh/search.html" 2303 data-script="navigation" data-search-domain="local_china" 2304 data-stock-endpoint="/services/stockvalue"> 2305 <div class="navigation-desktop"> 2306 <div class="navigation-header headroom headroom--top headroom--not-bottom"> 2307 <div class="navigation-desktop-overlay"></div> 2308 <div class="navigation-desktop-search-overlay" data-da-style="true" 2309 style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 2310 </div> 2311 <div class="navigation-desktop-top"> 2312 <div class="navigation-desktop-top-layout"> 2313 <div class="navigation-desktop-top-layout-left"> 2314 <div class="navigation-desktop-language"> 2315 <a aria-label="Go to Homepage" 2316 href="https://www.merckgroup.com/en.html"> 2317 <span aria-label="Go to Homepage" 2318 class="navigation-desktop-country-selector-open-button" 2319 data-open-country-selector="false" 2320 role="button"> 2321 <span 2322 class="navigation-desktop-language-global"> 2323 <div 2324 class="navigation-desktop-language-global-icon"> 2325 <span class="icon-globe"></span> 2326 </div> 2327 </span> 2328 </span> 2329 </a> 2330 <div 2331 class="navigation-desktop-language-global-label-wrapper"> 2332 <p class="navigation-desktop-language-global-label"> 2333 ä¸å½ 2334 </p> 2335 </div> 2336 </div> 2337 </div> 2338 <div class="navigation-desktop-top-layout-right"> 2339 <div 2340 class="navigation-desktop-top-layout-right-decommissionedlink"> 2341 <a aria-describedby="open-new-window" aria-label="èä¸åå±" 2342 class="js-sanitize-internal-domains" 2343 href="https://careers.merckgroup.com/cn/zh/" 2344 rel="noopener" target="_blank">èä¸åå±</a> 2345 </div>
2346 <span 2347 class="navigation-desktop-top-layout-right-decommissionedlink-border"></span> 2348 <div aria-label="navigation search" 2349 class="navigation-desktop-search-open" role="search"> 2350 <button aria-label="navigation search" 2351 class="navigation-desktop-search-open-cta"> 2352 <div class="icon-search"></div> 2353 </button> 2354 </div> 2355 </div> 2356 </div> 2357 </div> 2358 <div class="navigation-desktop-bottom"> 2359 <div class="navigation-desktop-bottom-line"></div> 2360 <div class="navigation-desktop-brand"> 2361 <a aria-label="Merck Logo" class="navigation-desktop-logo" 2362 data-da-style="true" href="/" 2363 style="height : 25px;"> 2364 <span aria-hidden="true"> 2365 <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> 2366 <svg height="30px" version="1.1" viewbox="0 0 183 30" 2367 width="183px" xmlns="http://www.w3.org/2000/svg" 2368 xmlns:xlink="http://www.w3.org/1999/xlink"> 2369 <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --> 2370 <title>logo</title> 2371 <desc>Created with Sketch.</desc> 2372 <defs></defs> 2373 <g fill-rule="evenodd" id="Page-1" stroke="none" 2374 stroke-width="1"> 2375 <path 2376 d="M156.5,29.3 L156.5,29.3 L155,29.3 C154.7,29.3 154.4,29 154.4,28.7 L154.4,1.9 C154.4,1.6 154.4,1.3 154.7,1.2 C155,1 155.7,1 156.2,1 L158,1 C160.3,1 162.2,2.9 162.2,5.2 L162.2,15.4 L168.6,8.9 C169.9,7.7 174.5,3 174.5,3 C175.6,1.8 177.2,1 179.1,1 L180.2,1 C181,1 181.6,1.2 182,1.8 C182.1,2 182.4,2.3 182.5,2.7 C182.6,3.2 182.6,3.7 182.6,3.7 C182.6,5 182.1,6.2 181.2,7.2 L174.2,14.3 C172.3,16.1 173.9,18 173.9,18 C174.7,18.8 176.3,19.9 177.7,20.4 L179.4,21.1 C181.4,22 182.6,23.9 182.6,25.9 L182.6,28.8 C182.6,29.2 182.4,29.5 182,29.5 L180.8,29.5 C179.2,29.5 177.3,28.6 177.3,28.6 L169.4,25.3 C168.6,24.9 167.7,24.6 166.7,24.5 C166.4,24.4 166.1,24.4 165.8,24.4 L165.2,24.4 C164.3,24.5 163.5,24.9 162.9,25.5 C161.9,26.5 161.1,27.3 161.1,27.3 C160,28.4 158.4,29.3 156.5,29.3 Z M123.1,25.9 C123.3,26 123.5,26.3 123.9,26.6 L123.9,28.6 C123.9,29.1 123.6,29.4 123.2,29.4 L117,29.4 C116,29.4 115,29.1 114.1,28.4 L104.7,21 C104.1,20.5 103.7,19.5 103.7,18.5 L103.7,15.5 C103.7,15 103.9,14.7 104.2,14.7 C104.5,14.7 105,14.9 105.2,15 C105.7,15.1 106.3,15.3 106.3,15.3 C107.2,15.6 108.2,15.8 109.1,15.8 C111.1,15.8 112.6,15 113.1,13.6 C113.5,12.3 112.3,9.4 108,8.3 C104.7,7.5 101.8,8.1 100.9,9.7 C100.9,9.7 100.8,9.9 100.7,10.2 C100.6,10.5 100.6,10.8 100.6,11 L100.6,22.6 C100.6,24.4 100.3,26 99.2,27.4 C98.6,28.2 97.8,28.9 96.8,29.2 C96.1,29.4 95.4,29.5 94.8,29.5 C94.3,29.5 93.6,29.5 93.2,29.3 C92.9,29.2 92.9,28.9 92.9,28.6 L92.9,26.7
2376L92.9,25.2 L92.9,20.9 L92.9,1.7 C92.9,1.4 93.2,1.1 93.5,1.1 L104.9,1.1 C106.8,1.1 108.7,1.5 110.6,2.1 C112.6,2.7 114.3,3.6 115.9,4.7 C117.5,5.8 118.7,7.1 119.7,8.6 C120.7,10.1 121.2,11.7 121.2,13.4 C121.2,15.2 120.6,16.6 119.6,17.8 C117.9,19.6 116.1,20.4 115.6,20.7 C116,21.1 117.2,22 118.7,23.2 C121.6,25.5 123.1,25.9 123.1,25.9 Z M85.7,22 C87.1,22 88.2,22.4 89,23.4 C89.8,24.2 90.2,25.2 90.2,26.6 L90.2,29 C90.2,29.3 89.9,29.6 89.6,29.6 L77.9,29.6 C75.7,29.6 73.6,29.2 71.7,28.3 C69.7,27.4 68,26.3 66.6,24.8 C65.2,23.3 64,21.6 63.2,19.7 C62.3,17.7 61.9,15.7 61.9,13.5 L61.9,1.8 C61.9,1.5 62.2,1.2 62.5,1.2 L74.2,1.2 C76.3,1.2 78.4,1.6 80.3,2.5 C82.2,3.3 83.9,4.5 85.4,5.9 C86.9,7.3 88,8.9 88.9,10.6 C89.8,12.3 90.2,13.9 90.2,15.5 C90.2,16.5 90,17.2 89.5,17.9 C89,18.6 88,19 86.6,19 L78.6,19 C75.2,19 73.5,16.5 73.2,15.8 C72.8,15.1 72.7,14.5 72.7,13.6 C72.7,13.1 73,12.9 73.5,12.9 L82.1,12.9 C81.1,11.7 79.8,10.5 78.5,9.7 C77.6,9.2 76.7,8.8 75.8,8.6 C75.3,8.5 74.8,8.4 74.2,8.4 C73.6,8.4 73.1,8.5 72.6,8.6 C72.3,8.6 71.8,8.8 71.4,9 C71,9.2 70.6,9.5 70.5,9.6 C69.6,10.4 69.2,11.5 69.2,13 C69.2,14.2 69.4,15.3 69.8,16.4 C70.3,17.5 70.8,18.5 71.6,19.3 C72,19.7 73.3,20.9 74.2,21.3 C75.3,21.7 76.3,22 77.5,22 L85.7,22 Z M59.2,5.2 C59.2,5.4 59.2,28.5 59.2,28.5 C59.2,28.9 58.9,29.3 58.4,29.3 L57.5,29.3 L55.7,29.3 C53.4,29.3 51.5,27.4 51.5,25.1 L51.5,20.1 C51.5,18 49.7,16.2 47.6,16.2 C43.6,16.2 40.8,19.6 38.2,21.9 C35,24.7 32.6,27.4 29.6,27.4 C26.6,27.4 24.2,24.7 21,21.9 C18.4,19.6 15.6,16.2 11.6,16.2 C9.5,16.2 7.7,18 7.7,20.2 L7.7,28.5 C7.7,28.9 7.4,29.3 6.9,29.3 L5.8,29.3 L4.2,29.3 C1.9,29.3 0,27.4 0,25.1 L0,1.8 C0,1.4 0.4,1 0.8,0.9 L6.1,0.9 C8,0.9 9.8,1.7 11,2.9 C11.1,3 17.6,9.1 17.6,9.1 C20.7,12.2 24.9,13.9 29.6,13.9 C34.1,13.9 38.2,12.3 41.2,9.5 L50,1.2 C50.2,1.1 50.4,1 50.6,1 L55,1 C57.3,1 59.2,2.9 59.2,5.2 Z M151.3,17.5 C151.7,17.5 151.9,17.7 151.6,18.3 C151.5,19.9 151.1,21.5 150.5,22.9 C149.9,24.4 149.1,25.6 148,26.6 C147,27.6 145.7,28.4 144.3,29 C142.8,29.6 141.3,29.9 139.6,29.9 C137.5,29.9 135.5,29.4 133.5,28.5 C131.6,27.6 129.8,26.4 128.3,24.9 C126.8,23.3 125.6,21.6 124.7,19.6 C123.8,17.6 123.4,15.5 123.4,13.3 L123.4,1.8 C123.4,1.3 123.7,1 124.1,1 L135.6,1 C137.7,1 139.6,1.4 141.5,2.2 C143.4,3 145.1,4.2 146.7,5.6 C146.9,5.8 147,6 147.1,6.1 C147.1,6.3 147.1,6.4 146.9,6.6 L144,9.5 C143.3,10.2 142.6,10.6 141.9,10.6 C141.2,10.6 140.6,10.3 140,9.9 C138.6,8.8 137.2,8.3 135.7,8.3 C134.4,8.3 133.3,8.7 132.5,9.6 C131.6,10.5 131.2,11.6 131.2,13 C131.2,14.1 131.5,15.2 132,16.3 C132.5,17.4 133.2,18.4 134,19.3 C134.8,20.2 135.8,20.9 136.8,21.5 C137.8,22.1 138.8,22.4 139.8,22.4 C140.9,22.4 141.7,22.1 142.4,21.6 C143.1,21.1 143.6,20.4 143.9,19.5 C144.4,18.2 145.4,17.5 147,17.5 L151.3,17.5 Z" 2377 fill-rule="nonzero" id="logo"></path> 2378 </g> 2379 </svg> 2380 </span> 2381 </a> 2382 </div> 2383 <div 2384 class="navigation-desktop-primary navigation-desktop-primary--adaptative-width"> 2385 <ul class="navigation-desktop-primary-list" role="menu" tabindex="0"> 2386 <li class="navigation-desktop-primary-list-item" role="menuitem"> 2387 <div class="navigation-desktop-primary-list-item-container"> 2388 <a aria-label="éå¢ä¿¡æ¯" 2389 class="navigation-desktop-primary-list-item-link" 2390 data-da-ul-descendant="true" 2391 href="/cn-zh/company.html"> 2392 éå¢ä¿¡æ¯ </a> 2393 </div> 2394 2395 <div class="navigation-desktop-secondary-panel navigation-desktop-secondary-panel--init-hidden"> 2396 <div class="navigation-desktop-secondary-panel-inner"> 2397 <div class="navigation-desktop-secondary-panel-category-section" tabindex="0"> 2398 <p class="navigation-desktop-secondary-panel-category-section-headline"> 2399 å 满活åçç§æå ¬å¸ </p> 2400 <p class="navigation-desktop-secondary-panel-category-section-description"> 2401 é»å æ¯ä¸æ¯ç±çå½ç§å¦ãå»è¯å¥åº·åçµåç§æé¢åçä¸å®¶ç»æçå 满活åçå¢éãæ们çç±ç§å¦ï¼å¯¹ææ¯å 满çæ ã </p> 2402 <a href="/cn-zh/company.html" class="arrow-link navigation-desktop-secondary-panel-category-section-cta" aria-label="About us" data-da-ul-descendant="true"> 2403 å ³äºæ们 </a> 2404 </div> 2405 <div class="navigation-desktop-secondary-panel-section"> 2406 <a aria-label="å ³äºæ们" 2407 class="navigation-desktop-secondary-panel-section-title" 2408 data-da-ul-descendant="true" 2409 href="/cn-zh/company.html"> 2410 å ³äºæ们 </a> 2411 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2412 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2413 <a data-da-ul-descendant="true" href="/cn-zh/company/who-we-are.html"> 2414 é»å ä¸å½ </a> 2415 </li> 2416 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2417 <a data-da-ul-descendant="true" href="/cn-zh/company/who-we-are/merck-global.html"> 2418 é»å å ¨ç </a> 2419 </li> 2420 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2421 <a data-da-ul-descendant="true" href="/cn-zh/company/who-we-are/mission-strategy-and-values.html"> 2422 æç¥ä¸ä»·å¼è§ </a> 2423 </li> 2424 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2425 <a data-da-ul-descendant="true" href="/cn-zh/company/our-impact.html"> 2426 æ们çå½±åå </a> 2427 </li> 2428 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2429 <a data-da-ul-descendant="true" href="/cn-zh/company/who-we-are/merck-global/management.html/"> 2430 管çå¢é </a> 2431 </li> 2432 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2433 <a data-da-ul-descendant="true" href="/cn-zh/partnering.html"> 2434 æºæé»å </a> 2435 </li> 2436 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2437 <a data-da-ul-descendant="true" href="/cn-zh/company/contact-us.html"> 2438 èç³»æ们 </a> 2439 </li> 2440 </ul> 2441 </div> 2442 <div class="navigation-desktop-secondary-panel-section"> 2443 <a aria-label="éè¦æ¿è¯º" 2444 class="navigation-desktop-secondary-panel-section-title" 2445 data-da-ul-descendant="true" 2446 href="#"> 2447 éè¦æ¿è¯º </a> 2448 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2449 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2450 <a data-da-ul-descendant="true" href="/cn-zh/company/culture.html"> 2451 æåä¹çª </a> 2452 </li> 2453 <l
2453i class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2454 <a data-da-ul-descendant="true" href="/cn-zh/company/responsibility.html"> 2455 å¯æç»åå± </a> 2456 </li> 2457 </ul> 2458 </div> 2459 <div class="navigation-desktop-secondary-panel-section"> 2460 <a aria-label="é»å åå²" 2461 class="navigation-desktop-secondary-panel-section-title" 2462 data-da-ul-descendant="true" 2463 href="/cn-zh/company/who-we-are/history.html"> 2464 é»å åå² </a> 2465 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2466 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2467 <a data-da-ul-descendant="true" href="/cn-zh/company/who-we-are/history.html"> 2468 ä¸å½åå² </a> 2469 </li> 2470 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2471 <a data-da-ul-descendant="true" href="/cn-zh/company/history-global.html"> 2472 æ»é¨åå² </a> 2473 </li> 2474 </ul> 2475 </div> 2476 </div> 2477 </div> 2478 </li> 2479 <li class="navigation-desktop-primary-list-item" role="menuitem"> 2480 <div class="navigation-desktop-primary-list-item-container"> 2481 <a aria-label="ä¸å¡ä¸é¿" 2482 class="navigation-desktop-primary-list-item-link" 2483 data-da-ul-descendant="true" 2484 href="/cn-zh/expertise.html"> 2485 ä¸å¡ä¸é¿ </a> 2486 </div> 2487 2488 <div class="navigation-desktop-secondary-panel navigation-desktop-secondary-panel--init-hidden"> 2489 <div class="navigation-desktop-secondary-panel-inner"> 2490 <div class="navigation-desktop-secondary-panel-category-section" tabindex="0"> 2491 <p class="navigation-desktop-secondary-panel-category-section-headline"> 2492 ä¸å¡ä¸é¿ </p> 2493 <p class="navigation-desktop-secondary-panel-category-section-description"> 2494 é»å çç念æ å¤ä¸å¨ââæ 论æ¯æ¹åãå½±åæ们åºå¯¹é大ç¾ç çæ¹å¼ï¼è¿æ¯èå ¥æ们æ¯å¤©æä¾èµçç©åä¸ã </p> 2495 <a href="/cn-zh/expertise.html" class="arrow-link navigation-desktop-secondary-panel-category-section-cta" aria-label="About us" data-da-ul-descendant="true"> 2496 äºè§£æ´å¤ </a> 2497 </div> 2498 <div class="navigation-desktop-secondary-panel-section"> 2499 <a aria-label="çå½ç§å¦" 2500 class="navigation-desktop-secondary-panel-section-title" 2501 data-da-ul-descendant="true" 2502 href="/cn-zh/expertise/life-science.html"> 2503 çå½ç§å¦ </a> 2504 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2505 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2506 <a data-da-ul-descendant="true" href="/cn-zh/expertise/cl
2506inical-and-diagnostics.html"> 2507 临åºä¸è¯æ </a> 2508 </li> 2509 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2510 <a data-da-ul-descendant="true" href="/cn-zh/expertise/emerging-biotech.html"> 2511 æ°å ´çç©ç§æ </a> 2512 </li> 2513 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2514 <a data-da-ul-descendant="true" href="/cn-zh/expertise/environmental-testing.html"> 2515 ç¯å¢çæµ </a> 2516 </li> 2517 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2518 <a data-da-ul-descendant="true" href="/cn-zh/expertise/food-and-beverages.html"> 2519 é£åä¸é¥®æ </a> 2520 </li> 2521 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2522 <a data-da-ul-descendant="true" href="/cn-zh/expertise/government-and-academic-research.html"> 2523 æ¿åºä¸å¦æ¯ç 究 </a> 2524 </li> 2525 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2526 <a data-da-ul-descendant="true" href="/cn-zh/expertise/industrial.html"> 2527 å·¥ä¸ </a> 2528 </li> 2529 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2530 <a data-da-ul-descendant="true" href="/cn-zh/expertise/pharma-and-biopharma-manufacturing.html"> 2531 å¶è¯åçç©å¶è¯ </a> 2532 </li> 2533 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2534 <a data-da-ul-descendant="true" href="/cn-zh/expertise/pharma-quality-control.html"> 2535 è¯ç©è´¨éç®¡æ§ </a> 2536 </li> 2537 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2538 <a data-da-ul-descendant="true" href="/cn-zh/expertise/pharmaceutical-research.html"> 2539 å¶è¯ç 究 </a> 2540 </li> 2541 </ul> 2542 </div> 2543 <div class="navigation-desktop-secondary-panel-section"> 2544 <a aria-label="å»è¯å¥åº·" 2545 class="navigation-desktop-secondary-panel-section-title" 2546 data-da-ul-descendant="true" 2547 href="/cn-zh/expertise/healthcare.html"> 2548 å»è¯å¥åº· </a> 2549 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2550 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2551 <a data-da-ul-descendant="true" href="/cn-zh/expertise/reproductive-department.html"> 2552 çæ®äºä¸é¨ </a> 2553 </li> 2554 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2555 <a data-da-ul-descendant="true" href="/cn-zh/expertise/general-medicine.html"> 2556 å¿è¡ç®¡ä¸ä»£è°¢äºä¸é¨ </a> 2557 </li> 2558 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2559 <a data-da-ul-descendant="true" href="/cn-zh/expertise/oncology.html"> 2560 è¿ç¤äºä¸é¨ </a> 2561 </li> 2562 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2563 <a data-da-ul-descendant="true" href="/cn-zh/expertise/medicialinfo.html"> 2564 å»å¦ä¿¡æ¯ </a> 2565 </li> 2566 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2567 <a data-da-ul-descendant="true" href="/cn-zh/expertise/ae_reporting.html"> 2568 ä¸è¯äºä»¶æ¥å </a> 2569 </li> 2570 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2571 <a data-da-ul-descendant="true" href="/cn-zh/expertise/reception.html"> 2572 å»è¯ä»£è¡¨å¤æ¡å ¬ç¤º </a> 2573 </li> 2574 </ul> 2575 </div> 2576 <div class="navigation-desktop-secondary-panel-section"> 2577 <a aria-label="çµåç§æ" 2578 class="navigation-desktop-secondary-panel-section-title" 2579 data-da-ul-descendant="true" 2580 href="/cn-zh/expertise/electronics.html"> 2581 çµåç§æ </a> 2582 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2583 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2584 <a data-da-ul-descendant="true" href=""> 2585 å导ä½ç§æ </a> 2586 </li> 2587 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2588
2588 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/thin-films.html"> 2589    èè </a> 2590 </li> 2591 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2592 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/planarization.html"> 2593    平å¦å </a> 2594 </li> 2595 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2596 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/patterninglithography.html"> 2597    å¾å½¢åå å» </a> 2598 </li> 2599 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2600 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/patterningcleans.html"> 2601    å¾å½¢åæ¸ æ´ </a> 2602 </li> 2603 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2604 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/specialty-gases.html"> 2605    ç¹ç§æ°ä½ </a> 2606 </li> 2607 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2608 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/delivery-systems-and-services.html"> 2609    çµåææä¾åºç³»ç»åæå¡ </a> 2610 </li> 2611 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2612 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/metrology-and-inspection.html"> 2613    éæµä¸æ£æµ </a> 2614 </li> 2615 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2616 <a data-da-ul-descendant="true" href="/cn-zh/expertise/electronics/technologies/optronics.html"> 2617 å çµç§æ </a> 2618 </li> 2619 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2620 <a data-da-ul-descendant="true" href="/cn-zh/expertise/el-2021-09-01.html"> 2621 æ°åå¦ç©è´¨é£é©ç®¡æ§æ åµå ¬ç¤º </a> 2622 </li> 2623 </ul> 2624 </div> 2625 </div> 2626 </div> 2627 </li> 2628 <li class="navigation-desktop-primary-list-item" role="menuitem"> 2629 <div class="navigation-desktop-primary-list-item-container"> 2630 <a aria-label="ç ååæ°" 2631 class="navigation-desktop-primary-list-item-link" 2632 data-da-ul-descendant="true" 2633 href="/cn-zh/research.html"> 2634 ç ååæ° </a> 2635 </div> 2636 2637 <div class="navigation-desktop-secondary-panel navigation-desktop-secondary-panel--init-hidden"> 2638 <div class="navigation-desktop-secondary-panel-inner"> 2639 <div class="navigation-desktop-secondary-panel-category-section" tabindex="0"> 2640 <p class="navigation-desktop-secondary-panel-category-section-headline"> 2641 ç åæ¯æ们ä¸åå·¥ä½çæ ¸å¿ </p> 2642 <p class="navigation-desktop-secondary-panel-category-section-description"> 2643 å¨é»å ï¼æ们å°ç§å¦åææ¯è½¬å为å é¨åæ°åå¤é¨åä½ä¼ä¼´å ³ç³»ï¼è¿äºåä½å ·ææ¹åçæ´»çåéãå¦ä»ï¼æ们æ¯ä»¥å¾ä»»ä½æ¶åé½æ´å å°æ°ååç½®äºé¦è¦ä½ç½®ã </p> 2644 <a href="/cn-zh/research.html" class="arrow-link navigation-desktop-secondary-panel-category-section-cta" aria-label="About us" data-da-ul-descendant="true"> 2645 å³å»æ¢ç´¢ </a> 2646 </div> 2647 <div class="navigation-desktop-secondary-panel-section"> 2648 <a aria-label="ç å空é´" 2649 class="navigation-desktop-secondary-panel-section-title" 2650 data-da-ul-descendant="true" 2651 href="/cn-zh/research.html"> 2652 ç åç©ºé´ </a> 2653 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2654 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2655 <a data-da-ul-descendant="true" href="https://www.merckgroup.com/en/research/our-approach-to-research-and-development.html"> 2656 ç åæ¨¡å¼ </a> 2657 </li> 2658 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2659 <a data-da-ul-descendant="true" href="https://www.merckgroup.com/en/research/healthcare-pipeline.html"> 2660 å»è¯å¨ç 产å线 </a> 2661 </li> 2662 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2663 <a data-da-ul-descendant="true" href="/cn-zh/media-center/ai360.html/"> 2664 AIåºç¨ </a> 2665 </li> 2666 </ul> 2667 </div> 2668 <div class="navigation-desktop-secondary-panel-section"> 2669 <a aria-label="ç§å¦ç©ºé´" 2670 class="navigation-desktop-secondary-panel-section-title" 2671 data-da-ul-descendant="true" 2672 href="/cn-zh/research/science-space/envisioning-tomorrow.html"> 2673 ç§å¦ç©ºé´
2673 </a> 2674 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2675 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2676 <a data-da-ul-descendant="true" href="/cn-zh/research/science-space/envisioning-tomorrow.html"> 2677 æ§æ¬æªæ¥ </a> 2678 </li> 2679 </ul> 2680 </div> 2681 <div class="navigation-desktop-secondary-panel-section is-empty" aria-hidden="true"></div> 2682 </div> 2683 </div> 2684 </li> 2685 <li class="navigation-desktop-primary-list-item" role="menuitem"> 2686 <div class="navigation-desktop-primary-list-item-container"> 2687 <a aria-label="æ°é»åªä½" 2688 class="navigation-desktop-primary-list-item-link" 2689 data-da-ul-descendant="true" 2690 href="/press-news"> 2691 æ°é»åªä½ </a> 2692 </div> 2693 2694 <div class="navigation-desktop-secondary-panel navigation-desktop-secondary-panel--init-hidden"> 2695 <div class="navigation-desktop-secondary-panel-inner"> 2696 <div class="navigation-desktop-secondary-panel-category-section" tabindex="0"> 2697 <p class="navigation-desktop-secondary-panel-category-section-headline"> 2698 æ°é»åªä½ </p> 2699 <p class="navigation-desktop-secondary-panel-category-section-description"> 2700 ä»é»å åªä½ä¸å¿æ¢ç´¢ææ°æ°é»ï¼åæ¶äºè§£æ们å³å°ä¸¾è¡çæ´»å¨ã </p> 2701 <a href="/press-news" class="arrow-link navigation-desktop-secondary-panel-category-section-cta" aria-label="About us" data-da-ul-descendant="true"> 2702 æ¥çæ´å¤ </a> 2703 </div> 2704 <div class="navigation-desktop-secondary-panel-section"> 2705 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2706 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2707 <a data-da-ul-descendant="true" href="/press-news/news"> 2708 æ°é»åå¸ </a> 2709 </li> 2710 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2711 <a data-da-ul-descendant="true" href="https://www.merckgroup.com/en/media-center/download-gallery.html"> 2712 ä¸è½½ä¸å¿ </a> 2713 </li> 2714 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2715 <a data-da-ul-descendant="true" href="/media-center"> 2716 åªä½èç» </a> 2717 </li> 2718 </ul> 2719 </div> 2720 <div class="navigation-desktop-secondary-panel-section is-empty" aria-hidden="true"></div> 2721 <div class="navigation-desktop-secondary-panel-section is-empty" aria-hidden="true"></div> 2722 </div> 2723 </div> 2724 </li> 2725 <li class="navigation-desktop-primary-list-item" role="menuitem"> 2726 <div class="navigation-desktop-primary-list-item-container"> 2727 <a aria-label="èä¸åå±" 2728 class="navigation-desktop-primary-list-item-link" 2729 data-da-ul-descendant="true" 2730 href="https://careers.merckgroup.com/global/en?utm_campaign=vision&utm_source=landingpage&utm_medium=organic&_gl=1*1jcmntu*_ga*MTAwOTc4NzY4Ny4xNjc2OTUwNTAx*_ga_J72F005NJ3*czE3NjU5NTYwNjQkbzQkZzEkdDE3NjU5NjEzOTUkajU3JGwwJGgw"> 2731 èä¸åå± </a> 2732 </div> 2733 2734 <div class="navigation-desktop-secondary-panel navigation-desktop-secondary-panel--init-hidden"> 2735 <div class="navigation-desktop-secondary-panel-inner"> 2736 <div class="navigation-desktop-secondary-panel-category-section" tabindex="0"> 2737 <p class="navigation-desktop-secondary-panel-category-section-headline"> 2738 å 满活åçç§æå ¬å¸ </p> 2739 <p class="navigation-desktop-secondary-panel-category-section-description"> 2740 æ们对åäºã客æ·ãæ£è åå°çå 满çæ ãæ们æ¯æ并å¹å »åå·¥çæ³æ³ãæè½åçæ ï¼ä»¥æå人类ç¦ç¥ã </p> 2741 <a href="https://careers.merckgroup.com/global/en/home" class="arrow-link navigation-desktop-secondary-panel-category-section-cta" aria-label="About us" data-da-ul-descendant="true"> 2742 æå ´è¶£åï¼ç«å³å å ¥æ们 </a> 2743 </div> 2744 <div class="navigation-desktop-secondary-panel-section"> 2745 <ul class="navigation-desktop-secondary-panel-list" role="menu" tabindex="0"> 2746 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2747 <a data-da-ul-descendant="true" href="https://careers.merckgroup.com/global/en?utm_campaign=vision&utm_source=landingpage&utm_medium=organic&_gl=1*1jcmntu*_ga*MTAwOTc4NzY4Ny4xNjc2OTUwNTAx*_ga_J72F005NJ3*czE3NjU5NTYwNjQkbzQkZzEkdDE3NjU5NjEzOTUkajU3JGwwJGgw"> 2748 èä½ç©ºç¼º </a> 2749 </li> 2750 <li class="navigation-desktop-secondary-panel-list-item" role="menuitem"> 2751 <a data-da-ul-descendant="true" href="https://careers.merckgroup.com/global/en/talent-zone-landing?utm_campaign=vision&utm_source=landingpage&utm_medium=organic&_gl=1*19exgzh*_ga*MTAwOTc4NzY4Ny4xNjc2OTUwNTAx*_ga_J72F005NJ3*czE3NjU5NTYwNjQkbzQkZzEkdDE3NjU5NjEyODkkajI1JGwwJGgw"> 2752 人æç©ºé´ </a> 2753 </li> 2754 </ul> 2755 </div> 2756 <div class="navigation-desktop-secondary-panel-section is-empty" aria-hidden="true"></div> 2757 <div class="navigation-desktop-secondary-panel-section is-empty" aria-hidden="true"></div> 2758 </div> 2759 </div> 2760
2760 </li> 2761 </ul> 2762 <style> 2763 .navigation-desktop-brand-right{ 2764 position: absolute; 2765 top:0px; 2766 right:45px; 2767 } 2768 </style> 2769 <div class="navigation-desktop-brand-right" "> 2770 <a aria-label="Merck Logo" class="navigation-desktop-logo" 2771 data-da-style="true" href="/" 2772 style="height : 25px;"> 2773 <span aria-hidden="true"> 2774 <img src='https://test.merckgroup.com.cn/wp-content/uploads/2026/04/mercklogo.png' width=100 /> 2775 </span> 2776 </a> 2777 </div> 2778 </div> 2779 2780 2781 <div class="navigation-desktop-underbar"></div> 2782 <div class="navigation-desktop-search-mask" data-da-style="true" 2783 style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 2784 </div> 2785 <div aria-hidden="true" 2786 id="navigation-desktop-search-panel-wrapper"> 2787 <div class="navigation-desktop-search-close"> 2788 <button aria-label="å ³é" 2789 class="navigation-desktop-search-close-cta"> 2790 <div class="icon-cross"></div> 2791 </button> 2792 </div> 2793 <div class="navigation-desktop-search-panel"> 2794 <div class="navigation-desktop-search-bar-container"> 2795 <div class="navigation-desktop-search-bar" 2796 id="navigation-desktop-search-bar"> 2797 <div class="navigation-desktop-search-bar-form"> 2798 <div 2799 class="navigation-desktop-search-bar-layout"> 2800 <div 2801 class="navigation-desktop-search-bar-layout-left"> 2802 <div 2803 class="navigation-desktop-search-bar-icon"> 2804 <div class="icon-search"></div> 2805 </div> 2806 </div> 2807 <div 2808 class="navigation-desktop-search-bar-layout-right"> 2809 <div 2810 class="navigation-desktop-search-bar-layout-right-form-wrapper"> 2811 <form role="search" method="get" class="navigation-desktop-search-bar-input-form" action="https://www.merckgroup.com.cn/"> 2812 <label class="navigation-desktop-search-bar-input-label" for="search-desktop"> 2813 æ们çç±å¯»æ¾çæ¡ã请è¾å ¥æå以æç´¢ 2814 </label> 2815 <input type="search" id="search-desktop" class="navigation-desktop-search-bar-input" 2816 value="" name="s" 2817 placeholder="æ们çç±å¯»æ¾çæ¡ã请è¾å ¥æå以æç´¢" /> 2818 <button type="submit" class="screen-reader-text">æç´¢</button> 2819 </form> 2820 </div> 2821 </div> 2822 </div> 2823 </div> 2824 <div class="navigation-desktop-search-bar-results" 2825 data-da-style="true" style="display: none;"> 2826 <div 2827 class="navigation-desktop-search-bar-results-content"> 2828 <ul 2829 class="navigation-desktop-search-bar-results-list"> 2830 </ul> 2831 <div 2832 class="navigation-desktop-search-bar-results-show-all"> 2833 <p 2834 class="navigation-desktop-search-bar-results-show-all-label"> 2835 <a data-da-style="true" 2836 href="https://www.merckgroup.com.cn/cn-zh/search.html?query:" 2837 style="touch-action: manipulation; user-select: none;
2837 -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 2838 æ¾ç¤ºææç»æ 2839 </a></p> 2840 </div> 2841 <div aria-live="polite" 2842 class="navigation-desktop-search-bar-results-total-number" 2843 role="status"> 2844 0 matching results. 2845 Select 'Show All Results' link to see 2846 additional 2847 results 2848 </div> 2849 </div> 2850 </div> 2851 </div> 2852 </div> 2853 </div> 2854 </div> 2855 </div> 2856 </div> 2857 </div> 2858 <div aria-hidden="true" class="navigation-mobile"> 2859 <div id="navigation-mobile-header-wrapper"> 2860 <div 2861 class="navigation-header navigation-mobile-header headroom headroom--top headroom--not-bottom"> 2862 <div class="navigation-mobile-controls"> 2863 <div class="navigation-mobile-controls-left"> 2864 <div class="navigation-mobile-brand"> 2865 <a aria-label="Merck Logo" 2866 class="navigation-mobile-logo" data-da-style="true" 2867 href="/" style="height : 16px;"> 2868 <span aria-hidden="true"> 2869 <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> 2870 <svg height="30px" version="1.1" 2871 viewbox="0 0 183 30" width="183px" 2872 xmlns="http://www.w3.org/2000/svg" 2873 xmlns:xlink="http://www.w3.org/1999/xlink"> 2874 <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --> 2875 <title>logo</title> 2876 <desc>Created with Sketch.</desc> 2877 <defs></defs> 2878 <g fill-rule="evenodd" id="Page-1" 2879 stroke="none" stroke-width="1"> 2880 <path 2881 d="M156.5,29.3 L156.5,29.3 L155,29.3 C154.7,29.3 154.4,29 154.4,28.7 L154.4,1.9 C154.4,1.6 154.4,1.3 154.7,1.2 C155,1 155.7,1 156.2,1 L158,1 C160.3,1 162.2,2.9 162.2,5.2 L162.2,15.4 L168.6,8.9 C169.9,7.7 174.5,3 174.5,3 C175.6,1.8 177.2,1 179.1,1 L180.2,1 C181,1 181.6,1.2 182,1.8 C182.1,2 182.4,2.3 182.5,2.7 C182.6,3.2 182.6,3.7 182.6,3.7 C182.6,5 182.1,6.2
2881181.2,7.2 L174.2,14.3 C172.3,16.1 173.9,18 173.9,18 C174.7,18.8 176.3,19.9 177.7,20.4 L179.4,21.1 C181.4,22 182.6,23.9 182.6,25.9 L182.6,28.8 C182.6,29.2 182.4,29.5 182,29.5 L180.8,29.5 C179.2,29.5 177.3,28.6 177.3,28.6 L169.4,25.3 C168.6,24.9 167.7,24.6 166.7,24.5 C166.4,24.4 166.1,24.4 165.8,24.4 L165.2,24.4 C164.3,24.5 163.5,24.9 162.9,25.5 C161.9,26.5 161.1,27.3 161.1,27.3 C160,28.4 158.4,29.3 156.5,29.3 Z M123.1,25.9 C123.3,26 123.5,26.3 123.9,26.6 L123.9,28.6 C123.9,29.1 123.6,29.4 123.2,29.4 L117,29.4 C116,29.4 115,29.1 114.1,28.4 L104.7,21 C104.1,20.5 103.7,19.5 103.7,18.5 L103.7,15.5 C103.7,15 103.9,14.7 104.2,14.7 C104.5,14.7 105,14.9 105.2,15 C105.7,15.1 106.3,15.3 106.3,15.3 C107.2,15.6 108.2,15.8 109.1,15.8 C111.1,15.8 112.6,15 113.1,13.6 C113.5,12.3 112.3,9.4 108,8.3 C104.7,7.5 101.8,8.1 100.9,9.7 C100.9,9.7 100.8,9.9 100.7,10.2 C100.6,10.5 100.6,10.8 100.6,11 L100.6,22.6 C100.6,24.4 100.3,26 99.2,27.4 C98.6,28.2 97.8,28.9 96.8,29.2 C96.1,29.4 95.4,29.5 94.8,29.5 C94.3,29.5 93.6,29.5 93.2,29.3 C92.9,29.2 92.9,28.9 92.9,28.6 L92.9,26.7 L92.9,25.2 L92.9,20.9 L92.9,1.7 C92.9,1.4 93.2,1.1 93.5,1.1 L104.9,1.1 C106.8,1.1 108.7,1.5 110.6,2.1 C112.6,2.7 114.3,3.6 115.9,4.7 C117.5,5.8 118.7,7.1 119.7,8.6 C120.7,10.1 121.2,11.7 121.2,13.4 C121.2,15.2 120.6,16.6 119.6,17.8 C117.9,19.6 116.1,20.4 115.6,20.7 C116,21.1 117.2,22 118.7,23.2 C121.6,25.5 123.1,25.9 123.1,25.9 Z M85.7,22 C87.1,22 88.2,22.4 89,23.4 C89.8,24.2 90.2,25.2 90.2,26.6 L90.2,29 C90.2,29.3 89.9,29.6 89.6,29.6 L77.9,29.6 C75.7,29.6 73.6,29.2 71.7,28.3 C69.7,27.4 68,26.3 66.6,24.8 C65.2,23.3 64,21.6 63.2,19.7 C62.3,17.7 61.9,15.7 61.9,13.5 L61.9,1.8 C61.9,1.5 62.2,1.2 62.5,1.2 L74.2,1.2 C76.3,1.2 78.4,1.6 80.3,2.5 C82.2,3.3 83.9,4.5 85.4,5.9 C86.9,7.3 88,8.9 88.9,10.6 C89.8,12.3 90.2,13.9 90.2,15.5 C90.2,16.5 90,17.2 89.5,17.9 C89,18.6 88,19 86.6,19 L78.6,19 C75.2,19 73.5,16.5 73.2,15.8 C72.8,15.1 72.7,14.5 72.7,13.6 C72.7,13.1 73,12.9 73.5,12.9 L82.1,12.9 C81.1,11.7 79.8,10.5 78.5,9.7 C77.6,9.2 76.7,8.8 75.8,8.6 C75.3,8.5 74.8,8.4 74.2,8.4 C73.6,8.4 73.1,8.5 72.6,8.6 C72.3,8.6 71.8,8.8 71.4,9 C71,9.2 70.6,9.5 70.5,9.6 C69.6,10.4 69.2,11.5 69.2,13 C69.2,14.2 69.4,15.3 69.8,16.4 C70.3,17.5 70.8,18.5 71.6,19.3 C72,19.7 73.3,20.9 74.2,21.3 C75.3,21.7 76.3,22 77.5,22 L85.7,22 Z M59.2,5.2 C59.2,5.4 59.2,28.5 59.2,28.5 C59.2,28.9 58.9,29.3 58.4,29.3 L57.5,29.3 L55.7,29.3 C53.4,29.3 51.5,27.4 51.5,25.1 L51.5,20.1 C51.5,18 49.7,16.2 47.6,16.2 C43.6,16.2 40.8,19.6 38.2,21.9 C35,24.7 32.6,27.4 29.6,27.4 C26.6,27.4 24.2,24.7 21,21.9 C18.4,19.6 15.6,16.2 11.6,16.2 C9.5,16.2 7.7,18 7.7,20.2 L7.7,28.5 C7.7,28.9 7.4,29.3 6.9,29.3 L5.8,29.3 L4.2,29.3 C1.9,29.3 0,27.4 0,25.1 L0,1.8 C0,1.4 0.4,1 0.8,0.9 L6.1,0.9 C8,0.9 9.8,1.7 11,2.9 C11.1,3 17.6,9.1 17.6,9.1 C20.7,12.2 24.9,13.9 29.6,13.9 C34.1,13.9 38.2,12.3 41.2,9.5 L50,1.2 C50.2,1.1 50.4,1 50.6,1 L55,1 C57.3,1 59.2,2.9 59.2,5.2 Z M151.3,17.5 C151.7,17.5 151.9,17.7 151.6,18.3 C151.5,19.9 151.1,21.5 150.5,22.9 C149.9,24.4 149.1,25.6 148,26.6 C147,27.6 145.7,28.4 144.3,29 C142.8,29.6 141.3,29.9 139.6,29.9 C137.5,29.9 135.5,29.4 133.5,28.5 C131.6,27.6 129.8,26.4 128.3,24.9 C126.8,23.3 125.6,21.6 124.7,19.6 C123.8,17.6 123.4,15.5 123.4,13.3 L123.4,1.8 C123.4,1.3 123.7,1 124.1,1 L135.6,1 C137.7,1 139.6,1.4 141.5,2.2 C143.4,3 145.1,4.2 146.7,5.6 C146.9,5.8 147,6 147.1,6.1 C147.1,6.3 147.1,6.4 146.9,6.6 L144,9.5 C143.3,10.2 142.6,10.6 141.9,10.6 C141.2,10.6 140.6,10.3 140,9.9 C138.6,8.8 137.2,8.3 135.7,8.3 C134.4,8.3 133.3,8.7 132.5,9.6 C131.6,10.5 131.2,11.6 131.2,13 C131.2,14.1 131.5,15.2 132,16.3 C132.5,17.4 133.2,18.4 134,19.3 C134.8,20.2 135.8,20.9 136.8,21.5 C137.8,22.1 138.8,22.4 139.8,22.4 C140.9,22.4 141.7,22.1 142.4,21.6 C143.1,21.1 143.6,20.4 143.9,19.5 C144.4,18.2 145.4,17.5 147,17.5 L151.3,17.5 Z" 2882 fill-rule="nonzero" id="logo"> 2883 </path> 2884 </g> 2885 </svg> 2886 </span> 2887 </a> 2888 </div> 2889 </div> 2890 <div class="navigation-mobile-control
2890s-right"> 2891 <div aria-label="æç´¢" class="navigation-mobile-search-open" 2892 role="search"> 2893 <button aria-label="æç´¢" 2894 class="navigation-mobile-search-open-cta"> 2895 <div class="icon-search"></div> 2896 </button> 2897 </div> 2898 <div class="navigation-mobile-search-close"> 2899 <button aria-label="å ³é" 2900 class="navigation-mobile-search-close-cta"> 2901 <div class="icon-cross"></div> 2902 </button> 2903 </div> 2904 <div class="navigation-mobile-button"> 2905 <button aria-expanded="false" aria-label="Menu" 2906 class="menu-button"> 2907 <div class="menu-button-top"></div> 2908 <div class="menu-button-middle-one"></div> 2909 <div class="menu-button-middle-two"></div> 2910 <div class="menu-button-bottom"></div> 2911 </button> 2912 </div> 2913 </div> 2914 </div> 2915 </div> 2916 <div class="navigation-mobile-search-panel"> 2917 <div class="navigation-mobile-search-panel-inner"> 2918 <div class="navigation-mobile-search-bar-container"> 2919 <!-- --> 2920 </div> 2921 </div> 2922 </div> 2923 </div> 2924 <div aria-hidden="true" class="navigation-mobile-sidebar js-keep-aria-hidden"> 2925 <div class="navigation-mobile-sidebar-inner"> 2926 <div class="navigation-mobile__content-wrapper"> 2927 <div class="navigation-mobile__content-row"> 2928 <div class="navigation-mobile__content"> 2929 <ol aria-label="Primary Links" class="navigation-mobile__main-list" tabindex="0"> 2930 <li class="navigation-mobile__primary-list-item"> 2931 <!-- ä¸çº§æé® --> 2932 <div aria-expanded="false" 2933 aria-label="éå¢ä¿¡æ¯" 2934 class="navigation-mobile-primary-list-item-button" 2935 role="button" tabindex="0"> 2936 <sp
2936an>éå¢ä¿¡æ¯</span> 2937 <div class="icon-simple-arrow"></div> 2938 </div> 2939 2940 <!-- ä¸çº§é¾æ¥ --> 2941 <div aria-hidden="true" 2942 class="navigation-mobile__primary-list-item-elements js-keep-aria-hidden"> 2943 <a aria-label="éå¢ä¿¡æ¯" 2944 class="navigation-mobile__primary-list-item-link arrow-link arrow-link--white" 2945 href="/cn-zh/company.html" 2946 tabindex="-1"> 2947 éå¢ä¿¡æ¯ </a> 2948 2949 <div class="navigation-mobile__panel-section"> 2950 2951 <a aria-label="å ³äºæ们" 2952 class="navigation-mobile__panel-section-title" 2953 href="/cn-zh/company.html" 2954 tabindex="-1"> 2955 å ³äºæ们 </a> 2956 <ol aria-label="å ³äºæ们" 2957 class="navigation-mobile__panel-list" tabindex="-1"> 2958 <li class="navigation-mobile__panel-list-item"> 2959 <a aria-label="é»å ä¸å½" 2960 class="navigation-mobile__panel-list-item-link" 2961 href="/cn-zh/company/who-we-are.html" 2962 tabindex="-1"> 2963 é»å ä¸å½ </a> 2964 </li> 2965 <li class="navigation-mobile__panel-list-item"> 2966 <a aria-label="é»å å ¨ç" 2967 class="navigation-mobile__panel-list-item-link" 2968 href="/cn-zh/company/who-we-are/merck-global.html" 2969 tabindex="-1"> 2970 é»å å ¨ç </a> 2971 </li> 2972 <li class="navigation-mobile__panel-list-item"> 2973 <a aria-label="æç¥ä¸ä»·å¼è§" 2974 class="navigation-mobile__panel-list-item-link" 2975 href="/cn-zh/company/who-we-are/mission-strategy-and-values.html"
2976 tabindex="-1"> 2977 æç¥ä¸ä»·å¼è§ </a> 2978 </li> 2979 <li class="navigation-mobile__panel-list-item"> 2980 <a aria-label="æ们çå½±åå" 2981 class="navigation-mobile__panel-list-item-link" 2982 href="/cn-zh/company/our-impact.html" 2983 tabindex="-1"> 2984 æ们çå½±åå </a> 2985 </li> 2986 <li class="navigation-mobile__panel-list-item"> 2987 <a aria-label="管çå¢é" 2988 class="navigation-mobile__panel-list-item-link" 2989 href="/cn-zh/company/who-we-are/merck-global/management.html/" 2990 tabindex="-1"> 2991 管çå¢é </a> 2992 </li> 2993 <li class="navigation-mobile__panel-list-item"> 2994 <a aria-label="æºæé»å " 2995 class="navigation-mobile__panel-list-item-link" 2996 href="/cn-zh/partnering.html" 2997 tabindex="-1"> 2998 æºæé»å </a> 2999 </li> 3000 <li class="navigation-mobile__panel-list-item"> 3001 <a aria-label="èç³»æ们" 3002 class="navigation-mobile__panel-list-item-link" 3003 href="/cn-zh/company/contact-us.html"
3004 tabindex="-1"> 3005 èç³»æ们 </a> 3006 </li> 3007 </ol> 3008 3009 3010 <a aria-label="éè¦æ¿è¯º" 3011 class="navigation-mobile__panel-section-title" 3012 href="#" 3013 tabindex="-1"> 3014 éè¦æ¿è¯º </a> 3015 <ol aria-label="éè¦æ¿è¯º" 3016 class="navigation-mobile__panel-list" tabindex="-1"> 3017 <li class="navigation-mobile__panel-list-item"> 3018 <a aria-label="æåä¹çª" 3019 class="navigation-mobile__panel-list-item-link" 3020 href="/cn-zh/company/culture.html" 3021 tabindex="-1"> 3022 æåä¹çª </a> 3023 </li> 3024 <li class="navigation-mobile__panel-list-item"> 3025 <a aria-label="å¯æç»åå±" 3026 class="navigation-mobile__panel-list-item-link" 3027 href="/cn-zh/company/responsibility.html" 3028 tabindex="-1"> 3029 å¯æç»åå± </a> 3030 </li> 3031 </ol> 3032 3033 3034 <a aria-label="é»å åå²" 3035 class="navigation-mobile__panel-section-title" 3036 href="/cn-zh/company/who-we-are/history.html"
3037 tabindex="-1"> 3038 é»å åå² </a> 3039 <ol aria-label="é»å åå²" 3040 class="navigation-mobile__panel-list" tabindex="-1"> 3041 <li class="navigation-mobile__panel-list-item"> 3042 <a aria-label="ä¸å½åå²" 3043 class="navigation-mobile__panel-list-item-link" 3044 href="/cn-zh/company/who-we-are/history.html" 3045 tabindex="-1"> 3046 ä¸å½åå² </a> 3047 </li> 3048 <li class="navigation-mobile__panel-list-item"> 3049 <a aria-label="æ»é¨åå²" 3050 class="navigation-mobile__panel-list-item-link" 3051 href="/cn-zh/company/history-global.html" 3052 tabindex="-1"> 3053 æ»é¨åå² </a> 3054 </li> 3055 </ol> 3056 3057 </div> 3058 </div> 3059 </li> 3060 <li class="navigation-mobile__primary-list-item"> 3061 <!-- ä¸çº§æé® --> 3062 <div aria-expanded="false" 3063 aria-label="ä¸å¡ä¸é¿" 3064 class="navigation-mobile-primary-list-item-button" 3065 role="button" tabindex="0"> 3066 <sp
3066an>ä¸å¡ä¸é¿</span> 3067 <div class="icon-simple-arrow"></div> 3068 </div> 3069 3070 <!-- ä¸çº§é¾æ¥ --> 3071 <div aria-hidden="true" 3072 class="navigation-mobile__primary-list-item-elements js-keep-aria-hidden"> 3073 <a aria-label="ä¸å¡ä¸é¿" 3074 class="navigation-mobile__primary-list-item-link arrow-link arrow-link--white" 3075 href="/cn-zh/expertise.html" 3076 tabindex="-1"> 3077 ä¸å¡ä¸é¿ </a> 3078 3079 <div class="navigation-mobile__panel-section"> 3080 3081 <a aria-label="çå½ç§å¦" 3082 class="navigation-mobile__panel-section-title" 3083 href="/cn-zh/expertise/life-science.html" 3084 tabindex="-1"> 3085 çå½ç§å¦ </a> 3086 <ol aria-label="çå½ç§å¦" 3087 class="navigation-mobile__panel-list" tabindex="-1"> 3088 <li class="navigation-mobile__panel-list-item"> 3089 <a aria-label="临åºä¸è¯æ" 3090 class="navigation-mobile__panel-list-item-link" 3091 href="/cn-zh/expertise/clinical-and-diagnostics.html" 3092 tabindex="-1"> 3093 临åºä¸è¯æ </a> 3094 </li> 3095 <li class="navigation-mobile__panel-list-item"> 3096 <a aria-label="æ°å ´çç©ç§æ" 3097 class="navigation-mobile__panel-list-item-link" 3098 href="/cn-zh/expertise/emerging-biotech.html"
3099 tabindex="-1"> 3100 æ°å ´çç©ç§æ </a> 3101 </li> 3102 <li class="navigation-mobile__panel-list-item"> 3103 <a aria-label="ç¯å¢çæµ" 3104 class="navigation-mobile__panel-list-item-link" 3105 href="/cn-zh/expertise/environmental-testing.html" 3106 tabindex="-1"> 3107 ç¯å¢çæµ </a> 3108 </li> 3109 <li class="navigation-mobile__panel-list-item"> 3110 <a aria-label="é£åä¸é¥®æ" 3111 class="navigation-mobile__panel-list-item-link" 3112 href="/cn-zh/expertise/food-and-beverages.html" 3113 tabindex="-1"> 3114 é£åä¸é¥®æ </a> 3115 </li> 3116 <li class="navigation-mobile__panel-list-item"> 3117 <a aria-label="æ¿åºä¸å¦æ¯ç 究" 3118 class="navigation-mobile__panel-list-item-link" 3119 href="/cn-zh/expertise/government-and-academic-research.html" 3120 tabindex="-1"> 3121 æ¿åºä¸å¦æ¯ç 究 </a> 3122 </li> 3123 <li class="navigation-mobile__panel-list-item"> 3124 <a aria-label="å·¥ä¸" 3125 class="navigation-mobile__panel-list-item-link" 3126 href="/cn-zh/expertise/industrial.html" 3127 tabindex="-1"> 3128 å·¥ä¸ </a> 3129 </li> 3130 <li class="navigation-mobile__panel-list-item"> 3131 <a aria-label="å¶è¯åçç©å¶è¯" 3132 class="navigation-mobile__panel-list-item-link" 3133 href="/cn-zh/expertise/pharma-and-biopharma-manufacturing.html" 3134 tabindex="-1"> 3135 å¶è¯åçç©å¶è¯ </a> 3136 </li> 3137 <li class="navigation-mobile__panel-list-item"> 3138 <a aria-label="è¯ç©è´¨é管æ§" 3139 class="navigation-mobile__panel-list-item-link" 3140 href="/cn-zh/expertise/pharma-quality-control.html" 3141 tabindex="-1"> 3142 è¯ç©è´¨éç®¡æ§ </a> 3143 </li> 3144 <li class="navigation-mobile__panel-list-item"> 3145 <a aria-label="å¶è¯ç 究" 3146 class="navigation-mobile__panel-list-item-link" 3147 href="/cn-zh/expertise/pharmaceutical-research.html"
3148 tabindex="-1"> 3149 å¶è¯ç 究 </a> 3150 </li> 3151 </ol> 3152 3153 3154 <a aria-label="å»è¯å¥åº·" 3155 class="navigation-mobile__panel-section-title" 3156 href="/cn-zh/expertise/healthcare.html" 3157 tabindex="-1"> 3158 å»è¯å¥åº· </a> 3159 <ol aria-label="å»è¯å¥åº·" 3160 class="navigation-mobile__panel-list" tabindex="-1"> 3161 <li class="navigation-mobile__panel-list-item"> 3162 <a aria-label="çæ®äºä¸é¨" 3163 class="navigation-mobile__panel-list-item-link" 3164 href="/cn-zh/expertise/reproductive-department.html" 3165 tabindex="-1"> 3166 çæ®äºä¸é¨ </a> 3167 </li> 3168 <li class="navigation-mobile__panel-list-item"> 3169 <a aria-label="å¿è¡ç®¡ä¸ä»£è°¢äºä¸é¨" 3170 class="navigation-mobile__panel-list-item-link" 3171 href="/cn-zh/expertise/general-medicine.html" 3172 tabindex="-1"> 3173 å¿è¡ç®¡ä¸ä»£è°¢äºä¸é¨ </a> 3174 </li> 3175 <li class="navigation-mobile__panel-list-item"> 3176 <a aria-label="è¿ç¤äºä¸é¨" 3177 class="navigation-mobile__panel-list-item-link" 3178 href="/cn-zh/expertise/oncology.html"
3179 tabindex="-1"> 3180 è¿ç¤äºä¸é¨ </a> 3181 </li> 3182 <li class="navigation-mobile__panel-list-item"> 3183 <a aria-label="å»å¦ä¿¡æ¯" 3184 class="navigation-mobile__panel-list-item-link" 3185 href="/cn-zh/expertise/medicialinfo.html" 3186 tabindex="-1"> 3187 å»å¦ä¿¡æ¯ </a> 3188 </li> 3189 <li class="navigation-mobile__panel-list-item"> 3190 <a aria-label="ä¸è¯äºä»¶æ¥å" 3191 class="navigation-mobile__panel-list-item-link" 3192 href="/cn-zh/expertise/ae_reporting.html" 3193 tabindex="-1"> 3194 ä¸è¯äºä»¶æ¥å </a> 3195 </li> 3196 <li class="navigation-mobile__panel-list-item"> 3197 <a aria-label="å»è¯ä»£è¡¨å¤æ¡å ¬ç¤º" 3198 class="navigation-mobile__panel-list-item-link" 3199 href="/cn-zh/expertise/reception.html" 3200 tabindex="-1"> 3201 å»è¯ä»£è¡¨å¤æ¡å ¬ç¤º </a> 3202 </li> 3203 </ol> 3204 3205 3206 <a aria-label="çµåç§æ" 3207 class="navigation-mobile__panel-section-title" 3208 href="/cn-zh/expertise/electronics.html" 3209 tabindex="-1"> 3210 çµåç§æ </a> 3211 <ol aria-label="çµåç§æ" 3212 class="navigation-mobile__panel-list" tabindex="-1"> 3213 <li class="navigation-mobile__panel-list-item"> 3214 <a aria-label="å导ä½ç§æ" 3215 class="navigation-mobile__panel-list-item-link" 3216 href="" 3217 tabindex="-1"> 3218 å导ä½ç§æ </a> 3219 </li> 3220 <li class="navigation-mobile__panel-list-item"> 3221 <a aria-label="   èè" 3222 class="navigation-mobile__panel-list-item-link" 3223 href="/cn-zh/expertise/electronics/technologies/thin-films.html"
3224 tabindex="-1"> 3225    èè </a> 3226 </li> 3227 <li class="navigation-mobile__panel-list-item"> 3228 <a aria-label="   平å¦å" 3229 class="navigation-mobile__panel-list-item-link" 3230 href="/cn-zh/expertise/electronics/technologies/planarization.html" 3231 tabindex="-1"> 3232    平å¦å </a> 3233 </li> 3234 <li class="navigation-mobile__panel-list-item"> 3235 <a aria-label="   å¾å½¢åå å»" 3236 class="navigation-mobile__panel-list-item-link" 3237 href="/cn-zh/expertise/electronics/technologies/patterninglithography.html" 3238 tabindex="-1"> 3239    å¾å½¢åå å» </a> 3240 </li> 3241 <li class="navigation-mobile__panel-list-item"> 3242 <a aria-label="   å¾å½¢åæ¸ æ´" 3243 class="navigation-mobile__panel-list-item-link" 3244 href="/cn-zh/expertise/electronics/technologies/patterningcleans.html" 3245 tabindex="-1"> 3246    å¾å½¢åæ¸ æ´ </a> 3247 </li> 3248 <li class="navigation-mobile__panel-list-item"> 3249 <a aria-label="   ç¹ç§æ°ä½" 3250 class="navigation-mobile__panel-list-item-link" 3251 href="/cn-zh/expertise/electronics/technologies/specialty-gases.html"
3252 tabindex="-1"> 3253    ç¹ç§æ°ä½ </a> 3254 </li> 3255 <li class="navigation-mobile__panel-list-item"> 3256 <a aria-label="   çµåææä¾åºç³»ç»åæå¡" 3257 class="navigation-mobile__panel-list-item-link" 3258 href="/cn-zh/expertise/electronics/technologies/delivery-systems-and-services.html" 3259 tabindex="-1"> 3260    çµåææä¾åºç³»ç»åæå¡ </a> 3261 </li> 3262 <li class="navigation-mobile__panel-list-item"> 3263 <a aria-label="   éæµä¸æ£æµ" 3264 class="navigation-mobile__panel-list-item-link" 3265 href="/cn-zh/expertise/electronics/technologies/metrology-and-inspection.html" 3266 tabindex="-1"> 3267    éæµä¸æ£æµ </a> 3268 </li> 3269 <li class="navigation-mobile__panel-list-item"> 3270 <a aria-label="å çµç§æ" 3271 class="navigation-mobile__panel-list-item-link" 3272 href="/cn-zh/expertise/electronics/technologies/optronics.html" 3273 tabindex="-1"> 3274 å çµç§æ </a> 3275 </li> 3276 <li class="navigation-mobile__panel-list-item"> 3277 <a aria-label="æ°åå¦ç©è´¨é£é©ç®¡æ§æ åµå ¬ç¤º" 3278 class="navigation-mobile__panel-list-item-link" 3279 href="/cn-zh/expertise/el-2021-09-01.html" 3280 tabindex="-1"> 3281 æ°åå¦ç©è´¨é£é©ç®¡æ§æ åµå ¬ç¤º </a> 3282 </li> 3283 </ol> 3284 3285 </div> 3286 </div> 3287 </li> 3288 <li class="navigation-mobile__primary-list-item"> 3289 <!-- ä¸çº§æé® --> 3290 <div aria-expanded="false" 3291 aria-label="ç ååæ°" 3292 class="navigation-mobile-primary-list-item-button" 3293 role="button" tabindex="0"> 3294 <sp
3294an>ç ååæ°</span> 3295 <div class="icon-simple-arrow"></div> 3296 </div> 3297 3298 <!-- ä¸çº§é¾æ¥ --> 3299 <div aria-hidden="true" 3300 class="navigation-mobile__primary-list-item-elements js-keep-aria-hidden"> 3301 <a aria-label="ç ååæ°" 3302 class="navigation-mobile__primary-list-item-link arrow-link arrow-link--white" 3303 href="/cn-zh/research.html" 3304 tabindex="-1"> 3305 ç ååæ° </a> 3306 3307 <div class="navigation-mobile__panel-section"> 3308 3309 <a aria-label="ç å空é´" 3310 class="navigation-mobile__panel-section-title" 3311 href="/cn-zh/research.html" 3312 tabindex="-1"> 3313 ç åç©ºé´ </a> 3314 <ol aria-label="ç å空é´" 3315 class="navigation-mobile__panel-list" tabindex="-1"> 3316 <li class="navigation-mobile__panel-list-item"> 3317 <a aria-label="ç å模å¼" 3318 class="navigation-mobile__panel-list-item-link" 3319 href="https://www.merckgroup.com/en/research/our-approach-to-research-and-development.html" 3320 tabindex="-1"> 3321 ç åæ¨¡å¼ </a> 3322 </li> 3323 <li class="navigation-mobile__panel-list-item"> 3324 <a aria-label="å»è¯å¨ç 产å线" 3325 class="navigation-mobile__panel-list-item-link" 3326 href="https://www.merckgroup.com/en/research/healthcare-pipeline.html" 3327 tabindex="-1"> 3328 å»è¯å¨ç 产å线 </a> 3329 </li> 3330 <li class="navigation-mobile__panel-list-item"> 3331 <a aria-label="AIåºç¨" 3332 class="navigation-mobile__panel-list-item-link" 3333 href="/cn-zh/media-center/ai360.html/" 3334 tabindex="-1"> 3335 AIåºç¨ </a> 3336 </li> 3337 </ol> 3338 3339 3340 <a aria-label="ç§å¦ç©ºé´" 3341 class="navigation-mobile__panel-section-title" 3342 href="/cn-zh/research/science-space/envisioning-tomorrow.html" 3343 tabindex="-1"> 3344 ç§å¦ç©ºé´ </a> 3345 <ol aria-label="ç§å¦ç©ºé´" 3346 class="navigation-mobile__panel-list" tabindex="-1"> 3347 <li class="navigation-mobile__panel-list-item"> 3348 <a aria-label="æ§æ¬æªæ¥" 3349 class="navigation-mobile__panel-list-item-link" 3350 href="/cn-zh/research/science-space/envisioning-tomorrow.html" 3351 tabindex="-1"> 3352 æ§æ¬æªæ¥ </a> 3353 </li> 3354 </ol> 3355 3356 </div> 3357 </div> 3358 </li> 3359 <li class="navigation-mobile__primary-list-item"> 3360 <!-- ä¸çº§æé® --> 3361 <div aria-expanded="false" 3362 aria-label="æ°é»åªä½" 3363 class="navigation-mobile-primary-list-item-button" 3364 role="button" tabindex="0"> 3365 <sp
3365an>æ°é»åªä½</span> 3366 <div class="icon-simple-arrow"></div> 3367 </div> 3368 3369 <!-- ä¸çº§é¾æ¥ --> 3370 <div aria-hidden="true" 3371 class="navigation-mobile__primary-list-item-elements js-keep-aria-hidden"> 3372 <a aria-label="æ°é»åªä½" 3373 class="navigation-mobile__primary-list-item-link arrow-link arrow-link--white" 3374 href="/press-news" 3375 tabindex="-1"> 3376 æ°é»åªä½ </a> 3377 3378 <div class="navigation-mobile__panel-section"> 3379 3380 <a aria-label="blank" 3381 class="navigation-mobile__panel-section-title" 3382 href="#" 3383 tabindex="-1"> 3384 blank </a> 3385 <ol aria-label="blank" 3386 class="navigation-mobile__panel-list" tabindex="-1"> 3387 <li class="navigation-mobile__panel-list-item"> 3388 <a aria-label="æ°é»åå¸" 3389 class="navigation-mobile__panel-list-item-link" 3390 href="/press-news/news" 3391 tabindex="-1"> 3392 æ°é»åå¸ </a> 3393 </li> 3394 <li class="navigation-mobile__panel-list-item"> 3395 <a aria-label="ä¸è½½ä¸å¿" 3396 class="navigation-mobile__panel-list-item-link" 3397 href="https://www.merckgroup.com/en/media-center/download-gallery.html"
3398 tabindex="-1"> 3399 ä¸è½½ä¸å¿ </a> 3400 </li> 3401 <li class="navigation-mobile__panel-list-item"> 3402 <a aria-label="åªä½èç»" 3403 class="navigation-mobile__panel-list-item-link" 3404 href="/media-center" 3405 tabindex="-1"> 3406 åªä½èç» </a> 3407 </li> 3408 </ol> 3409 3410 </div> 3411 </div> 3412 </li> 3413 <li class="navigation-mobile__primary-list-item"> 3414 <!-- ä¸çº§æé® --> 3415 <div aria-expanded="false" 3416 aria-label="èä¸åå±" 3417 class="navigation-mobile-primary-list-item-button" 3418 role="button" tabindex="0"> 3419 <span>èä¸åå±</span> 3420 <div class="icon-simple-arrow"></div> 3421 </div> 3422 3423 <!-- ä¸çº§é¾æ¥ --> 3424 <div aria-hidden="true" 3425 class="navigation-mobile__primary-list-item-elements js-keep-aria-hidden"> 3426 <a aria-label="èä¸åå±" 3427 class="navigation-mobile__primary-list-item-link arrow-link arrow-link--white" 3428 href="https://careers.merckgroup.com/global/en?utm_campaign=vision&utm_source=landingpage&utm_medium=organic&_gl=1*1jcmntu*_ga*MTAwOTc4NzY4Ny4xNjc2OTUwNTAx*_ga_J72F005NJ3*czE3NjU5NTYwNjQkbzQkZzEkdDE3NjU5NjEzOTUkajU3JGwwJGgw" 3429 tabindex="-1"> 3430 èä¸åå± </a> 3431 3432 <div class="navigation-mobile__panel-section"> 3433 3434 <a aria-label="blank" 3435 class="navigation-mobile__panel-section-title" 3436 href="#" 3437 tabindex="-1"> 3438 blank </a> 3439 <ol aria-label="blank" 3440 class="navigation-mobile__panel-list" tabindex="-1"> 3441 <li class="navigation-mobile__panel-list-item"> 3442 <a aria-label="èä½ç©ºç¼º" 3443 class="navigation-mobile__panel-list-item-link" 3444 href="https://careers.merckgroup.com/global/en?utm_campaign=vision&utm_source=landingpage&utm_medium=organic&_gl=1*1jcmntu*_ga*MTAwOTc4NzY4Ny4xNjc2OTUwNTAx*_ga_J72F005NJ3*czE3NjU5NTYwNjQkbzQkZzEkdDE3NjU5NjEzOTUkajU3JGwwJGgw" 3445 tabindex="-1"> 3446 èä½ç©ºç¼º </a> 3447 </li> 3448 <li class="navigation-mobile__panel-list-item"> 3449 <a aria-label="人æ空é´" 3450 class="navigation-mobile__panel-list-item-link" 3451 href="https://careers.merckgroup.com/global/en/talent-zone-landing?utm_campaign=vision&utm_source=landingpage&utm_medium=organic&_gl=1*19exgzh*_ga*MTAwOTc4NzY4Ny4xNjc2OTUwNTAx*_ga_J72F005NJ3*czE3NjU5NTYwNjQkbzQkZzEkdDE3NjU5NjEyODkkajI1JGwwJGgw" 3452 tabindex="-1"> 3453 人æç©ºé´ </a> 3454 </li> 3455 </ol> 3456 3457 </div> 3458 </div> 3459 </li> 3460 </ol> 3461 <div class="navigation-mobile-language"> 3462 <div class="navigation-mobile-language-layout"> 3463 <div class="navigation-mobile-language-layout-left"> 3464 3465 3466 <a href="https://www.merckgroup.com/en.html"> 3467 <sp
3467an class="navigation-mobile-country-selector-open-button" aria-label="Go to Homepage" data-open-country-selector="false"> 3468 <span class="navigation-mobile-language-global"> 3469 <span class="navigation-mobile-language-global-link" tabindex="0"> 3470 <div class="navigation-mobile-language-global-icon"> 3471 <span class="icon-globe"></span> 3472 </div> 3473 <div class="navigation-mobile-language-global-label"> 3474 å ¨ç 3475 </div> 3476 </span> 3477 </span> 3478 </span> 3479 </a> 3480 <div class="navigation-mobile-language-global"> 3481 <div class="navigation-mobile-language-global-label" aria-hidden="true"> 3482 ä¸å½ 3483 </div> 3484 </div> 3485 3486 </div> 3487 <div class="navigation-mobile-language-layout-right"> 3488 <div class="navigation-mobile-language-list"> 3489 <a class="navigation-mobile-language-list-item navigation-mobile-language-list-item--active disclaimer-modal-redirect" href="/" aria-describedby="language-selector-description-m-0" tabindex="0"> 3490 ZH 3491 </a> 3492 <span class="hidden" id="language-selector-description-m-0"> 3493 You are currently browsing content in ä¸æ 3494 </span> 3495 </div> 3496 </div> 3497 </div> 3498 </div> 3499 </div> 3500 </div> 3501 </div> 3502 </div> 3503 </div> 3504 3505 3506 </div> 3507 </div> 3508 </div> 3509 </div> 3510 </div> 3511 </div> 3512 <div> 3513 </div> 3514 <div> 3515 </div> 3516 </nav>
3517<script> 3518 3519/** 3520 * Navigation 交äºé»è¾ï¼ç»ä¸ jQuery çæ¬ï¼ 3521 * - Desktopï¼ä¸çº§ hover â äºçº§é¢æ¿ + underbar 3522 * - Mobileï¼menu-button ç¹å» â èåå±å¼ / æ¶èµ·ï¼jQuery animateï¼ 3523 */ 3524$(function () { 3525 3526 /* ====================================================== 3527 * ä¸ãæ¡é¢ç«¯å¯¼èªï¼hover äºçº§èå + underbarï¼ 3528 * ====================================================== */ 3529 3530 const $desktopItems = $('.navigation-desktop-primary-list-item'); 3531 const $navigation = $('.navigation'); 3532 const $overlay = $('.navigation-desktop-overlay'); 3533 const $underbar = $('.navigation-desktop-underbar'); 3534 3535 $desktopItems.each(function () { 3536 const $item = $(this); 3537 const $panel = $item.find('.navigation-desktop-secondary-panel'); 3538 const $link = $item.find('.navigation-desktop-primary-list-item-link'); 3539 3540 // 没æäºçº§é¢æ¿æ link ç´æ¥è·³è¿ 3541 if (!$panel.length || !$link.length) return; 3542 3543 /* é¼ æ ç§»å ¥ï¼å±ç¤ºäºçº§é¢æ¿ */ 3544 $item.on('mouseenter', function () { 3545 3546 // æ¾ç¤ºå½åäºçº§é¢æ¿ 3547 $panel 3548 .removeClass('navigation-desktop-secondary-panel--init-hidden') 3549 .addClass('navigation-desktop-secondary-panel--active'); 3550 3551 // 设置 primary item ç active / inactive ç¶æ 3552 $desktopItems.each(function () { 3553 const $i = $(this); 3554 if ($i.is($item)) { 3555 $i 3556 .addClass('navigation-desktop-primary-list-item--active') 3557 .removeClass('navigation-desktop-primary-list-item--inactive'); 3558 } else { 3559 $i 3560 .removeClass('navigation-desktop-primary-list-item--active') 3561 .addClass('navigation-desktop-primary-list-item--inactive'); 3562 } 3563 }); 3564 3565 // 导èªæ´ä½æ¿æ´»ï¼èæ¯ãé®ç½©çï¼ 3566 $navigation.addClass('navigation-desktop--active'); 3567 $overlay.addClass('navigation-desktop-overlay--active'); 3568 3569 // underbar ä½ç½®ä¸å®½åº¦è®¡ç®ï¼å»æ link paddingï¼ 3570 if ($underbar.length) { 3571 const rect = $link[0].getBoundingClientRect(); 3572 const paddingLeft = parseFloat($link.css('padding-left')) || 0; 3573 const paddingRight = parseFloat($link.css('padding-right')) || 0; 3574 3575 const width = rect.width - paddingLeft - paddingRight; 3576 const left = rect.left + paddingLeft; 3577 3578 $underbar.css({ 3579 width: `${width}px`, 3580 left: `${left}px`, 3581 opacity: 1 3582 }); 3583 } 3584 }); 3585 3586 /* é¼ æ 移åºï¼æ¢å¤åå§ç¶æ */ 3587 $item.on('mouseleave', function () { 3588 3589 // éèäºçº§é¢æ¿ 3590 $panel 3591 .removeClass('navigation-desktop-secondary-panel--active') 3592 .addClass('navigation-desktop-secondary-panel--init-hidden'); 3593 3594 // primary item ç¶æéç½® 3595 $desktopItems.removeClass( 3596 'navigation-desktop-primary-list-item--active navigation-desktop-primary-list-item--inactive' 3597 ); 3598 3599 // 导èªæ´ä½ç¶ææ¢å¤ 3600 $navigation.removeClass('navigation-desktop--active'); 3601 $overlay.removeClass('navigation-desktop-overlay--active'); 3602 3603 // underbar éè 3604 if ($underbar.length) { 3605 $underbar.css('opacity', 0); 3606 } 3607 }); 3608 }); 3609 3610 3611 /* ====================================================== 3612 * äºã移å¨ç«¯èåï¼menu-button å±å¼ / æ¶èµ·ï¼ 3613 * ====================================================== */ 3614 3615 const $menuButton = $('.menu-button'); 3616 const $mobileHeader = $('.navigation-mobile-header'); 3617 const $sidebar = $('.navigation-mobile-sidebar'); 3618 const $elementsToHide = $( 3619 '.dAstylere, .external, .skip-link--home, .wrapper .section, .subheaderpar, #main-content' 3620 ); 3621 3622 let isMenuOpen = false; 3623 3624 /* æå¼ç§»å¨ç«¯èå */ 3625 function openMenu() { 3626 // ç¦æ¢é¡µé¢æ»å¨ 3627 $('html, body').css('overflow', 'hidden'); 3628
3629 // éèéèåå 容ï¼æ éç¢ï¼ 3630 $elementsToHide 3631 .css('overflow', 'hidden') 3632 .attr('aria-hidden', 'true' ); 3633 3634 // Header ä¸æé®ç¶æ 3635 $mobileHeader.addClass('navigation-mobile-header--open'); 3636 $menuButton.addClass( 3637 'avigation-mobile-button--open menu-button--open' 3638 ); 3639 3640 // è®¡ç® sidebar ç®æ é«åº¦ 3641 const navHeight = $('.navigation-mobile').outerHeight(); 3642 const targetHeight = $(window).height() - navHeight; 3643 3644 // sidebar å±å¼å¨ç» 3645 $sidebar 3646 .stop(true, true) // é²æ¢å¿«éç¹å»å¨ç»å å 3647 .height(0) 3648 .animate( 3649 { height: targetHeight }, 3650 80 3651 ); 3652 3653 isMenuOpen = true; 3654 } 3655 3656 /* å ³é移å¨ç«¯èå */ 3657 function closeMenu() { 3658 // æ¢å¤é¡µé¢æ»å¨ 3659 $('html, body').css('overflow', ''); 3660 3661 // æ¢å¤å 容æ¾ç¤º 3662 $elementsToHide 3663 .css('overflow', '') 3664 .attr('aria-hidden', 'false'); 3665 3666 // Header ä¸æé®ç¶ææ¢å¤ 3667 $mobileHeader.removeClass('navigation-mobile-header--open'); 3668 $menuButton.removeClass( 3669 'avigation-mobile-button--open menu-button--open' 3670 ); 3671 3672 // sidebar æ¶èµ·å¨ç» 3673 $sidebar 3674 .stop(true, true) 3675 .animate( 3676 { height: 0 }, 3677 80, 3678 function () { 3679 $sidebar.height(0); 3680 } 3681 ); 3682 3683 isMenuOpen = false; 3684 } 3685 3686 /* menu-button åä¸ä¸ªæé®åæ¢å±å¼ / æ¶èµ· */ 3687 $menuButton.on('click', function () { 3688 isMenuOpen ? closeMenu() : openMenu(); 3689 }); 3690 3691 /* ====================================================== 3692 * 移å¨ç«¯äºçº§èåå±å¼/æ¶èµ· 3693 * ====================================================== */ 3694 const $mobilePrimaryItems = $('.navigation-mobile__primary-list-item'); 3695 $mobilePrimaryItems.each(function () { 3696 const $item = $(this); 3697 const $button = $item.find('.navigation-mobile-primary-list-item-button'); 3698 const $subMenu = $item.find('.navigation-mobile__primary-list-item-elements'); 3699 3700 if (!$button.length || !$subMenu.length) return; 3701 3702 $button.on('click', function (e) { 3703 e.preventDefault(); 3704 3705 const isOpen = $subMenu.hasClass('navigation-mobile__primary-list-item-elements--open'); 3706 3707 if (isOpen) { 3708 // å ³éå½åäºçº§èå 3709 $subMenu 3710 .removeClass('navigation-mobile__primary-list-item-elements--open') 3711 .slideUp(150); 3712 $button.removeClass('navigation-mobile-primary-list-item-button--open'); 3713 } else { 3714 // å ³éå ¶ä»å·²æå¼çäºçº§èå 3715 $mobilePrimaryItems.find('.navigation-mobile__primary-list-item-elements--open') 3716 .removeClass('navigation-mobile__primary-list-item-elements--open') 3717 .slideUp(150); 3718 $mobilePrimaryItems.find('.navigation-mobile-primary-list-item-button--open') 3719 .removeClass('navigation-mobile-primary-list-item-button--open'); 3720 3721 // æå¼å½åäºçº§èå 3722 $subMenu 3723 .addClass('navigation-mobile__primary-list-item-elements--open') 3724 .slideDown(150); 3725 $button.addClass('navigation-mobile-primary-list-item-button--open'); 3726 } 3727 }); 3728 }); 3729 3730 /** 3731 * Desktop æç´¢é¢æ¿äº¤äºé»è¾ï¼jQuery + å¨ç»ï¼ 3732 */ 3733 3734 // æç´¢ç¸å ³å ç´ 3735 const $searchOpenBtn = $('.navigation-desktop-search-open-cta'); 3736 const $searchCloseBtn = $('.navigation-desktop-search-close'); 3737 const $searchOverlay = $('.navigation-desktop-search-overlay'); 3738 const $searchMask = $('.navigation-desktop-search-mask'); 3739 const $searchPanel = $('.navigation-desktop-search-panel'); 3740 const $searchBarContainer = $('.navigation-desktop-search-panel .navigation-desktop-search-bar-container'); 3741 const $desktopBottom = $('.navigation-desktop-bottom'); 3742 const $desktopTop = $('.navigation-desktop-top'); 3743 3744 // å¨ç»æ¶é¿ï¼æ¯«ç§ï¼ 3745 const ANIMATION_DURATION = 250; 3746 3747 // æå¼æç´¢é¢æ¿ 3748 function openSearch() { 3749 $searchOpenBtn.addClass('navigation-desktop-search-open--hide'); 3750 $searchOverlay.addClass('navigation-desktop-search-overlay--open'); 3751 $desktopBottom.addClass('navigation-desktop-bottom--open'); 3752 $searchMask.addClass('navigation-desktop-search-mask--active'); 3753 $searchCloseBtn.addClass('navigation-desktop-search-close--show'); 3754 3755 // 计ç®ç®æ é«åº¦ 3756 const windowHeight = $(window).height(); 3757 const topHeight = $desktopTop.outerHeight() || 0; 3758 const bottomHeight = $desktopBottom.outerHeight() || 0; 3759 const panelHeight = windowHeight - topHeight - bottomHeight; 3760 3761 // å æ¾ç¤ºæç´¢æ¡å®¹å¨ 3762 $searchBarContainer.css({ 3763 display: 'flex', 3764 opacity: 0 3765 }); 3766 3767 // é¢æ¿é«åº¦å¨ç» 3768 $searchPanel.stop(true).animate( 3769 { height: panelHeight }, 3770 {
3771 duration: ANIMATION_DURATION, 3772 step: function(now) { 3773 // å¯éï¼å¨å¨ç»è¿ç¨ä¸åé¢å¤æä½ 3774 }, 3775 complete: function() { 3776 // å¨ç»å®æåæ¾ç¤ºæç´¢æ¡ 3777 $searchBarContainer.animate({ opacity: 1 }, ANIMATION_DURATION / 2); 3778 } 3779 } 3780 ); 3781 } 3782 3783 // å ³éæç´¢é¢æ¿ 3784 function closeSearch() { 3785 $searchOpenBtn.removeClass('navigation-desktop-search-open--hide'); 3786 $searchOverlay.removeClass('navigation-desktop-search-overlay--open'); 3787 $desktopBottom.removeClass('navigation-desktop-bottom--open'); 3788 $searchMask.removeClass('navigation-desktop-search-mask--active'); 3789 $searchCloseBtn.removeClass('navigation-desktop-search-close--show'); 3790 3791 // æç´¢æ¡æ·¡åº 3792 $searchBarContainer.animate( 3793 { opacity: 0 }, 3794 { 3795 duration: ANIMATION_DURATION / 2, 3796 complete: function() { 3797 $searchBarContainer.css('display', 'none'); 3798 } 3799 } 3800 ); 3801 3802 // é¢æ¿é«åº¦å¨ç» 3803 $searchPanel.stop(true).animate( 3804 { height: 0 }, 3805 { duration: ANIMATION_DURATION } 3806 ); 3807 } 3808 3809 // ç¹å»æå¼æé® 3810 $searchOpenBtn.on('click', function(e) { 3811 e.preventDefault(); 3812 openSearch(); 3813 }); 3814 3815 // ç¹å»å ³éæé® 3816 $searchCloseBtn.on('click', function(e) { 3817 e.preventDefault(); 3818 closeSearch(); 3819 }); 3820 3821 // ç¹å»é®ç½©å ³éæç´¢ 3822 $searchMask.on('click', function() { 3823 closeSearch(); 3824 }); 3825 3826 // çªå£å°ºå¯¸ååæ¶è°æ´é¢æ¿é«åº¦ï¼å¦æå·²æå¼ï¼ 3827 $(window).on('resize', function() { 3828 if ($searchOverlay.hasClass('navigation-desktop-search-overlay--open')) { 3829 const windowHeight = $(window).height(); 3830 const topHeight = $desktopTop.outerHeight() || 0; 3831 const bottomHeight = $desktopBottom.outerHeight() || 0; 3832 const panelHeight = windowHeight - topHeight - bottomHeight; 3833 3834 $searchPanel.stop(true).animate({ height: panelHeight }, 150); 3835 } 3836 }); 3837 3838 3839}); 3840</script>
3840 3841 3842
3843<script> 3844jQuery(function($){ 3845 3846 $('.social-share-barebones__trigger-btn').on('click', function(e){ 3847 e.preventDefault(); 3848 3849 const $component = $(this).closest('.social-share-barebones'); 3850 const $wrap = $component.find('.social-share-barebones__wrap'); 3851 const $button = $(this); 3852 const isOpen = $component.hasClass('_open'); 3853 3854 if(isOpen){ 3855 // å ³éç¶æ 3856 $component.removeClass('_open').addClass('_close'); 3857 $wrap.attr('aria-hidden', 'true').css('display', 'none'); 3858 $wrap.find('.share-disclaimer-button').attr('tabindex', '-1'); 3859 $button 3860 .attr('aria-label', 'Open social share links') 3861 .attr('aria-expanded', 'false') 3862 .removeClass('icon-cross') 3863 .addClass('icon-share'); 3864 } else { 3865 // æå¼ç¶æ 3866 $component.removeClass('_close').addClass('_open'); 3867 $wrap.attr('aria-hidden', 'false').css('display', 'block'); 3868 $wrap.find('.share-disclaimer-button').attr('tabindex', '0'); 3869 $button 3870 .attr('aria-label', 'Close social share links') 3871 .attr('aria-expanded', 'true') 3872 .removeClass('icon-share') 3873 .addClass('icon-cross'); 3874 } 3875 3876 }); 3877 3878}); 3879 3880 3881jQuery(function($) { 3882 $('.accordion-dropdown-header').on('click', function() { 3883 var $header = $(this); 3884 var $dropdown = $header.closest('.accordion-dropdown'); 3885 var $content = $dropdown.find('.accordion-dropdown-content'); 3886 var isOpen = $header.hasClass('open'); 3887 3888 // å ³éå ¶ä»æå¼ç 3889 $('.accordion-dropdown').not($dropdown).each(function() { 3890 var $d = $(this); 3891 var $h = $d.find('.accordion-dropdown-header'); 3892 var $c = $d.find('.accordion-dropdown-content'); 3893 3894 $h.removeClass('open').addClass('closed').attr('aria-expanded', 'false'); 3895 $c.removeClass('open').addClass('closed').attr('aria-hidden', 'true').css('height', '0px'); 3896 }); 3897 3898 if (isOpen) { 3899 // å½åå·²ç»æå¼ -> å ³éå® 3900 $header.removeClass('open').addClass('closed').attr('aria-expanded', 'false'); 3901 $content.removeClass('open').addClass('closed').attr('aria-hidden', 'true').css('height', '0px'); 3902 } else { 3903 // æå¼å½å 3904 $header.removeClass('closed').addClass('open').attr('aria-expanded', 'true'); 3905 $content.removeClass('closed').addClass('open').attr('aria-hidden', 'false'); 3906 3907 // èªéåºé«åº¦ 3908 $content.css('height', $content.prop('scrollHeight') + 'px'); 3909 } 3910 }); 3911}); 3912 3913</script>
3913 3914
3915<script> 3916$(function () { 3917 3918 // ===== äºä»¶ä»£çï¼ä¸é¨æ¦æªå享 a æ ç¾ ===== 3919 $(document).on('click', '.share-disclaimer-button', function (e) { 3920 e.preventDefault(); // é»æ¢ href 跳转 3921 e.stopPropagation(); // é²æ¢å泡影åç¶çº§å±å¼é»è¾ï¼å¾å ³é®ï¼ 3922 3923 var $a = $(this); 3924 3925 // ä» class å¤æå¹³å° 3926 var network = ''; 3927 if ($a.hasClass('icon-weibo')) network = 'weibo'; 3928 else if ($a.hasClass('icon-wechat')) network = 'wechat'; 3929 else if ($a.hasClass('icon-linkedin')) network = 'linkedin'; 3930 3931 if (!network) return; 3932 3933 var title = document.title; 3934 var url = window.location.href.split('#')[0]; 3935 3936 var shareUrlMap = { 3937 wechat: function () { 3938 return 'https://api.qrserver.com/v1/create-qr-code/?size=154x154&data=' + 3939 encodeURIComponent(url); 3940 }, 3941 weibo: function () { 3942 return 'http://service.weibo.com/share/share.php?' + 3943 'title=' + encodeURIComponent(title) + 3944 '&url=' + encodeURIComponent(url); 3945 }, 3946 linkedin: function () { 3947 return 'https://www.linkedin.com/shareArticle?' + 3948 'title=' + encodeURIComponent(title) + 3949 '&url=' + encodeURIComponent(url); 3950 } 3951 }; 3952 3953 window.open( 3954 shareUrlMap[network](), 3955 '_blank', 3956 'noopener,noreferrer,width=600,height=600' 3957 ); 3958 }); 3959 3960}); 3961</script>
3961 3962 3963 3964
3965<script> 3966document.addEventListener('DOMContentLoaded', function() { 3967 const bgTop = document.querySelector('.pa-background-image--1'); 3968 const bgBottom = document.querySelector('.pa-background-image--2'); 3969 3970 if (!bgTop || !bgBottom) return; 3971 3972 // è·ååå§ transform 3973 const topInitial = parseFloat(getComputedStyle(bgTop).transform.split(',')[5]) || 0; 3974 const bottomInitial = parseFloat(getComputedStyle(bgBottom).transform.split(',')[5]) || 0; 3975 3976 window.addEventListener('scroll', function() { 3977 const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 3978 const windowHeight = window.innerHeight; 3979 // ä¸åé¨åæ ¢æ»å¨ 3980 const topOffset = topInitial + scrollTop * 0.5; 3981 bgTop.style.transform = `translateY(${topOffset}px)`; 3982 console.log('Top offset:', topOffset); 3983 3984 // ä¸åé¨åæ»å¨ï¼ç¡®ä¿æ¼æ¥å®æ´ 3985 let bottomOffset = bottomInitial + scrollTop * 0.5; 3986 3987 if (bottomOffset > 100 ){ 3988 bgBottom.style.opacity = Math.max((windowHeight - bottomOffset * 1.8)/1000 , 0); 3989 console.log('opacity:', bgBottom.style.opacity); 3990 } else { 3991 // ä¸åé¨åæ»å¨ï¼ç¡®ä¿æ¼æ¥å®æ´x 3992 bgBottom.style.transform = `translateY(${bottomOffset}px)`; 3993 console.log('Bottom offset:', bottomOffset); 3994 bgBottom.style.opacity = 1; 3995 } 3996 3997 }); 3998}); 3999</script>
3999 4000<style> 4001 .pa-background{ 4002 opacity: 1 !important; 4003 } 4004 .richtexteditor, 4005 .iframe-mkgaa.section{ 4006 background-color: #fff; 4007 } 4008 .navigation-desktop-secondary-panel.navigation-desktop-secondary-panel--init-hidden{ 4009 display: none; 4010 } 4011 .navigation-desktop.navigation-desktop--with-top-links{ 4012 padding: 50px; 4013 } 4014 .pa-section.pa-section--0{ 4015 z-index: 10 !important; 4016 } 4017</style> 4018 4019
4020<script> 4021$(function () { 4022 const $container = $('.brochure-grid-component-elements'); 4023 const $items = $container.find('.brochure-grid-element'); 4024 const $prev = $('.icon-arrow-carousel--previous'); 4025 const $next = $('.icon-arrow-carousel--next'); 4026 4027 if (!$container.length) return; 4028 4029 let index = 0; 4030 4031 function itemWidth() { 4032 return $items.eq(0).outerWidth(true); 4033 } 4034 4035 function visibleCount() { 4036 return Math.floor($container.width() / itemWidth()) || 1; 4037 } 4038 4039 function updateButtons() { 4040 const maxIndex = $items.length - visibleCount(); 4041 4042 $prev.prop('disabled', index === 0) 4043 .toggleClass('icon-arrow-carousel--disabled', index === 0); 4044 4045 $next.prop('disabled', index >= maxIndex) 4046 .toggleClass('icon-arrow-carousel--disabled', index >= maxIndex); 4047 } 4048 4049 function scrollToIndex() { 4050 $container.stop().animate({ 4051 scrollLeft: index * itemWidth() 4052 }, 400); 4053 updateButtons(); 4054 } 4055 4056 $next.on('click', function () { 4057 if (index < $items.length - visibleCount()) { 4058 index++; 4059 scrollToIndex(); 4060 } 4061 }); 4062 4063 $prev.on('click', function () { 4064 if (index > 0) { 4065 index--; 4066 scrollToIndex(); 4067 } 4068 }); 4069 4070 $(window).on('resize', updateButtons); 4071 4072 updateButtons(); 4073}); 4074</script>
4074 4075<style> 4076 @font-face { 4077 font-family: "MKGAA"; 4078 src: 4079 url("/fonts/MKGAA/F.woff2") format("woff2"), 4080 url("/fonts/MKGAA/MKGAA-Regular.woff") format("woff"), 4081 url("/fonts/MKGAA/MKGAA-Regular.ttf") format("truetype"); 4082 font-weight: normal; 4083 font-style: normal; 4084 font-display: swap; 4085} 4086.breadcrumb--richpurple .breadcrumb-link:after, .background-color--richpurple .breadcrumb-link:after, .theme--richpurple .breadcrumb-link:after{ 4087 color:#000 !important; 4088} 4089</style> 4090<!-- Processed by Legacy HTML Scanner | å ¬å¸ | é»å å®ç½ --> 4091<main class="wrapper" id="main-content"> 4092 <div aria-hidden="false" class="selector country-selector-component"> 4093 </div> 4094 <article> 4095 <div aria-hidden="false" class="header-mkgaa"> 4096 <section analytics-id="2023-03-22T02:28:30.195Z-Header" 4097 class="component header header--image mkgaa theme--white js--skip-global-padding header--light-purple" 4098 data-active="true" 4099 data-da-cssbgimage='url("https://www.merckgroup.com.cn/content/dam/web/corporate/images/country-specifics/china/company/20230317cq5dam.web.1280.1280.jpeg")' 4100 data-da-style="true" 4101 style="background-image: url('/content/dam/web/corporate/images/country-specifics/china/company/20230317cq5dam.web.1280.1280.jpeg');"> 4102 <div class="container"> 4103 <div class="row"> 4104 <div class="sm-col-6 md-col-10 lg-col-10 xl-col-12"> 4105 <h1 class="h2 header-title flush-top">æ们æ¯é»å </h1> 4106 </div> 4107 <div class="sm-col-6 md-col-7 lg-col-7 xl-col-7"> 4108 <p class="header-text flush-bottom flush-top"> 4109 é»å æ¯ä¸å®¶å ¨çé¢å çç§æå ¬å¸ï¼ä»¥âç¹çåæ°ç«è±ï¼æå人类ç¦ç¥â为æ¿æ¯ï¼ä¸æ³¨äºçå½ç§å¦ãå»è¯å¥åº·åçµåç§æä¸å¤§é¢åãæ们ç¸ä¿¡ç§æç积æåéï¼æ¯å¤©ä¸ºæ°ç¾ä¸äººçç活带æ¥ç§¯æçå½±åãå³å»æ¢ç´¢é»å å¦ä½åå©ç§ææ¨å¨äººç±»è¿æ¥ï¼ 4110 </p> 4111 </div> 4112 <div class="header-share sm-col-6 md-col-12 lg-col-12 xl-col-12 social-share-barebones--cyan"> 4113 <div> 4114 <div class="component social-share-barebones _close" data-loaded="true" 4115 data-script="socialShareBarebones"> 4116 <ol aria-hidden="true" class="social-share-barebones__wrap"> 4117 <li class="social-share-barebones__item"> 4118 <a aria-hidden="true" class="social-share-barebones__link icon-linkedin st-custom-button" 4119 data-da-style="true" data-href="https://linkedin.com" data-name="linkedin" 4120 data-network="linkedin" data-share-disclaimer="true" style="display: none;" tabindex="-1"></a><a 4121 aria-label="Share on linkedin" 4122 class="share-disclaimer-button social-share-barebones__link icon-linkedin" 4123 href="https://linkedin.com" tabindex="-1"></a> 4124 </li> 4125 <li class="social-share-barebones__item"> 4126 <a aria-hidden="true" class="social-share-barebones__link icon-wechat st-custom-button" 4127 data-da-style="true" data-href="https://wechat.com" data-name="wechat" data-network="wechat" 4128 data-share-disclaimer="true" style="display: none;" tabindex="-1"></a><a 4129 aria-label="Share on wechat" 4130 class="share-disclaimer-button social-share-barebones__link icon-wechat" 4131 href="https://wechat.com" tabindex="-1"></a> 4132 </li> 4133 <li class="social-share-barebones__item"> 4134 <a aria-hidden="true" class="social-share-barebones__link icon-weibo st-custom-button" 4135 data-da-style="true" data-href="https://weibo.com" data-name="weibo" data-network="weibo" 4136 data-share-disclaimer="true" style="display: none;" tabindex="-1"></a><a 4137 aria-label="Share on weibo" 4138 class="share-disclaimer-button social-share-barebones__link icon-weibo" href="https://weibo.com" 4139 tabindex="-1"></a> 4140 </li> 4141 </ol> 4142 <div class="social-share-barebones__item social-share-barebones__item--share"> 4143 <button aria-expanded="false" aria-label="Open social share links" 4144 class="social-share-barebones__trigger-btn social-share-barebones__link icon-share"></button> 4145 </div>
4146 <span aria-hidden="true" class="social-share-barebones__text eyebrow">å享</span> 4147 <span aria-live="polite" class="social-share-barebones__aria" tabindex="-1">Icons revealed to the 4148 left</span> 4149 </div> 4150 </div> 4151 </div> 4152 <div aria-hidden="true" class="sm-col-6 md-col-12 lg-col-16 xl-col-16 header-border-container"> 4153 <hr class="header-borderline"> 4154 </div> 4155 </div> 4156 </div> 4157 </section> 4158 <div class="bookmarkmodal" id="myBookmarkModal"> 4159 <!-- Modal content --> 4160 <div class="bookmarkmodal-content"> 4161 <div class="bookmarkmodal-body"></div> 4162 </div> 4163 </div> 4164 <div class="bookmarkmodal" id="myBookmarkModal1"> 4165 <!-- Modal content --> 4166 <div class="bookmarkmodal-content1"> 4167 <div class="bookmarkmodal-body"></div> 4168 </div> 4169 </div> 4170 </div> 4171 <!-- <div class="nav sub-navigation"> 4172 <div analytics-id="2023-03-22T03:08:19.030Z-Sub Navigation Link List" 4173 class="component sub-navigation-link-list theme--white same-theme--bottom"> 4174 <div class="sub-navigation-link-list-container"> 4175 <div class="container"> 4176 <div class="row"> 4177 <div aria-hidden="false" class="sm-hide md-col-12 lg-col-16 xl-col-16"> 4178 <h2 class="sub-navigation-link-list-title demoted h6"> 4179 Explore More 4180 </h2> 4181 <ol class="sub-navigation-link-list-list unstyled"> 4182 <li class="sub-navigation-link-list-list-item"> 4183 <a aria-label="é»å ä¸å½" class="arrow-link" href="/cn-zh/company/who-we-are.html"> 4184 é»å ä¸å½ 4185 </a> 4186 </li> 4187 <li class="sub-navigation-link-list-list-item"> 4188 <a aria-label="ä¸å¡åå±" class="arrow-link" href="/cn-zh/company/business-development.html"> 4189 ä¸å¡åå± 4190 </a> 4191 </li> 4192 <li class="sub-navigation-link-list-list-item"> 4193 <a aria-label="å¯æç»åå±" class="arrow-link" href="/cn-zh/company/responsibility.html"> 4194 å¯æç»åå± 4195 </a> 4196 </li> 4197 </ol> 4198 </div> 4199 <div class="sm-col-6 md-hide lg-hide xl-hide"> 4200 <div data-loaded="true" data-script="dropdown"> 4201 <div aria-hidden="false" class="sub-navigation-link-list-button"> 4202 <button aria-expanded="false" aria-hidden="false" aria-label="Explore More" 4203 class="button button--magenta button--dropdown button--block dropdown-open-button"> 4204 Explore More 4205 <span class="button-animated"></span> 4206 </button> 4207 </div> 4208 <div class="dropdown-modal"> 4209 <div class="sub-navigation-link-list-modal-header"> 4210 <div class="container"> 4211 <div class="row"> 4212 <div class="sm-col-4"> 4213 <h2 class="sub-navigation-link-list-modal-title demoted h5"> 4214 Explore More 4215 </h2> 4216 </div> 4217 <div class="sm-col-2"> 4218 <button aria-expanded="true" 4219 class="sub-navigation-link-list-modal-close close dropdown-close-button"></button> 4220 </div> 4221 </div> 4222 </div> 4223 </div> 4224 <div class="sub-navigation-link-list-modal-content"> 4225 <div class="container"> 4226 <div class="row"> 4227 <div class="sm-col-6"> 4228 <ol 4229 class="sub-navigation-link-list-list sub-navigation-link-list-modal-content-list unstyled"> 4230 <li class="sub-navigation-link-list-modal-content-list-item"> 4231 <a aria-label="é»å ä¸å½" href="/cn-zh/company/who-we-are.html"> 4232 é»å ä¸å½ 4233 </a> 4234 </li> 4235 <li class="sub-navigation-link-list-modal-content-list-item"> 4236 <a aria-label="ä¸å¡åå±" href="/cn-zh/company/business-development.html"> 4237 ä¸å¡åå± 4238 </a> 4239 </li> 4240 <li class="sub-navigation-link-list-modal-content-list-item"> 4241 <a aria-label="å¯æç»åå±" href="/cn-zh/company/responsibility.html"> 4242 å¯æç»åå± 4243 </a> 4244 </li> 4245 </ol> 4246 </div> 4247 </div> 4248 </div> 4249 </div> 4250 </div> 4251 </div> 4252 </div> 4253 </div> 4254 </div> 4255 </div> 4256 </div> 4257 </div> --> 4258 <div aria-hidden="false" class="par parsys"> 4259 <div class="textblock section"> 4260 <div class="component text-block text-block--white theme--white same-theme--both"> 4261 <div class="container"> 4262 <div class="row"> 4263 <div class="sm-col-6 md-col-8 lg-col-5 xl-col-5"> 4264 <h2 class="text-block-title">ç¹çåæ°ç«è±ï¼<br />æå人类ç¦ç¥</h2> 4265 </div> 4266 <div class="sm-col-6 md-col-12 lg-col-11 xl-col-11"> 4267 <div class="text-block-content"> 4268 <p>æ们å¨å ¨ç65个å½å®¶æ¥æè¶ è¿62,000åå工工ï¼ä»ä»¬ææ£å¯¹ç§å¦åææ¯ççæ ï¼è´åäºåºå¯¹å½ä»ä¸çæ严峻çææï¼å¹¶ä¸ºäººç±»åé æ´å¯æç»ççæ´»æ¹å¼ã</p> 4269 <p> 4270 æ们çæ´»å¨ä¸ä¸ªå¿«éååãå 满ä¸ç¡®å®æ§ä¸é«åº¦å¤æçä¸çä¸ã人å£èé¾åãæ ¢æ§ç¾ç ã人工æºè½åæ°åååçå ¨çè®®é¢è¿«åè¦æ±ç§å¦æç
4270»çªç ´ï¼ç»§è积æå½±åå ¨ç社ä¼ãéçç§æçè¿æ¥ä¸èåï¼æªæ¥å åå¹´çåé©å°ç»§ç»å éï¼å½»åºæ¹åæ们ççæ´»åå·¥ä½æ¹å¼ãå¨é»å ï¼æ们è§åå为æºéèéå¨èã350å¤å¹´ä»¥æ¥ï¼æ们已æåä¾é èªèº«é§æ§çåéæ¥é¢æµåéåºååã 4271 </p> 4272 <p><strong>ç¹çåæ°ç«è±ï¼æå人类ç¦ç¥ââæ们çå ±åæ¿æ¯</strong></p> 4273 <ul> 4274 <li> 4275 å¨<strong><a title="çå½ç§å¦" href="/cn-zh/expertise/life-science.html">çå½ç§å¦</a></strong>, 4276 æ们å°æä¾æ²»çæ ¢æ§ç çåæ°çæ³åå ¶ä»è§£å³æ¹æ¡ï¼åé ä¸ä¸ªæ´å®å ¨åå¯æç»çä¸çã</li> 4277 <li> 4278 å¨<strong><a title="å»è¯å¥åº·" href="/cn-zh/expertise/healthcare.html">å»è¯å¥åº·</a></strong>, 4279 æ们å°åå©å沿çæ³åè²ãæ¹åå延é¿çå½ï¼è§£å³æªæ»¡è¶³çå»çéæ±ã</li> 4280 <li> 4281 å¨<strong><a title="çµåç§æ" href="/cn-zh/expertise/electronics.html">çµåç§æ</a></strong>, 4282 æ们å°æä¾åæ°ææåææ¯è§£å³æ¹æ¡ï¼ä¸å®¢æ·æºææ¨è¿æ°ååä¸çè¬åååã 4283 </li> 4284 </ul> 4285 <p>æä»¬å ±åç§æ强大ç家æä»·å¼è§åæ¸ æ°çéå¾·ååãæ们ä¼å èèå½ä»£åå代çéæ±ãååå¤å ååä¸æ¨¡å¼ãå¢éåå ¨çå¸å±ï¼æ们æ¥æç¬ç¹çç«äºä¼å¿ã</p> 4286 <p>å¯æåæå ±åçâä¸ä¸ªé»å âæ¿æ¯ï¼é»å æè½è¬ååå±ï¼ä¸ºææ人åé åºæ´å å æãå¥åº·åå¯æç»çä¸çãè¿æ¯é»å å¯¹å ¨çæ°ç¾ä¸å®¢æ·ãæ£è å社åºçåå®æ¿è¯ºã<br> 4287 </p> 4288 <ul> 4289 <li><a href="/cn-zh/research/science-space/envisioning-tomorrow.html">æ§æ¬æªæ¥</li> 4290 <li><a title="Download Legal Information" href="/cn-zh/company/legal-proceedings.html" 4291 target="_blank" style="color: rgb(235, 60, 150);">ç¹å»æ¤å¤äºè§£æå ³æ们åççæ³å¾ä¿¡æ¯ã</a></li> 4292 </ul> 4293 4294 </div> 4295 </div> 4296 </div> 4297 </div> 4298 </div> 4299 </div> 4300 <div class="moving-image-24 section"> 4301 <section class="cmp-video component image-block theme--white cmp-video__full-fit same-theme--top"> 4302 <div class="container"> 4303 <div class="row cmp-video-container"> 4304 <div class="cmp-video__headline"></div> 4305 4306 <div class="image-block-content"> 4307 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16"> 4308 <div class="row"> 4309 4310 <!-- åç video å¼å§ --> 4311 <div class="moving-image-video"> 4312 <video class="mi-content mi-responsive-player" width="100%" height="auto" controls playsinline 4313 preload="metadata" poster="/video/CompanyVideo.jpg"> 4314 <source src="/video/CompanyVideo.mp4" type="video/mp4"> 4315 ä½ çæµè§å¨ä¸æ¯æ video æ ç¾ 4316 </video> 4317 </div> 4318 <!-- åç video ç»æ --> 4319 4320 </div> 4321 </div> 4322 </div> 4323 4324 </div> 4325 </div> 4326 </section> 4327 </div> 4328 4329 <div class="pull-quote-mkgaa section"> 4330 <div analytics-id="2023-03-20T03:53:51.139Z-Pull Quote" 4331 class="component pull-quote pull-quote--mark pull-quote--image theme--purple same-theme--bottom"> 4332 <div class="pull-quote-mercrobe pull-quote-mercrobe--1"> 4333 <img alt="" loading="lazy" src="/img/pull-quote-mercrobe.png"> 4334 </div> 4335 <div class="pull-quote-mercrobe pull-quote-mercrobe--2"> 4336 <img alt="" loading="lazy" src="/img/pull-quote-mercrobe.png"> 4337 </div> 4338 <div class="pull-quote-mercrobe pull-quote-mercrobe--3"> 4339 <img alt="" loading="lazy" src="/img/pull-quote-mercrobe.png"> 4340 </div> 4341 <div class="pull-quote-mercrobe pull-quote-mercrobe--4"> 4342 <img alt="" loading="lazy" src="/img/pull-quote-mercrobe-blurred.png"> 4343 </div> 4344 <div class="container"> 4345 <div class="row"> 4346 <div class="pull-quote-image"> 4347 <div class="img-container">
4348 <img alt="æ¯åº·æï¼Kai Beckmannï¼" class="img-blur" data-da-style="true" 4349 src="/img/Garijo-Belen-cut-out.webp" style="display: none;"> 4350 <img alt="æ¯åº·æï¼Kai Beckmannï¼" class="img-constrained img-constrained--active" 4351 data-image-type="oneByOne" data-loaded="true" data-script="renditions" 4352 data-src="https://test.merckgroup.com.cn/wp-content/uploads/2026/05/KaiBeckmann.png" data-type="image" src="https://test.merckgroup.com.cn/wp-content/uploads/2026/05/KaiBeckmann.png"> 4353 </div> 4354 </div> 4355 </div> 4356 <div class="row"> 4357 <div class="sm-col-6 md-push-4 md-col-8 lg-push-6 lg-col-8 xl-push-6 xl-col-8"> 4358 <div class="pull-quote-quotation-marks icon-quotation-marks"></div> 4359 <blockquote class="pull-quote-quote-wrapper"> 4360 <p class="pull-quote-quote"><span>æ们çæ¿æ¯"ç¹çåæ°ç«è±ï¼æå人类ç¦ç¥"æ¯å¯¹å ¨çæ°ç¾ä¸ä¾èµæ们æåç客æ·ãæ£è ãåäºå社åºçæ¿è¯ºã </span></p> 4361 <footer class="pull-quote-footer sm-mb-1 md-mb-1 lg-mb-1 xl-mb-1"> 4362 <p class="pull-quote-name h4"> 4363 <span>
4363æ¯åº·æï¼Kai Beckmannï¼</span> 4364 </p> 4365 <p class="pull-quote-title small"> 4366 <span>é»å æ§è¡è£äºä¼ä¸»å¸å ¼é¦å¸æ§è¡å®</span> 4367 </p> 4368 <p class="pull-quote-title small"> 4369 </p> 4370 </footer> 4371 </blockquote> 4372 </div> 4373 </div> 4374 </div> 4375 </div> 4376 </div> 4377 <div class="curated-related-items section"> 4378 <section 4379 class="expertise__index expertise__index-curated expertise__index-curated--tiles expertise__index-scheme-white theme--white same-theme--bottom" 4380 data-is-author-mode="false" data-is-tile-view="true" data-loaded="true" data-script="curatedRelatedItems"> 4381 <div class="expertise__index-container expertise__index-blog-post"> 4382 <div class="expertise__index-row"> 4383 <div class="expertise__index-title-wrapper"> 4384 <h2 class="expertise__index-title"> 4385 æ们çä¸å¡é¨é¨ 4386 </h2> 4387 <a class="expertise__index-arrow-link arrow-link expertise__index-arrow-link-tile-view" 4388 href="/cn-zh/expertise.html" target="_self"> 4389 ä¸å¡ä¸é¿ 4390 <span class="button-animated"></span> 4391 </a> 4392 </div> 4393 <article class="expertise__index-tiles-wrapper expertise__index-tiles-wrapper--3"> 4394 <div class="expertise__index-tiles-container"> 4395 <button aria-label="Previous Item" 4396 class="icon-arrow-carousel carousel__previous-btn icon-arrow-carousel--disabled" disabled></button> 4397 <ul class="expertise__index-tiles"> 4398 <li aria-label="çå½ç§å¦ é»å å¨ä¸å½æä¸æµ·æ»é¨ãå¤å°å®éªå®¤åå¶é åºå°ï¼å¹¶å¨åéãä¸æµ·ãæ é¡çå°æéè¦çå½ç§å¦æèµã" 4399 class="expertise__index-page-info-tile carousel__element--first" data-da-style="true" 4400 style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 4401 <section class="expertise__index-page-info-tile-content" data-da-style="true" 4402 style="min-height: 515.078px;"> 4403 <a aria-hidden="true" data-da-ul-descendant="true" href="/cn-zh/expertise/life-science.html"> 4404 <div class="expertise__index-thumbnail-container-image"> 4405 <div class="expertise__index-page-thumbnail" 4406 data-da-cssbgimage='url("https://www.merckgroup.com.cn/content/dam/web/corporate/images/component-specific/promotional-image/800-600-4-3-r-and-d-in-life-science.jpg")' 4407 data-da-style="true" data-image-type="fourbyThreeSmall" data-load-image-at-start="" 4408 data-src="/content/dam/web/corporate/images/component-specific/promotional-image/800-600-4-3-r-and-d-in-life-science.jpg" 4409 data-type="background" 4410 style="background-image:url('/content/dam/web/corporate/images/component-specific/promotional-image/800-600-4-3-r-and-d-in-life-science.jpg')"> 4411 </div> 4412 </div> 4413 </a> 4414 <article class="expertise__index-page-text-container"> 4415 <h3 class="expertise__index-page-title h7 demoted"> 4416 <a class="expertise__index-page-title-anchor" data-da-ul-descendant="true" 4417 href="/cn-zh/expertise/life-science.html" title="çå½ç§å¦"> 4418 çå½ç§å¦ 4419 </a> 4420 </h3> 4421 <p class="expertise__index-page-description"> 4422 ç§ç 人åè¦å®ç°ç§å¦çªç ´ï¼å¿ é¡»æ¥æå è¿çå·¥å ·ãä¸ä¸çæå¡å丰å¯çä¸ä¸ç¥è¯ï¼ä»¥ä¾¿å¼å±å®éªåç åæ°äº§åãè¿æ£æ¯æ们çä»·å¼æå¨ã 4423 </p> 4424 <a class="expertise__index-page-tile-cta" data-da-ul-descendant="true" 4425 href="/cn-zh/expertise/life-science.html"> 4426 äºè§£æ´å¤
4427 <span class="button-animated"></span> 4428 </a> 4429 </article> 4430 </section> 4431 </li> 4432 <li aria-label="å»è¯å¥åº· æ们å¢ç»å¥è¿ï¼ä»¥åè²ãæ¹åå延é¿çå½æ¥è¾¾æé½å¿ä¸ºç æ£çæ¿æ¯ï¼ä¸ºæ£è æä¾è¦çå ¨çå½å¨æçå»è¯è§£å³æ¹æ¡ã" 4433 class="expertise__index-page-info-tile" data-da-style="true" 4434 style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 4435 <section class="expertise__index-page-info-tile-content" data-da-style="true" 4436 style="min-height: 515.078px;"> 4437 <a aria-hidden="true" data-da-ul-descendant="true" href="/cn-zh/expertise/healthcare.html"> 4438 <div class="expertise__index-thumbnail-container-image"> 4439 <div class="expertise__index-page-thumbnail" 4440 data-da-cssbgimage='url("https://www.merckgroup.com.cn/content/dam/web/corporate/images/component-specific/news-releases/1400-1050-4-3-News-IOnc_03.png")' 4441 data-da-style="true" data-image-type="fourbyThreeSmall" data-load-image-at-start="" 4442 data-src="/content/dam/web/corporate/images/component-specific/news-releases/1400-1050-4-3-News-IOnc_03.png" 4443 data-type="background" 4444 style="background-image:url('/content/dam/web/corporate/images/component-specific/news-releases/1400-1050-4-3-News-IOnc_03.png')"> 4445 </div> 4446 </div> 4447 </a> 4448 <article class="expertise__index-page-text-container"> 4449 <h3 class="expertise__index-page-title h7 demoted"> 4450 <a class="expertise__index-page-title-anchor" data-da-ul-descendant="true" 4451 href="/cn-zh/expertise/healthcare.html" title="å»è¯å¥åº·"> 4452 å»è¯å¥åº· 4453 </a> 4454 </h3> 4455 <p class="expertise__index-page-description"> 4456 æ们è´åäºä¸ºæ°ç¾ä¸äººççå½å¸¦æ¥ç§¯æçæ¹åãæ£è æ¯æ们ä¸åå·¥ä½çæ ¸å¿ã 4457 </p> 4458 <a class="expertise__index-page-tile-cta" data-da-ul-descendant="true" 4459 href="/cn-zh/expertise/healthcare.html"> 4460 äºè§£æ´å¤ 4461 <span class="button-animated"></span> 4462 </a> 4463 </article> 4464 </section> 4465 </li> 4466 <li aria-label="çµåç§æ æºæ客æ·ååä½ä¼ä¼´ï¼æ们æ£æé çä¸ä¸ä»£åæ°ææã设å¤å·¥èºåææ¯æå¡ï¼æ¨å¨æ°ååä¸çè¬åååã" 4467 class="expertise__index-page-info-tile" data-da-style="true" 4468 style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 4469 <section class="expertise__index-page-info-tile-content" data-da-style="true" 4470 style="min-height: 515.078px;"> 4471 <a aria-hidden="true" data-da-ul-descendant="true" href="/cn-zh/expertise/electronics.html"> 4472 <div class="expertise__index-thumbnail-container-image"> 4473 <div class="expertise__index-page-thumbnail" 4474 data-da-cssbgimage='url("https://www.merckgroup.com.cn/content/dam/web/corporate/images/country-specifics/china/electronics/20230322electronics.png")' 4475 data-da-style="true" data-image-type="fourbyThreeSmall" data-load-image-at-start="" 4476 data-src="/content/dam/web/corporate/images/country-specifics/china/electronics/20230322electronics.png" 4477 data-type="background" 4478 style="background-image:url('/content/dam/web/corporate/images/country-specifics/china/electronics/20230322electronics.png')"> 4479 </div> 4480 </div> 4481 </a> 4482 <article class="expertise__index-page-text-container"> 4483 <h3 class="expertise__index-page-title h
44837 demoted"> 4484 <a class="expertise__index-page-title-anchor" data-da-ul-descendant="true" 4485 href="/cn-zh/expertise/electronics.html" title="çµåç§æ"> 4486 çµåç§æ 4487 </a> 4488 </h3> 4489 <p class="expertise__index-page-description"> 4490 çµåç§æçæ辰大海ä»è¿éèµ·æ¥ãæ¢ç´¢æ们å¦ä½ä¸å®¢æ·æºæå ±åä¸ä¸ä»£ææã设å¤åæå¡ï¼å¹¶æ¨å¨ä¸çä¸æè¿æ¥ã 4491 </p> 4492 <a class="expertise__index-page-tile-cta" data-da-ul-descendant="true" 4493 href="/cn-zh/expertise/electronics.html"> 4494 äºè§£æ´å¤ 4495 <span class="button-animated"></span> 4496 </a> 4497 </article> 4498 </section> 4499 </li> 4500 </ul> 4501 <button aria-label="Next Item" class="icon-arrow-carousel carousel__next-btn"></button> 4502 </div> 4503 <ul class="carousel__dots"> 4504 <li class="carousel__dots-wrapper carousel__dots-wrapper--visible"> 4505 <button aria-current="true" aria-label="Move to slide 1" 4506 class="carousel__dot carousel__dot--active"> 4507 </button> 4508 </li> 4509 </ul> 4510 </article> 4511 </div> 4512 </div> 4513 </section> 4514 </div> 4515 <div class="featured-image-text section"> 4516 <div> 4517 <div class="cmp-featured-image"> 4518 <section analytics-id="2020-09-08T09:28:10.270Z-Featured Image & Text" 4519 class="featured-component theme--white js--skip-global-padding featured-component--fitgrid"> 4520 <div class="featured-component__container featured-component__container-right"> 4521 <div 4522 class="featured-component__row featured-component__row--standard featured-component__row--standard-right"> 4523 <div class="featured-component__image featured-component__image--standard"> 4524 <img alt="å¯æç»åå±" class="img-constrained--active" loading="lazy" 4525 src="/content/dam/web/corporate/images/general/global/WhoWeAre-CR-Island-single-transp-500-500.png"> 4526 </div> 4527 <div class="featured-component__content featured-component__content--standard"> 4528 <div class="featured-component__content-eyebrow"> 4529 <span> å¯æç»åå± </span> 4530 </div> 4531 <h2 class="featured-component__content-title" style="margin-top: 20px;"> 4532 ç§æç积æåé 4533 </h2> 4534 <div class="featured-component__content-text"> 4535 <p>æ们çç®æ æ¯å©ç¨ç§æå®ç°äººç±»çæä¹ è¿æ¥ã对æ们èè¨ï¼å¯æç»çä¼ä¸å®¶ç²¾ç¥ä¸çå©å¢é¿å¹¶è¡ä¸æã</p> 4536 </div> 4537 <a class="button button--small featured-component-cta" href="/cn-zh/company/responsibility.html" 4538 target="_self">æ¢ç´¢å¯æç»åå± 4539 <span class="button-animated"></span> 4540 </a> 4541 </div> 4542 </div> 4543 </div> 4544 </section> 4545 </div> 4546 </div> 4547 </div> 4548 <div class="featured-image-text section"> 4549 <div> 4550 <div class="cmp-featured-image" data-mkgaa-rendition="yes"> 4551 <section analytics-id="2018-06-19T08:39:49.194Z-Featured Image & Text" class="featured-component 4552 4553 theme--white 4554 js--skip-global-padding 4555 featured-component--fitgrid 4556 "> 4557 <div class="featured-component__container featured-component__container-right"> 4558 <div 4559 class="featured-component__row featured-component__row--standard featured-component__row--standard-right"> 4560 <div class="featured-component__image featured-component__image--standard"> 4561 4562 4563 4564 <img class="img-constrained--active" loading="lazy" 4565 src="/content/dam/web/corporate/images/general/global/Mercrobe-600-600.jpg" alt="Mercrobe"> 4566 4567 </div> 4568 4569 <div class="featured-component__content featured-component__content--standard"> 4570 4571 <h2 class="featured-component__content-title"> 4572 æ们çç«åº 4573 </h2> 4574 4575 4576 <div class="featured-component__content-text"> 4577 <p>éçæ们éè¿ç§å¦åææ¯è¿æ¥ä¸æåæ°ï¼æ们å§ç»åå®æ们çä»·å¼è§ãäºè§£é»å å¨ä¸åè®®é¢ä¸çå ¬å¸æ¿çåç«åºã</p> 4578 4579 </div> 4580 4581 <a class="button button--small featured-component-cta" href="/cn-zh/company/who-we-are/mission-strategy-and-values.html" 4582 target="_self">äºè§£æ´å¤
4583 <span class="button-animated"></span> 4584 </a> 4585 4586 4587 4588 4589 </div> 4590 </div> 4591 </div> 4592 </section> 4593 4594 </div> 4595 </div> 4596 4597 4598 4599 4600 </div> 4601 <div class="text-image section"> 4602 <section class="conference-events__partnership"> 4603 <div class="conference-events-partnership__wrapper"> 4604 <section analytics-id="2017-04-27T14:21:32.074Z-Text & Image - Container" 4605 class="component text-image-block theme--purple same-theme--top same-theme--bottom" 4606 data-script="textImage"> 4607 <div class="container"> 4608 <div class="row"> 4609 <div class="sm-col-6 md-col-12 lg-col-12 xl-col-12"> 4610 <h2 class="text-image-block-title text-block-title"><span>æ们çåç</span></h2> 4611 </div> 4612 <div> 4613 <div class="text-image-item"> 4614 <div class="text-image-block-container last"> 4615 <div class="sm-col-6 md-col-5 lg-col-5 xl-col-5"> 4616 <div class="text-image-block-image"> 4617 4618 4619 <div class="text-image-block-image-background" data-mkgaa-rendition="yes" 4620 style="background-image: url('/content/dam/web/corporate/images/component-specific/promotional-image/Brand-Hub-Teaser-4-3-en.png');" 4621 data-script="renditions" 4622 data-src="/content/dam/web/corporate/images/component-specific/promotional-image/Brand-Hub-Teaser-4-3-en.png" 4623 data-image-type="fourbyThreeSmall" data-type="background" role="img" 4624 aria-label="欢è¿æ¢ç´¢æ们çæ°ååçä¸å¿" data-loaded="true" data-da-style="true" 4625 data-da-cssbgimage="url("/content/dam/web/corporate/images/component-specific/promotional-image/Brand-Hub-Teaser-4-3-en.png)"> 4626 </div> 4627 4628 4629 </div> 4630 </div> 4631 <div class="text-image-block-content sm-col-6 md-col-7 lg-col-10 xl-col-8 lg-push-1 xl-push-1"> 4632 4633 <h3 class="text-image-block-content-title" aria-label="Enjoy exploring our Digital Brand Hub"> 4634 <div>欢è¿æ¢ç´¢æ们çæ°ååçä¸å¿</div> 4635 </h3> 4636 4637 <p class="text-image-block-content-text flush-bottom"> 4638 <span>è¿æ¯ææ使ç¨æ们ä¼ä¸åçç人åæéè¦çä¿¡æ¯æ¥æºãä½ä¸ºæ们æ°åååæå è¿çåç管çé¨æ·ï¼å®éè¿æåãå·¥å ·åèµæºæä¾å ¨é¢æ导ã</span> 4639 </p> 4640 <a class="button button--small text-image-block-content-cta" 4641 href="https://brand-hub.merckgroup.com/en/home.html" target="_blank" 4642 aria-label="Check it out!, Enjoy exploring our Digital Brand Hub"> 4643 ç«å³æ¥çï¼ 4644 <span class="button-animated"></span> 4645 </a> 4646 </div> 4647 </div> 4648 </div> 4649 4650 4651 </div> 4652 </div> 4653 </div> 4654 </section> 4655 </div> 4656 4657 </section> 4658 </div> 4659 <div class="featured-video-text section" style="background: #fff;"> 4660 <div> 4661 <section analytics-id="2018-03-26T14:55:54.809Z-Featured Video & Text" class="component featured-component 4662 featured-component--video 4663 theme--white 4664 js--skip-global-padding 4665 4666 "> 4667 4668 <div class="featured-component__container featured-component__container-left"> 4669 <div class="featured-component__video sm-col-6 md-col-6 lg-col-8 xl-col-8"> 4670 4671 <video height="auto" width="100%" class="mi-content mi-responsive-player" style="height: 343px;" 4672 controls playsinline preload="metadata" poster="/video/BrandZoomFilm.jpg"> 4673 <source src="/video/BrandZoomFilm.mp4" type="video/mp4"> 4674 ä½ çæµè§å¨ä¸æ¯æ video æ ç¾ 4675 </video> 4676 </div> 4677 <div class="featured-component__content sm-col-6 md-col-6 lg-col-8 xl-col-8"> 4678 <h2 class="featured-component__content-title"> 4679 æ¥èªå®éªå®¤ççµæ 4680 </h2> 4681 4682 4683 <p class="featured-component__content-text"> 4684 æ们æ¯ä¸å®¶å 满活åçå ¬å¸ãæ们éè¦ç¬ç¹çåç表示æ¥å±ç°æ们çæ´»åãèµäºæ们活åç§ææ è¯çµæçæ¥æºè¿å¨å¤©è¾¹ï¼è¿å¨ç¼åï¼æ¾å¾®é头ä¸çå¥å¦ä¸çã 4685 </p> 4686 <a class="button button--small featured-component-cta" href="/en/company/curiosity.html" 4687 target="_self">æ¢ç´¢æ们çåç<span class="button-animated"></span></a> 4688 </div> 4689 </div> 4690 </section> 4691 </div> 4692 </div> 4693 <!-- <div class="featured-image-text section"> 4694 <div> 4695 <div class="cmp-featured-image"> 4696 <section analytics-id="2017-06-02T13:57:25.945Z-Featured Image & Text" 4697 class="featured-component featured-component--cyan theme--cyan js--skip-global-padding featured-component--fitgrid"> 4698 <div class="featured-component__container featured-component__container-left">
4699 <div class="featured-component__image sm-col-6 md-col-6 lg-col-8 xl-col-8"> 4700 <img alt="责任" class="img-blur" data-da-style="true" loading="lazy" 4701 src="/content/dam/web/corporate/images/component-specific/featured-text-image/global/leaves.png/_jcr_content/renditions/Mkgaa32x24" 4702 style="display: none;"> 4703 <img alt="责任" class="img-constrained img-constrained--active" data-image-type="fourbyThree" 4704 data-loaded="true" data-script="renditions" 4705 data-src="/content/dam/web/corporate/images/component-specific/featured-text-image/global/leaves.png" 4706 data-type="image" loading="lazy" 4707 src="https://www.merckgroup.com.cn/content/dam/web/corporate/images/component-specific/featured-text-image/global/leaves.png/_jcr_content/mkgaa-renditions/Mkgaa2000x1500"> 4708 </div> 4709 <div class="featured-component__content sm-col-6 md-col-6 lg-col-8 xl-col-8"> 4710 <h2 class="featured-component__content-title"> 4711 åºå¯¹å ¨çææ 4712 </h2> 4713 <div class="featured-component__content-text"> 4714 æ们çç¼å½ä¸ï¼ä¹æ¾ç¼ç¾å¹´ãæ们ç§æ¿çä¼ä¸è´£ä»»ç念å¾ç®åï¼ è§å¯ï¼èå¬ï¼æäºæ åå¾æ´å¥½ã 4715 </div> 4716 <a class="button button--small featured-component-cta" href="/cn-zh/company/responsibility.html" 4717 target="_self">é»å ç责任 4718 <span class="button-animated"></span> 4719 </a> 4720 </div> 4721 </div> 4722 </section> 4723 </div> 4724 </div> 4725 </div> --> 4726 <div class="work-with-us-mkgaa section"> 4727 <section class="component work-with-us theme--not-defined same-theme--bottom"> 4728 <div class="work-with-us-wrapper"> 4729 <div class="container"> 4730 <div class="row"> 4731 <div class="work-with-us-content sm-col-6 md-col-12 lg-col-7 xl-col-7"> 4732 <div class="work-with-us-content-header-container"> 4733 <h2 class="work-with-us-content-header"><span>让æ们æºææå°±ä¼ä¸ï¼</span></h2> 4734 </div> 4735 <h3 class="work-with-us-content-title"> 4736 <span>ä¸æ们åä½</span> 4737 </h3> 4738 <p class="work-with-us-content-description"> 4739 <span>æ们å¨ç§å¦åææ¯é¢åç许å¤æå°±é½å»ºç«å¨å¼ºå¤§çåä½ä¼ä¼´å ³ç³»ä¹ä¸ãæ们ä¸æ¥èªä¸çåå°çå ¬å¸ãç 究人åååæ¢çåæ°è æºæåä½ã</span> 4740 </p> 4741 <a aria-label="让æ们ä¸èµ·å次åé ä¼å¤§, åæ们åä½, äºè§£æ´å¤" class="work-with-us__cta" 4742 href="https://www.merckgroup.com/en/careers/job-search.html" target="_blank"> 4743 äºè§£æ´å¤<span class="button-animated"></span> 4744 </a> 4745 <a aria-label="让æ们ä¸èµ·å次åé ä¼å¤§, åæ们åä½, å å ¥é»å 人æ社åºâ" class="work-with-us__cta" 4746 href="https://careers.merckgroup.com/cn/zh" target="_blank"> 4747 å å ¥æ们ç人æä¸åº<span class="button-animated"></span> 4748 </a> 4749 </div> 4750 </div> 4751 </div> 4752 </div> 4753 <div class="work-with-us-image"> 4754 <div class="work-with-us-image-inner"> 4755 <div class="work-with-us-image-inner-bottom"> 4756 <img alt="å å ¥æ们" class="img-blur" data-da-style="true" src="/img/work-with-us-default.jpg" 4757 style="display: none;"> 4758 <img alt="å å ¥æ们" class="img-constrained img-constrained--active" data-image-type="fourbyThree" 4759 data-loaded="true" data-script="renditions" data-src="/img/work-with-us-default.jpg" data-type="image" 4760 src="/img/work-with-us-default.jpg"> 4761 </div> 4762 <svg class="top" preserveaspectratio="xMinYMid meet" viewbox="5 15 410 635" 4763 xmlns="http://www.w3.org/2000/svg"> 4764 <path 4765 d="M12.5 327.2C8.2 422.7 40.6 506 98 580.7c18 23.4 38 45.1 61.3 63.5 0.6 0.5 1.1 1.2 1.6 1.8H-9V0c0 0 428.5-0.3 430 0 -51.2 0.4-102 6.7-151.4 20.9 -55.6 16-104.9 43.7-148.3 81.8C68.7 149 33.7 206.1 19.2 274.9 15.5 292 13.3 309.7 12.5 327.2z" 4766 stroke-width="2"></path> 4767 </svg> 4768 </div> 4769 </div> 4770 </section> 4771 </div> 4772 <div class="work-with-us-mkgaa section"> 4773 <section class="component work-with-us theme--not-defined same-theme--bottom"> 4774 <div class="work-with-us-wrapper"> 4775 <div class="container"> 4776 <div class="row"> 4777 <div class="work-with-us-content sm-col-6 md-col-12 lg-col-7 xl-col-7"> 4778 <div class="work-with-us-content-header-container"> 4779 <h2 class="work-with-us-content-header"><span>å å ¥æ们</span></h2> 4780 4781 4782 </div> 4783 <h3 class="work-with-us-content-title">
4784 <span>å¼å¯éå¡ä¹æ ï¼</span> 4785 </h3> 4786 <p class="work-with-us-content-description"><span>让æ¨çèä¸ç涯ææºä¼å¨ä¸ä¸ªå®å ¨ä¸ä»¥å¼æç²¾ç¥ä¸ºéç¹çç¯å¢ä¸æé¿ååå±ï¼ä¸æ³¨äºä¸ºå®¢æ·åæ£è åé å½±ååã</span> 4787 </p> 4788 <a href="https://careers.merckgroup.com/global/en/search-results" class="work-with-us__cta" 4789 aria-label="Work With Us, START SOMETHING SPECIAL!, View All Jobs" target="_blank"> 4790 æ¥çææèä½<span class="button-animated"></span> 4791 </a> 4792 <a href="https://careers.merckgroup.com/global/en/jointalentcommunity" class="work-with-us__cta" 4793 aria-label="Work With Us, START SOMETHING SPECIAL!, Join our Talent Zone" target="_blank"> 4794 å å ¥æ们ç人æä¸åº<span class="button-animated"></span> 4795 </a> 4796 </div> 4797 </div> 4798 </div> 4799 </div> 4800 <div class="work-with-us-image" data-mkgaa-rendition="no"> 4801 <div class="work-with-us-image-inner"> 4802 4803 <div class="work-with-us-image-inner-bottom"> 4804 <img class="img-blur" 4805 src="/img/EVP_Landingpage_TeaserWorkWithUs_1400x1050.jpg" 4806 alt="Work With Us" style="display: none;"> 4807 <img class="img-constrained img-constrained--active" 4808 src="/img/EVP_Landingpage_TeaserWorkWithUs_1400x1050.jpg" 4809 alt="Work With Us" data-script="renditions" 4810 data-src="/img/EVP_Landingpage_TeaserWorkWithUs_1400x1050.jpg" 4811 data-image-type="fourbyThree" data-type="image" data-loaded="true"> 4812 </div> 4813 <svg class="top" viewBox="5 15 410 635" xmlns="http://www.w3.org/2000/svg" 4814 preserveAspectRatio="xMinYMid meet"> 4815 <path stroke-width="2" 4816 d="M12.5 327.2C8.2 422.7 40.6 506 98 580.7c18 23.4 38 45.1 61.3 63.5 0.6 0.5 1.1 1.2 1.6 1.8H-9V0c0 0 428.5-0.3 430 0 -51.2 0.4-102 6.7-151.4 20.9 -55.6 16-104.9 43.7-148.3 81.8C68.7 149 33.7 206.1 19.2 274.9 15.5 292 13.3 309.7 12.5 327.2z"> 4817 </path> 4818 </svg> 4819 </div> 4820 </div> 4821 </section> 4822 </div> 4823 <!-- <div class="link-list-mkgaa section"> 4824 <div analytics-id="2017-06-02T14:00:24.317Z-Link List" 4825 class="component link-list theme--magenta link-list--purple same-theme--bottom" 4826 id="2017-06-02T14:00:24.317Z-LinkList"> 4827 <div class="link-list-container"> 4828 <div class="row"> 4829 <div class="sm-col-6 md-col-12 lg-col-5 xl-col-5"> 4830 <h2 class="link-list-title">è¿ä¸æ¥äºè§£é»å </h2> 4831 </div> 4832 <div class="sm-col-6 md-col-12 lg-col-10 xl-col-10"> 4833 <div class="link-list-list"> 4834 <ul class="unstyled flush-top flush-bottom"> 4835 <li class="link-list-item"> 4836 <span class="link-list-item-line top"></span> 4837 <a class="link-list-item-anchor" data-da-ul-descendant="true" 4838 href="/cn-zh/company/who-we-are.html" target="_self"> 4839 <span class="link-list-item-text"> 4840 æ们æ¯è° 4841 </span> 4842 </a> 4843 <span class="link-list-item-line bottom"></span> 4844 </li> 4845 <li class="link-list-item"> 4846 <span class="link-list-item-line top"></span> 4847 <a class="link-list-item-anchor" data-da-ul-descendant="true" 4848 href="/cn-zh/company/350anniversary.html" target="_self"> 4849 <span class="link-list-item-text"> 4850 é»å 350å¨å¹´ 4851 </span> 4852 </a> 4853 <span class="link-list-item-line bottom"></span> 4854 </li> 4855 <li class="link-list-item">
4856 <span class="link-list-item-line top"></span> 4857 <a class="link-list-item-anchor" data-da-ul-descendant="true" 4858 href="/cn-zh/company/press-news/news.html" target="_self"> 4859 <span class="link-list-item-text"> 4860 æ°é»åå¸ 4861 </span> 4862 </a> 4863 <span class="link-list-item-line bottom"></span> 4864 </li> 4865 <li class="link-list-item"> 4866 <span class="link-list-item-line top"></span> 4867 <a class="link-list-item-anchor" data-da-ul-descendant="true" 4868 href="/cn-zh/company/contact-us.html" target="_self"> 4869 <span class="link-list-item-text"> 4870 èç³»æ们 4871 </span> 4872 </a> 4873 <span class="link-list-item-line bottom"></span> 4874 </li> 4875 </ul> 4876 </div> 4877 </div> 4878 </div> 4879 </div> 4880 </div> 4881 </div> --> 4882 </div> 4883 </article> 4884</main> 4885<style> 4886 .featured-image-text.section { 4887 background-color: #fff; 4888 } 4889</style><div class="pa-section pa-section--13"> 4890 <div> 4891 <div class="section"> 4892 <div class="new"></div> 4893 </div> 4894 <div class="iparys_inherited"> 4895 <div class="footerpar iparsys parsys"> 4896 <div class="footer-mkgaa section"> 4897 <footer analytics-id="2017-12-15T02:11:22.255Z-Footer" 4898 class="component footer footer-theme--2 theme--purple js--skip-global-padding" data-loaded="true" 4899 data-script="footer"> 4900 <div class="footer-layers"> 4901 <div class="footer-layer footer-layer--1"> 4902 <svg aria-hidden="true" height="1108px" version="1.1" viewbox="0 0 1400 1108" width="1400px" 4903 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4904 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4905 <g fill="#000000"> 4906 <path 4907 d="M-0.9023,64.1229 C8.6577,67.0179 17.4187,71.7529 26.3217,76.1179 C41.0527,83.3409 55.6647,90.8079 69.3327,99.9619 C84.8108,108.4852 99.1718,118.7052 113.2708,129.2762 C164.9468,168.0202 208.3308,214.3652 241.5948,269.9232 C242.6158,271.6282 243.4678,273.4342 244.3988,275.1942 C258.803153,298.947548 269.920061,324.217381 278.761,350.4932 C294.731,397.9632 301.307,446.7422 297.893,496.7172 C295.229,535.7122 283.007,572.0682 265.437,606.6912 C252.001,633.1662 236.421,658.3602 218.255,681.9002 C215.444579,650.901177 215.444379,650.901177 218.2548,681.9002 C208.8448,695.0762 198.9868,707.8912 187.8278,719.6582 C185.9258,701.1132 185.9258,701.1132 187.8278,719.6582 C183.5618,726.0662 178.1558,731.5222 172.9638,737.1272 C119.5548,794.7902 62.5398,848.4962 -0.9022,895.1232 C-0.9022,895.1232 2.0163,422.7317 -0.9022,424.1232 L-0.9023,64.1229 Z"> 4908 </path> 4909 </g> 4910 </g> 4911 </svg> 4912 </div> 4913 <div class="footer-layer footer-layer--2"> 4914 <svg aria-hidden="true" height="1108px" version="1.1" viewbox="0 0 1400 1108" width="1400px" 4915 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4916 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4917 <g fill="#000000"> 4918 <path 4919 d="M187.8278,719.6582 C185.9258,701.1132 184.3798,682.5242 182.0558,664.0322 C175.0548,608.3202 165.2458,553.1282 147.9898,499.5732 C140.4298,476.1132 128.8218,454.5372 111.9058,436.2612 C85.0998,407.2992 52.9428,400.4392 16.6248,415.8122 C10.6758,418.3302 4.9348,421.3402 -0.9022,424.1232 L-0.9022,376.1232 C0.3998,376.1022 1.1488,375.1142 2.0228,374.3922 C28.3718,352.6212 50.1358,327.0472 65.6868,296.5002 C84.2718,259.9932 91.6398,221.4802 83.8718,180.9222 C78.7118,153.9852 73.4328,127.0832 69.3328,99.9622 C84.8108,108.4852 99.1718,118.7052 113.2708,129.2762 C164.9468,168.0202 208.3308,214.3652 241.5948,269.9232 C242.6158,271.6282 243.4678,273.4342 244.3988,275.1942 C233.4578,285.9022 226.3068,298.9552 221.1788,313.1872 C210.1678,343.7492 206.8908,375.6622 205.1318,407.7902 C203.1078,444.7402 204.1278,481.6772 205.9488,518.6112 C208.6368,573.1492 213.3258,627.5332 218.2548,681.9002 C208.8448,695.0762 198.9868,707.8912 187.8278,719.6582"> 4920 </path> 4921 </g> 4922 </g> 4923 </svg> 4924 </div> 4925 <div class="footer-layer footer-layer--3"> 4926 <svg aria-hidden="true" height="1108px" version="1.1" viewbox="0 0 1400 1108" width="1400px" 4927 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4928 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4929 <g fill="#000000"> 4930 <path 4931 d="M1143.15475,1044.6239 C1134.19675,1047.46265 1125.246,1050.3254 1116.2835,1053.1499 C1106.2625,1031.0679 1099.5505,1007.8989 1094.2545,984.3309 C1080.4165,922.7409 1075.8725,860.3109 1077.5985,797.3019 C1078.4695,765.5059 1079.6055,733.7339 1082.0745,702.0179 C1085.2925,660.6669 1090.3385,619.5549 1098.1455,578.8039 C1098.2685,5
493178.1639 1098.5825,577.5609 1098.8065,576.9399 C1134.5705,607.8269 1165.3985,642.7319 1185.5605,685.9419 C1191.91,699.5494 1196.6655,713.63765 1200.3955,728.015775 C1196.6655,713.63765 1191.91,699.5494 1185.5605,685.9419 C1165.3985,642.7319 1134.5705,607.8269 1098.8065,576.9399 C1102.2735,555.7929 1107.2475,534.9949 1113.2395,514.4309 C1183.1555,509.1769 1248.8085,490.9419 1307.2425,450.7219 C1318.5975,461.8829 1329.0595,473.8249 1338.5775,486.5939 C1333.3605,500.8639 1330.5185,515.7349 1327.4165,530.5389 C1323.6515,548.5069 1325.9415,565.5979 1333.8285,582.2499 C1345.8565,607.6429 1362.9215,629.1439 1383.2835,648.1959 C1388.5925,653.1639 1393.6065,658.5549 1400.0975,662.1229 L1400.0975,705.122711 L1400.0978,1049.1228 C1392.2928,1058.3868 1384.0378,1067.2278 1375.4318,1075.7558 C1363.5098,1087.5678 1350.3558,1097.9028 1337.0978,1108.1228 L1311.0978,1108.1228 C1301.0858,1086.8668 1292.5708,1065.0748 1287.1008,1042.1568 C1278.7488,1007.1578 1276.8868,971.7108 1279.9748,935.9828 C1284.9768,878.1238 1297.4528,821.5958 1311.1758,765.3258 C1314.2158,752.8578 1319.2528,741.0178 1326.0108,730.0198 C1342.1228,703.7948 1364.8258,694.9828 1394.3698,703.4248 C1395.76038,703.822006 1397.14517,704.238721 1398.53027,704.65427 C1397.14513,704.238405 1395.76045,703.821132 1394.3705,703.4239 C1364.8255,694.9829 1342.1235,703.7949 1326.0105,730.0199 C1319.2525,741.0179 1314.2155,752.8579 1311.1755,765.3259 C1297.4525,821.5959 1284.9765,878.1239 1279.9745,935.9829 C1276.8865,971.7109 1278.7485,1007.1579 1287.1005,1042.1569 C1292.5705,1065.0749 1301.0865,1086.8669 1311.0975,1108.1229 L1245.0975,1108.1229 C1243.27285,1106.56512 1241.407,1105.06674 1239.5038,1103.62263 C1241.40703,1105.06678 1243.27291,1106.56519 1245.0976,1108.123 L1149.0976,1108.123 C1142.1476,1099.224 1134.9416,1090.5 1129.9486,1080.256 C1161.83742,1071.68535 1192.09483,1075.80376 1220.83225,1091.59954 C1192.09577,1075.80366 1161.83736,1071.68524 1129.9485,1080.2559 C1124.3565,1071.7439 1120.0315,1062.5929 1116.2835,1053.1499 C1125.246,1050.3254 1134.19675,1047.46265 1143.15475,1044.6239 Z M1400.0978,662.1228 C1393.6068,658.5548 1388.5928,653.1638 1383.2838,648.1958 C1362.9218,629.1438 1345.8558,607.6428 1333.8288,582.2498 C1325.9418,565.5978 1323.6518,548.5068 1327.4168,530.5388 C1330.5188,515.7348 1333.3608,500.8638 1338.5778,486.5938 C1349.1448,498.5908 1358.1738,511.7558 1367.3328,524.8088 C1377.7418,539.6438 1387.5198,554.8988 1397.0838,570.2898 C1397.9378,571.6628 1398.4258,573.3738 1400.0978,574.1228 L1400.0978,662.1228 Z M1307.2422,450.7215 C1248.8092,490.9425 1183.1552,509.1765 1113.2392,514.4305 C1120.2032,488.7125 1127.4852,463.0855 1140.1492,439.4395 C1148.5462,423.7615 1158.9282,409.4915 1173.1202,398.5015 C1193.0972,383.0325 1214.9562,379.8985 1236.9822,392.7975 C1263.3922,408.2645 1286.3722,428.3165 1307.2422,450.7215 Z"> 4932 </path> 4933 </g> 4934 </g> 4935 </svg> 4936 </div> 4937 <div class="footer-layer footer-layer--4"> 4938 <svg aria-hidden="true" height="1108px" version="1.1" viewbox="0 0 1400 1108" width="1400px" 4939 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4940 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4941 <g fill="#000000"> 4942 <path 4943 d="M1098.8065,576.9399 C1102.2735,555.7929 1107.2475,534.9949 1113.2395,514.4309 C1183.1555,509.1769 1248.8085,490.9419 1307.2425,450.7219 C1318.5975,461.8829 1329.0595,473.8249 1338.5775,486.5939 C1333.3605,500.8639 1330.5185,515.7349 1327.4165,530.5389 C1323.6515,548.5069 1325.9415,565.5979 1333.8285,582.2499 C1345.8565,607.6429 1362.9215,629.1439 1383.2835,648.1959 C1388.5925,653.1639 1393.6065,658.5549 1400.0975,662.1229 L1400.0975,705.1229 C1398.1885,704.5559 1396.2845,703.9709 1394.3705,703.4239 C1364.8255,694.9829 1342.1235,703.7949 1326.0105,730.0199 C1319.2525,741.0179 1314.2155,752.8579 1311.1755,765.3259 C1297.4525,821.5959 1284.9765,878.1239 1279.9745,935.9829 C1276.8865,971.7109 1278.7485,1007.1579 1287.1005,1042.1569 C1292.5705,1065.0749 1301.0865,1086.8669 1311.0975,1108.1229 L1245.0975,1108.1229 C1237.8775,1101.9589 1230.0125,1096.7249 1221.7405,1092.1029 C1192.7335,1075.8919 1162.1735,1071.5949 1129.9485,1080.2559 C1124.3565,1071.7439 1120.0315,1062.5929 1116.2835,1053.1499 C1134.2085,1047.5009 1152.0865,1041.6989 1170.0695,1036.2419 C1191.6045,1029.7079 1206.3265,1015.8069 1214.9615,995.3029 C1222.2705,977.9469 1224.5825,959.6949 1223.4845,941.0179 C1222.6055,926.0579 1221.1805,911.1299 1220.1825,896.1759 C1217.4125,854.6419 1215.3515,813.0439 1209.0775,771.8289 C1204.5825,742.2949 1198.2595,713.1569 1185.5605,685.9419 C1165.3985,642.7319 1134.5705,607.8269 1098.8065,576.9399" 4944 id="Fill-4"></path> 4945 </g> 4946 </g> 4947 </svg> 4948 </div> 4949 </div> 4950 <div class="container"> 4951 <div class="footer-inner"> 4952 <div class="footer-header"> 4953 <div class="row"> 4954 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16">
4955 <span class="footer-brand"> 4956 <svg aria-hidden="true" height="292px" version="1.1" viewbox="0 0 3200 292" width="3200px" 4957 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4958 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4959 <g fill="#FFFFFF"> 4960 <path 4961 d="M0,0 L3200,0 L3200,292 L0,292 L0,0 Z M114.747706,175.982297 C116.579519,177.814111 119.109128,178.730003 122.336608,178.730003 L128.747922,178.730003 C129.794673,178.730003 130.31804,178.119408 130.31804,176.898199 L130.31804,157.402571 C130.31804,154.611237 131.212126,152.27789 133.000325,150.402463 C134.788523,148.527035 137.078255,147.589335 139.86959,147.589335 C142.137549,147.589335 144.187404,148.025475 146.019217,148.897767 C148.112718,149.857288 150.031732,151.034864 151.776316,152.430531 C153.608129,153.913428 155.352687,155.396302 157.010041,156.879198 C158.23125,158.100407 159.801352,159.583281 161.720395,161.327865 L166.823277,165.907375 C169.004007,167.913647 170.661337,169.309293 171.795317,170.094356 C173.714359,171.577252 175.371689,172.580373 176.767356,173.103748 C178.51194,173.888811 180.256498,174.281336 182.001082,174.281336 C183.832895,174.281336 185.577453,173.888811 187.234808,173.103748 C188.630475,172.580373 190.287805,171.577252 192.206847,170.094356 C193.340827,169.309293 194.998157,167.913647 197.178887,165.907375 L202.281769,161.327865 C204.200812,159.583281 205.770914,158.100407 206.992122,156.879198 C208.649477,155.396302 210.394035,153.913428 212.225848,152.430531 C213.970432,151.034864 215.889446,149.857288 217.982947,148.897767 C219.81476,148.025475 221.864615,147.589335 224.132574,147.589335 C226.923909,147.589335 229.213641,148.505228 231.001839,150.337041 C232.790038,152.168854 233.684124,154.524007 233.684124,157.402571 L233.684124,168.393395 C233.684124,171.620875 234.600017,174.150484 236.43183,175.982297 C238.263643,177.814111 240.793252,178.730003 244.020732,178.730003 L250.432046,178.730003 C251.478797,178.730003 252.002164,178.119408 252.002164,176.898199 L252.002164,122.336608 C252.002164,119.109128 251.086271,116.579519 249.254458,114.747706 C247.422645,112.915893 244.893036,112 241.665556,112 L232.244849,112 C231.808703,112 231.32895,112.087228 230.805575,112.261686 C230.282199,112.610603 229.715218,113.090356 229.104614,113.700961 L210.394044,131.103099 C206.46873,134.679496 202.281791,137.514403 197.833102,139.607903 C193.384413,141.788633 188.107126,142.878982 182.001082,142.878982 C175.895038,142.878982 170.617751,141.788633 166.169062,139.607903 C161.720372,137.514403 157.533434,134.679496 153.60812,131.103099 L138.037786,116.57951 C134.810305,113.526488 130.88505,112 126.261903,112 L113.570118,112 C112.523367,112 112,112.610595 112,113.831804 L112,168.393395 C112,171.620875 112.915893,174.150484 114.747706,175.982297 Z" 4962 id="Combined-Shape"></path> 4963 </g> 4964 </g> 4965 </svg> </span> 4966 <span class="footer-brand footer-brand--3"> 4967 <svg aria-hidden="true" height="292px" version="1.1" viewbox="0 0 3200 292" width="3200px" 4968 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4969 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4970 <g> 4971 <rect height="292" width="3200" x="0" y="0"></rect> 4972 <path 4973 d="M133.089948,140.630652 C129.849999,141.860981 126.48131,144.266369 123.70387,147.940533 C122.16853,149.882145 120.974111,151.936697 120.115846,153.972025 C126.281048,152.969981 131.320969,147.671399 133.089948,140.630652 M231.382713,126.84713 C231.017951,126.84713 230.660341,126.883175 230.297962,126.909607 C230.312267,127.916458 230.460079,128.887264 230.796232,129.783578 C232.636733,134.700085 238.847232,135.675697 245.072035,135.21913 C242.046652,130.160846 237.04726,126.84713 231.382713,126.84713 M121.806151,116.545533 C122.495147,121.128025 124.006646,125.263563 126.08317,127.106652 C128.395717,129.158801 130.810778,130.566951 133.423718,131.061966 C132.167313,123.929906 127.623279,118.292503 121.806151,116.545533 M204.855182,147.344593 C196.994907,155.276846 187.525387,160.082816 179.221676,160.65713 C186.416795,153.513055 195.218776,148.752742 204.855182,147.344593" 4974 fill="#000000" id="Layer---3"></path> 4975 </g> 4976 </g> 4977 </svg> </span>
4978 <span class="footer-brand footer-brand--2"> 4979 <svg aria-hidden="true" height="292px" version="1.1" viewbox="0 0 3200 292" width="3200px" 4980 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4981 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4982 <g> 4983 <rect height="292" width="3200" x="0" y="0"></rect> 4984 <path 4985 d="M238.26242,113.564149 C238.169441,113.624224 238.083615,113.69391 237.99302,113.756388 C233.432297,116.918716 230.247181,122.327836 230.297247,126.910328 C230.662009,126.883896 231.017236,126.845448 231.381998,126.845448 C237.046545,126.845448 242.048321,130.161567 245.073704,135.219851 C245.769852,135.166985 246.470768,135.099701 247.164532,135.013194 C247.648498,134.955522 248.11816,134.883433 248.587821,134.813746 C248.800004,134.780104 249.01457,134.756075 249.224368,134.722433 C249.813233,134.626313 250.385409,134.520582 250.948049,134.410045 C251.033876,134.393224 251.122086,134.381209 251.205529,134.364388 C251.722872,134.26106 252.223526,134.150522 252.714644,134.039985 C252.831464,134.013552 252.960203,133.989522 253.074639,133.96309 L253.074639,133.951075 L253.119936,133.951075 L253.119936,123.921015 L253.119936,121.376254 C253.119936,115.943104 248.826228,111.550448 243.478762,111.389448 C243.416777,111.387045 243.361943,111.370224 243.297573,111.370224 L243.288037,111.370224 C241.616805,111.737881 240.021863,112.449164 238.550892,113.386328 C238.45553,113.448806 238.357783,113.501672 238.26242,113.564149 M165.588856,156.394955 C169.174495,159.715881 173.964089,161.020701 179.218577,160.657851 C186.41608,153.513776 195.218061,148.753463 204.854466,147.345313 C205.965442,146.225522 207.054962,145.062478 208.094416,143.822537 C213.274997,137.620433 216.762889,130.69503 218.481803,124.036358 L210.204316,131.872493 C202.978204,138.716194 193.258357,142.558567 182.563425,142.558567 C173.863958,142.558567 165.829647,139.972955 159.240081,135.352015 C159.242466,135.354418 159.247234,135.359224 159.247234,135.361627 C158.198243,143.810522 160.284304,151.485657 165.588856,156.394955 M247.820151,148.104657 C246.311036,147.679328 244.763775,147.338104 243.180754,147.064164 C242.458381,146.944015 241.736008,146.823866 240.999331,146.734955 C240.479604,146.670075 239.957493,146.607597 239.42823,146.559537 C238.095535,146.446597 236.748537,146.355284 235.377697,146.355284 C234.147518,146.355284 232.907802,146.412955 231.668086,146.516284 C230.716843,146.595582 229.767984,146.730149 228.826277,146.862313 C228.552109,146.903164 228.275557,146.922388 227.999005,146.965642 C226.799818,147.155478 225.619704,147.39097 224.465815,147.657701 C224.456279,147.660104 224.449127,147.662507 224.43959,147.662507 C223.338151,147.919627 222.279624,148.212791 221.24017,148.529985 C221.182953,148.549209 221.118583,148.561224 221.054213,148.580448 C222.446509,148.203179 223.896023,147.979701 225.414674,147.979701 C230.48082,147.979701 234.688701,152.237791 234.736383,157.413821 L234.736383,169.457582 C234.736383,174.986851 239.185055,179.463612 244.675565,179.463612 L248.964504,179.463612 C249.775088,179.463612 250.530837,179.470821 250.893216,179.473224 L251.126854,179.473224 C252.22591,179.473224 253.119936,178.569701 253.119936,177.461925 L253.119936,175.121418 L253.119936,175.063746 L253.119936,169.796403 L253.119936,149.909299 C251.422479,149.195612 249.636812,148.616493 247.820151,148.104657 M142.539681,141.109567 C140.258127,139.365 136.753546,139.240045 133.091617,140.631373 C131.322638,147.669716 126.282717,152.968299 120.112747,153.970343 C117.659541,159.780761 117.974238,165.434985 121.185578,167.83797 C123.617328,169.661836 126.847741,170.02709 130.383315,168.772731 L130.385699,157.497925 C130.385699,152.281045 134.610268,147.979701 139.702639,147.979701 C141.862605,147.979701 143.879527,148.421851 145.784398,149.142746 C145.782014,149.142746 145.77963,149.140343 145.77963,149.140343 C145.965587,
4985145.593537 144.687727,142.753209 142.539681,141.109567 M121.805436,116.543851 C121.550341,114.84494 121.400144,113.088358 121.392992,111.358209 L126.583109,111.358209 C131.301181,111.461537 135.399395,113.393537 138.377097,116.185806 C138.474844,116.279522 148.948057,126.196642 147.839465,125.14894 C142.267897,130.281716 137.595122,131.848463 133.420618,131.060284 C132.168982,123.928224 127.624947,118.290821 121.805436,116.543851" 4986 fill="#000000" id="Layer---2"></path> 4987 </g> 4988 </g> 4989 </svg> </span> 4990 <span class="footer-brand footer-brand--1"> 4991 <svg aria-hidden="true" height="292px" version="1.1" viewbox="0 0 3200 292" width="3200px" 4992 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 4993 <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> 4994 <g> 4995 <rect height="292" width="3200" x="0" y="0"></rect> 4996 <path 4997 d="M224.440067,147.663469 C224.447219,147.663469 224.456756,147.661066 224.463908,147.658663 C225.620181,147.391931 226.800295,147.156439 228.001866,146.966603 C228.273649,146.920946 228.552585,146.904125 228.824369,146.863275 C229.76846,146.728707 230.714936,146.596543 231.668563,146.514842 C232.908279,146.411513 234.150379,146.356245 235.378174,146.356245 C236.751397,146.356245 238.098396,146.445155 239.428707,146.560499 C239.95797,146.608558 240.477697,146.671036 240.999808,146.733513 C241.734101,146.822424 242.458858,146.942573 243.181231,147.065125 C244.761868,147.336663 246.309129,147.68029 247.820628,148.105618 C249.637288,148.615051 251.420572,149.196573 253.122797,149.912663 C253.120413,144.313707 253.120413,138.707543 253.120413,133.952036 C253.106108,133.956842 253.08942,133.959245 253.072731,133.964051 C252.958296,133.990484 252.834324,134.014513 252.717505,134.040946 C252.224003,134.151484 251.725733,134.262021 251.203621,134.365349 C251.120179,134.38217 251.031969,134.394185 250.948526,134.411006 C250.383502,134.51914 249.811325,134.627275 249.224845,134.720991 C249.015046,134.754633 248.798096,134.781066 248.585914,134.812304 C248.116253,134.884394 247.646591,134.956484 247.167393,135.014155 C246.473629,135.09826 245.772713,135.167946 245.071797,135.218409 C238.846994,135.674976 232.638879,134.699364 230.798378,129.78526 C230.45984,128.886543 230.312028,127.915737 230.300108,126.91129 C230.24289,122.290349 233.411317,116.883633 237.991113,113.757349 C238.081708,113.692469 238.169918,113.625185 238.260513,113.56511 C238.355876,113.502633 238.453622,113.447364 238.551369,113.38729 C240.02234,112.450125 241.617282,111.738842 243.288514,111.368782 C243.255137,111.363976 243.22176,111.35917 243.185999,111.35917 L232.657952,111.35917 C232.138225,111.363976 231.656643,111.570633 231.301417,111.907051 L218.484664,124.037319 C216.763366,130.695991 213.27309,137.618991 208.092509,143.821096 C207.055439,145.063439 205.965919,146.224081 204.854943,147.343872 C196.994669,155.276125 187.525148,160.082096 179.221437,160.656409 C173.964566,161.021663 169.172588,159.716842 165.586949,156.395916 C160.282396,151.486618 158.196336,143.811484 159.250095,135.360185 C159.245326,135.357782 159.242942,135.355379 159.238174,135.352976 C158.322692,134.711379 157.43105,134.03614 156.570401,133.322454 C155.688296,132.591946 154.837184,131.822991 154.024216,131.005976 C154.024216,131.005976 152.739203,129.790066 150.917775,128.064722 C149.99514,127.190036 148.94615,126.197603 147.839942,125.149901 C142.270758,130.282678 137.595599,131.849424 133.423479,131.061245 C130.812924,130.56623 128.395478,129.158081 126.082932,127.105931 C124.008792,125.265245 122.494909,121.127304 121.805913,116.544812 C121.550817,114.843499 121.400621,113.089319 121.391085,111.35917 L113.986168,111.35917 C112.889496,111.35917 112.000238,112.255484 112.000238,113.358454 L112.000238,117.400275 L112.000238,152.721752 L112.000238,169.45614 C112.000238,174.990215 116.44891,179.474185 121.937036,179.474185 L125.784923,179.474185 L128.383558,179.471782 C129.484998,179.471782 130.379023,178.56826 130.379023,177.458081 L130.381408,168.77129 C126.845834,170.028051 123.617805,169.660394 121.183671,16
49977.838931 C117.977098,165.435946 117.657633,159.781722 120.115608,153.971304 C120.973873,151.935976 122.168291,149.881424 123.703631,147.939812 C126.481071,144.265648 129.84976,141.86026 133.089709,140.629931 C136.754023,139.238603 140.25622,139.365961 142.537773,141.110528 C144.685819,142.75417 145.966064,145.594499 145.777723,149.138901 C145.780107,149.138901 145.780107,149.141304 145.782491,149.141304 C151.106116,151.157409 155.523795,155.458752 159.571944,159.274693 C159.667307,159.366006 159.767437,159.459722 159.865184,159.551036 C160.074982,159.748081 160.28478,159.942722 160.492194,160.137364 C161.038146,160.6492 161.581714,161.151424 162.118129,161.629618 C162.89772,162.324081 163.655853,163.013737 164.402067,163.696185 C166.104292,165.250916 167.727843,166.752782 169.313248,168.129693 C169.3204,168.136901 169.329937,168.141707 169.339473,168.148916 C170.090455,168.800125 170.834284,169.422499 171.570961,170.004021 C171.578113,170.01123 171.585266,170.016036 171.590034,170.020842 C175.180441,172.851558 178.673102,174.778752 182.561518,174.778752 C189.685115,174.778752 195.478401,168.326737 203.002522,161.629618 C208.082972,157.109603 213.611627,150.746499 220.730456,148.672722 C220.742377,148.670319 220.751913,148.665513 220.763833,148.660707 C220.859196,148.629469 220.961711,148.610245 221.057074,148.581409 C221.116675,148.562185 221.183429,148.547767 221.243031,148.528543 C222.277717,148.213752 223.341011,147.918185 224.440067,147.663469" 4998 fill="#000000" id="Layer---1"></path> 4999 </g> 5000 </g> 5001 </svg> </span> 5002 </div> 5003 </div> 5004 </div> 5005 <div class="footer-content"> 5006 <div class="row"> 5007 <div class="xl-col-4 lg-col-4 md-col-12 sm-col-6 mb-3"> 5008 <ul class="unstyled"> 5009 <li class="footer-item footer-item--primary"> 5010 <a 5011 data-da-ul-descendant="true" 5012 href="/cn-zh/company.html" 5013 > 5014 å ¬å¸ </a> 5015 </li> 5016 <li class="footer-item footer-item--primary"> 5017 <a 5018 data-da-ul-descendant="true" 5019 href="/cn-zh/expertise.html" 5020 > 5021 ä¸å¡ä¸é¿ </a> 5022 </li> 5023 <li class="footer-item footer-item--primary"> 5024 <a 5025 data-da-ul-descendant="true" 5026 href="/cn-zh/company/responsibility.html" 5027 > 5028 å¯æç»åå± </a> 5029 </li> 5030 <li class="footer-item footer-item--primary"> 5031 <a 5032 data-da-ul-descendant="true" 5033 href="/cn-zh/research.html" 5034 > 5035 ç åä¸åæ° </a> 5036 </li> 5037 <li class="footer-item footer-item--primary"> 5038 <a 5039 data-da-ul-descendant="true" 5040 href="https://careers.merckgroup.com/cn/zh/" 5041 > 5042 èä¸åå± </a> 5043 </li> 5044 </ul> 5045 </div> 5046 <div class="xl-col-4 lg-col-4 md-col-4 sm-col-6 sm-hide mb-3"> 5047 5048 <div aria-hidden="true" class="footer-section-heading"> 5049 çå½ç§å¦ </div> 5050 5051 <ul aria-label="çå½ç§å¦" class="unstyled"> 5052 <li class="footer-item footer-item--secondary"> 5053 <a 5054 data-da-ul-descendant="true" 5055 href="/cn-zh/expertise/cl
5055inical-and-diagnostics.html" 5056 > 5057 临åºä¸è¯æ </a> 5058 </li> 5059 <li class="footer-item footer-item--secondary"> 5060 <a 5061 data-da-ul-descendant="true" 5062 href="/cn-zh/expertise/emerging-biotech.html" 5063 > 5064 æ°å ´çç©ç§æ </a> 5065 </li> 5066 <li class="footer-item footer-item--secondary"> 5067 <a 5068 data-da-ul-descendant="true" 5069 href="/cn-zh/expertise/environmental-testing.html" 5070 > 5071 ç¯å¢çæµ </a> 5072 </li> 5073 <li class="footer-item footer-item--secondary"> 5074 <a 5075 data-da-ul-descendant="true" 5076 href="/cn-zh/expertise/food-and-beverages.html" 5077 > 5078 é£åä¸é¥®æ </a> 5079 </li> 5080 <li class="footer-item footer-item--secondary"> 5081 <a 5082 data-da-ul-descendant="true" 5083 href="/cn-zh/expertise/government-and-academic-research.html" 5084 > 5085 æ¿åºä¸å¦æ¯ç 究 </a> 5086 </li> 5087 <li class="footer-item footer-item--secondary"> 5088 <a 5089 data-da-ul-descendant="true" 5090 href="/cn-zh/expertise/industrial.html" 5091 > 5092 å·¥ä¸ </a> 5093 </li> 5094 <li class="footer-item footer-item--secondary"> 5095 <a 5096 data-da-ul-descendant="true" 5097 href="/cn-zh/expertise/pharma-and-biopharma-manufacturing.html" 5098 > 5099 å¶è¯åçç©å¶è¯ </a> 5100 </li> 5101 <li class="footer-item footer-item--secondary"> 5102 <a 5103 data-da-ul-descendant="true" 5104 href="/cn-zh/expertise/pharma-quality-control.html" 5105 > 5106 è¯ç©è´¨éç®¡æ§ </a> 5107 </li> 5108 <li class="footer-item footer-item--secondary"> 5109 <a 5110 data-da-ul-descendant="true" 5111 href="/cn-zh/expertise/pharmaceutical-research.html"
5112 > 5113 å¶è¯ç 究 </a> 5114 </li> 5115 </ul> 5116 5117 </div> 5118 <div class="xl-col-4 lg-col-4 md-col-4 sm-col-6 sm-hide mb-3"> 5119 5120 <div aria-hidden="true" class="footer-section-heading"> 5121 å»è¯å¥åº· </div> 5122 5123 <ul aria-label="å»è¯å¥åº·" class="unstyled"> 5124 <li class="footer-item footer-item--secondary"> 5125 <a 5126 data-da-ul-descendant="true" 5127 href="/cn-zh/expertise/reproductive-department.html" 5128 > 5129 çæ®äºä¸é¨ </a> 5130 </li> 5131 <li class="footer-item footer-item--secondary"> 5132 <a 5133 data-da-ul-descendant="true" 5134 href="/cn-zh/expertise/general-medicine.html" 5135 > 5136 å¿è¡ç®¡ä¸ä»£è°¢äºä¸é¨ </a> 5137 </li> 5138 <li class="footer-item footer-item--secondary"> 5139 <a 5140 data-da-ul-descendant="true" 5141 href="/cn-zh/expertise/oncology.html" 5142 > 5143 è¿ç¤äºä¸é¨ </a> 5144 </li> 5145 <li class="footer-item footer-item--secondary"> 5146 <a 5147 data-da-ul-descendant="true" 5148 href="/cn-zh/expertise/medicialinfo.html" 5149 > 5150 å»å¦ä¿¡æ¯ </a> 5151 </li> 5152 <li class="footer-item footer-item--secondary"> 5153 <a 5154 data-da-ul-descendant="true" 5155 href="/cn-zh/expertise/ae_reporting.html" 5156 > 5157 ä¸è¯äºä»¶æ¥å </a> 5158 </li> 5159 <li class="footer-item footer-item--secondary"> 5160 <a 5161 data-da-ul-descendant="true" 5162 href="/cn-zh/expertise/reception.html" 5163 > 5164 å»è¯ä»£è¡¨å¤æ¡å ¬ç¤º </a> 5165 </li> 5166 </ul> 5167 5168 </div> 5169 <div class="xl-col-4 lg-col-4 md-col-4 sm-col-6 sm-hide mb-3"> 5170 5171 <div aria-hidden="true" class="footer-section-heading"> 5172 çµåç§æ </div> 5173 5174 <ul aria-label="çµåç§æ"
5174class="unstyled"> 5175 <li class="footer-item footer-item--secondary"> 5176 <a 5177 data-da-ul-descendant="true" 5178 href="" 5179 > 5180 å导ä½ç§æ </a> 5181 </li> 5182 <li class="footer-item footer-item--secondary"> 5183 <a 5184 data-da-ul-descendant="true" 5185 href="/cn-zh/expertise/electronics/technologies/thin-films.html" 5186 > 5187    èè </a> 5188 </li> 5189 <li class="footer-item footer-item--secondary"> 5190 <a 5191 data-da-ul-descendant="true" 5192 href="/cn-zh/expertise/electronics/technologies/planarization.html" 5193 > 5194    平å¦å </a> 5195 </li> 5196 <li class="footer-item footer-item--secondary"> 5197 <a 5198 data-da-ul-descendant="true" 5199 href="/cn-zh/expertise/electronics/technologies/patterninglithography.html" 5200 > 5201    å¾å½¢åå å» </a> 5202 </li> 5203 <li class="footer-item footer-item--secondary"> 5204 <a 5205 data-da-ul-descendant="true" 5206 href="/cn-zh/expertise/electronics/technologies/patterningcleans.html" 5207 > 5208    å¾å½¢åæ¸ æ´ </a> 5209 </li> 5210 <li class="footer-item footer-item--secondary"> 5211 <a 5212 data-da-ul-descendant="true" 5213 href="/cn-zh/expertise/electronics/technologies/specialty-gases.html" 5214 > 5215    ç¹ç§æ°ä½ </a> 5216 </li> 5217 <li class="footer-item footer-item--secondary"> 5218 <a 5219 data-da-ul-descendant="true" 5220 href="/cn-zh/expertise/electronics/technologies/delivery-systems-and-services.html"
5221 > 5222    çµåææä¾åºç³»ç»åæå¡ </a> 5223 </li> 5224 <li class="footer-item footer-item--secondary"> 5225 <a 5226 data-da-ul-descendant="true" 5227 href="/cn-zh/expertise/electronics/technologies/metrology-and-inspection.html" 5228 > 5229    éæµä¸æ£æµ </a> 5230 </li> 5231 <li class="footer-item footer-item--secondary"> 5232 <a 5233 data-da-ul-descendant="true" 5234 href="/cn-zh/expertise/electronics/technologies/optronics.html" 5235 > 5236 å çµç§æ </a> 5237 </li> 5238 <li class="footer-item footer-item--secondary"> 5239 <a 5240 data-da-ul-descendant="true" 5241 href="/cn-zh/expertise/el-2021-09-01.html" 5242 > 5243 æ°åå¦ç©è´¨é£é©ç®¡æ§æ åµå ¬ç¤º </a> 5244 </li> 5245 </ul> 5246 5247 </div> 5248 </div> 5249 <div class="md-hide lg-hide xl-hide"> 5250 <div class="row"> 5251 <div class="xl-col-4 lg-col-4 md-col-12 sm-col-6" role="tablist"> 5252 <ul class="footer-accordion-dropdown-wrapper"> 5253 <li class="accordion-dropdown footer-accordion-dropdown initiated"> 5254 <header 5255 aria-controls="dropdown-82" 5256 aria-expanded="true" 5257 aria-label="çå½ç§å¦" 5258 class="accordion-dropdown-header" 5259 role="tab" 5260 tabindex="0" 5261 > 5262 <div class="footer-accordion-dropdown-header"> 5263 <div aria-hidden="true" class="footer-section-heading"> 5264 çå½ç§å¦ </div> 5265 <div class="footer-accordion-dropdown-header-icon"> 5266 <span class="icon-caret-down"></span> 5267 </div> 5268 </div> 5269 </header> 5270 <div class="accordion-dropdown-content" data-da-style="true" id="dropdown-82" style="height:auto;"> 5271 <div class="footer-accordion-dropdown-content"> 5272 <ul class="unstyled"> 5273 <li class="footer-item footer-item--secondary"> 5274 <a 5275 data-da-ul-descendant="true" 5276 href="/cn-zh/expertise/cl
5276inical-and-diagnostics.html" 5277 tabindex="0" 5278 > 5279 临åºä¸è¯æ </a> 5280 </li> 5281 <li class="footer-item footer-item--secondary"> 5282 <a 5283 data-da-ul-descendant="true" 5284 href="/cn-zh/expertise/emerging-biotech.html" 5285 tabindex="0" 5286 > 5287 æ°å ´çç©ç§æ </a> 5288 </li> 5289 <li class="footer-item footer-item--secondary"> 5290 <a 5291 data-da-ul-descendant="true" 5292 href="/cn-zh/expertise/environmental-testing.html" 5293 tabindex="0" 5294 > 5295 ç¯å¢çæµ </a> 5296 </li> 5297 <li class="footer-item footer-item--secondary"> 5298 <a 5299 data-da-ul-descendant="true" 5300 href="/cn-zh/expertise/food-and-beverages.html" 5301 tabindex="0" 5302 > 5303 é£åä¸é¥®æ </a> 5304 </li> 5305 <li class="footer-item footer-item--secondary"> 5306 <a 5307 data-da-ul-descendant="true" 5308 href="/cn-zh/expertise/government-and-academic-research.html" 5309 tabindex="0" 5310 > 5311 æ¿åºä¸å¦æ¯ç 究 </a> 5312 </li> 5313 <li class="footer-item footer-item--secondary"> 5314 <a 5315 data-da-ul-descendant="true" 5316 href="/cn-zh/expertise/industrial.html" 5317 tabindex="0" 5318 > 5319 å·¥ä¸ </a> 5320 </li> 5321 <li class="footer-item footer-item--secondary"> 5322 <a 5323 data-da-ul-descendant="true" 5324 href="/cn-zh/expertise/pharma-and-biopharma-manufacturing.html" 5325 tabindex="0" 5326 > 5327 å¶è¯åçç©å¶è¯ </a> 5328 </li> 5329 <li class="footer-item footer-item--secondary"> 5330 <a 5331 data-da-ul-descendant="true" 5332 href="/cn-zh/expertise/pharma-quality-control.html" 5333 tabindex="0" 5334 > 5335 è¯ç©è´¨éç®¡æ§ </a> 5336 </li> 5337 <li class="footer-item footer-item--secondary"> 5338 <a 5339 data-da-ul-descendant="true" 5340 href="/cn-zh/expertise/pharmaceutical-research.html" 5341 tabindex="0" 5342 > 5343 å¶è¯ç 究 </a> 5344 </li> 5345 </ul> 5346 </div> 5347 </div> 5348 </li> 5349 <li class="accordion-dropdown footer-accordion-dropdown initiated"> 5350 <header 5351 aria-controls="dropdown-92" 5352 aria-expanded="true" 5353 aria-label="å»è¯å¥åº·" 5354 class="accordion-dropdown-header" 5355 role="tab" 5356 tabindex="0" 5357 > 5358 <div class="footer-accordion-dropdown-header"> 5359 <div aria-hidden="true" class="footer-section-heading"> 5360 å»è¯å¥åº· </div> 5361 <div class="footer-accordion-dropdown-header-icon">
5362 <span class="icon-caret-down"></span> 5363 </div> 5364 </div> 5365 </header> 5366 <div class="accordion-dropdown-content" data-da-style="true" id="dropdown-92" style="height:auto;"> 5367 <div class="footer-accordion-dropdown-content"> 5368 <ul class="unstyled"> 5369 <li class="footer-item footer-item--secondary"> 5370 <a 5371 data-da-ul-descendant="true" 5372 href="/cn-zh/expertise/reproductive-department.html" 5373 tabindex="0" 5374 > 5375 çæ®äºä¸é¨ </a> 5376 </li> 5377 <li class="footer-item footer-item--secondary"> 5378 <a 5379 data-da-ul-descendant="true" 5380 href="/cn-zh/expertise/general-medicine.html" 5381 tabindex="0" 5382 > 5383 å¿è¡ç®¡ä¸ä»£è°¢äºä¸é¨ </a> 5384 </li> 5385 <li class="footer-item footer-item--secondary"> 5386 <a 5387 data-da-ul-descendant="true" 5388 href="/cn-zh/expertise/oncology.html" 5389 tabindex="0" 5390 > 5391 è¿ç¤äºä¸é¨ </a> 5392 </li> 5393 <li class="footer-item footer-item--secondary"> 5394 <a 5395 data-da-ul-descendant="true" 5396 href="/cn-zh/expertise/medicialinfo.html" 5397 tabindex="0" 5398 > 5399 å»å¦ä¿¡æ¯ </a> 5400 </li> 5401 <li class="footer-item footer-item--secondary"> 5402 <a 5403 data-da-ul-descendant="true" 5404 href="/cn-zh/expertise/ae_reporting.html" 5405 tabindex="0" 5406 > 5407 ä¸è¯äºä»¶æ¥å </a> 5408 </li> 5409 <li class="footer-item footer-item--secondary"> 5410 <a 5411 data-da-ul-descendant="true" 5412 href="/cn-zh/expertise/reception.html" 5413 tabindex="0" 5414 > 5415 å»è¯ä»£è¡¨å¤æ¡å ¬ç¤º </a> 5416 </li> 5417 </ul> 5418 </div> 5419 </div> 5420 </li> 5421 <li class="accordion-dropdown footer-accordion-dropdown initiated"> 5422 <header 5423 aria-controls="dropdown-99" 5424 aria-expanded="true" 5425 aria-label="çµåç§æ" 5426 class="accordion-dropdown-header" 5427 role="tab" 5428 tabindex="0" 5429 > 5430 <div class="footer-accordion-dropdown-header"> 5431 <div aria-hidden="true" class="footer-section-heading"> 5432 çµåç§æ </div> 5433 <div class="footer-accordion-dropdown-header-icon">
5434 <span class="icon-caret-down"></span> 5435 </div> 5436 </div> 5437 </header> 5438 <div class="accordion-dropdown-content" data-da-style="true" id="dropdown-99" style="height:auto;"> 5439 <div class="footer-accordion-dropdown-content"> 5440 <ul class="unstyled"> 5441 <li class="footer-item footer-item--secondary"> 5442 <a 5443 data-da-ul-descendant="true" 5444 href="" 5445 tabindex="0" 5446 > 5447 å导ä½ç§æ </a> 5448 </li> 5449 <li class="footer-item footer-item--secondary"> 5450 <a 5451 data-da-ul-descendant="true" 5452 href="/cn-zh/expertise/electronics/technologies/thin-films.html" 5453 tabindex="0" 5454 > 5455    èè </a> 5456 </li> 5457 <li class="footer-item footer-item--secondary"> 5458 <a 5459 data-da-ul-descendant="true" 5460 href="/cn-zh/expertise/electronics/technologies/planarization.html" 5461 tabindex="0" 5462 > 5463    平å¦å </a> 5464 </li> 5465 <li class="footer-item footer-item--secondary"> 5466 <a 5467 data-da-ul-descendant="true" 5468 href="/cn-zh/expertise/electronics/technologies/patterninglithography.html" 5469 tabindex="0" 5470 > 5471    å¾å½¢åå å» </a> 5472 </li> 5473 <li class="footer-item footer-item--secondary"> 5474 <a 5475 data-da-ul-descendant="true" 5476 href="/cn-zh/expertise/electronics/technologies/patterningcleans.html" 5477 tabindex="0" 5478 > 5479    å¾å½¢åæ¸ æ´ </a> 5480 </li> 5481 <li class="footer-item footer-item--secondary"> 5482 <a 5483 data-da-ul-descendant="true" 5484 href="/cn-zh/expertise/electronics/technologies/specialty-gases.html" 5485 tabindex="0" 5486 > 5487    ç¹ç§æ°ä½ </a> 5488 </li> 5489 <li class="footer-item footer-item--secondary"> 5490 <a 5491 data-da-ul-descendant="true" 5492 href="/cn-zh/expertise/electronics/technologies/delivery-systems-and-services.html" 5493 tabindex="0" 5494 > 5495    çµåææä¾åºç³»ç»åæå¡ </a> 5496 </li> 5497 <li class="footer-item footer-item--secondary"> 5498 <a 5499 data-da-ul-descendant="true" 5500 href="/cn-zh/expertise/electronics/technologies/metrology-and-inspection.html" 5501 tabindex="0" 5502 > 5503    éæµä¸æ£æµ </a> 5504 </li> 5505 <li class="footer-item footer-item--secondary"> 5506 <a 5507 data-da-ul-descendant="true" 5508 href="/cn-zh/expertise/electronics/technologies/optronics.html" 5509 tabindex="0" 5510 > 5511 å çµç§æ </a> 5512 </li> 5513 <li class="footer-item footer-item--secondary"> 5514 <a 5515 data-da-ul-descendant="true" 5516 href="/cn-zh/expertise/el-2021-09-01.html" 5517 tabindex="0" 5518 > 5519 æ°åå¦ç©è´¨é£é©ç®¡æ§æ åµå ¬ç¤º </a> 5520 </li> 5521 </ul> 5522 </div> 5523 </div> 5524 </li> 5525 </ul> 5526 </div> 5527 </div> 5528 </div> 5529 <div class="footer-social"> 5530 <div class="row"> 5531 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16"> 5532 </div> 5533 </div> 5534 </div> 5535 <div class="footer-disclaimer"> 5536 <div class="row mb-3"> 5537 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16"> 5538 <hr /> 5539 </div> 5540 </div> 5541 <div class="row"> 5542 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16"> 5543 <p class="footer-disclaimer-title tiny"> </p> 5544 <div class="footer-disclaimer-description"> 5545 <p data-da-style="true" style="text-align: left;"> 5546 Copyright © 2026 é»å æèµï¼ä¸å½ï¼æéå ¬å¸ 5547 5548 5549 5550 5551 <a aria-describedby="open-new-window" 5552 href="http://shanghai.gov.cn" rel="noopener" target="_blank"> 5553 ç½å®å¤æ¡31011502008507å· </a> 5554 <a aria-describedby="open-new-window" 5555 href="http://beian.miit.gov.cn" rel="noopener" target="_blank"> 5556 沪ICPå¤18032235å· </a><b></b> 5557 </p> 5558 </div> 5559 <hr /> 5560 </div> 5561 </div> 5562 </div> 5563 <div class="footer-detail"> 5564 <div class="row"> 5565 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16"> 5566 <div class="footer-copyright"> 5567 <p class="small"> </p> 5568 </div> 5569 </div> 5570 <div class="sm-col-6 md-col-12 lg-col-16 xl-col-16"> 5571 <div class="footer-legal"> 5572 <ul class="unstyled small flush-bottom"> 5573 <li class="footer-legal-item"> 5574 <a 5575 data-da-ul-descendant="true" 5576 href="/cn-zh/sitemap.html"
5577 > 5578 ç«ç¹å°å¾ </a> 5579 </li> 5580 <li class="footer-legal-item"> 5581 <a 5582 data-da-ul-descendant="true" 5583 href="/cn-zh/legal-disclaimer.html" 5584 > 5585 å 责声æ </a> 5586 </li> 5587 <li class="footer-legal-item"> 5588 <a 5589 data-da-ul-descendant="true" 5590 href="/cn-zh/privacy-statement.html" 5591 > 5592 éç§å£°æ </a> 5593 </li> 5594 <li class="footer-legal-item"> 5595 <a 5596 data-da-ul-descendant="true" 5597 href="/cn-zh/terms-of-use.html" 5598 > 5599 使ç¨æ¡æ¬¾ </a> 5600 </li> 5601 </ul> 5602 </div> 5603 </div> 5604 </div> 5605 </div> 5606 </div> 5607 </div> 5608 </div> 5609 </footer> 5610 </div> 5611 </div> 5612 </div> 5613 </div> 5614 <div> 5615 </div> 5616 <div class="lightbox" tabindex="0"> 5617 <div class="lightbox-outerbox"></div> 5618 <span aria-label="close" class="close" role="button"></span> 5619 <div class="lightbox-content"> 5620 <div class="lightbox-content-article"> 5621 </div> 5622 </div> 5623 </div> 5624</div> 5625<div class="common"> 5626</div>
5627<script src="/js/padding.min.ACSHASHc71d2efccb0ccf2e1fd4d453f0d09b2f.js"></script>
vendor: 2 bytes, line 5627
5627
5628<script src="/js/links.min.ACSHASHc7f9e88d3daee44be8478487d2a29a18.js"></script>
5628 5629<div data-da-style="true" id="open-new-window" style="display: none;"> 5630 Opens in a new window 5631</div>
5632<script src="/js/clientlibs_social.min.ACSHASHccb8916984589575280ab443a2090877.js"></script>
vendor: 2 bytes, line 5632
5632
5633<script src="/js/assets.min.ACSHASH27debc9b0637e95194b84f802973d040.js"></script>
vendor: 2 bytes, line 5633
5633
5634<script type="text/javascript"> 5635 5636 var pathInfoVar = "\/content\/corporate\/communications\/china\u002Dcountry\u002Dsite\/zh\/expertise\/displays"; 5637 if (pathInfoVar != 'undefined') { 5638 pathInfoVar = pathInfoVar.replace(/\//g, "|"); 5639 } 5640 5641 //variable definition 5642 var emdDL = { 5643 "pageInfo": { 5644 pageName: "displays", 5645 PageURL: "https://www.merckgroup.com.cn:443/cn-zh/expertise/electronics/technologies/optronics.html", 5646 siteSection: "ä¸å¡ä¸é¿", 5647 hierarchy: pathInfoVar, 5648 }, 5649 "contentInfo": { 5650 title: "æ¾ç¤ºç§æ", 5651 contenttype: "æ¾ç¤ºç§æ", 5652 topics: "æ¾ç¤ºç§æ", 5653 publishDate: "Mon Aug 04 08:52:55 UTC 2025", 5654 pageType: "Unauthenticated", 5655 behavior_driver: "", 5656 }, 5657 "attributes": { 5658 country: "CN", 5659 site_owner: "CC", 5660 franchise: "", 5661 site_name: "EXPAND", 5662 language: "zh_cn", 5663 campaign: "", 5664 brand: "", 5665 indication: "" 5666 } 5667 }; 5668</script>
5668 5669<!-- DigiAccess Start by zheng zhou --> 5670<div data-da-style="true" id="service-accessibe" style="display: none"> 5671 { "hoverLabelAccessibe": "DigiAccess"} 5672</div>
5673<script defer="" id="dacs"> 5674 let scriptDataString; 5675 let lang = localStorage.getItem('language'); if (lang === null || lang === undefined || lang === '') { 5676 let pageLanguage = document.documentElement.lang; 5677 5678 if (pageLanguage) { 5679 if (pageLanguage.length > 2) { 5680 pageLanguage = pageLanguage.split('-')[0]; 5681 } lang = pageLanguage; 5682 } else { 5683 lang = 'de'; 5684 } 5685 } 5686 5687 async function logJSONData() { 5688 const response = await fetch(`https://download.digiaccess.org/digiaccess/tool?lang=${lang}`); 5689 scriptDataString = await response.text(); 5690 const searchRegExp = /\_0x12cd\b/g; 5691 const replaceWith = 'newVarDigiAccessMerck'; 5692 const result = scriptDataString.replaceAll(searchRegExp, replaceWith); eval(result); 5693 } logJSONData(); 5694</script>
5694 5695<digiaccess-widget></digiaccess-widget> 5696<!-- DigAccess --> 5697 5698<!-- åé¡¶é¨ --> 5699<div class="back-to-top" data-loaded="true" data-script="backToTop"> 5700 <i class="icon icon-simple-arrow"></i> 5701</div>
5702<script> 5703 document.addEventListener('DOMContentLoaded', function() { 5704 const backToTop = document.querySelector('.back-to-top'); 5705 5706 if (!backToTop) return; 5707 5708 window.addEventListener('scroll', function() { 5709 if (window.scrollY > 200) { // æ»å¨è¶ è¿200pxæ¾ç¤º 5710 backToTop.classList.add('back-to-top-shown'); 5711 } else { 5712 backToTop.classList.remove('back-to-top-shown'); 5713 } 5714 }); 5715 5716 backToTop.addEventListener('click', function() { 5717 window.scrollTo({ top: 0, behavior: 'smooth' }); 5718 }); 5719}); 5720</script>
5720 5721<!-- --> 5722<noscript> 5723 <img 5724 src="https://www.merckgroup.com.cn/akam/13/pixel_5ee5f1eb?a=dD0yZmM0MTk2YWYwZjNjYzExMjJkNGIyZjY4YjM0ODBkMWIyZWU1Mzg2JmpzPW9mZg==" 5725 style="visibility: hidden; position: absolute; left: -999px; top: -999px;" /> 5726</noscript> 5727<div class="new-tooltip"></div> 5728<div class="da-modal-backdrop da-tool" id="da-modal" role="dialog"> 5729 <div class="da-tool" id="da-modal-content"> 5730 <button aria-label="Close" class="da-tool" id="da-modal-close">x</button> 5731 <div class="da-tool" id="da-modal-info"> 5732 </div> 5733 </div> 5734</div> 5735</body> 5736 5737 5738 5739
5739<script> 5740 (function ($) { 5741 function initMediaGallery($gallery) { 5742 const $items = $gallery.find('.media-gallery-item'); 5743 const total = $items.length; 5744 5745 let currentIndex = 0; 5746 5747 // åå§åæ»æ° 5748 $gallery.find('.imagesTotal').text(total); 5749 5750 function update() { 5751 $items.each(function (i) { 5752 const offset = (i - currentIndex) * 100; 5753 $(this).css('left', offset + '%'); 5754 }); 5755 5756 $gallery.find('.imageNumber').text(currentIndex + 1); 5757 } 5758 5759 // åå§å®ä½ 5760 update(); 5761 5762 // ä¸ä¸å¼ 5763 $gallery.find('.media-gallery-nav-right') 5764 .off('.customGallery') 5765 .on('click.customGallery', function (e) { 5766 e.preventDefault(); 5767 e.stopPropagation(); 5768 5769 currentIndex = (currentIndex + 1) % total; 5770 update(); 5771 }); 5772 5773 // ä¸ä¸å¼ 5774 $gallery.find('.media-gallery-nav-left') 5775 .off('.customGallery') 5776 .on('click.customGallery', function (e) { 5777 e.preventDefault(); 5778 e.stopPropagation(); 5779 5780 currentIndex = (currentIndex - 1 + total) % total; 5781 update(); 5782 }); 5783 } 5784 5785 // 页é¢ä¸å¯è½æå¤ä¸ª 5786 $('.media-gallery-comp').each(function () { 5787 initMediaGallery($(this)); 5788 }); 5789 5790 })(jQuery); 5791 5792 </script>
5792 5793 5794
5795<script> 5796(function () { 5797 console.log('[carousel] script loaded'); 5798 5799 let index = 0; 5800 5801 function getState() { 5802 const container = document.querySelector('.brochure-grid-component-elements'); 5803 const items = container 5804 ? container.querySelectorAll('.brochure-grid-element') 5805 : []; 5806 5807 console.log('[carousel] getState', { 5808 container: !!container, 5809 itemsCount: items.length 5810 }); 5811 5812 return { container, items }; 5813 } 5814 5815 function itemWidth(items) { 5816 const w = items[0].offsetWidth; 5817 console.log('[carousel] itemWidth =', w); 5818 return w; 5819 } 5820 5821 function visibleCount(container, items) { 5822 const count = Math.floor(container.offsetWidth / itemWidth(items)) || 1; 5823 console.log('[carousel] visibleCount =', count); 5824 return count; 5825 } 5826 5827 function updateButtons(index, container, items) { 5828 const prev = document.querySelector('.icon-arrow-carousel--previous'); 5829 const next = document.querySelector('.icon-arrow-carousel--next'); 5830 5831 if (!prev || !next) { 5832 console.warn('[carousel] buttons not found'); 5833 return; 5834 } 5835 5836 const maxIndex = items.length - visibleCount(container, items); 5837 5838 prev.disabled = index === 0; 5839 next.disabled = index >= maxIndex; 5840 5841 prev.classList.toggle('icon-arrow-carousel--disabled', prev.disabled); 5842 next.classList.toggle('icon-arrow-carousel--disabled', next.disabled); 5843 5844 console.log('[carousel] updateButtons', { 5845 index, 5846 maxIndex, 5847 prevDisabled: prev.disabled, 5848 nextDisabled: next.disabled 5849 }); 5850 } 5851 5852 function scroll(container, items) { 5853 const left = index * itemWidth(items); 5854 5855 console.log('[carousel] scrollTo', { 5856 index, 5857 left 5858 }); 5859 5860 container.scrollTo({ 5861 left, 5862 behavior: 'smooth' 5863 }); 5864 5865 updateButtons(index, container, items); 5866 } 5867 5868 window.addEventListener('click', function (e) { 5869 console.log('[carousel] window click', e.target); 5870 5871 const nextBtn = e.target.closest('.icon-arrow-carousel--next'); 5872 const prevBtn = e.target.closest('.icon-arrow-carousel--previous'); 5873 5874 console.log('[carousel] button match', { 5875 next: !!nextBtn, 5876 prev: !!prevBtn 5877 }); 5878 5879 if (!nextBtn && !prevBtn) return; 5880 5881 const { container, items } = getState(); 5882 if (!container || !items.length) { 5883 console.warn('[carousel] missing container or items'); 5884 return; 5885 } 5886 5887 const maxIndex = items.length - visibleCount(container, items); 5888 5889 if (nextBtn && index < maxIndex) { 5890 index++; 5891 console.log('[carousel] next clicked, new index =', index); 5892 } 5893 5894 if (prevBtn && index > 0) { 5895 index--; 5896 console.log('[carousel] prev clicked, new index =', index); 5897 } 5898 5899 scroll(container, items); 5900 }); 5901 5902 window.addEventListener('resize', function () { 5903 console.log('[carousel] window resize'); 5904 const { container, items } = getState(); 5905 if (container && items.length) { 5906 updateButtons(index, container, items); 5907 } 5908 }); 5909 5910})(); 5911</script>
5911 5912
5913<script> 5914 5915 (function () { 5916 const VISIBLE_COUNT = 4; 5917 5918 function log(...args) { 5919 console.log('[carousel]', ...args); 5920 } 5921 5922 function initCarousel(wrapper) { 5923 const list = wrapper.querySelector('.brochure-grid-component-elements'); 5924 const items = Array.from(list?.children || []); 5925 const prevBtn = wrapper.querySelector('.icon-arrow-carousel--previous'); 5926 const nextBtn = wrapper.querySelector('.icon-arrow-carousel--next'); 5927 5928 if (!list || items.length === 0 || !prevBtn || !nextBtn) { 5929 log('init failed', { list, items: items.length, prevBtn, nextBtn }); 5930 return; 5931 } 5932 5933 // ð¥ å ³é®ï¼å½»åºç§»é¤ disabledï¼å¦å click ä¸ä¼è§¦å 5934 prevBtn.removeAttribute('disabled'); 5935 nextBtn.removeAttribute('disabled'); 5936 5937 const total = items.length; 5938 const maxPage = Math.ceil(total / VISIBLE_COUNT) - 1; 5939 let page = 0; 5940 5941 function render() { 5942 const firstIndex = page * VISIBLE_COUNT; 5943 const lastIndex = firstIndex + VISIBLE_COUNT - 1; 5944 5945 log('render', { page, firstIndex, lastIndex }); 5946 5947 items.forEach((li, i) => { 5948 li.classList.remove( 5949 'brochure-grid-element--hidden', 5950 'brochure-grid-element--first' 5951 ); 5952 5953 if (i < firstIndex || i > lastIndex) { 5954 li.classList.add('brochure-grid-element--hidden'); 5955 } 5956 5957 if (i === firstIndex) { 5958 li.classList.add('brochure-grid-element--first'); 5959 } 5960 }); 5961 5962 const prevDisabled = page === 0; 5963 const nextDisabled = page === maxPage; 5964 5965 prevBtn.classList.toggle( 5966 'icon-arrow-carousel--disabled', 5967 prevDisabled 5968 ); 5969 nextBtn.classList.toggle( 5970 'icon-arrow-carousel--disabled', 5971 nextDisabled 5972 ); 5973 5974 log('buttons', { prevDisabled, nextDisabled }); 5975 } 5976 5977 prevBtn.addEventListener('click', (e) => { 5978 log('prev click', page); 5979 5980 if (page === 0) { 5981 log('prev blocked'); 5982 e.preventDefault(); 5983 return; 5984 } 5985 5986 page--; 5987 render(); 5988 }); 5989 5990 nextBtn.addEventListener('click', (e) => { 5991 log('next click', page); 5992 5993 if (page === maxPage) { 5994 log('next blocked'); 5995 e.preventDefault(); 5996 return; 5997 } 5998 5999 page++; 6000 render(); 6001 }); 6002 6003 render(); 6004 } 6005 6006 document 6007 .querySelectorAll('.brochure-grid-container--carousel') 6008 .forEach(initCarousel); 6009})(); 6010</script>
6010 6011</html> 6012
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.