@font-face { font-family: 'Figtree'; src: url('/gsfiles/css/fonts/Figtree/Figtree-Regular.ttf') format('ttf'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Figtree'; src: url('/gsfiles/css/fonts/Figtree/Figtree-Medium.ttf') format('ttf'); font-weight: 500; font-style: normal; font-display: swap; } /* (SemiBold) */ @font-face { font-family: 'Figtree'; src: url('/gsfiles/css/fonts/Figtree/Figtree-SemiBold.ttf') format('ttf'); font-weight: 600; font-style: normal; font-display: swap; } /* (Bold) */ @font-face { font-family: 'Figtree'; src: url('/gsfiles/css/fonts/Figtree/Figtree-Bold.ttf') format('ttf'); font-weight: 700; font-style: normal; font-display: swap; } /* 字体 */ body, a, #footer.footer { font-family: "Figtree", "Poppins", sans-serif !important; } /* 字体 */ /* genScript-overview-2022 */ .genScript-overview-2022 { margin-top: 120px; } .genScript-overview-2022.no-banner { margin-top: 0px; } .sub-page .imgBanner, .genScript-overview-2022 .imgBanner { max-height: 430px; overflow: hidden; } .third-page .imgBanner { max-height: 430px; } .sub-page .imgBanner-text { max-height: 430px; } .third-page .imgBanner-text { height: 100%; } .genscript_level_3-2022 .banner-text { height: 100%; } .genScript-overview-2022 .imgBanner-text { left: 50%; transform: translate(-50%, 0); height: 100%; } /* 二级页面替换图片, 三级页面,四级页面等 直接加一个背景颜色 */ .genScript-overview-2022 .banner-sub-title { margin-top: 20px; margin-bottom: 30px; font-weight: 200; font-size: 21px; max-width:800px } .genScript-overview-2022 .imgBanner, .genScript-overview-2022 .banner { position: relative; } .genScript-overview-2022 .imgBanner .container, .genScript-overview-2022 .banner .container { z-index: 3; } .genScript-overview-2022 .banner:before, .genScript-overview-2022 .imgBanner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .genScript-overview-2022 .boxTitle { line-height: 1.3; font-weight: 700; text-align: left; } .genScript-overview-2022 .boxTitle.mb-40 { margin-bottom: 30px; } .genScript-overview-2022 .boxSubTitle { font-size: 18px; } /* antibody banner start */ /* .genScript-overview-2022.Antibody-subject .banner:before, .genScript-overview-2022.Antibody-subject .imgBanner:before, .genScript-overview-2022.Cell-subject .banner:before, .genScript-overview-2022.Cell-subject .imgBanner:before { background: rgba(231, 37, 70, 0.7); } */ /* antibody banner end*/ /* MB banner start */ /* .genScript-overview-2022.MB-subject .banner:before, .genScript-overview-2022.MB-subject .imgBanner:before, .genScript-overview-2022.ML-subject .banner:before, .genScript-overview-2022.ML-subject .imgBanner:before, .genScript-overview-2022.IVTRNA-subject .banner:before, .genScript-overview-2022.IVTRNA-subject .imgBanner:before { background: rgba(18, 30, 110, 0.7); } */ /* MB banner end*/ /* peptide banner start */ /* .genScript-overview-2022.Peptide-subject .banner:before, .genScript-overview-2022.Peptide-subject .imgBanner:before { background: rgba(95, 176, 53, 0.7); } */ /* peptide banner end */ /* oligo banner start */ /* .genScript-overview-2022.Oligo-subject .banner:before, .genScript-overview-2022.Oligo-subject .imgBanner:before, .genScript-overview-2022.CRISPR-subject .banner:before, .genScript-overview-2022.CRISPR-subject .imgBanner:before { background: rgba(64, 196, 255, 0.7); } */ /* oligo banner end */ /* protein banner start */ /* .genScript-overview-2022.Protein-subject .banner:before, .genScript-overview-2022.Protein-subject .imgBanner:before { background: rgba(64, 11, 83, 0.7); } */ /* protein banner end */ /* 锚点导航 start */ .genScript-overview-2022 .LinkNav .LinkNav-button-link { padding: 0 30px; display: inline-block; height: 36px; line-height: 36px; color: #333333; font-size: 16px; border: 1px solid #333333; border-radius: 50px; background: #ffffff; } /* MB + mRNA + ML #121e6e */ .genScript-overview-2022.MB-subject .LinkNav .nav-link.active, .genScript-overview-2022.MB-subject .LinkNav .nav-link:hover, .mRNA-subject .LinkNav .nav-link.active, .genScript-overview-2022.mRNA-subject .LinkNav .nav-link:hover, .genScript-overview-2022.IVTRNA-subject .LinkNav .nav-link.active, .genScript-overview-2022.IVTRNA-subject .LinkNav .nav-link:hover, .genScript-overview-2022.ML-subject .LinkNav .nav-link.active, .genScript-overview-2022.ML-subject .LinkNav .nav-link:hover { color: #121e6e !important; border-bottom: 2px solid #121e6e; background: #ffffff; } .genScript-overview-2022.MB-subject .LinkNav .LinkNav-button-link, .genScript-overview-2022.mRNA-subject .LinkNav .LinkNav-button-link, .genScript-overview-2022.IVTRNA-subject .LinkNav .LinkNav-button-link, .genScript-overview-2022.ML-subject .LinkNav .LinkNav-button-link { color: #121e6e; border: 1px solid #121e6e; } .genScript-overview-2022.MB-subject .LinkNav .LinkNav-button-link:hover, .genScript-overview-2022.mRNA-subject .LinkNav .LinkNav-button-link:hover, .genScript-overview-2022.IVTRNA-subject .LinkNav .LinkNav-button-link:hover, .genScript-overview-2022.ML-subject .LinkNav .LinkNav-button-link:hover { background: #121e6e; color: #ffffff; } .genScript-overview-2022.MB-subject .LinkNav .LinkNav-button-link.active, .genScript-overview-2022.mRNA-subject .LinkNav .LinkNav-button-link.active, .genScript-overview-2022.IVTRNA-subject .LinkNav .LinkNav-button-link.active, .genScript-overview-2022.ML-subject .LinkNav .LinkNav-button-link.active { color: #ffffff; border: 1px solid #121e6e; background: #121e6e; } .genScript-overview-2022.MB-subject .LinkNav .LinkNav-button-link.active:hover, .genScript-overview-2022.mRNA-subject .LinkNav .LinkNav-button-link.active:hover, .genScript-overview-2022.IVTRNA-subject .LinkNav .LinkNav-button-link.active:hover, .genScript-overview-2022.ML-subject .LinkNav .LinkNav-button-link.active:hover { background: #000A46; color: #fff; border: 1px solid #000A46; } /* Peptide #5FB035 */ .genScript-overview-2022.Peptide-subject .LinkNav .nav-link.active, .genScript-overview-2022.Peptide-subject .LinkNav .nav-link:hover { color: #5FB035 !important; border-bottom: 2px solid #5FB035; } .genScript-overview-2022.Peptide-subject .LinkNav .LinkNav-button-link { color: #5FB035; border: 1px solid #5FB035; background: #ffffff; } .genScript-overview-2022.Peptide-subject .LinkNav .LinkNav-button-link:hover { background: #5FB035; color: #ffffff; } .genScript-overview-2022.Peptide-subject .LinkNav .LinkNav-button-link.active { color: #ffffff; border: 1px solid #5FB035; background: #5FB035; } .genScript-overview-2022.Peptide-subject .LinkNav .LinkNav-button-link.active:hover { background: #3e8819; color: #fff; border: 1px solid #3e8819; } /* Protein #400B53 */ .genScript-overview-2022.Protein-subject .LinkNav .nav-link.active, .genScript-overview-2022.Protein-subject .LinkNav .nav-link:hover { color: #400B53 !important; border-bottom: 2px solid #400B53; } .genScript-overview-2022.Protein-subject .LinkNav .LinkNav-button-link { color: #400B53; border: 1px solid #400B53; background: #ffffff; } .genScript-overview-2022.Protein-subject.LinkNav .LinkNav-button-link:hover { background: #400B53; color: #ffffff; } .genScript-overview-2022.Protein-subject .LinkNav .LinkNav-button-link.active { color: #ffffff; border: 1px solid #400B53; background: #400B53; } .genScript-overview-2022.Protein-subject .LinkNav .LinkNav-button-link.active:hover { background: #290436; color: #fff; border: 1px solid #290436; } /* Antibody + Cell line #E72546*/ .genScript-overview-2022.Antibody-subject .LinkNav .nav-link.active, .genScript-overview-2022.Antibody-subject .LinkNav .nav-link:hover, .genScript-overview-2022.Cell-subject .LinkNav .nav-link.active, .genScript-overview-2022.Cell-subject .LinkNav .nav-link:hover { color: #E72546 !important; border-bottom: 2px solid #E72546; } .genScript-overview-2022.Antibody-subject .LinkNav .LinkNav-button-link, .genScript-overview-2022.Cell-subject .LinkNav .LinkNav-button-link { color: #E72546; border: 1px solid #E72546; background: #ffffff; } .genScript-overview-2022.Antibody-subject .LinkNav .LinkNav-button-link:hover, .genScript-overview-2022.Cell-subject .LinkNav .LinkNav-button-link:hover { background: #E72546; color: #ffffff; } .genScript-overview-2022.Antibody-subject .LinkNav .LinkNav-button-link.active, .genScript-overview-2022.Cell-subject .LinkNav .LinkNav-button-link.active { color: #ffffff; border: 1px solid #E72546; background: #E72546; } .genScript-overview-2022.Antibody-subject .LinkNav .LinkNav-button-link.active:hover, .genScript-overview-2022.Cell-subject .LinkNav .LinkNav-button-link.active:hover { background: #be0e2b; color: #fff; border: 1px solid #be0e2b; } /* CRISPR + Oligo #40C4FF */ .genScript-overview-2022.CRISPR-subject .LinkNav .nav-link.active, .genScript-overview-2022.CRISPR-subject .LinkNav .nav-link:hover, .genScript-overview-2022.Oligo-subject .LinkNav .nav-link.active, .genScript-overview-2022.Oligo-subject .LinkNav .nav-link:hover { color: #40C4FF !important; border-bottom: 2px solid #40C4FF; } .genScript-overview-2022.CRISPR-subject .LinkNav .LinkNav-button-link, .genScript-overview-2022.Oligo-subject .LinkNav .LinkNav-button-link { color: #40C4FF; border: 1px solid #40C4FF; background: #ffffff; } .genScript-overview-2022.CRISPR-subject .LinkNav .LinkNav-button-link:hover, .genScript-overview-2022.Oligo-subject .LinkNav .LinkNav-button-link:hover { background: #40C4FF; color: #ffffff; } .genScript-overview-2022.CRISPR-subject .LinkNav .LinkNav-button-link.active, .genScript-overview-2022.Oligo-subject .LinkNav .LinkNav-button-link.active { color: #ffffff; border: 1px solid #40C4FF; background: #40C4FF; } .genScript-overview-2022.CRISPR-subject .LinkNav .LinkNav-button-link.active:hover, .genScript-overview-2022.Oligo-subject .LinkNav .LinkNav-button-link.active:hover { background: #1fa0db; color: #fff; border: 1px solid #1fa0db; } /* */ /* 锚点导航 end */ /* button start */ .genScript-overview-2022 .genScriptForm .genScriptForm-submit { border-radius: 30px; font-weight: 600; background-color: #121e6e !important; border: 1px solid #121e6e !important; } .genScript-overview-2022 .button-sub, .genScript-overview-2022 .button-main { line-height: 1; white-space: nowrap; text-decoration: none; text-transform: capitalize; text-align: center; cursor: pointer; border-radius: 50px; font-weight: 600; } .genScript-overview-2022 .button-md { font-size: 18px; } .genScript-overview-2022 .LinkNav .LinkNav-button-link { padding: 0 30px; display: inline-block; height: 36px; line-height: 36px; font-size: 16px; } .genScript-overview-2022 .button-banner { min-width: 180px; padding: 11px 35px; font-size: 20px; font-weight: 600; border: none; color: #ffffff; border-radius: 30px; text-decoration: none; } .genScript-overview-2022 .button-banner:hover { border: none; color: #ffffff !important; text-decoration: none; } .genScript-overview-2022 .button-main.button-white { border: 1px solid #ffffff !important; background: #ffffff !important; color: #333333 !important; text-decoration: none; } .genScript-overview-2022 .button-main.button-white:hover { border: 1px solid #ffffff !important; background: transparent !important; color: #ffffff !important; text-decoration: none; } .genScript-overview-2022 .button-sub.button-white { border: 1px solid #ffffff !important; background: transparent !important; color: #ffffff !important; text-decoration: none; } .genScript-overview-2022 .button-sub.button-white:hover { border: 1px solid #ffffff !important; background: #ffffff !important; color: #333333 !important; text-decoration: none; } /* MB + mRNA + ML */ .MB-subject .button-banner, .mRNA-subject .button-banner, .IVTRNA-subject .button-banner, .ML-subject .button-banner { background: #0e38cd; } .MB-subject .button-banner:hover, .mRNA-subject .button-banner:hover, .IVTRNA-subject .button-banner:hover, .ML-subject .button-banner:hover { background: linear-gradient(to right, #0c30ae, #3a60e8); } .genScript-overview-2022.MB-subject .button-main, .genScript-overview-2022.mRNA-subject .button-main, .genScript-overview-2022.IVTRNA-subject .button-main, .genScript-overview-2022.ML-subject .button-main { color: #fff; background: #121e6e; border: 1px solid #121e6e; } .genScript-overview-2022.MB-subject .button-main:hover, .genScript-overview-2022.mRNA-subject .button-main:hover, .genScript-overview-2022.IVTRNA-subject .button-main:hover, .genScript-overview-2022.ML-subject .button-main:hover { background: #000A46; color: #fff; border: 1px solid #000A46; } .genScript-overview-2022.MB-subject .button-sub, .genScript-overview-2022.mRNA-subject .button-sub, .genScript-overview-2022.IVTRNA-subject .button-sub, .genScript-overview-2022.ML-subject .button-sub { border: 1px solid #121e6e; color: #121e6e; } .genScript-overview-2022.MB-subject .button-sub:hover, .genScript-overview-2022.mRNA-subject .button-sub:hover, .genScript-overview-2022.IVTRNA-subject .button-sub:hover, .genScript-overview-2022.ML-subject .button-sub:hover { background: #121e6e; color: #fff; border: 1px solid #121e6e; } /* Peptide */ .Peptide-subject .button-banner { background: #1b9b24; } .Peptide-subject .button-banner:hover { background: linear-gradient(to right, #0e8816, #26b130); } .genScript-overview-2022.Peptide-subject .button-main { color: #fff; background: #5FB035; border: 1px solid #5FB035; } .genScript-overview-2022.Peptide-subject .button-main:hover { background: #3e8819; color: #fff; border: 1px solid #3e8819; } .genScript-overview-2022.Peptide-subject .button-sub { border: 1px solid #5FB035; color: #5FB035; } .genScript-overview-2022.Peptide-subject .button-sub:hover { background: #5FB035; color: #fff; border: 1px solid #5FB035; } /* Protein */ .genScript-overview-2022.Protein-subject .button-banner { background: #bf10ea; } .genScript-overview-2022.Protein-subject .button-banner:hover { background: linear-gradient(to right, #a212c6, #d345f6); } .genScript-overview-2022.Protein-subject .button-main { color: #fff; background: #400B53; border: 1px solid #400B53; } .genScript-overview-2022.Protein-subject .button-main:hover { background: #290436; color: #fff; border: 1px solid #290436; } .genScript-overview-2022.Protein-subject .button-sub { border: 1px solid #400B53; color: #400B53; } .genScript-overview-2022.Protein-subject .button-sub:hover { background: #400B53; color: #fff; border: 1px solid #400B53; } /* Antibody + Cell line */ .genScript-overview-2022.Antibody-subject .button-banner, .genScript-overview-2022.Cell-subject .button-banner { background: #E72546; } .genScript-overview-2022.Antibody-subject .button-banner:hover, .genScript-overview-2022.Cell-subject .button-banner:hover { background: linear-gradient(to right, #e20439, #ff3e6c); } .genScript-overview-2022.Antibody-subject .button-main, .genScript-overview-2022.Cell-subject .button-main { color: #fff; background: #E72546; border: 1px solid #E72546; } .genScript-overview-2022.Antibody-subject .button-main:hover, .genScript-overview-2022.Cell-subject .button-main:hover { background: #be0e2b; color: #fff; border: 1px solid #be0e2b; } .genScript-overview-2022.Antibody-subject .button-sub, .genScript-overview-2022.Cell-subject .button-sub { border: 1px solid #E72546; color: #E72546; } .genScript-overview-2022.Antibody-subject .button-sub:hover, .genScript-overview-2022.Cell-subject .button-sub:hover { background: #E72546; color: #fff; border: 1px solid #E72546; } /* CRISPR + Oligo */ .genScript-overview-2022.CRISPR-subject .button-banner, .genScript-overview-2022.Oligo-subject .button-banner { background: #00c7ff; } .genScript-overview-2022.CRISPR-subject .button-banner:hover, .genScript-overview-2022.Oligo-subject .button-banner:hover { background: linear-gradient(to right, #00b7eb, #3bd4ff); } .genScript-overview-2022.CRISPR-subject .button-main, .genScript-overview-2022.Oligo-subject .button-main { color: #fff; background: #40C4FF; border: 1px solid #40C4FF; } .genScript-overview-2022.CRISPR-subject .button-main:hover, .genScript-overview-2022.Oligo-subject .button-main:hover { background: #1fa0db; color: #fff; border: 1px solid #1fa0db; } .genScript-overview-2022.CRISPR-subject .button-sub, .genScript-overview-2022.Oligo-subject .button-sub { border: 1px solid #40C4FF; color: #40C4FF; } .genScript-overview-2022.CRISPR-subject .button-sub:hover, .genScript-overview-2022.Oligo-subject .button-sub:hover { background: #40C4FF; color: #fff; border: 1px solid #40C4FF; } /* button end */ /* 相关服务 related services */ .services-box .service-item { background: #ffffff; position: relative; display: inline-block; border-top-right-radius: 30px; color: #333333; width: 100%; box-shadow: 0 0 10px #dddddd; padding-bottom: 70px !important; } .services-box .service-item { border-bottom: 6px solid #121e6e; } .services-box .service-item .text-link { text-decoration: underline; color: #121e6e; position: absolute; left: 20px; bottom: 25px; font-size: 18px; font-weight: 500; } .services-box .service-item .text-link:hover { font-weight: 700; } .services-box .service-item .desc { font-size: 14px; } .service-item .title { font-weight: 700; } .service-item .title sup { font-size: 14px; } .services-box .service-item:hover .title, .services-box .service-item:hover .desc, .services-box .service-item:hover .text-link { color: #ffffff !important; } .MB-subject .services-box .service-item, .ML-subject .services-box .service-item, .mRNA-subject .services-box .service-item, .IVTRNA-subject .services-box .service-item { border-bottom: 6px solid #121e6e; } .Peptide-subject .services-box .service-item .text-link, .ML-subject .services-box .service-item .text-link, .mRNA-subject .services-box .service-item .text-link, .IVTRNA-subject .services-box .service-item .text-link { color: #121e6e; } .MB-subject .services-box .service-item:hover, .mRNA-subject .services-box .service-item:hover, .IVTRNA-subject .services-box .service-item:hover, .ML-subject .services-box .service-item:hover { cursor: pointer; background: #121e6e; } .Peptide-subject .services-box .service-item { border-bottom: 6px solid #5FB035; } .Peptide-subject .services-box .service-item .text-link { color: #5FB035; } .Peptide-subject .services-box .service-item:hover { cursor: pointer; background: #5FB035; } .Protein-subject .services-box .service-item { border-bottom: 6px solid #400B53; } .Protein-subject .services-box .service-item .text-link { color: #400B53; } .Protein-subject .services-box .service-item:hover { cursor: pointer; background: #400B53; } .Antibody-subject .services-box .service-item, .Cell-subject .services-box .service-item { border-bottom: 6px solid #E72546; } .Antibody-subject .services-box .service-item .text-link, .Cell-subject .services-box .service-item .text-link { color: #E72546; } .Antibody-subject .services-box .service-item:hover, .Cell-subject .services-box .service-item:hover { cursor: pointer; background: #E72546; } .CRISPR-subject .services-box .service-item, .Oligo-subject .services-box .service-item { border-bottom: 6px solid #40C4FF; } .CRISPR-subject .services-box .service-item .text-link, .Oligo-subject .services-box .service-item .text-link { color: #40C4FF; } .CRISPR-subject .services-box .service-item:hover, .Oligo-subject .services-box .service-item:hover { cursor: pointer; background: #40C4FF; } /* 亮点 Highlights start*/ /* 亮点 Highlights end*/ /* testimonials start*/ .testimonial-box { position: relative; padding-top: 60px; } .testimonial-box .headshot { position: absolute; top: 0; left: 30px; border-radius: 100%; width: 100px !important; height: 100px !important; border: 1px solid #e8e8e8; } .testimonial-box .content { border: 1px solid #d3d3d3; padding: 60px 30px 40px 30px; border-top-right-radius: 30px; background: #ffffff; height: 100%; } .MB-subject .testimonial-box .content, .ML-subject .testimonial-box .content, .mRNA-subject .testimonial-box .content, .IVTRNA-subject .testimonial-box .content { border: 1px solid #121e6e; } .Peptide-subject .testimonial-box .content { border: 1px solid #5FB035; } .Protein-subject .testimonial-box .content { border: 1px solid #400B53; } .Antibody-subject .testimonial-box .content, .Cell-subject .testimonial-box .content { border: 1px solid #E72546; } .CRISPR-subject .testimonial-box .content, .Oligo-subject .testimonial-box .content { border: 1px solid #40C4FF; } /* testimonials end */ /* testimonial start */ /*testimonials Owl Carousel Nav Prev*/ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 150px; height: 50px; border-radius: 50%; left: -55px; line-height: 50px; position: absolute; text-align: center; top: 50%; width: 50px; background: none; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 600ms ease 0ms; -webkit-transition: all 600ms ease 0ms; -ms-transition: all 600ms ease 0ms; -o-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 0; visibility: hidden; border: 0px; } .owl-carousel:hover .owl-nav button.owl-prev, .owl-carousel:hover .owl-nav button.owl-next { opacity: 1; visibility: visible; outline: none; border: 0px; } .owl-carousel .owl-nav button i { background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 20%, #cccccc 50%, rgb(255 255 255 / 0%) 90%); -webkit-background-clip: text; color: transparent; font-size: 130px; } .owl-carousel:hover .owl-nav button.owl-prev { left: -60px; } .owl-carousel .owl-nav button.owl-next { left: auto; right: -55px; } .owl-carousel:hover .owl-nav button.owl-next { right: -60px; } .owl-carousel .owl-dots { position: absolute; bottom: -35px; left: 50%; transform: translate(-50%, 0px); } .owl-carousel button.owl-dot { padding: 5px !important; border: 1px solid #929292; background: none; border-radius: 100%; margin: 5px; outline: none; } .owl-carousel button.owl-dot.active { padding: 5px; border: 1px solid #929292; background: #929292; border-radius: 100%; outline: none; } /* testmonial end */ /* Let Numbers Speak start */ .bg-title { position: relative; display: block; padding: 0; z-index: 1; } .bg-title__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .data-item-title { font-weight: normal; font-size: 68px; color: #ffffff; font-weight: 500; margin-bottom: 0px; } .data-item-des { font-size: 20px; } /* Let Numbers Speak end */ /* table start */ .product_table_cart_div .noBorderTable thead tr, .product_table_cart_div .basicTable thead tr, .product_table_cart_div .noBorderTable th, .product_table_cart_div .basicTable th, .product_table_cart_div .doubleHeadTable th { color: #333333; background: #e8e8e8 !important; } .noBorderTable th, .basicTable th { color: #ffffff; border: none !important; background-color: #121e6e; } .noBorderTable tr th:first-child { border-top-left-radius: 10px; } .noBorderTable tr th:last-child { border-top-right-radius: 10px; } .MB-subject .noBorderTable thead tr, .MB-subject .basicTable thead tr, .MB-subject .noBorderTable th, .MB-subject .basicTable th, .ML-subject .noBorderTable thead tr, .ML-subject .basicTable thead tr, .ML-subject .noBorderTable th, .ML-subject .basicTable th, .IVTRNA-subject .noBorderTable thead tr, .IVTRNA-subject .basicTable thead tr, .IVTRNA-subject .noBorderTable th, .IVTRNA-subject .basicTable th, .mRNA-subject .noBorderTable thead tr, .mRNA-subject .basicTable thead tr, .mRNA-subject .noBorderTable th, .mRNA-subject .basicTable th { background-color: #121e6e; } .Peptide-subject .noBorderTable thead tr, .Peptide-subject .basicTable thead tr, .Peptide-subject .noBorderTable th, .Peptide-subject .basicTable th { background-color: #5FB035; } .Protein-subject .noBorderTable thead tr, .Protein-subject .basicTable thead tr, .Protein-subject .noBorderTable th, .Protein-subject .basicTable th { background-color: #400B53; } .Antibody-subject .noBorderTable thead tr, .Antibody-subject .basicTable thead tr, .Antibody-subject .noBorderTable th, .Antibody-subject .basicTable th, .Cell-subject .noBorderTable thead tr, .Cell-subject .basicTable thead tr, .Cell-subject .noBorderTable th, .Cell-subject .basicTable th { background-color: #E72546; } .CRISPR-subject .noBorderTable thead tr, .CRISPR-subject .basicTable thead tr, .CRISPR-subject .noBorderTable th, .CRISPR-subject .basicTable th, .Oligo-subject .noBorderTable thead tr, .Oligo-subject .basicTable thead tr, .Oligo-subject .noBorderTable th, .Oligo-subject .basicTable th { background-color: #40C4FF; } /* 对比表格 */ .genScript-overview-2022 .OvertopTable table { border-collapse: separate; border-spacing: 0; } .genScript-overview-2022 .OvertopTable td:nth-child(3), .genScript-overview-2022 .OvertopTable td:nth-child(5), .genScript-overview-2022 .OvertopTable td:nth-child(7), .genScript-overview-2022 .OvertopTable td:nth-child(9) { border-bottom: 1px solid #d3d3d3; } .genScript-overview-2022 .OvertopTable td:nth-child(3) { background: #f3f3f3; } .genScript-overview-2022 .OvertopTable td:nth-child(5), .genScript-overview-2022 .OvertopTable td:nth-child(7) { background: #f3f3f3; border-left: 2px solid #929292; border-right: 2px solid #929292; } .genScript-overview-2022 .OvertopTable .no-campare td:nth-child(3), .genScript-overview-2022 .OvertopTable .no-campare td:nth-child(5), .genScript-overview-2022 .OvertopTable .no-campare td:nth-child(7) { border-left: none !important; border-right: none !important; } .genScript-overview-2022 .OvertopTable td:nth-child(3), .genScript-overview-2022 .OvertopTable td:nth-child(5), .genScript-overview-2022 .OvertopTable td:nth-child(7), .genScript-overview-2022 .OvertopTable td:nth-child(9) { color: #333333; } .genScript-overview-2022 .OvertopTable tr:first-child td:nth-child(3) { border-top-left-radius: 10px; border-top-right-radius: 10px; } .genScript-overview-2022 .OvertopTable tr:first-child td:not(:nth-child(3), :nth-child(5), :nth-child(7)) { background: #fff !important; } .genScript-overview-2022 .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022 .OvertopTable tr:first-child td:nth-child(7) { border-top-left-radius: 10px; border-top-right-radius: 10px; background: #929292; color: #ffffff; } .genScript-overview-2022 .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022 .OvertopTable .last-campare td:nth-child(7) { border-bottom: 2px solid #929292; } .genScript-overview-2022 .OvertopTable .last-campare td:nth-child(3), .genScript-overview-2022 .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022 .OvertopTable .last-campare td:nth-child(7) { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .genScript-overview-2022.MB-subject .OvertopTable tr:first-child td:nth-child(3), .genScript-overview-2022.ML-subject .OvertopTable tr:first-child td:nth-child(3), .genScript-overview-2022.IVTRNA-subject .OvertopTable tr:first-child td:nth-child(3), .genScript-overview-2022.mRNA-subject .OvertopTable tr:first-child td:nth-child(3) { background: #121e6e; border-left: 2px solid #121e6e; border-right: 2px solid #121e6e; color: #ffffff; } .genScript-overview-2022.MB-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.MB-subject .OvertopTable td:nth-child(7), .genScript-overview-2022.ML-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.ML-subject .OvertopTable td:nth-child(7), .genScript-overview-2022.mRNA-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.mRNA-subject .OvertopTable td:nth-child(7), .genScript-overview-2022.IVTRNA-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.IVTRNA-subject .OvertopTable td:nth-child(7) { background: #f3f3f3; border-left: 2px solid #888eb6; border-right: 2px solid #888eb6; } .genScript-overview-2022.MB-subject .OvertopTable td:nth-child(3), .genScript-overview-2022.ML-subject .OvertopTable td:nth-child(3), .genScript-overview-2022.IVTRNA-subject .OvertopTable td:nth-child(3), .genScript-overview-2022.mRNA-subject .OvertopTable td:nth-child(3) { border-left: 2px solid #121e6e; border-right: 2px solid #121e6e; } .genScript-overview-2022.MB-subject .OvertopTable .last-campare td:nth-child(3), .genScript-overview-2022.ML-subject .OvertopTable .last-campare td:nth-child(3), .genScript-overview-2022.IVTRNA-subject .OvertopTable .last-campare td:nth-child(3), .genScript-overview-2022.mRNA-subject .OvertopTable .last-campare td:nth-child(3) { border-bottom: 2px solid #121e6e; } .genScript-overview-2022.MB-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.MB-subject .OvertopTable tr:first-child td:nth-child(7), .genScript-overview-2022.ML-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.ML-subject .OvertopTable tr:first-child td:nth-child(7), .genScript-overview-2022.mRNA-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.mRNA-subject .OvertopTable tr:first-child td:nth-child(7), .genScript-overview-2022.IVTRNA-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.IVTRNA-subject .OvertopTable tr:first-child td:nth-child(7) { background: #888eb6; } .genScript-overview-2022.MB-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.MB-subject .OvertopTable .last-campare td:nth-child(7), .genScript-overview-2022.ML-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.ML-subject .OvertopTable .last-campare td:nth-child(7), .genScript-overview-2022.mRNA-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.mRNA-subject .OvertopTable .last-campare td:nth-child(7), .genScript-overview-2022.IVTRNA-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.IVTRNA-subject .OvertopTable .last-campare td:nth-child(7) { border-bottom: 2px solid #888eb6; } .genScript-overview-2022.Peptide-subject .OvertopTable tr:first-child td:nth-child(3) { background: #5FB035; border-left: 2px solid #5FB035; border-right: 2px solid #5FB035; color: #ffffff; } .genScript-overview-2022.Peptide-subject .OvertopTable td:nth-child(3) { border-left: 2px solid #5FB035; border-right: 2px solid #5FB035; } .genScript-overview-2022.Peptide-subject .OvertopTable .last-campare td:nth-child(3) { border-bottom: 2px solid #5FB035; } .genScript-overview-2022.Peptide-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.Peptide-subject .OvertopTable td:nth-child(7) { background: #f3f3f3; border-left: 2px solid #afd79a; border-right: 2px solid #afd79a; } .genScript-overview-2022.Peptide-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.Peptide-subject .OvertopTable tr:first-child td:nth-child(7) { background: #afd79a; } .genScript-overview-2022.Peptide-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.Peptide-subject .OvertopTable .last-campare td:nth-child(7) { border-bottom: 2px solid #afd79a; } .genScript-overview-2022.Protein-subject .OvertopTable tr:first-child td:nth-child(3) { background: #400B53; border-left: 2px solid #400B53; border-right: 2px solid #400B53; color: #ffffff; } .genScript-overview-2022.Protein-subject .OvertopTable td:nth-child(3) { border-left: 2px solid #400B53; border-right: 2px solid #400B53; } .genScript-overview-2022.Protein-subject .OvertopTable .last-campare td:nth-child(3) { border-bottom: 2px solid #400B53; } .genScript-overview-2022.Protein-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.Protein-subject .OvertopTable td:nth-child(7) { background: #f3f3f3; border-left: 2px solid #9f85a9; border-right: 2px solid #9f85a9; } .genScript-overview-2022.Protein-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.Protein-subject .OvertopTable tr:first-child td:nth-child(7) { background: #9f85a9; } .genScript-overview-2022.Protein-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.Protein-subject .OvertopTable .last-campare td:nth-child(7) { border-bottom: 2px solid #9f85a9; } .genScript-overview-2022.Antibody-subject .OvertopTable tr:first-child td:nth-child(3), .genScript-overview-2022.Cell-subject .OvertopTable tr:first-child td:nth-child(3) { background: #E72546; border-left: 2px solid #E72546; border-right: 2px solid #E72546; color: #ffffff; } .genScript-overview-2022.Antibody-subject .OvertopTable td:nth-child(3), .genScript-overview-2022.Cell-subject .OvertopTable td:nth-child(3) { border-left: 2px solid #E72546; border-right: 2px solid #E72546; } .genScript-overview-2022.Antibody-subject .OvertopTable .last-campare td:nth-child(3), .genScript-overview-2022.Cell-subject .OvertopTable .last-campare td:nth-child(3) { border-bottom: 2px solid #E72546; } .genScript-overview-2022.Antibody-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.Antibody-subject .OvertopTable td:nth-child(7), .genScript-overview-2022.Cell-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.Cell-subject .OvertopTable td:nth-child(7) { background: #f3f3f3; border-left: 2px solid #f392a2; border-right: 2px solid #f392a2; } .genScript-overview-2022.Antibody-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.Antibody-subject .OvertopTable tr:first-child td:nth-child(7), .genScript-overview-2022.Cell-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.Cell-subject .OvertopTable tr:first-child td:nth-child(7) { background: #f392a2; } .genScript-overview-2022.Antibody-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.Antibody-subject .OvertopTable .last-campare td:nth-child(7), .genScript-overview-2022.Cell-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.Cell-subject .OvertopTable .last-campare td:nth-child(7) { border-bottom: 2px solid #f392a2; } .genScript-overview-2022.CRISPR-subject .OvertopTable tr:first-child td:nth-child(3), .genScript-overview-2022.Oligo-subject .OvertopTable tr:first-child td:nth-child(3) { background: #40C4FF; border-left: 2px solid #40C4FF; border-right: 2px solid #40C4FF; color: #ffffff; } .genScript-overview-2022.CRISPR-subject .OvertopTable td:nth-child(3), .genScript-overview-2022.Oligo-subject .OvertopTable td:nth-child(3) { border-left: 2px solid #40C4FF; border-right: 2px solid #40C4FF; } .genScript-overview-2022.CRISPR-subject .OvertopTable .last-campare td:nth-child(3), .genScript-overview-2022.Oligo-subject .OvertopTable .last-campare td:nth-child(3) { border-bottom: 2px solid #40C4FF; } .genScript-overview-2022.CRISPR-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.CRISPR-subject .OvertopTable td:nth-child(7), .genScript-overview-2022.Oligo-subject .OvertopTable td:nth-child(5), .genScript-overview-2022.Oligo-subject .OvertopTable td:nth-child(7) { background: #f3f3f3; border-left: 2px solid #9fe1ff; border-right: 2px solid #9fe1ff; } .genScript-overview-2022.CRISPR-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.CRISPR-subject .OvertopTable tr:first-child td:nth-child(7), .genScript-overview-2022.Oligo-subject .OvertopTable tr:first-child td:nth-child(5), .genScript-overview-2022.Oligo-subject .OvertopTable tr:first-child td:nth-child(7) { background: #9fe1ff; } .genScript-overview-2022.CRISPR-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.CRISPR-subject .OvertopTable .last-campare td:nth-child(7), .genScript-overview-2022.Oligo-subject .OvertopTable .last-campare td:nth-child(5), .genScript-overview-2022.Oligo-subject .OvertopTable .last-campare td:nth-child(7) { border-bottom: 2px solid #9fe1ff; } .genScript-overview-2022 .OvertopTable tr:first-child .margin-td-left, .genScript-overview-2022 .OvertopTable tr:first-child .margin-td-middle, .genScript-overview-2022 .OvertopTable tr:first-child .margin-td-right, .genScript-overview-2022 .OvertopTable tr:last-child .margin-td-left, .genScript-overview-2022 .OvertopTable tr:last-child .margin-td-middle, .genScript-overview-2022 .OvertopTable tr:last-child .margin-td-right { background: #f3f3f3; } /* table end */ /* collapse start */ .genScript-overview-2022 .collapseNormalInfo .collapseNormalInfo-item { margin-bottom: 10px; border: none; } .genScript-overview-2022 .collapseNormalInfo .collapse-title { color: #333; font-weight: 600; height: auto; padding: .4375rem 1.25rem; background-color: #e8e8e8; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: none; } .genScript-overview-2022.MB-subject .collapseNormalInfo .collapse-title.active, .genScript-overview-2022.ML-subject .collapseNormalInfo .collapse-title.active, .genScript-overview-2022.IVTRNA-subject .collapseNormalInfo .collapse-title.active, .genScript-overview-2022.mRNA-subject .collapseNormalInfo .collapse-title.active { background-color: #121e6e; color: #ffffff; } .genScript-overview-2022.Peptide-subject .collapseNormalInfo .collapse-title.active { background-color: #5FB035; color: #ffffff; } .genScript-overview-2022.Protein-subject .collapseNormalInfo .collapse-title.active { background-color: #400B53; color: #ffffff; } .genScript-overview-2022.Antibody-subject .collapseNormalInfo .collapse-title.active, .genScript-overview-2022.Cell-subject .collapseNormalInfo .collapse-title.active { background-color: #E72546; color: #ffffff; } .genScript-overview-2022.CRISPR-subject .collapseNormalInfo .collapse-title.active, .genScript-overview-2022.Oligo-subject .collapseNormalInfo .collapse-title.active { background-color: #40C4FF; color: #ffffff; } .genScript-overview-2022 .collapseNormalInfo .collapse-content { border: 1px solid #e8e8e8; } /* collapse end */ /* tab start */ .tabListByServe li.tab-title-item { margin-left: 0.75rem !important; } .tabListByServe li.tab-title-item:first-child { margin-left: 0 !important; } .tabListByServe .tab-title { border-top-left-radius: 5px; border-top-right-radius: 5px; background: #e8e8e8 !important; border-bottom: 1px solid #d3d3d3 !important; } .tabListByServe .tab-title:hover { color: #333333 !important; } .tabListByServe .tab-active { border: 1px solid #D3D3D3 !important; border-bottom: none !important; background-color: #fff !important; color: #333333 !important; border-bottom: 1px solid #ffffff !important; font-weight: bold !important; } .tabListByServe .tabListByServe-content { border-top: 1px solid #d3d3d3 !important; margin-top: -1px; } .tab-content.container { border: none; padding: 30px 0; } /* tab end */ /* picture + text start */ .picture-text-box .left-img { border-top-right-radius: 20px; } /* picture + text end */ /* Resources start */ .resource-box { background-color: #e8e8e8; border-top-right-radius: 30px; } .resource-box .info { position: relative; padding-bottom: 40px; } .resource-box .link { color: #333333; cursor: pointer; } .resource-box .icon-pdf { height: 16px; margin-right: 5px; } .resource-box .file-size { color: #929292; } .resource-cover { border-radius: 5px; } .resource-box .title { font-size: 16px; font-weight: 800; line-height: 1.3; } .resource-box .desc { font-size: 14px; line-height: 1.3; } .resource-box .button-sub { position: absolute; left: 15px; bottom: 10px; } /* Resources end */ /* Products start */ .genScript-overview-2022 .productSelect .productSelect-option, .genScript-overview-2022 .productSelect .productSelect-option:hover, .genScript-overview-2022 .productSelect .productSelect-option.active, .genScript-overview-2022 .productSelect.radioProductSelect .productSelect-option { border-radius: 20px; } .genScript-overview-2022.MB-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.MB-subject .productSelect .productSelect-option.active, .genScript-overview-2022.ML-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.ML-subject .productSelect .productSelect-option.active, .genScript-overview-2022.mRNA-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.mRNA-subject .productSelect .productSelect-option.active, .genScript-overview-2022.IVTRNA-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.IVTRNA-subject .productSelect .productSelect-option.active { color: #ffffff; background-color: #121e6e; border: 1px solid #121e6e; } .genScript-overview-2022.Peptide-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.Peptide-subject .productSelect .productSelect-option.active { color: #ffffff; background-color: #5FB035; border: 1px solid #5FB035; } .genScript-overview-2022.Protein-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.Protein-subject .productSelect .productSelect-option.active { color: #ffffff; background-color: #400B53; border: 1px solid #400B53; } .genScript-overview-2022.Antibody-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.Antibody-subject .productSelect .productSelect-option.active, .genScript-overview-2022.Cell-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.Cell-subject .productSelect .productSelect-option.active { color: #ffffff; background-color: #E72546; border: 1px solid #E72546; } .genScript-overview-2022.CRISPR-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.CRISPR-subject .productSelect .productSelect-option.active, .genScript-overview-2022.Oligo-subject .productSelect .productSelect-option:hover, .genScript-overview-2022.Oligo-subject .productSelect .productSelect-option.active { color: #ffffff; background-color: #40C4FF; border: 1px solid #40C4FF; } /* Products end */ /* workflow start*/ .workflow-item { position: relative; border: 1px solid #e8e8e8; border-top-right-radius: 25px; padding: 15px 20px; } .genScript-overview-2022 .workflow-box .workflow-title { margin-bottom: 20px; } .genScript-overview-2022.MB-subject .workflow-box .workflow-title, .genScript-overview-2022.ML-subject .workflow-box .workflow-title, .genScript-overview-2022.IVTRNA-subject .workflow-box .workflow-title, .genScript-overview-2022.mRNA-subject .workflow-box .workflow-title { color: #121e6e; } .genScript-overview-2022.Peptide-subject .workflow-box .workflow-title { color: #5FB035; } .genScript-overview-2022.Protein-subject .workflow-box .workflow-title { color: #400B53; } .genScript-overview-2022.Antibody-subject .workflow-box .workflow-title, .genScript-overview-2022.Cell-subject .workflow-box .workflow-title { color: #E72546; } .genScript-overview-2022.CRISPR-subject .workflow-box .workflow-title, .genScript-overview-2022.Oligo-subject .workflow-box .workflow-title { color: #40C4FF; } .workflow-item { position: relative; border: 1px solid #e8e8e8; border-top-right-radius: 25px; padding: 15px 20px; } .workflow-box>div:not(:last-child) .workflow-item:before { content: ""; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width: 10px; border-color: transparent transparent white #0590b1; font-size: 16px; position: absolute; right: -32px; top: 50%; transform: translateY(-50%); } .workflow-box>div:not(:last-child) .workflow-item:after { content: ""; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width: 11px 8px 11px 8px; border-color: transparent transparent transparent white; font-size: 16px; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); } .MB-subject .workflow-box>div:not(:last-child) .workflow-item:before, .ML-subject .workflow-box>div:not(:last-child) .workflow-item:before, .IVTRNA-subject .workflow-box>div:not(:last-child) .workflow-item:before, .mRNA-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: transparent transparent white #121e6e; } .Peptide-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: transparent transparent white #5FB035; } .Protein-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: transparent transparent white #400B53; } .Antibody-subject .workflow-box>div:not(:last-child) .workflow-item:before, .Cell-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: transparent transparent white #E72546; } .CRISPR-subject .workflow-box>div:not(:last-child) .workflow-item:before, .Oligo-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: transparent transparent white #40C4FF; } .workflow-box-5>div { width: 20%; padding: 0 15px; } /* workflow end */ /* 联系我们 contact us start */ /* 背景色块 */ .MB-subject .bg-color, .ML-subject .bg-color, .mRNA-subject .bg-color, .IVTRNA-subject .bg-color { background: #121e6e; } .Peptide-subject .bg-color { background: #5FB035; } .Protein-subject .bg-color { background: #400B53; } .Antibody-subject .bg-color, .Cell-subject .bg-color { background: #E72546; } .CRISPR-subject .bg-color, .Oligo-subject .bg-color { background: #40C4FF; } /* 联系我们 contact us end */ /* 表单 start*/ .btn-primary-normal { background-color: #2962FF; border: 1px solid #2962FF; color: #fff; } /* 表单 end */ /* 订阅 start */ .SubscribeRow-search { border: 1px solid #d3d3d3; border-radius: 30px; background: #ffffff; padding: 2px; } .SubscribeRow-search input { outline: none; border: none; border-radius: 30px; } .SubscribeRow-search .subscribe { background: #2962FF; border-radius: 30px; } .SubscribeRow-search .subscribe:hover { background: #004B95; } /* 订阅 end */ /* 23. 搜索 start */ .product-search .title { background: none; color: #ffffff; display: inline-block; font-size: 1.875rem; padding: 10px 0px; position: relative; top: 0; font-weight: 600; } .MB-subject .product-search .title, .ML-subject .product-search .title, .mRNA-subject .product-search .title, .IVTRNA-subject .product-search .title { color: #121e6e; } .Peptide-subject .product-search .title { color: #5FB035; } .Protein-subject .product-search .title { color: #400B53; } .Antibody-subject .product-search .title, .Cell-subject .product-search .title { color: #E72546; } .CRISPR-subject .product-search .title, .Oligo-subject .product-search .title { color: #40C4FF; } .product-search .input-group { border: 1px solid #d3d3d3; padding: 2px; background: #ffffff; border-radius: 25px; } .product-search .form-control { border: none; border-radius: 20px !important; } .product-search button { border-radius: 20px; min-width: 80px !important; padding: 1px 20px !important; } .product-search button .icon-Research { font-size: 36px; } .product-search .input-group-append { margin-left: 0px; } .MB-subject .product-search .search-list-a-z a:hover, .ML-subject .product-search .search-list-a-z a:hover, .mRNA-subject .product-search .search-list-a-z a:hover, .IVTRNA-subject .product-search .search-list-a-z a:hover { background: #121e6e; border: 1px solid #121e6e; } .Peptide-subject .product-search .search-list-a-z a:hover { background: #5FB035; border: 1px solid #5FB035; } .Protein-subject .product-search .search-list-a-z a:hover { background: #400B53; border: 1px solid #400B53; } .Antibody-subject .product-search .search-list-a-z a:hover, .Cell-subject .product-search .search-list-a-z a:hover { background: #E72546; border: 1px solid #E72546; } .CRISPR-subject .product-search .search-list-a-z a:hover, .Oligo-subject .product-search .search-list-a-z a:hover { background: #40C4FF; border: 1px solid #40C4FF; } /* 23. 搜索 end */ /* 图片 圆角 start */ /* 右上 */ .img-top-right-radius { border-top-right-radius: 20%; } /* 左上 */ .img-top-left-radius { border-top-left-radius: 20%; } /* 右下 */ .img-bottom-right-radius { border-bottom-right-radius: 20%; } /* 左下 */ .img-bottom-left-radius { border-bottom-left-radius: 20%; } /* 图片 圆角 end */ /* 服务线颜色 start */ .service-line-color-mb { color: #121e6e; } .service-line-color-peptide { color: #5FB035; } .service-line-color-protein { color: #400B53; } .service-line-color-antibody { color: #E72546; } .service-line-color-nucleic-acid { color: #40C4FF; } /* 服务线颜色 end */ /* 标题 + 内容 card start*/ .text-card-box { position: relative; border: 1px solid #d3d3d3; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } .text-card-box .title { height: 60px; font-weight: 800; background: rgba(0, 0, 0, 0.05); font-size: 18px; border-bottom: 1px solid #d3d3d3; padding: 0 10px; } /* 标题 + 内容 card end*/ /* 色块切换模块 start */ .tab-card-title { background: #e8e8e8; border: 1px solid #d3d3d3; border-radius: 10px; height: 100%; text-align: center; font-size: 24px; padding: 30px; } .tab-card-item.active .tab-card-title { color: #ffffff; } .tab-card-item.active .tab-card-title:after { content: ""; position: absolute; border-width: 12px; border-style: dashed dashed solid dashed; bottom: -24px; left: 50%; transform: translateX(-50%); } .MB-subject .tab-card-item.active .tab-card-title, .ML-subject .tab-card-item.active .tab-card-title, .mRNA-subject .tab-card-item.active .tab-card-title, .IVTRNA-subject .tab-card-item.active .tab-card-title { background: #121e6e; border: 1px solid #121e6e; } .MB-subject .tab-card-item.active .tab-card-title:after, .ML-subject .tab-card-item.active .tab-card-title:after, .mRNA-subject .tab-card-item.active .tab-card-title:after, .IVTRNA-subject .tab-card-item.active .tab-card-title:after { border-color: #121e6e transparent transparent transparent; } .Peptide-subject .tab-card-item.active .tab-card-title { background: #5FB035; border: 1px solid #5FB035; } .Peptide-subject .tab-card-item.active .tab-card-title:after { border-color: #5FB035 transparent transparent transparent; } .Protein-subject .tab-card-item.active .tab-card-title { background: #400B53; border: 1px solid #400B53; } .Protein-subject .tab-card-item.active .tab-card-title:after { border-color: #400B53 transparent transparent transparent; } .Antibody-subject .tab-card-item.active .tab-card-title, .Cell-subject .tab-card-item.active .tab-card-title { background: #E72546; border: 1px solid #E72546; } .Antibody-subject .tab-card-item.active .tab-card-title:after, .Cell-subject .tab-card-item.active .tab-card-title:after { border-color: #E72546 transparent transparent transparent; } .CRISPR-subject .tab-card-item.active .tab-card-title, .Oligo-subject .tab-card-item.active .tab-card-title { background: #40C4FF; border: 1px solid #40C4FF; } .CRISPR-subject .tab-card-item.active .tab-card-title:after, .Oligo-subject .tab-card-item.active .tab-card-title:after { border-color: #40C4FF transparent transparent transparent; } .tab-card-content-item { display: none; } .tab-card-content-item.active { display: block; } /* 色块切换模块 end */ .boxTitle-custom { font-size: 38px; font-weight: 600 !important; line-height: 1.5; } .boxTitle-custom-sub { font-size: 22px; font-weight: 100; line-height: 1.5; } .genScript-overview-2022 .banner-title { line-height: 1.3; font-weight: 700; max-width:800px; } table .SquareList { margin-bottom: 0px !important; } /* ul li */ .genScript-overview-2022 .ul-list li:before { top: 5px; border-radius: 100% !important; } .genScript-overview-2022 .square { border-radius: 100% !important; } .genScript-overview-2022 .SquareList { margin-bottom: 0; } .genScript-overview-2022 .SquareList li { list-style: disc; } /* 相关服务 related services */ .related-services-box .related-service-item { background: linear-gradient(175deg, rgb(18 30 110 / 30%) 0%, #ffffff 50%, #ffffff 100%); position: relative; display: inline-block; border-top-right-radius: 20px; color: #333333; width: 100%; padding-bottom: 90px !important; border: 1px solid #e8e8e8; } .related-services-box .related-service-item .title{ margin-bottom: 15px !important; } .related-services-box .related-service-item .text-link { position: absolute; border: 1px solid #121e6e; color: #121e6e; padding: 5px 30px; border-radius: 20px; left: 20px; bottom: 25px; font-size: 18px; font-weight: 600; } .MB-subject .related-services-box .related-service-item, .ML-subject .related-services-box .related-service-item, .mRNA-subject .related-services-box .related-service-item, .IVTRNA-subject .related-services-box .related-service-item { background: linear-gradient(175deg, rgb(18 30 110 / 30%) 0%, #ffffff 50%, #ffffff 100%); } .MB-subject .related-services-box .related-service-item .text-link, .ML-subject .related-services-box .related-service-item .text-link, .mRNA-subject .related-services-box .related-service-item .text-link, .IVTRNA-subject .related-services-box .related-service-item .text-link { border: 1px solid #121e6e; color: #121e6e; } .MB-subject .related-services-box .related-service-item .text-link:hover, .ML-subject .related-services-box .related-service-item .text-link:hover, .mRNA-subject .related-services-box .related-service-item .text-link:hover, .IVTRNA-subject .related-services-box .related-service-item .text-link:hover { border: 1px solid #121e6e; color: #ffffff; background: #121e6e; } .Peptide-subject .related-services-box .related-service-item { background: linear-gradient(175deg, rgb(95 176 53 / 30%) 0%, #ffffff 50%, #ffffff 100%); } .Peptide-subject .related-services-box .related-service-item .text-link { border: 1px solid #5FB035; color: #5FB035; } .Peptide-subject .related-services-box .related-service-item .text-link:hover { border: 1px solid #5FB035; color: #ffffff; background: #5FB035; } .Protein-subject .related-services-box .related-service-item { background: linear-gradient(175deg, rgb(61 11 83 / 30%) 0%, #ffffff 50%, #ffffff 100%); } .Protein-subject .related-services-box .related-service-item .text-link { border: 1px solid #400B53; color: #400B53; } .Protein-subject .related-services-box .related-service-item .text-link:hover { border: 1px solid #400B53; color: #ffffff; background: #400B53; } .Antibody-subject .related-services-box .related-service-item, .Cell-subject .related-services-box .related-service-item { background: linear-gradient(175deg, rgb(231 37 70 / 30%) 0%, #ffffff 50%, #ffffff 100%); } .Antibody-subject .related-services-box .related-service-item .text-link, .Cell-subject .related-services-box .related-service-item .text-link { border: 1px solid #E72546; color: #E72546; } .Antibody-subject .related-services-box .related-service-item .text-link:hover, .Cell-subject .related-services-box .related-service-item .text-link:hover { border: 1px solid #E72546; color: #ffffff; background: #E72546; } .CRISPR-subject .related-services-box .related-service-item, .Oligo-subject .related-services-box .related-service-item { background: linear-gradient(175deg, rgb(64 196 255 / 30%) 0%, #ffffff 50%, #ffffff 100%); } .CRISPR-subject .related-services-box .related-service-item .text-link, .Oligo-subject .related-services-box .related-service-item .text-link { border: 1px solid #40C4FF; color: #40C4FF; } .CRISPR-subject .related-services-box .related-service-item .text-link:hover, .Oligo-subject .related-services-box .related-service-item .text-link:hover { border: 1px solid #40C4FF; color: #ffffff; background: #40C4FF; } /* 相关服务 related services */ /* Application 新样式 */ .application-box { position: relative; border: 1px solid #d3d3d3; border-top-left-radius: 0px; border-top-right-radius: 20px; overflow: hidden; border-left: 6px solid #E72546; padding: 20px; } .application-box .title { font-weight: 600; font-size: 18px; color: #E72546; margin-bottom: 20px; } .application-box .title:last-child { margin-bottom: 0; } .MB-subject .application-box, .ML-subject .application-box, .mRNA-subject .application-box, .IVTRNA-subject .application-box { border-left: 6px solid #121e6e; } .MB-subject .application-box .title, .ML-subject .application-box .title, .mRNA-subject .application-box .title, .IVTRNA-subject .application-box .title { color: #121e6e; } .Peptide-subject .application-box { border-left: 6px solid #5FB035; } .Peptide-subject .application-box .title { color: #5FB035; } .Protein-subject .application-box { border-left: 6px solid #400B53; } .Protein-subject .application-box .title { color: #400B53; } .Antibody-subject .application-box, .Cell-subject .application-box { border-left: 6px solid #E72546; } .Antibody-subject .application-box .title, .Cell-subject .application-box .title { color: #E72546; } .CRISPR-subject .application-box, .Oligo-subject .application-box { border-left: 6px solid #40C4FF; } .CRISPR-subject .application-box .title, .Oligo-subject .application-box .title { color: #40C4FF; } /* Application 新样式 */ /* 带数字的 */ .numAdvantages-head .number{ font-size: 70px; margin-right: 10px; } .MB-subject .numAdvantages-head .number, .ML-subject .numAdvantages-head .number, .mRNA-subject .numAdvantages-head .number, .IVTRNA-subject .numAdvantages-head .number{ color: #121e6e; } .Peptide-subject .numAdvantages-head .number{ color: #5FB035; } .Protein-subject .numAdvantages-head .number{ color: #400B53; } .Antibody-subject .numAdvantages-head .number, .Cell-subject .numAdvantages-head .number{ color: #E72546; } .CRISPR-subject .numAdvantages-head .number, .Oligo-subject .numAdvantages-head .number{ color: #40C4FF; } /* 带数字的 */ @media only screen and (min-width:1921px) { .genScript-overview-2022.imgBanner img, .genScript-overview-2022 .banner img, .genScript-overview-2022 .imgBanner img { width: 100%; } .dedicated-img { width: 100%; } .sub-page .imgBanner, .genScript-overview-2022 .imgBanner { height: auto; overflow: hidden; } .third-page .imgBanner { height: auto; max-height: auto; } .sub-page .imgBanner-text { height: 100%; } .third-page .imgBanner-text { height: 100%; } .genscript_level_3-2022 .banner-text { height: 100%; } .genScript-overview-2022 .imgBanner-text { left: 50%; transform: translate(-50%, 0); height: 100%; } .genScript-overview-2022 .banner-title { font-size: 2.2vw; } .genScript-overview-2022 .banner-sub-title { font-size: 1vw; } } @media (min-width: 1537px) { .genScript-overview-2022 .imgBanner-text.container { max-width: 1400px !important; } .genScript-overview-2022 .banner-title { font-size: 58px; line-height: 1.1; font-weight: 700; } } @media (min-width:1280px){ .genScript-overview-2022 .banner-title { font-size: 58px; line-height: 1.1; font-weight: 700; } } @media (min-width: 1025px) and (max-width: 1280px) { .genScript-overview-2022 .banner-img { max-height: 430px; transform: translate(-50%, 0); margin-left: 50%; } } @media only screen and (max-width:1024px) { .text-card-box .title { font-size: 20px; } .tab-card-title { font-size: 20px; padding: 20px; } /* genScript-overview-2022 */ .genScript-overview-2022 { margin-top: 55px; } .genScript-overview-2022 .banner-title { font-size: 40px; line-height: 1.1; font-weight: 700; } } @media only screen and (max-width:991px) { .workflow-box-5>div { width: 100%; padding: 0 15px; } .workflow-box>div:not(:last-child) .workflow-item:before { border-style: dashed solid dashed dashed; border-color: #0590b1 transparent white transparent; top: auto; right: auto; left: 50%; bottom: -32px; transform: translateX(-50%); } .workflow-box>div:not(:last-child) .workflow-item:after { border-style: dashed solid dashed dashed; border-width: 8px 11px 8px 11px; border-color: white transparent transparent transparent; top: auto; bottom: -25px; left: 50%; transform: translateX(-50%); } .MB-subject .workflow-box>div:not(:last-child) .workflow-item:before, .ML-subject .workflow-box>div:not(:last-child) .workflow-item:before, .IVTRNA-subject .workflow-box>div:not(:last-child) .workflow-item:before, .mRNA-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: #121e6e transparent white transparent; } .Peptide-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: #5FB035 transparent white transparent; } .Protein-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: #400B53 transparent white transparent; } .Antibody-subject .workflow-box>div:not(:last-child) .workflow-item:before, .Cell-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: #E72546 transparent white transparent; } .CRISPR-subject .workflow-box>div:not(:last-child) .workflow-item:before, .Oligo-subject .workflow-box>div:not(:last-child) .workflow-item:before { border-color: #40C4FF transparent white transparent; } .data-item-title { font-size: 50px; } } @media only screen and (max-width:767px) { .genScript-overview-2022 .banner-title { font-size: 40px; line-height: 1.1; font-weight: 700; } .data-item { margin-bottom: 20px; } .tab-card-title { font-size: 14px; padding: 10px; } }