html {
font-size: 16px !important;
}
body {
overflow-x: hidden;
}
/* init start */
.Catalog-overview-2025 input,
.Catalog-overview-2025 select {
outline: none;
}
.Catalog-overview-2025 .color-white {
color: #fff;
}
.Catalog-overview-2025 .top-0 {
top: 0;
}
.Catalog-overview-2025 .bottom-0 {
bottom: 0;
}
.Catalog-overview-2025 .banner-img-mb {
display: none;
}
.Catalog-overview-2025 .mr-30 {
margin-right: 30px;
}
.Catalog-overview-2025 .mt-100 {
margin-top: 100px;
}
.Catalog-overview-2025 .mt-80 {
margin-top: 5rem;
}
.Catalog-overview-2025 .mt-60 {
margin-top: 3.75rem;
}
.Catalog-overview-2025 .mt-40 {
margin-top: 2.5rem;
}
.Catalog-overview-2025 .mb-100 {
margin-bottom: 6.25rem;
}
.Catalog-overview-2025 .mb-80 {
margin-bottom: 5rem;
}
.Catalog-overview-2025 .mb-60 {
margin-bottom: 3.75rem;
}
.Catalog-overview-2025 .mb-40 {
margin-bottom: 2.5rem;
}
.Catalog-overview-2025 .boxTitle {
color: #333;
font-size: 1.875rem;
line-height: 1.5;
font-weight: normal;
}
.Catalog-overview-2025 .h-80 {
height: 80px;
}
.Catalog-overview-2025 .h-180 {
height: 180px;
}
.Catalog-overview-2025 .h-213 {
height: 213px;
}
.Catalog-overview-2025 .h-200 {
height: 200px;
}
.Catalog-overview-2025 .h-270 {
height: 270px;
}
.Catalog-overview-2025 .h-285 {
height: 285px;
}
.Catalog-overview-2025 .h-230 {
height: 230px;
}
.Catalog-overview-2025 .h-50 {
height: 50px;
}
.Catalog-overview-2025 .leading-50 {
line-height: 50px;
}
.Catalog-overview-2025 .font20 {
font-size: 20px !important;
}
.Catalog-overview-2025 .font22 {
font-size: 22px !important;
}
.Catalog-overview-2025 .font16 {
font-size: 16px !important;
}
.Catalog-overview-2025 .font14 {
font-size: 14px !important;
}
.Catalog-overview-2025 .font18 {
font-size: 18px !important;
}
.Catalog-overview-2025 .font32 {
font-size: 32px !important;
}
.Catalog-overview-2025 .px-30 {
padding-left: 30px;
padding-right: 30px;
}
.Catalog-overview-2025 .py-60 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.Catalog-overview-2025 .p-30 {
padding: 30px;
}
.Catalog-overview-2025 .pr-15 {
padding-right: .9375rem;
}
.Catalog-overview-2025 .px-15 {
padding: 0 15px;
}
.Catalog-overview-2025 .p-30 {
padding: 30px;
}
.Catalog-overview-2025 .mr-100 {
margin-right: 100px;
}
.Catalog-overview-2025 .whitespace-nowrap {
white-space: nowrap;
}
.Catalog-overview-2025 .break-all {
word-break: break-all;
}
.Catalog-overview-2025 .break-words {
overflow-wrap: break-word;
}
.Catalog-overview-2025 .break-normal {
overflow-wrap: normal;
word-break: normal;
}
.Catalog-overview-2025 .text-decoration-underline {
text-decoration: underline;
}
.Catalog-overview-2025 .toggle-card,
.Catalog-overview-2025 .up-card {
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.Catalog-overview-2025 .toggle-card {
opacity: 0;
background: #0590b1;
transition: opacity 1s;
}
.Catalog-overview-2025 .card-item:hover .toggle-card {
opacity: 1;
}
.Catalog-overview-2025 .card-item:hover .card-title {
display: none;
}
.Catalog-overview-2025 .pNote {
position: relative;
padding-left: 1.875rem;
font-size: 0.875rem;
color: #666;
}
.Catalog-overview-2025 .pNote::before {
font-family: "iconfont" !important;
content: "\e618";
font-size: 24px;
position: absolute;
transform: translate(5px, -25%);
left: 0;
}
.Catalog-overview-2025 .square {
display: inline-block;
width: 0.3125rem;
height: 0.3125rem;
background: #333;
margin-right: 0.5rem;
margin-top: 0.5rem;
}
.Catalog-overview-2025 .mr-100 {
margin-right: 100px;
}
.Catalog-overview-2025 .btn-m-width {
min-width: 180px;
}
.Catalog-overview-2025 .background-0 {
background: transparent;
}
.Catalog-overview-2025 .table-btn {
color: #007D9F;
border: 1px solid #007D9F;
background: transparent;
font-size: 0.875rem;
text-align: center;
border-radius: 0;
cursor: pointer;
white-space: nowrap;
padding: 4px 10px
}
.Catalog-overview-2025 .table-btn:hover {
background: #e5f5fd;
}
.Catalog-overview-2025 .hoverTable tbody tr:hover {
background-color: #fafafa;
}
.Catalog-overview-2025 .SquareList li {
list-style: square;
font-size: 0.875rem;
color: #333;
line-height: 1.5;
margin-bottom: 10px;
}
.Catalog-overview-2025 .pFrom {
color: #999;
font-size: 12px;
}
.Catalog-overview-2025 .pTitle {
font-size: 1rem;
color: #333;
line-height: 1.5;
font-weight: bold;
}
.Catalog-overview-2025 .rotate-90 {
transform: rotate(90deg) !important;
}
.Catalog-overview-2025 .rotate-down-90 {
transform: rotate(-90deg) !important;
}
.Catalog-overview-2025 .bg-grey {
background: #f3f3f3;
}
.Catalog-overview-2025 .truncate1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Catalog-overview-2025 .truncate2 {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.Catalog-overview-2025 .truncate3 {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* init end */
/* imgBanner start */
/* .Catalog-overview-2025 .banner-text {
height: 300px !important;
} */
.font24{font-size: 24px;}
.Catalog-overview-2025 .imgBanner-text {
left: 50%;
transform: translate(-50%, 0);
}
.Catalog-overview-2025 .banner-title {
font-size: 40px;
line-height: 1.5;
font-weight: normal;
color: #fff;
}
.Catalog-overview-2025 .banner-sub-title {
margin-top: 30px;
font-size: 22px;
line-height: 1.5;
color: #fff;
}
.sub-page .imgBanner {
height: 34.375rem;
overflow: hidden;
}
/* .third-page .imgBanner {
height: 34rem;
overflow: hidden;
} */
.sub-page .imgBanner-text {
height: 400px;
}
.third-page .imgBanner-text {
/* height: 260px; */
}
.no-banner {
margin-top: 130px;
}
.Catalog-overview-2025 .pText {
font-size: 16px;
color: #333;
line-height: 2.2;
position: relative;
}
.Catalog-overview-2025 .proMore {
width: 100%;
text-align: right;
font-size: 16px;
color: #00bcef;
position: relative;
top: -30px;
}
.Catalog-overview-2025 .proMore a {
color: #00bcef;
}
.Catalog-overview-2025 .pText span {
color: #00bcef;
}
.Catalog-overview-2025 .pText span a {
color: #00bcef;
}
/* imgBanner end */
/* LinkNav start */
.Catalog-overview-2025 .LinkNav-box {
width: 100%;
background: #fff;
border-bottom: 1px solid #d3d3d3;
z-index: 100;
transition: all 0.5s;
}
.Catalog-overview-2025 .LinkNav .LinkNav-row {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
}
.Catalog-overview-2025 .LinkNav .nav-link {
margin-right: 40px;
font-size: 18px;
color: #333;
height: 60px;
line-height: 60px;
padding: 0;
}
.Catalog-overview-2025 .mb-navs .nav-link {
margin-right: 20px;
font-size: 16px;
color: #333;
padding: 10px 0;
height: auto;
line-height: 1.5;
}
.Catalog-overview-2025 .LinkNav .LinkNav-button-link {
padding: 0 30px;
display: inline-block;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 18px;
}
.Catalog-overview-2025 .target-fix {
position: relative;
top: -140px;
display: block;
height: 0;
overflow: hidden;
}
/* LinkNav end */
/* application-text start */
.Catalog-overview-2025 .application-box .application-text {
padding: 9.5px 15px;
line-height: 1.5;
font-size: 14px;
list-style: none;
border-left: 4px solid #1d73dd;
margin: 30px 0 0 0;
box-shadow: 0 0 15px #d3d3d3;
}
.Catalog-overview-2025 .application-box .application-row {
margin-bottom: 0;
}
.Catalog-overview-2025 .application-box .col-sm-12.application-row:first-child .application-text {
margin-top: 0;
}
.Catalog-overview-2025 .application-box .col-sm-6.application-row:first-child .application-text,
.Catalog-overview-2025 .application-box .col-sm-6.application-row:nth-child(2) .application-text {
margin-top: 0;
}
.Catalog-overview-2025 .application-text.text-decoration-underline:hover,
.Catalog-overview-2025 .application-text-link:hover {
background-color: #f3f8fc;
box-shadow: 0 0 15px #8eb9ee;
}
/* application-text end */
/* imgLinkCards start */
.Catalog-overview-2025 .img-link-card .card-text {
position: absolute;
left: 15px;
right: 15px;
top: 50%;
transform: translate(0, -50%);
text-align: center;
line-height: 1.5;
font-size: 22px;
padding: 0 30px;
color: #fff;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.Catalog-overview-2025 .img-link-card .card-text.card-hover:hover {
background: rgba(0, 125, 159, .6);
}
/* imgLinkCards end */
/* textLinkCards start */
.Catalog-overview-2025 .text-link-card .card-text {
color: #fff;
text-align: center;
line-height: 1.5;
font-size: 22px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.Catalog-overview-2025 .text-link-card-bg1 .card-text {
background: #4790d5;
}
.Catalog-overview-2025 .text-link-card-bg1:hover .card-text {
background: #155692;
}
.Catalog-overview-2025 .text-link-card-bg2 .card-text {
background: #386ed4;
}
.Catalog-overview-2025 .text-link-card-bg2:hover .card-hover {
background: #0b45af;
}
.Catalog-overview-2025 .text-link-card-bg3 .card-text {
background: #5c7eda;
}
.Catalog-overview-2025 .text-link-card-bg3:hover .card-hover {
background: #2652c9;
}
.Catalog-overview-2025 .text-link-card-bg4 .card-text {
background: #589ec0;
}
.Catalog-overview-2025 .text-link-card-bg4:hover .card-hover {
background: #1998d8;
}
.Catalog-overview-2025 .text-link-card-bg5 .card-text {
background: #4d9fed;
}
.Catalog-overview-2025 .text-link-card-bg5:hover .card-hover {
background: #307bc2;
}
.Catalog-overview-2025 .text-link-card-bg6 .card-text {
background: #2891db;
}
.Catalog-overview-2025 .text-link-card-bg6:hover .card-hover {
background: #075085;
}
/* textLinkCards end */
/* imgDescLinkCards & textDescLinkCards start */
.Catalog-overview-2025 .imgDescLinkCards .card-item {
height: 100%;
color: #fff;
}
.Catalog-overview-2025 .imgDescLinkCards .card-title,
.Catalog-overview-2025 .textDescLinkCards .card-title {
line-height: 1.5;
margin-bottom: 0;
}
.Catalog-overview-2025 .imgDescLinkCards .card-link,
.Catalog-overview-2025 .textDescLinkCards .card-link {
height: 2.375rem;
line-height: 2.375rem;
padding: 0 2.5rem;
border: 1px solid #fff;
font-size: 1rem;
}
.Catalog-overview-2025 .text-link-card .card-text {
color: #fff;
text-align: center;
line-height: 1.5;
font-size: 22px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.Catalog-overview-2025 .text-link-card-bg1 .card-text,
.Catalog-overview-2025 .text-desc-link-card-bg1 .up-card {
background: #4790d5;
}
.Catalog-overview-2025 .text-link-card-bg1:hover .card-text,
.Catalog-overview-2025 .text-desc-link-card-bg1 .toggle-card {
background: #155692;
}
.Catalog-overview-2025 .text-link-card-bg2 .card-text,
.Catalog-overview-2025 .text-desc-link-card-bg2 .up-card {
background: #386ed4;
}
.Catalog-overview-2025 .text-link-card-bg2:hover .card-hover,
.Catalog-overview-2025 .text-desc-link-card-bg2 .toggle-card {
background: #0b45af;
}
.Catalog-overview-2025 .text-link-card-bg3 .card-text,
.Catalog-overview-2025 .text-desc-link-card-bg3 .up-card {
background: #5c7eda;
}
.Catalog-overview-2025 .text-link-card-bg3:hover .card-hover,
.Catalog-overview-2025 .text-desc-link-card-bg3 .toggle-card {
background: #2652c9;
}
.Catalog-overview-2025 .text-link-card-bg4 .card-text,
.Catalog-overview-2025 .text-desc-link-card-bg4 .up-card {
background: #589ec0;
}
.Catalog-overview-2025 .text-link-card-bg4:hover .card-hover,
.Catalog-overview-2025 .text-desc-link-card-bg4 .toggle-card {
background: #1998d8;
}
.Catalog-overview-2025 .text-link-card-bg5 .card-text,
.Catalog-overview-2025 .text-desc-link-card-bg5 .up-card {
background: #4d9fed;
}
.Catalog-overview-2025 .text-link-card-bg5:hover .card-hover,
.Catalog-overview-2025 .text-desc-link-card-bg5 .toggle-card {
background: #307bc2;
}
.Catalog-overview-2025 .text-desc-link-card-bg1 .card-link:hover {
background: #fff;
border-color: #fff;
color: #155692;
}
.Catalog-overview-2025 .text-desc-link-card-bg2 .card-link:hover {
background: #fff;
border-color: #fff;
color: #0b45af;
}
.Catalog-overview-2025 .text-desc-link-card-bg3 .card-link:hover {
background: #fff;
border-color: #fff;
color: #2652c9;
}
.Catalog-overview-2025 .text-desc-link-card-bg4 .card-link:hover {
background: #fff;
border-color: #fff;
color: #1998d8;
}
.Catalog-overview-2025 .text-desc-link-card-bg5 .card-link:hover {
background: #fff;
border-color: #fff;
color: #307bc2;
}
/* imgDescLinkCards & textDescLinkCards end */
/* numAdvantages start */
.Catalog-overview-2025 .numAdvantages .numAdvantages-box {
display: flex;
margin-bottom: 2rem;
}
.Catalog-overview-2025 .numAdvantages .numAdvantages-text {
width: 100%;
padding: 0 0 0 20px;
}
.Catalog-overview-2025 .numAdvantages .title {
font-weight: bold;
line-height: 1.5;
}
/* numAdvantages end */
/* imgAdvantages start */
.Catalog-overview-2025 .imgAdvantages .imgAdvantages-text {
flex-direction: column;
color: #fff;
text-align: center;
}
.Catalog-overview-2025 .imgAdvantages .title {
font-size: 1.5rem;
line-height: 1.5;
margin-bottom: 0;
color: #fff;
}
.Catalog-overview-2025 .imgAdvantages .sub-title {
font-size: 1.125rem;
line-height: 1.5;
margin-bottom: 0.375rem;
color: #fff;
}
.Catalog-overview-2025 .imgAdvantages .desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 0;
color: #fff;
}
.Catalog-overview-2025 .h-150 {
height: 150px;
}
.Catalog-overview-2025 .imgAdvantages .imgAdvantages-text-bg1 {
background: #5bbf7f;
}
.Catalog-overview-2025 .imgAdvantages .imgAdvantages-text-bg2 {
background: #34a0a3;
}
.Catalog-overview-2025 .imgAdvantages .imgAdvantages-text-bg3 {
background: #259bbf;
}
.Catalog-overview-2025 .imgAdvantages .imgAdvantages-text-bg4 {
background: #1677be;
}
/* imgAdvantages end */
/* iconAdvantages start */
.Catalog-overview-2025 .iconAdvantages-text {
font-size: 1.375rem;
}
.Catalog-overview-2025 .iconAdvantages-icon {
font-size: 1.875rem;
margin-right: 0.625rem;
}
/* iconAdvantages end */
/* quotationOrdering start */
.Catalog-overview-2025 .step-box {
padding: 15px;
border: 1px solid #007D9F;
height: 100%;
font-size: 14px;
text-align: center;
line-height: 1.5em;
}
.Catalog-overview-2025 .step-box:before {
content: "";
width: 0;
height: 0;
border-style: solid dashed dashed dashed;
border-width: 10px;
font-size: 16px;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
}
.Catalog-overview-2025 .step-box:after {
content: "";
width: 0;
height: 0;
border-style: solid dashed dashed dashed;
border-width: 8px;
border-color: transparent transparent transparent white;
font-size: 16px;
position: absolute;
right: -11px;
top: 50%;
transform: translateY(-50%);
}
.Catalog-overview-2025 .step-box-row>div:last-child .step-box:before,
.Catalog-overview-2025 .step-box-row>div:last-child .step-box:after {
display: none;
}
/* quotationOrdering end */
/* flyers start */
.Catalog-overview-2025 .flyers .flyer-img {
width: 10.375rem;
height: 14.375rem;
padding-right: 0;
border: 1px solid #d3d3d3;
}
.Catalog-overview-2025 .flyers .flyer-text {
padding: 30px;
background: #f3f3f3;
flex: 1;
}
.Catalog-overview-2025 .flyers .title {
margin-bottom: 0.9375rem;
line-height: 1.5;
font-size: 1rem;
}
.Catalog-overview-2025 .flyers .desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 2.5rem;
}
.Catalog-overview-2025 .flyers .link {
display: inline-block;
padding: 0 1.25rem;
line-height: 2.25rem;
height: 2.25rem;
white-space: nowrap;
}
/* flyers end */
/* tab tabListByServe start */
.tabListByServe {
position: relative;
}
.tabListByServe .tab-title {
border: 1px solid #d3d3d3;
border-bottom: none;
padding: 0 1.25rem;
height: 3.75rem;
font-size: 1rem;
color: #333;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.tabListByServe .tabListByServe-title {
z-index: 99;
display: flex;
margin-bottom: 0;
max-width: 100%;
overflow: auto;
}
.tabListByServe li.tab-title-item {
margin-left: 3.75rem;
}
.tabListByServe li.tab-title-item:first-child {
margin-left: 6.25rem;
}
.tabListByServe .tabListByServe-content {
display: flex;
width: 100%;
border-top: 0.0625rem solid #1d73dd;
margin-top: -1px;
}
.tabListByServe .tabListByServe-content {
z-index: 9;
}
.tabListByServe .tab-active {
border: 1px solid #1d73dd;
border-bottom: none;
background-color: #fff;
color: #1d73dd;
}
.tabListByServe .tab-title:hover {
color: #1d73dd;
}
/* tab tabListByServe end */
/* colorTh colorTd start */
.Catalog-overview-2025 .colorTable-th,
.Catalog-overview-2025 .colorTable-td {
color: #ffffff;
padding: 1.25rem 0;
border: none;
}
.Catalog-overview-2025 .colorTable-th {
border-radius: 1.25rem 1.25rem 0 0;
}
.Catalog-overview-2025 .colorTable-td {
border-radius: 1.25rem 0 0 1.25rem;
}
.Catalog-overview-2025 .colorTable-thbg1,
.Catalog-overview-2025 .colorTable-tdbg1 {
background: #76c693;
}
.Catalog-overview-2025 .colorTable-thbg2,
.Catalog-overview-2025 .colorTable-tdbg2 {
background: #34a0a3;
}
.Catalog-overview-2025 .colorTable-thbg3,
.Catalog-overview-2025 .colorTable-tdbg3 {
background: #1f6191;
}
.Catalog-overview-2025 .colorTable-thbg4,
.Catalog-overview-2025 .colorTable-tdbg4 {
background: #684d92;
}
/* colorTh colorTd end */
/* OvertopTable start */
.Catalog-overview-2025 .OvertopTable .margin-td-left,
.Catalog-overview-2025 .OvertopTable .margin-td-middle,
.Catalog-overview-2025 .OvertopTable .margin-td-right {
background: #f3f3f3;
}
.Catalog-overview-2025 .OvertopTable .margin-td-left {
width: 20px;
}
.Catalog-overview-2025 .OvertopTable .margin-td-middle {
width: 10px;
}
.Catalog-overview-2025 .OvertopTable .margin-td-right {
width: 30px;
}
.Catalog-overview-2025 .OvertopTable .td-b-solid {
border-bottom: 1px solid #d3d3d3;
}
.Catalog-overview-2025 .OvertopTable td {
font-size: 14px;
line-height: 1.5;
}
.Catalog-overview-2025 .OvertopTable .td-left {
background: #f3f3f3;
color: #333;
text-align: left;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(2) {
padding-left: 0;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(2),
.Catalog-overview-2025 .OvertopTable td:nth-child(3),
.Catalog-overview-2025 .OvertopTable td:nth-child(5),
.Catalog-overview-2025 .OvertopTable td:nth-child(7) {
width: 25%;
vertical-align: middle;
font-size: 0.875rem;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(3),
.Catalog-overview-2025 .OvertopTable td:nth-child(5),
.Catalog-overview-2025 .OvertopTable td:nth-child(7) {
color: #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(3) {
background: #76c693;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(5) {
background: #34a0a3;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(7) {
background: #1f6191;
}
.Catalog-overview-2025 .OvertopTable tr:first-child .margin-td-left,
.Catalog-overview-2025 .OvertopTable tr:first-child .margin-td-middle,
.Catalog-overview-2025 .OvertopTable tr:first-child .margin-td-right,
.Catalog-overview-2025 .OvertopTable tr:last-child .margin-td-left,
.Catalog-overview-2025 .OvertopTable tr:last-child .margin-td-middle,
.Catalog-overview-2025 .OvertopTable tr:last-child .margin-td-right {
background: #fff;
}
.Catalog-overview-2025 .OvertopTable .td-button {
margin: 20px;
padding: 0 20px;
cursor: pointer;
}
.Catalog-overview-2025 .OvertopTable .overtop-td {
padding: 20px;
border-radius: 10px 10px 0 0;
font-weight: bold;
}
.Catalog-overview-2025 .OvertopTable .td-arrow {
position: relative;
border-radius: 0 0 10px 10px;
}
.Catalog-overview-2025 .OvertopTable .td-arrow::after {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
content: "";
width: 0;
height: 0;
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(3).arrow-active::after {
border-top: 20px solid #76c693;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(5).arrow-active::after {
border-top: 20px solid #34a0a3;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(7).arrow-active::after {
border-top: 20px solid #1f6191;
}
.Catalog-overview-2025 .OvertopTable .td-button {
font-size: 14px;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
color: #fff;
border: 1px solid #fff;
padding: 0 2.5rem;
white-space: nowrap;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(3).arrow-active a.td-button,
.Catalog-overview-2025 .OvertopTable .td-button1:hover {
background: #fff !important;
color: #76c693 !important;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(5).arrow-active a.td-button,
.Catalog-overview-2025 .OvertopTable .td-button2:hover {
background: #fff;
color: #34a0a3;
}
.Catalog-overview-2025 .OvertopTable td:nth-child(7).arrow-active a.td-button,
.Catalog-overview-2025 .OvertopTable .td-button3:hover {
background: #fff;
color: #1f6191;
}
/* OvertopTable end */
/* servicesLink start */
.Catalog-overview-2025 .button-sub,
.Catalog-overview-2025 .button-main {
line-height: 1;
white-space: nowrap;
text-decoration: none;
text-transform: capitalize;
text-align: center;
}
.Catalog-overview-2025 .button-lg {
min-width: 180px;
padding: 15px 40px;
font-size: 18px;
}
.Catalog-overview-2025 .button-md {
min-width: 180px;
padding: 11px 30px;
font-size: 16px;
}
.Catalog-overview-2025 .button-sm {
min-width: 180px;
padding: 9px 20px;
font-size: 14px;
}
.Catalog-overview-2025 .button-sub {
border: 1px solid #0590b1;
color: #0590b1;
}
.Catalog-overview-2025 .button-sub:hover {
background: #0590b1;
color: #fff;
}
.Catalog-overview-2025 .button-main {
color: #fff;
border: 1px solid #fff;
background: none;
}
.Catalog-overview-2025 .button-main:hover {
border: 1px solid #dae0f0;
background: #dae0f0;
color: #007D9F;
}
/* servicesLink end */
/* QuoteSupport start */
.Catalog-overview-2025 .QuoteSupport .support-row {
justify-content: flex-start;
}
.Catalog-overview-2025 .QuoteSupport .iconfont.support-icon {
color: #1d73dd;
font-size: 2.5rem;
margin-right: 0.25rem;
margin-top: -20px;
}
.Catalog-overview-2025 .QuoteSupport .support-title {
font-size: 1rem;
margin-bottom: 0.625rem;
color: #333;
}
.Catalog-overview-2025 .QuoteSupport .support-desc {
font-size: 0.875rem;
color: #333;
}
/* QuoteSupport end */
/* collapseNormalInfo start */
.Catalog-overview-2025 .collapseNormalInfo .collapse-title {
color: #333;
font-weight: normal;
height: auto;
padding: .4375rem 1.25rem;
}
.Catalog-overview-2025 .collapseNormalInfo .collapse-content {
padding: 0
}
.Catalog-overview-2025 .collapseNormalInfo .collapse-content-body {
padding: 2.5rem 1.875rem;
}
.Catalog-overview-2025 .collapseNormalInfo .collapseNormalInfo-item {
margin-bottom: 1.875rem;
}
.Catalog-overview-2025 .collapse-arrow {
font-size: 1.25rem;
transform: rotate(0deg);
}
.Catalog-overview-2025 .collapse-arrow-up {
font-size: 1.25rem;
transform: rotate(-90deg);
}
.Catalog-overview-2025 .collapse-arrow-down {
font-size: 1.25rem;
transform: rotate(90deg);
}
/* collapseNormalInfo end */
/* productTable start */
.Catalog-overview-2025 .table-input-up {
width: 24px;
height: 15px;
right: 0;
top: 0;
color: #666;
cursor: pointer;
overflow: hidden;
border: 1px solid #d3d3d3;
border-right: none;
border-bottom: none;
}
.Catalog-overview-2025 .table-input-down {
right: 0;
bottom: 0;
color: #666;
cursor: pointer;
width: 24px;
height: 15px;
overflow: hidden;
border: 1px solid #d3d3d3;
border-right: none;
border-bottom: none;
}
.Catalog-overview-2025 .table-input-down .iconfont,
.Catalog-overview-2025 .table-input-up .iconfont {
font-size: 20px;
position: absolute;
top: -9px;
left: 1px;
}
.Catalog-overview-2025 .table-input-up:hover,
.Catalog-overview-2025 .table-input-down:hover {
height: 14px;
background-color: #1d73dd;
color: #fff;
border-color: #1d73dd;
}
.Catalog-overview-2025 .inputNumber-input {
display: block;
width: 100%;
padding-left: 10px;
font-size: 16px;
border: 1px solid #d3d3d3;
}
.Catalog-overview-2025 .table-select {
border: 1px solid #d3d3d3;
padding: 2px 10px;
font-size: 14px;
}
/* productTable end */
/* productSelect start */
.Catalog-overview-2025 .productSelect .productSelect-item {
margin-bottom: 10px;
}
.Catalog-overview-2025 .productSelect .productSelect-option {
display: inline-block;
position: relative;
width: 100%;
line-height: 1.5;
border-radius: 40px;
border: 1px solid #d3d3d3;
padding: 10px 10px;
text-align: center;
cursor: pointer;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.Catalog-overview-2025 .productSelect.radioProductSelect .productSelect-option {
border-radius: 0;
}
.Catalog-overview-2025 .productSelect .productSelect-option:hover {
color: #007d9f;
background-color: rgba(0, 125, 159, 0.1);
border: 1px solid #007d9f;
}
.Catalog-overview-2025 .productSelect .productSelect-option.active {
color: #fff;
background-color: #007d9f;
border-width: 0;
}
.Catalog-overview-2025 .productSelect-item-collapse {
height: 40px;
position: relative;
border-top: 1px solid #007d9f;
margin-bottom: 20px;
}
.Catalog-overview-2025 .productSelect-collapse-btn {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -1px;
border: 1px solid #007d9f;
border-top: 1px solid #fff;
color: #007d9f;
min-width: 180px;
padding: 11px 30px;
font-size: 16px;
line-height: 1;
white-space: nowrap;
text-decoration: none;
text-transform: capitalize;
text-align: center;
font-weight: bold;
}
.Catalog-overview-2025 .rotate-down-90 {
transform: rotate(-90deg) !important;
}
.productSelect-content {
padding-top: 60px;
margin-top: -60px;
}
/* productSelect end */
/* systemBox start */
.Catalog-overview-2025 .system-box {
color: #333;
}
.Catalog-overview-2025 .system-box .system-icon {
font-size: 8.125rem;
}
.Catalog-overview-2025 .system-box .system-title {
margin: .9375rem 0;
font-size: 1.125rem;
}
.Catalog-overview-2025 .system-box .system-des {
font-size: .875rem;
line-height: 1.5;
}
/* systemBox end */
/* overviewForm start */
.Catalog-overview-2025 .genScriptForm {
background: #fff;
padding: 1.875rem;
}
.Catalog-overview-2025 .genScriptForm .required-label::before {
content: "*";
color: #e54d42;
font-size: 100%;
}
.Catalog-overview-2025 .genScriptForm .required-label::before {
content: "*";
color: #e54d42;
font-size: 100%;
}
.Catalog-overview-2025 .genScriptForm .form-control,
.Catalog-overview-2025 .genScriptForm .custom-select {
border-radius: 0;
border: 1px solid #d3d3d3;
color: #666;
font-size: 1rem;
}
.Catalog-overview-2025 .genScriptForm .form-control.is-valid:focus,
.Catalog-overview-2025 .genScriptForm.was-validated .form-control:valid:focus,
.Catalog-overview-2025 .genScriptForm .form-control:focus {
box-shadow: none;
border: 1px solid #1d73dd;
}
.Catalog-overview-2025 .genScriptForm .form-control.is-invalid:focus,
.Catalog-overview-2025 .genScriptForm.was-validated .form-control:invalid:focus {
box-shadow: none;
}
.Catalog-overview-2025 .genScriptForm .form-control.is-valid,
.Catalog-overview-2025 .genScriptForm.was-validated .form-control:valid,
.Catalog-overview-2025 .genScriptForm .custom-select.is-valid,
.Catalog-overview-2025 .genScriptForm.was-validated .custom-select:valid {
border-color: #d3d3d3;
background: none;
}
.Catalog-overview-2025 .genScriptForm .form-row {
margin-bottom: 1.875rem;
}
.Catalog-overview-2025 .genScriptForm .form-row label {
color: #333333;
display: block;
float: none;
width: 100%;
font-size: 1rem;
}
.Catalog-overview-2025 .genScriptForm .invalid-feedback {
font-size: 0.875rem;
transition: all 0.5s;
}
.Catalog-overview-2025 .genScriptForm .custom-select.is-valid:focus,
.Catalog-overview-2025 .genScriptForm.was-validated .custom-select:valid:focus,
.Catalog-overview-2025 .genScriptForm .custom-select.is-invalid:focus,
.Catalog-overview-2025 .genScriptForm.was-validated .custom-select:invalid:focus {
box-shadow: none;
border: 1px solid #1d73dd;
}
.Catalog-overview-2025 .genScriptForm .form-row {
padding: 0 5px;
}
.Catalog-overview-2025 .genScriptForm .form-row>.col,
.Catalog-overview-2025 .genScriptForm .form-row>[class*="col-"] {
padding-left: 0;
padding-right: 15px;
}
.Catalog-overview-2025 .genScriptForm .form-row>.col:last-child,
.Catalog-overview-2025 .genScriptForm .form-row>[class*="col-"]:last-child {
padding-right: 0;
padding-left: 15px;
}
.Catalog-overview-2025 .genScriptForm .genScriptForm-submit {
padding: 0 3.75rem;
}
.Catalog-overview-2025 .genScriptForm .genScriptForm-submit:focus {
outline: none;
}
/* overviewForm end */
/* textCards start */
.Catalog-overview-2025 .textCard:nth-child(1) .title {
background: #4790d5;
}
.Catalog-overview-2025 .textCard:nth-child(2) .title {
background: #386ed4;
}
.Catalog-overview-2025 .textCard:nth-child(3) .title {
background: #5c7eda;
}
.Catalog-overview-2025 .textCard:nth-child(4) .title {
background: #589ec0;
}
.Catalog-overview-2025 .textCard:nth-child(5) .title {
background: #4d9fed;
}
/* textCards end */
/* ResourcesRow right start*/
.Catalog-overview-2025 .ResourcesRow .link-row {
width: 100%;
height: 3.125rem;
line-height: 3.125rem;
padding: 0 1.25rem 0 1.875rem;
background: #f3f3f3;
color: #333;
font-size: 1rem;
margin-bottom: 0.625rem;
}
.Catalog-overview-2025 .ResourcesRow .link-row:hover {
background: #007d9f;
color: #fff;
}
.Catalog-overview-2025 .ResourcesRow a.link-row:last-child {
margin-bottom: 0;
}
.Catalog-overview-2025 .ResourcesRow .link-text {
flex: 1;
margin-left: 0.625rem;
}
.Catalog-overview-2025 .ResourcesRow .iconfont {
font-size: 20px;
}
.Catalog-overview-2025 .ResourcesRow .iconfont.link-left {
font-size: 30px;
}
/* ResourcesRow right end */
/* 内页加入购物车 start */
#addCartNum {
position: absolute;
background: #007D9F;
width: 28px;
height: 28px;
border-radius: 28px;
color: #fff;
display: inline-block;
line-height: 28px;
text-align: center;
z-index: 9000;
font-size: 14px;
}
.Catalog-overview-2025 .anchor-shopping-cart {
position: absolute;
right: -3px;
top: 6px;
width: 36px;
font-size: 36px;
color: #007D9F;
cursor: pointer;
display: none;
}
.Catalog-overview-2025 .cart-number {
position: absolute;
top: 10px;
right: 0;
transform: translate(50%, -50%);
width: 22px;
height: 22px;
line-height: 22px;
background: #f00;
border-radius: 100%;
font-size: 12px;
color: #fff;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
/* 内页加入购物车 end */
/* product search start */
.product-search {
background: #f3f3f3;
padding: 30px;
margin-top: 30px;
position: relative;
}
.product-search .title {
background: #1d73dd;
color: #ffffff;
display: inline-block;
font-size: 1.875rem;
padding: 10px 50px;
position: absolute;
top: -30px;
}
.product-search form .form-control {
border-radius: 0;
}
.product-search .search-list-a-z {
position: relative;
}
.product-search .search-list-a-z a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #333333;
background: #ffffff;
border: 1px solid #d3d3d3;
text-decoration: none;
margin-right: 5px;
margin-bottom: 20px;
font-size: 14px;
}
.product-search .search-list-a-z a:hover,
.product-search .search-list-a-z a.active {
color: #ffffff;
background: #1d73dd;
border: 1px solid #1d73dd;
text-decoration: none;
}
/* product search end*/
/* testimonials start */
.Catalog-overview-2025 .testimonials-text {
background: #f3f3f3;
}
.Catalog-overview-2025 .testimonials-text::before {
position: absolute;
top: 50%;
left: 0;
transform: translate(-100%, -50%);
content: "";
width: 0;
height: 0;
display: inline-block;
border-top: 15px solid transparent;
border-right: 20px solid #f3f3f3;
border-bottom: 15px solid transparent;
}
.Catalog-overview-2025 .testimonials-text .pText {
font-size: 1.125rem;
}
.Catalog-overview-2025 .testimonials-img-box {
color: #333;
margin: 0 2rem 0 0;
border-right: 1px dashed #d3d3d3;
height: 100%;
justify-content: center !important;
}
.Catalog-overview-2025 .testimonials-img-box .testimonials-img {
width: 6.25rem;
height: 6.25rem;
border-radius: 999px;
}
.Catalog-overview-2025 .testimonials-img-box .testimonials-img-title {
font-size: 1.125rem;
line-height: 1.5;
margin-top: 1.25rem;
margin-bottom: .375rem;
text-align: center;
}
.Catalog-overview-2025 .testimonials-img-box .testimonials-img-desc {
font-size: 0.875rem;
line-height: 1.5;
text-align: center;
}
/* testimonials end */
/* iframe start */
.Catalog-overview-2025 .iframe-size {
width: 800px;
height: 310px;
}
/* iframe end */
/* breadcrumbs start*/
.Catalog-overview-2025 .container.breadcrumbs {
/* max-width: 75rem !important; */
line-height: 1.5em;
padding: 15px 15px;
}
.Catalog-overview-2025 .container.breadcrumbs p {
margin-bottom: 0;
font-size: 0.875rem;
}
.Catalog-overview-2025 .container.breadcrumbs p a,
.Catalog-overview-2025 .container.breadcrumbs p {
color: #999;
}
.Catalog-overview-2025 .container.breadcrumbs p a:hover {
cursor: pointer;
text-decoration: underline;
}
/* breadcrumbs end*/
/* share button end */
/* 高度180px的related service字体大小为24px；
高度270px的服务线入口字体大小为30px；
其他情况只调边距，不调字体大小 */
/* related service文字大小统一调整 start */
.Catalog-overview-2025 .imgLinkCards .img-link-card.h-180 .card-text,
.Catalog-overview-2025 .textLinkCards .text-link-card.h-180 .card-text,
.Catalog-overview-2025 .imgDescLinkCards .img-desc-link-card.h-180 .card-title,
.Catalog-overview-2025 .textDescLinkCards .text-desc-link-card.h-180 .card-title {
font-size: 24px;
}
/* related service文字大小统一调整 start */
/* 服务线入口文字大小统一调整 start */
.Catalog-overview-2025 .imgLinkCards .img-link-card.h-270 .card-text,
.Catalog-overview-2025 .textLinkCards .text-link-card.h-270 .card-text,
.Catalog-overview-2025 .imgDescLinkCards .img-desc-link-card.h-270 .card-title,
.Catalog-overview-2025 .textDescLinkCards .text-desc-link-card.h-270 .card-title,
.Catalog-overview-2025 .imgLinkCards .img-link-card.h-200 .card-text,
.Catalog-overview-2025 .textLinkCards .text-link-card.h-200 .card-text,
.Catalog-overview-2025 .imgDescLinkCards .img-desc-link-card.h-200 .card-title,
.Catalog-overview-2025 .textDescLinkCards .text-desc-link-card.h-200 .card-title {
font-size: 30px;
}
/* 服务线入口文字大小统一调整 end */
/* modal start */
.Catalog-overview-2025 .FormModal .modal-body {
position: relative;
border-radius: 0;
padding: 0;
}
.Catalog-overview-2025 .FormModal .modal-content,
.Catalog-overview-2025 .imgModal .modal-content {
border-radius: 0;
border: none;
}
.Catalog-overview-2025 .FormModal .FormModal-text {
background: #1d73dd;
padding: 0 44px !important;
color: #fff;
/* max-width: 470px; */
}
.Catalog-overview-2025 .FormModal .FormModal-sub-title {
font-size: 1.375rem;
color: #fff;
}
.Catalog-overview-2025 .FormModal .FormModal-sub-desc {
color: #fff;
}
.Catalog-overview-2025 .FormModal .FormModal-title {
display: inline-block;
background: #fff;
padding: 16px 20px;
border-radius: 0 0 10px 10px;
font-size: 18px;
color: #1d73dd;
}
.Catalog-overview-2025 .modal-close {
transform: translate(100%, -4px) rotate(45deg);
font-size: 30px;
color: #fff;
position: absolute;
right: 0;
top: 0;
}
/* modal end */
/* 购物车加购禁用效果 start */
input[type="button"]:disabled {
color: #ab9292;
background: #d3d3d3;
border: 1px solid #d3d3d3;
cursor: not-allowed;
}
.Catalog-overview-2025 .table-btn[disabled="disabled"] {
padding: 4px 20px;
}
.Catalog-overview-2025 .table-btn[disabled="disabled"]:hover {
background: #d3d3d3;
}
/* 购物车加购禁用效果 end */
/* ----------- */
#add-to-cart h1 {
font-size: 25px;
margin-top: 0;
margin-bottom: 0.7em;
color: #3e3a39;
font-family: "arial";
}
/*resource left menu start*/
.advertising-box .leftmenu,
.advertising-box .overview-sidebar-one {
width: 100%;
background-color: #ffffff;
border: 1px solid #e9e9e9;
padding: 30px 15px 30px 20px;
}
.advertising-box .overview-sidebar-one {
margin-top: 30px;
}
.advertising-box .leftmenu_title,
.advertising-box .overview-sidebar-one h2 {
font-size: 1.125rem;
margin-bottom: 10px;
}
.advertising-box .leftmenu ul,
.advertising-box .overview-sidebar-one ul {
list-style: none;
padding-left: 0;
}
.advertising-box .leftmenu ul li,
.advertising-box .overview-sidebar-one ul li {
font-size: 14px;
line-height: 1.25em;
padding: 8px 0 8px 0px;
}
.advertising-box .leftmenu ul li ul,
.advertising-box .overview-sidebar-one ul li ul {
padding-left: 10px;
}
.advertising-box .leftmenu a,
.advertising-box .overview-sidebar-one a {
color: #333333;
}
.advertising-box .leftmenu a:hover,
.advertising-box .overview-sidebar-one a:hover {
color: #1d73dd;
text-decoration: underline;
}
.advertising-box .left_cotable_img img {
width: 100%;
margin-top: 30px;
}
.advertising-box .drop1 a {
color: #0066cc;
font-weight: normal;
}
/*resource left menu end*/
.mt-60-2025 {
margin-top: 3rem;
}
/* 2025 */
/* instrument_dynamics_2025 */
.msZiText {
font-size: 16px;
line-height: 26px;
padding: 0 20px;
color: #595757;
}
.proBg {
height: 1320px;
overflow: hidden;
}
.proBg.hover {
height: auto;
}
.graybg {
width: 100%;
margin-top: 40px;
padding: 20px 0;
background: #f9f9f9;
}
.lineHMore,
.lineHClosed,
.lineHClosed div,
.appMore,
.appClosed,
.appClosed div {
display: flex;
justify-content: center;
align-items: center;
color: #00bcef;
font-size: 17px;
margin: 20px 0 40px 0;
cursor: pointer;
}
.lineHClosed,
.appClosed {
display: none;
}
.lineHMore img,
.lineHClosed img,
.appMore img,
.appClosed img {
width: 16px;
height: 11px;
margin-left: 10px;
}
.lineHClosed.on,
.appClosed.on {
display: block;
}
.proBg.hover {
height: auto;
}
/* 新增 */
.literaturebox .introBox {
width: 100%;
margin-top: 15px;
height: 380px;
overflow: hidden;
transition: height 0.3s ease;
}
.literaturebox .introBox.hover {
height: auto;
}
.literaturebox .lineHMore,
.literaturebox .lineHClosed,
.literaturebox .lineHClosed div {
justify-content: right;
}
.literaturebox .introBox p {
font-size: 14px;
line-height: 24px;
}
.literaturebox .learnMore {
width: 100%;
line-height: 40px;
text-align: right;
font-size: 14px;
color: #00bcef;
padding-right: 30px;
cursor: pointer;
}
/* instrument_dynamics_2025 */
/* ---------------------------------- */
/* antibody-product-2025 */
.tjLIs li {
list-style: none;
position: relative;
width: 9%;
transition-duration: .5s;
height: 316px;
margin-right: 9px;
}
.tjLIs li img {
width: 100%;
display: block;
height: 100%;
object-fit: cover;
}
.tjLIs {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.tjLIs li.hover {
width: 20%;
}
.tjLIs li .intor {
position: absolute;
top: 113px;
left: 0;
color: #fff;
transition-duration: .5s;
}
.tjLIs li:last-child {
margin-right: 0;
}
.tjLIs li.hover .intor {
padding: 0 23px;
top: 33px;
}
.tjLIs li .intor h1 {
font-size: 1.125rem;
font-weight: bold;
text-align: center;
line-height: 1.5rem;
padding: 0 0.5rem;
}
.tjLIs li.hover h1 {
padding: 0 0;
line-height: 1.7rem;
margin-bottom: 1rem;
}
.tjLIs li .intor h1 span {
display: block;
}
.tjLIs li .intor p {
font-size: 0.875rem;
line-height: 1.8;
opacity: 0;
transition-duration: .5s;
display: block;
margin-bottom: 0;
display: -webkit-Box;
-webkit-Box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.tjLIs li .intor p span {
display: inline-block;
width: 4px;
height: 4px;
background: #fff;
}
.tjLIs li .intor b {
font-weight: bold;
font-size: 0.875rem;
opacity: 0;
transition-duration: .5s;
margin-top: 1rem;
display: inline-block;
}
.tjLIs li.hover .intor h1 {
text-align: left;
}
.tjLIs li.hover .intor h1 span {
display: inline-block;
}
.tjLIs li.hover .intor p,
.tjLIs li.hover .intor b {
opacity: 1;
}
/* antibody-product-2025 */
/* ------------------------------ */
/* reagent_dynamic_2025 */
.proLeftmenu {
width: 290px;
}
.proLeftmenu .lineborder {
/* padding-bottom: 20px; */
/* font-size: 24px; */
/* border-bottom: 2px solid #dfdfdf; */
padding-bottom: 10px;
position: relative;
}
.proRight {
width: calc(100% - 290px);
width: -webkit-calc(100% - 290px);
padding-left: 30px;
margin-top: 60px;
}
.subNavBox {
width: 100%;
max-height: 997px;
position: relative;
border-top: 2px solid #dfdfdf;
}
.navScroll::-webkit-scrollbar {
width: 3px;
background-color: #eeeeee;
}
.navScroll::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent;
}
/* 设置滚动条的样式 */
.navScroll::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #00bcef;
}
.subNav {
display: block;
width: 100%;
border-bottom: 2px solid #dfdfdf;
line-height: 24px;
font-size: 16px;
color: #000;
background: url(/catalog_imgs/icon/down.png) no-repeat right center;
transition-duration: .5s;
cursor: pointer;
padding: 10px 20px 10px 0;
}
.currentDt {
background: url(/catalog_imgs/icon/up.png) no-repeat right 21px;
color: #00bcef;
border-bottom: 0;
}
.navContent {
display: none;
position: relative;
border-bottom: 2px solid #dfdfdf;
}
.navScroll {
max-height: 600px !important;
overflow: auto;
padding-left: 5px;
padding-right: 20px;
margin-bottom: 10px;
}
.navContent li {
line-height: 28px;
}
.navContent li a {
display: block;
font-size: 11px;
color: #888;
padding-left: 14px;
}
.secMenu {
font-size: 16px;
margin-bottom: 10px;
}
.proSearch {
display: flex;
justify-content: space-between;
align-items: center;
}
.proSearch h1 {
font-size: 2rem;
}
.seLIs {
width: 441px;
height: 44px;
border: 1px solid #c4c4c4;
display: flex;
justify-content: space-between;
}
.seLIs input {
width: 386px;
height: 40px;
border: none;
outline: none;
font-size: 14px;
padding-left: 18px;
}
.seLIs button {
width: 43px;
height: 43px;
background: #00bcef;
outline: none;
border: none;
}
.jsBox {
background: url(/catalog_imgs/subject/lBg.jpg) no-repeat center;
background-size: cover !important;
height: 88px;
margin: 18px 0;
position: relative;
padding: 15px 18px;
color: #fff;
}
.jsBox h1 {
font-weight: bold;
font-size: 24px;
}
.jsBox p {
font-size: 16px;
}
.jsBox a {
display: none;
width: 103px;
line-height: 28px;
background: #00bcef;
text-align: center;
font-size: 16px;
color: #fff !important;
position: absolute;
top: 33px;
right: 18px;
}
.proLis dl {
float: left;
width: 190px;
height: 250px;
border: 1px solid #cbcbcb;
position: relative;
margin-bottom: 30px;
margin-right: 30px;
}
.proLis dl a {
text-decoration: none;
}
.proLis dl dt {
height: 150px;
position: relative;
}
.proLis dl:nth-child(4n) {
margin-right: 0;
}
.proLis dl dt .proImg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
display: block;
max-width: 90%;
max-height: 90%;
}
.hotImg {
position: absolute;
bottom: 10px;
right: 6px;
}
.proLis dl dt .newIMg {
position: absolute;
top: 5px;
left: 7px;
}
.proLis dl dd {
padding: 0 10px;
font-size: 12px;
color: #000;
}
.proGg {
font-size: 11px;
display:flex;
align-items:center;
white-space:nowrap;
}
.proTitle {
line-height: 1;
margin-bottom: 5px;
}
.proPricle {
font-size: 12px;
color: #e0620d;
margin-top: 5px;
margin-left: 8px;
font-weight: bolder;
}
.proLis dl a:hover .proTitle {
color: #00bcef;
}
.pri {
font-size: 12px;
opacity: 0.7;
text-decoration: line-through;
}
.gwcIcon {
position: absolute;
bottom: 15px;
right: 15px;
opacity: 0.6;
cursor: pointer;
}
.gwcIcon:hover{opacity: 1;}
.proLis:after {
content: '';
clear: both;
display: block;
}
.pages {
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: 0px;
}
.pages a {
font-size: 16px;
color: #757575;
text-decoration: none;
}
.prePage {
padding-right: 92px;
}
.nextPage {
padding-left: 92px;
}
.pages .morePro {
width: 120px;
line-height: 37px;
text-align: center;
color: #fff;
font-size: 14px;
background: #00bcef;
position: absolute;
right: 0;
top: -5px;
}
.ymBt {
display: block;
width: 25px;
text-align: center;
line-height: 25px;
}
.ymBt:hover,
.ymBt.on {
border: 1px solid #00bcef;
text-decoration: none;
color: #00bcef;
margin:0 2px;
}
.items {
list-style: none;
margin: 0 0 25px 0;
padding: 0;
position: relative;
}
.items li {
position: relative;
margin-bottom: 6px;
cursor: pointer;
display: none;
}
.items li .fLis {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.items li p {
margin: 0;
font-size: 16px;
}
.items li span {
font-size: 12px;
}
/* .items li:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #333;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -6px;
}
.items li:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
left: 2px;
top: 50%;
margin-top: -4px;
background: #00bcef;
opacity: 0;
} */
.items li.hover:after {
border: 1px solid #00bcef;
}
.items li.hover:before {
opacity: 1;
}
.items input[type='radio'] {
width: 15px;
height: 15px;
vertical-align: middle;
opacity: 0;
}
.input_style {
background: url(/catalog_imgs/icon/c1.png) no-repeat;
width: 15px;
height: 15px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 7px;
}
.radio_bg {
background: url(/catalog_imgs/icon/c1.png) no-repeat;
}background: url(/catalog_imgs/icon/c2.png) no-repeat;
.checkbox_bg {
background-position: 0 0;
}
.radio_bg_check {
background: url(/catalog_imgs/icon/c2.png) no-repeat;
}
.checkbox_bg_check {
background-position: -48px 0;
}
.items lable {
position: relative;
display: flex;
/* align-items: center; */
margin-bottom: 6px;
line-height: 28px;
}
.items lable p {
padding-left: 10px;
font-size: 14px;
margin-bottom: 0;
padding-right: 10px;
}
.items lable span {
position: absolute;
right: -10px;
top: 0;
font-size: 12px;
}
.moreBtn,
.closedBtn {
font-size: 12px;
color: #00bcef !important;
display: flex;
align-items: center;
}
.moreBtn img,
.closedBtn img {
margin-right: 10px;
}
.moreBtn.on {
display: block;
}
.moreBtn.hover {
display: none;
}
.closedBtn {
display: none;
}
.closedBtn.on {
display: block;
}
.items.on li {
display: none !important;
}
.items li:nth-child(1),
.items li:nth-child(2),
.items li:nth-child(3),
.items li:nth-child(4),
.items li:nth-child(5),
.items.on li:nth-child(1),
.items.on li:nth-child(2),
.items.on li:nth-child(3),
.items.on li:nth-child(4),
.items.on li:nth-child(5) {
display: block !important;
}
.adbkg {
background: #fff;
}
.qkAddbtn {
position: absolute;
top: 0.5rem;
display: flex;
justify-content: right;
align-items: center;
right: 0;
}
.qkAddbtn a {
display: block;
font-size: 14px;
width: 60px;
text-align: center;
line-height: 30px;
background: #00bcef;
margin-left: 10px;
color: #fff !important;
}
.qkAddbtn a:hover {
color: #fff;
text-decoration: none;
}
/* .qkAddbtn a:nth-child(1) {
display: none;
} */
.proBg {
background: #f9f9f9;
height: 1280px;
padding: 10px 0;
overflow: hidden;
}
.msTitle {
font-size: 17px;
font-weight: bold;
}
.msZi {
font-size: 16px;
color: #595757;
padding: 24px 20px;
}
.tbbg {
margin: 30px 0;
}
.cMore,
.cClosed,
.cClosed div {
display: flex;
justify-content: center;
align-items: center;
color: #00bcef;
font-size: 17px;
margin: 10px 0;
cursor: pointer;
}
.cClosed {
display: none;
}
.cMore img,
.cClosed img {
margin-left: 10px;
}
.proBg.hover {
height: auto;
}
.cClosed.on {
display: block;
}
/* reagent_dynamic_2025 */
.w575 {
width: 575px !important;
}
.downloadTitle {
width: 100%;
position: relative;
color: #fff;
line-height: 38px;
text-align: center;
font-size: 16px;
overflow: hidden;
background: #00bcef;
}
.downloadTitle a {
color: #fff !important;
}
.downloadTitle .downstart {
width: 100%;
height: 100%;
position: absolute;
text-align: center;
left: 0;
top: -38px;
color: #fff;
background: #00bcef;
transition-duration: .5s;
}
.downloadTitle .downstart a {
color: #fff;
}
.downloadTitle:hover .downstart {
top: 0;
}
.downloadBox {
justify-content: space-between;
flex-wrap: wrap;
}
.w575 {
width: 48%;
}
.antibody-download {
width: 43%;
position: relative;
}
.antibody-download .swiper-button-prev,
.antibody-download .swiper-button-next {
width: 32px;
height: 32px;
border-radius: 100%;
background: #bfbfbf;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
transition-duration: 1s;
}
.antibody-download .swiper-button-prev {
left: -40px;
}
.antibody-download .swiper-button-next {
right: -40px !important;
}
.antibody-download .img-link-card {
width: 213px;
}
.antibody-download .img-link-card:hover .downstart {
top: 0;
}
.antibody-download .swiper-button-disabled{opacity: 0 !important;}
.anti-apply {
width: 150px;
line-height: 30px;
cursor: pointer;
color: #fff !important;
font-size: 14px;
text-align: center;
background: #00bcef;
box-shadow: 0 2px 5px #9fbbde;
}
.navRight {
display: flex;
align-items: center;
height: 60px;
}
.justify-content-right {
justify-content: right;
}
.mt-30 {
margin-top: 30px
}
.app-w20 {
width: 18% !important;
margin: 0 1%;
cursor: pointer;
}
.relatedBox {
border: 2px solid #d0daee !important;
padding: 15px;
background: #fff;
position: relative;
z-index: 3;
margin-bottom: 30px;
margin-top: 60px;
}
/* all product 2025 start */
.genScript-overview-2025 .imgBanner {
height: 37rem;
}
.product-menu-search {
height: 44px;
position: relative;
}
.form-product-input {
width: 100%;
height: 100%;
padding-left: 20px;
padding-right: 70px;
border: 1px solid #d3d3d3;
color: #666;
font-size: 1rem;
position: relative;
z-index: 2;
}
.product-search-btn {
display: flex;
justify-content: center;
align-items: center;
width: 54px;
height: 100%;
box-sizing: border-box;
border: none;
outline: none;
background: #00bcef;
position: absolute;
right: 0;
top: 0;
z-index: 4;
}
.product-search-btn img {
display: block;
width: 24px;
}
.product-menu-control {
width: 100%;
}
.product-menu-list {
width: 100%;
border-bottom: 3px solid #ececec;
}
.product-menu-list .control-name h3 {
font-size: 12px;
color: #000;
line-height: 42px;
margin-bottom: 0;
}
.flex-items-box {
display: flex;
}
.flex-items-list {
margin-left: 12px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 2px;
cursor: pointer;
}
.flex-items-list:first-child {
margin-left: 0;
}
.full-results .flex-items-list,
.filter-control .flex-items-list {
height: 22px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 4px;
background: none !important;
border: 1px solid #e1e1e1;
}
.full-results .flex-items-list {
display: none;
}
.clear-all-results{
display:none;
}
/* .full-results .flex-items-list:first-child {
display: flex !important;
} */
.filter-control .flex-items-list {
/* position:relative; */
display: block;
}
.filter-flex-items-list {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.flex-items-list span {
padding: 0 4px;
display: block;
font-size: 12px;
color: #3976da;
line-height: 22px;
}
.flex-items-list:hover>span {
color: #da3939;
}
.full-results .flex-items-list p span {
display: inline-block;
padding: 0;
color: #000 !important;
}
.flex-items-list img {
margin-left: 4px;
}
.flex-items-list.on {
background-color: #ffe9e9;
}
.flex-items-list.on span {
color: #da3939;
}
.full-results .flex-items-list p {
padding: 0 4px;
display: block;
font-size: 12px;
color: #3976da;
line-height: 22px;
margin-bottom: 0;
padding: 0;
color: #000 !important;
}
.filter-control .flex-items-list .filter-flex-items-list span {
padding: 0;
color: #000 !important;
}
.filter-drop {
min-width: 150px;
margin-top: 10px;
position: absolute;
transform-origin: center top;
transform: translateX(-50%);
background: #fff;
border: 1px solid #ebeef5;
padding: 12px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
z-index: 200;
display: none;
}
.filter-drop-panel {
max-width: 500px;
font-size: 12px;
max-height: 300px;
overflow: auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.filter-drop-panel span {
color: #3976da;
padding: 0;
}
.filter-drop-panel span:hover {
color: #da3939;
}
.clear-all-results,
.get-more {
height: 40px;
margin-left: 12px;
font-size: 12px;
color: #000;
line-height: 42px;
cursor: pointer;
}
.get-more {
width: 28px;
text-align: left;
}
.flex-items-content {
width: calc(100% - 40px);
height: 42px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.filter-control .flex-items-content {
overflow: initial;
}
.flex-items-content.expand {
min-height: 42px;
height: auto;
}
.product-sort-box {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.product-sort-list {
display: flex;
}
.sort-cm {
width: 83px;
height: 38px;
font-size: 12px;
color: #afafaf;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.sort-cm span {
display: block;
margin-right: 2px;
}
.sort-cm-down-b {
display: block;
}
.sort-cm-down-w {
display: none;
}
.sort-cm.active {
background: #e0620d;
color: #fff;
}
.sort-cm.active .sort-cm-down-b {
display: none;
}
.sort-cm.active .sort-cm-down-w {
display: block;
}
.ml-auto {
margin-left: auto;
font-size: 12px;
color: #afafaf;
line-height: 38px;
}
.product-list-box {
margin-top: 26px;
width: 100%;
}
.product-list-box ul {
width: 100%;
padding-left: 0;
margin-bottom: 0;
/* display:flex;
flex-wrap:wrap; */
zoom: 1;
}
.product-list-box ul:after {
display: block;
content: "";
clear: both;
}
.product-list-box ul li {
float: left;
list-style: outside none none;
width: 270px;
height: 170px;
overflow: hidden;
margin-right: 30px;
margin-bottom: 30px;
}
/* .product-list-box ul li:nth-child(1) {
height: 370px;
} */
.product-list-box ul li:nth-child(4) {
margin-right: 0;
}
.product-list-box ul li:nth-child(4n) {
margin-right: 0;
}
.product-list-box ul li:nth-child(3) {
margin-right: 30px;
}
.pro-hidden{
display:none;
}
.product-activity {
width: 100%;
position: relative;
}
.product-activity img {
display: block;
width: 100%;
}
.product-activity a {
display: block;
width: 84px;
height: 26px;
background: #00bcef;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 26px;
position: absolute;
bottom: 14px;
left: 20px;
}
.product-list-info {
width: 100%;
height: 100%;
border: 2px solid #ececec;
position: relative;
}
.new-tag {
position: absolute;
top: 8px;
left: 8px;
z-index: 2;
}
.product-list-flex {
width: 100%;
/* height: 100%; */
display: flex;
justify-content: space-between;
padding: 15px;padding-bottom: 0;
position: relative;
}
.product-list-flex-l {
width: 40%;
position: relative;
}
.product-list-img {
width: 100%;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.product-list-img img {
display: block;
max-width: 96%;
max-height: 96%;
}
.product-list-flex-r p {
font-size: 12px;
font-weight:bold;
color: #5a5a5a;
text-align: center;
line-height: 1.4;
margin-top: 4px;
margin-bottom:0;
display:flex;
align-items: center;
white-space: nowrap;
}
.price-select{
display:block;
width:62px;
height:20px;
font-size:12px;
padding:0 10px 0 2px;
background-position-x: 98%;
}
.hot-tag {
position: absolute;
bottom: 18px;
right: -5px;
z-index: 2;
}
.product-list-flex-r {
width: 50%;
}
.product-name {
font-size: 12px;
color: #000 !important;
line-height: 1.5;
margin-bottom: 5px;
display: -webkit-Box;
-webkit-Box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-decoration: none !important;
/* padding: 0 18px; */
}
.product-name:hover {
color: #e0620d !important;
}
.product-encoded {
font-size: 12px;
color: #000 !important;
line-height: 1.5;
margin-bottom: 5px;
}
.product-price {
display: flex;
align-items: center;
}
.product-price-l {
display: flex;
align-items: center;
}
.product-price-l span {
display: block;
font-size: 30px;
color: #e0620d;
font-weight: bold;
line-height: 1;
}
.product-price-r {
padding-left: 5px;
display: flex;
flex-wrap: wrap;
}
.old-price {
display: inline-block;
margin-bottom: 0;
font-size: 12px;
color: #6e6e6e;
line-height: 1.2;
position: relative;
}
.old-price:after {
display: block;
content: '';
width: 110%;
height: 0;
border-bottom: 1px solid #6e6e6e;
position: absolute;
left: -5%;
top: 50%;
}
.new-price {
width: 100%;
margin-bottom: 0;
font-size: 13px;
color: #e0620d!important;
font-weight: bold;
line-height: 1.2;
}
.product-list-end {
margin-bottom: 8px;
display: flex;
align-items: center;
}
.school-opens {
padding: 0 2px;
border: 2px solid #e0620d;
font-size: 12px;
color: #e0620d;
}
.add-car {
margin-left: auto;
opacity: 0.6;cursor:pointer;
}
.add-car:hover{
opacity: 1;
}
.product-pagination {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 45px;
position: relative;
}
.product-pagination-bullets {
display: flex;
justify-content: center;
}
.product-pagination-bullets ul {
padding-left: 0;
margin: 0 90px;
display: flex;
}
.product-pagination-bullets ul li {
list-style: outside none none;
display: block;
width: 30px;
height: 30px;
border: 2px solid rgba(0, 188, 239, 0);
margin: 0 4px;
font-size: 14px;
color: #000;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.product-pagination-bullets ul li.on {
border: 2px solid rgba(0, 188, 239, 1);
color: #00bcef;
}
.product-pagination-bullets ul li:hover {
border: 2px solid rgba(0, 188, 239, 1);
color: #00bcef;
}
.product-prev,
.product-next {
font-size: 14px;
color: #000;
line-height: 30px;
cursor: pointer;
}
.product-prev:hover,
.product-next:hover {
color: #00bcef;
}
.all-product {
font-size: 14px;
color: #00bcef;
line-height: 30px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.proLink .img-link-card {
position: relative;
}
.proLink .img-link-card .card-text {
width: 100%;
left: 0;
top: 0;
transform: translate(0, 0);
}
.proLink {
width: 100%;
padding-top: 45px;
}
.directPurchase-box {
width: 100%;
}
.directPurchase-box {
padding-top: 100px;
padding-bottom: 90px;
}
.directPurchase-menu-btn {
border-bottom: 2px solid #cecece;
height: 86px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
}
.directPurchase-menu-btn:after {
display: none;
content: '';
width: 100%;
height: 4px;
background: #00bcef;
position: absolute;
bottom: -2px;
left: 0;
}
.directPurchase-menu .active .directPurchase-menu-btn:after {
display: block;
}
.directPurchase-menu-btn img:nth-child(1) {
display: block;
}
.directPurchase-menu-btn img:nth-child(2) {
display: none;
}
.directPurchase-menu .active .directPurchase-menu-btn img:nth-child(1) {
display: none;
}
.directPurchase-menu .active .directPurchase-menu-btn img:nth-child(2) {
display: block;
}
.directPurchase-menu-name {
padding-left: 30px;
}
.directPurchase-menu-name h4 {
font-size: 18px;
color: #000;
line-height: 1.5;
margin-bottom: 0;
}
.directPurchase-menu-name p {
font-size: 14px;
color: #000;
line-height: 1.5;
margin-bottom: 0;
}
.directPurchase-contenter {
display: none;
}
.directPurchase-contenter table {
width: 100%;
border-collapse: collapse;
border: 1px solid #999999;
}
.directPurchase-contenter table tr th {
border: 1px solid #999999;
padding: 0.2rem;
}
.directPurchase-contenter table tr th span {
display: block;
height: calc(1.5em + .75rem + 2px);
font-size: 14px;
color: #000;
font-weight: normal;
line-height: 1.5;
text-align: center;
line-height: calc(1.5em + .75rem + 2px);
}
.directPurchase-contenter table tr th span i {
font-style: normal;
color: #d81919;
}
.directPurchase-contenter table tr td {
border: 1px solid #999999;
padding: 0.2rem;
}
.directPurchase-contenter table tr td span {
display: block;
height: calc(1.5em + .75rem + 2px);
font-size: 14px;
color: #000;
line-height: 1.5;
text-align: center;
line-height: calc(1.5em + .75rem + 2px);
}
.pro-checkAll,.pro-check{
display:inline-block;
width:15px;
height:15px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
position:relative;
}
.pro-checkAll::before,.pro-check::before{
display:block;
content:'';
width:100%;
height:100%;
background:url('/catalog_imgs/icon/c1.png') no-repeat;
background-size:100% 100%;
position:absolute;
top:0;
left:0;
}
.pro-checkAll:checked::before,.pro-check:checked::before{
background:url('/catalog_imgs/icon/c2.png') no-repeat;
background-size:100% 100%;
}
.directPurchase-contenter table tr th:nth-child(2){
text-align: center;
}
.directPurchase-contenter table tr td:nth-child(1) {
width: 7%;
}
.directPurchase-contenter table tr td:nth-child(2) {
width: 5%;
text-align: center;
}
.directPurchase-contenter table tr td:nth-child(3) {
width: 20%;
}
.directPurchase-contenter table tr td:nth-child(4) {
width: 44%;
}
.directPurchase-contenter table tr td:nth-child(5) {
width: 14%;
}
.directPurchase-contenter table tr td:nth-child(6) {
width: 10%;
}
.directPurchase-contenter table tr td input {
border-radius: 0;
border: none;
}
.directPurchase-table-control {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.table-add-row {
display: flex;
align-items: center;
}
.table-add-row span {
display: block;
font-size: 14px;
line-height: 1.4;
white-space: nowrap;
}
.table-add-row .form-control {
width: 60px;
margin: 0 0.4rem;
text-align: center;
}
.add-row-btn {
width: 60px;
height: calc(1.5em + .75rem + 2px);
border: 2px solid #00bcef;
margin-left: 12px;
font-size: 14px;
color: #00bcef;
line-height: calc(1.5em + .75rem - 2px);
text-align: center;
cursor: pointer;
}
.add-row-btn:hover {
background: #00bcef;
color: #fff;
}
.table-clear-car {
display: flex;
align-items: center;
}
.table-clear-btn {
width: 60px;
height: calc(1.5em + .75rem + 2px);
background:#fff;
border: 2px solid #cecece;
margin-right: 12px;
font-size: 14px;
color: #00bcef;
line-height: calc(1.5em + .75rem - 2px);
text-align: center;
cursor: pointer;
}
.table-clear-btn:hover {
background: #cecece;
color: #fff;
}
.table-add-car-btn {
border:none;
width: auto;
height: calc(1.5em + .75rem + 2px);
padding: 0 10px;
background: #00bcef;
font-size: 14px;
color: #fff !important;
line-height: calc(1.5em + .75rem + 2px);
text-align: center;
}
.table-add-car-btn:hover{
text-decoration: underline;
}
.upload-section {
width: 100%;
height: 280px;
border: 2px dashed #cccccc;
border-radius: 4px;
display: flex;
align-items: center;
}
.upload-area {
width: 100%;
}
.upload-area img {
display: block;
margin: 0 auto;
}
.upload-area>p {
text-align: center;
margin-top: 1rem;
}
.upload-file-input {
display: none;
}
.choose-file {
display: block;
margin: 0 auto;
width: 106px;
height: 42px;
border: 1px solid #92929e;
border-radius: 2px;
font-size: 1rem;
color: #00bcef;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.choose-file:hover {
border: 1px solid #00bcef;
}
.choose-file-notice {
font-size: 1rem;
text-align: center;
margin-top: 1rem;
}
.upload-control {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.upload-files-show {
width: 40%;
}
.download-template {
font-size: 14px;
color: #333;
line-height: 1.4;
}
.upload-files-excel {
display: none;
align-items: center;
width: 100%;
position: relative;
cursor: pointer;
}
.upload-excel-show {
display: flex;
}
.upload-files-excel .upload-files-name {
font-size: 14px;
color: #00bcef;
line-height: 1.4;
white-space: nowrap;
margin-left: 10px;
}
.upload-files-excel .upload-files-size {
font-size: 14px;
color: #54545c;
line-height: 1.4;
white-space: nowrap;
margin-left: auto;
position: relative;
z-index: 2;
}
.upload-files-delete {
padding: 0 10px;
height: 100%;
background: #fff;
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 0;
z-index: 4;
opacity: 0;
visibility: hidden;
}
.upload-files-excel:hover .upload-files-size {
opacity: 0;
visibility: hidden;
}
.upload-files-excel:hover .upload-files-delete {
opacity: 1;
visibility: visible;
}
.upload-clear-car {
display: flex;
}
.upload-clear-btn {
display: none;
width: 60px;
height: calc(1.5em + .75rem + 2px);
background: none;
border: 2px solid #cecece;
margin-right: 12px;
font-size: 14px;
color: #00bcef;
line-height: calc(1.5em + .75rem - 2px);
text-align: center;
cursor: pointer;
}
.upload-add-btn {
width: auto;
height: calc(1.5em + .75rem + 2px);
border: none;
padding: 0 10px;
background: #00bcef;
font-size: 14px;
color: #fff !important;
line-height: calc(1.5em + .75rem + 2px);
text-align: center;
cursor: pointer;
}
.upload-add-btn:hover {
text-decoration: underline;
}
.no-click {
background: #e5e5e5;
color: #54545c !important;
cursor: not-allowed !important;
text-decoration: none !important;
}
.mobie-pro-menuBox {
display: none;
}
/*产品二级页产品筛选 补充*/
.mobile_pro_filterBox {
display: none;
width: 100%;
height: 50px;
position: relative;
}
.mobile_pro_filter_content {
width: 100%;
height: 50px;
display: flex;
background: #fff;
justify-content: space-between;
align-items: center;
position: absolute;
right: 0;
top: 0;
}
.pro_filterBtn {
width: 90px;
height: 30px;
border-radius: 30px;
border: 1px solid #adadad;
display: flex;
justify-content: center;
align-items: center;
}
.pro_filterBtn span {
font-size: 14px;
color: #333;
padding-right: 15px;
position: relative;
}
.pro_filterBtn span:after {
display: block;
content: '';
width: 13px;
height: 5px;
background: url('/catalog_imgs/icon/icon-drop.png');
background-size: 100% 100%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.mobile-seLIs {
width: calc(100% - 110px);
height: 30px;
border-radius: 30px;
border: 1px solid #adadad;
overflow: hidden;
position: relative;
}
.mobile-seLIs input {
width: 100%;
height: 100%;
border: none;
outline: none;
background: none;
font-size: 14px;
color: #333;
padding-left: 10px;
padding-right: 50px;
position: relative;
z-index: 2;
}
.mobile-seLIs button {
padding: 0 !important;
border: none !important;
background: none;
outline: none;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.mobile-seLIs button img {
display: block;
width: 100%;
height: 100%;
}
.filter-fixed {
position: fixed !important;
padding: 0 15px;
box-shadow: 0 0 1px 0px #adadad;
z-index: 99;
}
.mobile-drop-box {
display: none;
position: fixed;
width: 100%;
background: #fff;
left: 0;
z-index: 20;
}
/*产品二级页产品筛选 补充*/
/* 二级产品页资源下载轮播 */
.downloadPic {
width: 100%;
overflow: hidden;
}
.downloadPic img {
display: block;
width: 100% !important;
height: 285px;
}
/* ----三级页面----- */
.third-lever-title {
font-size: 36px;
color: #000;
line-height: 36px;
}
.introBox {
justify-content: space-between;
flex-wrap: wrap;
}
.introBox-pic {
width: 40%;
overflow: hidden;
}
.introBox-pic img {
display: block;
width: 100%;
}
.introBox-text {
width: 57.5%;
}
.introBox-text .text {
font-size: 16px;
line-height: 1.8;
color: #000;
text-align: justify;
}
.introIcon {
justify-content: space-between;
flex-wrap: wrap;
}
.introIcon dl {
width: 30%;
}
.introIcon dl dt {
text-align: center;
}
.introIcon dl dt img {
display: inline-block;
max-width: 85px;
}
.introIcon dl dd {
width: 100%;
font-size: 16px;
line-height: 24px;
color: #000000;
text-align: center;
font-weight: normal;
}
/* .introIcon dl dd span{display:inline-block; width: 100%; font-size: 15px; line-height: 23px; padding-top:8px;} */
.intromar{margin-top: 60px; margin-bottom: 80px;}
/* ----三级页面----- */
.Catalog-overview-2025 .imgBanner-text {
left: 50%;
transform: translate(-50%, -40%);
}
/* .subject-entrance .position-absolute{height: 180px !important;}
.subject-entrance .position-absolute img{height: auto !important; width:auto !important;} */
.anti-apply a{ color:#fff !important;}
/* 2025-4-1 */
.filterBox {
width: 290px;
background: #f1f1f1;
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.filterlist {
border: 1px solid #c1c1c1;
border-radius: 5px;
position: relative;
padding: 0 6px;
margin: 5px;
background: #fff;
display: flex;
width: auto;
justify-content: center;
align-items: center;
}
.filterlist p {
font-size: 12px;
line-height: 22px;
margin: 0;
}
.filterlist img {
margin-left: 5px;
cursor: pointer;
}
.clearBtn {
width: 50px;
position: absolute;
display: inline-block;
right: -10px;
font-size: 12px;
background: #e7e7e7;
line-height: 20px;
text-align: center;
color: #fff !important;
}
.clearBtn.clearactive {
width: 48px;
line-height: 19px;
}
.appBtn {
width: 50px;
position: absolute;
display: inline-block;
right: 45px;
font-size: 12px;
background: #e7e7e7;
line-height: 20px;
text-align: center;
color: #fff !important;
}
.Btnactive {
background: #00bcef;
}
.clearactive {
background: none !important;
border:1px solid #00bcef !important;
color: #00bcef !important;
}
/* 2025-4-1 */
@media (min-width: 767px) {
.all-proPanel {
height: auto !important;
}
}
/* all product 2025 end */
/* 2025-02-07 start*/
@media (max-width: 1214px){
.product-list-box ul li {
margin-right: 25px;
}
.product-list-box ul li:nth-child(3){
margin-right: 25px;
}
}
@media (max-width: 1200px) {
.control-name {
padding: 0 !important;
}
.new-tag {
width: 26px;
}
.product-list-box ul li {
width: 24.25%;
height: 150px;
margin-right: 1%;
margin-bottom: 10px;
}
.product-list-box ul li:nth-child(1) {
height: 310px;
}
.product-list-box ul li:nth-child(3) {
margin-right: 1%;
}
.product-list-flex {
padding: 10px;
}
.product-list-flex-l {
width: 35%;
}
.product-list-flex-r {
width: 55%;
}
.product-price-l span {
font-size: 26px;
}
.add-car {
width: 26px;
}
.add-car img {
display: block;
width: 100%;
}
}
@media (max-width: 992px) {
.product-list-box ul li {
width: 32%;
margin-right: 2%;
height: 146px;
}
.product-list-box ul li:nth-child(4n + 3) {
margin-right: 2%;
}
.product-list-box ul li:nth-child(1) {
height: 302px;
}
.product-list-box ul li:nth-child(3) {
margin-right: 0%;
}
.product-list-box ul li:nth-child(4) {
margin-right: 2%;
}
.product-list-box ul li:nth-child(3n + 5) {
margin-right: 0;
}
}
/* 2025-02-07 end*/
/* 2025-02-19 start*/
.imgBanner-sorting-machine-control{
display:flex;
justify-content:center;
}
.sorting-machine-video{
height:350px;
}
.sorting-machine-control{
display:flex;
justify-content:center;
}
.link-trial,.link-price-inquiry{
display:block;
margin:0 20px;
width: 180px;
padding: 11px 0px;
font-size: 16px;
text-align:center;
border: 1px solid #0590b1;
color: #0590b1 !important;
background:#fff !important;
text-decoration:none !important;
}
.link-trial:hover,.link-price-inquiry:hover{
background: #0590b1 !important;
color: #fff !important;
}
/* .link-trial{
background:#00bcef;
color:#fff !important;
}
.link-price-inquiry{
border:2px solid #00bcef;
color:#00bcef !important;
line-height:43px;
}
.imgBanner-sorting-machine-control .link-trial{
background:#fff !important;
color:#055991 !important;
}
.imgBanner-sorting-machine-control .link-price-inquiry{
background:#fff !important;
border:2px solid #fff !important;
color:#055991 !important;
}
.link-trial:hover{
background:#1d73dd !important;
color:#fff !important;
}
.link-price-inquiry:hover{
background:#1d73dd !important;
border:2px solid #1d73dd !important;
color:#fff !important;
} */
.cellLine-validation-imgFlex{
display:flex;
justify-content:space-between;
}
.cellLine-validation-imgFlex img{
display:block;
max-width:100%;
}
/* 2025-02-19 end*/
/* 2025-02-20 start*/
.quotation-box ul{
padding-left:0;
}
.quotation-box ul li{
list-style:none;
padding-left:20px;
position:relative;
}
.quotation-box ul li:before{
display:block;
content:'';
width:6px;
height:6px;
background:#000;
position:absolute;
left:0;
top:10px;
}
.quotation-box ul li p{
font-size: 16px;
line-height: 24px;
color: #000000;
font-weight: normal;
}
.quotation-hidden{
display:none;
}
.get-more-quotation{
margin:40px auto 0;
display:block;
width: 120px;
line-height: 37px;
text-align: center;
color: #fff !important;
font-size: 14px;
background: #00bcef;
text-decoration:none !important;
}
.no-scroll{
overflow:hidden;
}
/* 2025-02-20 end*/
/* 2025-02-27 start*/
.workflow-list {
width: 25%;
}
.workflow-list:nth-child(1) {
position: relative;
z-index: 4;
}
.workflow-list:nth-child(2) {
position: relative;
z-index: 3;
}
.workflow-list:nth-child(3) {
position: relative;
z-index: 2;
}
.workflow-list:nth-child(4) {
position: relative;
z-index: 1;
}
.workflow-list-title {
width: calc(100% + 30px);
height: 46px;
padding-right: 30px;
overflow: hidden;
position: relative;
}
.workflow-list-title:after {
display: block;
content: '';
width: 41.8px;
height: 41.8px;
border: 5px solid #f3f3f3;
transform: rotate(45deg);
position: absolute;
right: 9px;
top: 2px;
z-index: 2;
}
.workflow-list:nth-child(1) .workflow-list-title:after {
background: #71aa6d;
}
.workflow-list:nth-child(2) .workflow-list-title:after {
background: #23ad6e;
}
.workflow-list:nth-child(3) .workflow-list-title:after {
background: #41acd6;
}
.workflow-list:nth-child(4) .workflow-list-title:after {
display: none;
}
.workflow-list-title h3 {
padding-left: 40px;
font-size: 20px;
color: #fff;
font-weight: bold;
line-height: 46px;
position: relative;
z-index: 4;
}
.workflow-list:nth-child(1) .workflow-list-title h3 {
background: #71aa6d;
}
.workflow-list:nth-child(2) .workflow-list-title h3 {
background: #23ad6e;
}
.workflow-list:nth-child(3) .workflow-list-title h3 {
background: #41acd6;
}
.workflow-list:nth-child(4) .workflow-list-title h3 {
background: #1e6fc1;
}
.workflow-flex {
display: flex;
flex-wrap: wrap;
}
.workflow-list-content {
margin-top: 25px;
padding-right: 30px;
}
.workflow-list-content ul {
padding-left: 0;
}
.workflow-list-content ul li {
height: 140px;
background: #fff;
list-style: outside none none;
margin-bottom: 25px;
padding: 10px 5px 10px 20px;
}
.workflow-list:nth-child(1) .workflow-list-content ul li {
border-left: 6px solid #71aa6d;
}
.workflow-list:nth-child(2) .workflow-list-content ul li {
border-left: 6px solid #23ad6e;
}
.workflow-list:nth-child(3) .workflow-list-content ul li {
border-left: 6px solid #41acd6;
}
.workflow-list:nth-child(4) .workflow-list-content ul li {
border-left: 6px solid #1e6fc1;
}
.workflow-list-content ul li h4 {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
}
.workflow-list:nth-child(1) .workflow-list-content ul li h4 {
color: #71aa6d;
}
.workflow-list:nth-child(2) .workflow-list-content ul li h4 {
color: #23ad6e;
}
.workflow-list:nth-child(3) .workflow-list-content ul li h4 {
color: #41acd6;
}
.workflow-list:nth-child(4) .workflow-list-content ul li h4 {
color: #1e6fc1;
}
.workflow-list-content-info {
width: 100%;
height: 74px;
padding-right: 8px;
overflow-y: auto;
}
.workflow-list-content-info::-webkit-scrollbar {
width: 6px;
background-color: #eeeeee;
}
.workflow-list-content-info::-webkit-scrollbar-track {
border-radius: 6px;
background-color: transparent;
}
.workflow-list-content-info::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #ccc;
}
.workflow-list-content-info p {
font-size: 14px;
line-height: 1.6;
color: #333;
margin-bottom: 0;
padding-left: 14px;
position: relative;
}
.workflow-list-content-info p:before {
display: block;
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: #333;
position: absolute;
left: 0;
top: 9px;
}
/* 2025-02-27 end*/
/* 2025/3-31 */
.schemeBox ul {
width: 100%;
height: 44px;
margin: 0 auto;
position: relative;
margin-bottom: 20px;
padding: 0;
}
.schemeBox li {
width: 25%;
float: left;
display: block;
cursor: pointer;
color: #fff;
position: relative;
}
.schemeBox li:nth-child(1) {
position: relative;
z-index: 4;
}
.schemeBox li:nth-child(2) {
position: relative;
z-index: 3;
}
.schemeBox li:nth-child(3) {
position: relative;
z-index: 2;
}
.schemeBox li:nth-child(4) {
position: relative;
z-index: 1;
}
.schemeBox li span {
display: inline-block;
width: calc(100% + 30px);
position: relative;
height: 44px;
line-height: 44px;
font-size: 19px;
text-align: left;
padding-right: 30px;
overflow: hidden;
}
.schemeBox li h3 {
padding-left: 60px;
font-size: 20px;
color: #3c3c3c;
font-weight: bold;
line-height: 44px;
position: relative;
z-index: 4;
background: #c1c1c1;
}
.schemeBox li:nth-child(1) h3 {
padding-left: 30px;
}
.schemeBox li span:after {
display: block;
content: '';
width: 39px;
height: 39px;
border: 5px solid #f3f3f3;
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 2px;
z-index: 2;
background: #c1c1c1;
}
.schemeBox li:nth-child(4) span:after{display: none;}
.schemeBox li:last-child span:after{display: none;}
.schemeBox li:nth-child(1).hover span:after {
background: #71aa6d;
}
.schemeBox li:nth-child(2).hover span:after {
background: #23ad6e;
}
.schemeBox li:nth-child(3).hover span:after {
background: #41acd6;
}
.schemeBox li:nth-child(4).hover span:after {
display: none;
}
.CbContainer {
position: relative;
/* display: none; */
}
.Contentbox {
clear: both;
width: 100%;
min-height: 196px;
background: #f2f2f2;
padding: 15px 30px 0 30px;
}
.schemeBox li.hover h3 {
color: #fff;
}
.schemeBox li:nth-child(1).hover h3 {
background: #71aa6d;
}
.schemeBox li:nth-child(2).hover h3 {
background: #23ad6e;
}
.schemeBox li:nth-child(3).hover h3 {
background: #41acd6;
}
.schemeBox li:nth-child(4).hover h3 {
background: #1e6fc1;
}
.solutionList-box {
width: 100%;
}
.solutionList-box .bit {
line-height: 34px;
padding-left: 15px;
position: relative;
font-size: 18px;
color: #71aa6d;font-weight: bolder;
/* margin-bottom: 10px; */
}
.solutionList-box .bit:after {
width: 3px;
height: 60%;
background: #71aa6d;
position: absolute;
left: 0;
top: 20%;
content: "";
}
.solutionList {
width: 100%;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}
.solutionList dl {
width: 24%;
margin-right: 10px;
padding-left: 5px;
padding-bottom: 20px;
}
.solutionList dl:nth-child(4) {
margin-right: 0;
}
.solutionList dl dt {
border-bottom: 1px solid #929292;
line-height: 30px;
font-size: 16px;
margin-bottom: 6px;
font-weight: normal !important;
margin-top: 10px;
}
.solutionList dl dt a{color:#333;}
.solutionList dl dd {
padding-left: 10px;
line-height: 24px;
padding-bottom: 7px;
font-size: 14px;
background: url(/catalog_imgs/icon/solution-icon1.png) no-repeat left 8px;
margin-bottom: 0 !important;
}
.solutionList dl dd a{color:#333;}
.solutionList dl dd a:hover{color:#00bcef}
.solution-more {
width: 60px;
line-height: 22px;
background: #71aa6d;
color: #fff !important;
font-size: 12px;
margin-bottom: 10px;
text-align: center;
display: inline-block;
}
.soluBg01 .bit {
color: #23ad6e !important;
}
.soluBg01 .solution-more {
background: #23ad6e !important;
}
.soluBg01 .bit:after {
background: #23ad6e;
}
.soluBg02 .bit {
color: #41acd6 !important;
}
.soluBg02 .solution-more {
background: #41acd6 !important;
}
.soluBg02 .bit:after {
background: #41acd6;
}
.soluBg03 .bit {
color: #1e6fc1 !important;
}
.soluBg03 .solution-more {
background: #1e6fc1 !important;
}
.soluBg03 .bit:after {
background: #1e6fc1;
}
/* 2025-3-31 */
/* 4-28 */
.colorBold{font-weight: bold; color: #00bcef; display: inline-block;}
.introIcon dl dd p{width: 100%; font-size: 15px; line-height: 23px; padding-top:8px;}
@media (max-width: 767px) {
.Catalog-overview-2025 .mt-100 {
margin-top: 30px;
}
.antibody-download {
width: 100%;
margin: 0 auto;
padding-top: 20px;
}
}