html {
font-size: 16px !important;
}
body {
overflow-x: hidden;
}
/* init start */
.Catalog-overview-2022 input,
.Catalog-overview-2022 select {
outline: none;
}
.Catalog-overview-2022 .color-white {
color: #fff;
}
.Catalog-overview-2022 .top-0 {
top: 0;
}
.Catalog-overview-2022 .bottom-0 {
bottom: 0;
}
.Catalog-overview-2022 .banner-img-mb {
display: none;
}
.Catalog-overview-2022 .mr-30 {
margin-right: 30px;
}
.Catalog-overview-2022 .mt-100 {
margin-top: 100px;
}
.Catalog-overview-2022 .mt-80 {
margin-top: 5rem;
}
.Catalog-overview-2022 .mt-60 {
margin-top: 3.75rem;
}
.Catalog-overview-2022 .mt-40 {
margin-top: 2.5rem;
}
.Catalog-overview-2022 .mb-100 {
margin-bottom: 6.25rem;
}
.Catalog-overview-2022 .mb-80 {
margin-bottom: 5rem;
}
.Catalog-overview-2022 .mb-60 {
margin-bottom: 3.75rem;
}
.Catalog-overview-2022 .mb-40 {
margin-bottom: 2.5rem;
}
.Catalog-overview-2022 .boxTitle {
color: #333;
font-size: 1.875rem;
line-height: 1.5;
font-weight: normal;
}
.Catalog-overview-2022 .h-80 {
height: 80px;
}
.Catalog-overview-2022 .h-180 {
height: 180px;
}
.Catalog-overview-2022 .h-200 {
height: 200px;
}
.Catalog-overview-2022 .h-270 {
height: 270px;
}
.Catalog-overview-2022 .h-230 {
height: 230px;
}
.Catalog-overview-2022 .h-50 {
height: 50px;
}
.Catalog-overview-2022 .leading-50 {
line-height: 50px;
}
.Catalog-overview-2022 .font20 {
font-size: 20px !important;
}
.Catalog-overview-2022 .font22 {
font-size: 22px !important;
}
.Catalog-overview-2022 .font16 {
font-size: 16px !important;
}
.Catalog-overview-2022 .font14 {
font-size: 14px !important;
}
.Catalog-overview-2022 .font18 {
font-size: 18px !important;
}
.Catalog-overview-2022 .font32 {
font-size: 32px !important;
}
.Catalog-overview-2022 .px-30 {
padding-left: 30px;
padding-right: 30px;
}
.Catalog-overview-2022 .py-60 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.Catalog-overview-2022 .p-30 {
padding: 30px;
}
.Catalog-overview-2022 .pr-15 {
padding-right: .9375rem;
}
.Catalog-overview-2022 .px-15 {
padding: 0 15px;
}
.Catalog-overview-2022 .p-30 {
padding: 30px;
}
.Catalog-overview-2022 .mr-100 {
margin-right: 100px;
}
.Catalog-overview-2022 .whitespace-nowrap {
white-space: nowrap;
}
.Catalog-overview-2022 .break-all {
word-break: break-all;
}
.Catalog-overview-2022 .break-words {
overflow-wrap: break-word;
}
.Catalog-overview-2022 .break-normal {
overflow-wrap: normal;
word-break: normal;
}
.Catalog-overview-2022 .text-decoration-underline {
text-decoration: underline;
}
.Catalog-overview-2022 .toggle-card,
.Catalog-overview-2022 .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-2022 .toggle-card {
opacity: 0;
background: #0590b1;
transition: opacity 1s;
}
.Catalog-overview-2022 .card-item:hover .toggle-card {
opacity: 1;
}
.Catalog-overview-2022 .card-item:hover .card-title {
display: none;
}
.Catalog-overview-2022 .pNote {
position: relative;
padding-left: 1.875rem;
font-size: 0.875rem;
color: #666;
}
.Catalog-overview-2022 .pNote::before {
font-family: "iconfont" !important;
content: "\e618";
font-size: 24px;
position: absolute;
transform: translate(5px, -25%);
left: 0;
}
.Catalog-overview-2022 .square {
display: inline-block;
width: 0.3125rem;
height: 0.3125rem;
background: #333;
margin-right: 0.5rem;
margin-top: 0.5rem;
}
.Catalog-overview-2022 .mr-100 {
margin-right: 100px;
}
.Catalog-overview-2022 .btn-m-width {
min-width: 180px;
}
.Catalog-overview-2022 .background-0 {
background: transparent;
}
.Catalog-overview-2022 .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-2022 .table-btn:hover {
background: #e5f5fd;
}
.Catalog-overview-2022 .hoverTable tbody tr:hover {
background-color: #fafafa;
}
.Catalog-overview-2022 .SquareList li {
list-style: square;
font-size: 0.875rem;
color: #333;
line-height: 1.5;
margin-bottom: 10px;
}
.Catalog-overview-2022 .pFrom {
color: #999;
font-size: 12px;
}
.Catalog-overview-2022 .pTitle {
font-size: 1rem;
color: #333;
line-height: 1.5;
font-weight: bold;
}
.Catalog-overview-2022 .rotate-90 {
transform: rotate(90deg) !important;
}
.Catalog-overview-2022 .rotate-down-90 {
transform: rotate(-90deg) !important;
}
.Catalog-overview-2022 .bg-grey {
background: #f3f3f3;
}
.Catalog-overview-2022 .truncate1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Catalog-overview-2022 .truncate2 {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.Catalog-overview-2022 .truncate3 {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* init end */
/* imgBanner start */
.Catalog-overview-2022 .banner-text {
height: 400px;
}
.Catalog-overview-2022 .imgBanner-text {
left: 50%;
transform: translate(-50%, 0);
}
.Catalog-overview-2022 .banner-title {
font-size: 40px;
line-height: 1.5;
font-weight: normal;
color: #fff;
}
.Catalog-overview-2022 .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: 25rem;
overflow: hidden;
}
.sub-page .imgBanner-text {
height: 400px;
}
.third-page .imgBanner-text {
height: 260px;
}
.no-banner {
margin-top: 130px;
}
.Catalog-overview-2022 .pText {
font-size: 0.875rem;
color: #333;
line-height: 1.8;
}
/* imgBanner end */
/* LinkNav start */
.Catalog-overview-2022 .LinkNav-box {
width: 100%;
background: #fff;
border-bottom: 1px solid #d3d3d3;
z-index: 100;
transition: all 0.5s;
}
.Catalog-overview-2022 .LinkNav .LinkNav-row {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
}
.Catalog-overview-2022 .LinkNav .nav-link {
margin-right: 40px;
font-size: 18px;
color: #333;
height: 60px;
line-height: 60px;
padding: 0;
}
.Catalog-overview-2022 .mb-navs .nav-link {
margin-right: 20px;
font-size: 16px;
color: #333;
padding: 10px 0;
height: auto;
line-height: 1.5;
}
.Catalog-overview-2022 .LinkNav .LinkNav-button-link {
padding: 0 30px;
display: inline-block;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 18px;
}
.Catalog-overview-2022 .target-fix {
position: relative;
top: -140px;
display: block;
height: 0;
overflow: hidden;
}
/* LinkNav end */
/* application-text start */
.Catalog-overview-2022 .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-2022 .application-box .application-row {
margin-bottom: 0;
}
.Catalog-overview-2022 .application-box .col-sm-12.application-row:first-child .application-text {
margin-top: 0;
}
.Catalog-overview-2022 .application-box .col-sm-6.application-row:first-child .application-text,
.Catalog-overview-2022 .application-box .col-sm-6.application-row:nth-child(2) .application-text {
margin-top: 0;
}
.Catalog-overview-2022 .application-text.text-decoration-underline:hover,
.Catalog-overview-2022 .application-text-link:hover {
background-color: #f3f8fc;
box-shadow: 0 0 15px #8eb9ee;
}
/* application-text end */
/* imgLinkCards start */
.Catalog-overview-2022 .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-2022 .img-link-card .card-text.card-hover:hover {
background: rgba(0, 125, 159, .6);
}
/* imgLinkCards end */
/* textLinkCards start */
.Catalog-overview-2022 .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-2022 .text-link-card-bg1 .card-text {
background: #4790d5;
}
.Catalog-overview-2022 .text-link-card-bg1:hover .card-text {
background: #155692;
}
.Catalog-overview-2022 .text-link-card-bg2 .card-text {
background: #386ed4;
}
.Catalog-overview-2022 .text-link-card-bg2:hover .card-hover {
background: #0b45af;
}
.Catalog-overview-2022 .text-link-card-bg3 .card-text {
background: #5c7eda;
}
.Catalog-overview-2022 .text-link-card-bg3:hover .card-hover {
background: #2652c9;
}
.Catalog-overview-2022 .text-link-card-bg4 .card-text {
background: #589ec0;
}
.Catalog-overview-2022 .text-link-card-bg4:hover .card-hover {
background: #1998d8;
}
.Catalog-overview-2022 .text-link-card-bg5 .card-text {
background: #4d9fed;
}
.Catalog-overview-2022 .text-link-card-bg5:hover .card-hover {
background: #307bc2;
}
.Catalog-overview-2022 .text-link-card-bg6 .card-text {
background: #2891db;
}
.Catalog-overview-2022 .text-link-card-bg6:hover .card-hover {
background: #075085;
}
/* textLinkCards end */
/* imgDescLinkCards & textDescLinkCards start */
.Catalog-overview-2022 .imgDescLinkCards .card-item {
height: 100%;
color: #fff;
}
.Catalog-overview-2022 .imgDescLinkCards .card-title,
.Catalog-overview-2022 .textDescLinkCards .card-title {
line-height: 1.5;
margin-bottom: 0;
}
.Catalog-overview-2022 .imgDescLinkCards .card-link,
.Catalog-overview-2022 .textDescLinkCards .card-link {
height: 2.375rem;
line-height: 2.375rem;
padding: 0 2.5rem;
border: 1px solid #fff;
font-size: 1rem;
}
.Catalog-overview-2022 .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-2022 .text-link-card-bg1 .card-text,
.Catalog-overview-2022 .text-desc-link-card-bg1 .up-card {
background: #4790d5;
}
.Catalog-overview-2022 .text-link-card-bg1:hover .card-text,
.Catalog-overview-2022 .text-desc-link-card-bg1 .toggle-card {
background: #155692;
}
.Catalog-overview-2022 .text-link-card-bg2 .card-text,
.Catalog-overview-2022 .text-desc-link-card-bg2 .up-card {
background: #386ed4;
}
.Catalog-overview-2022 .text-link-card-bg2:hover .card-hover,
.Catalog-overview-2022 .text-desc-link-card-bg2 .toggle-card {
background: #0b45af;
}
.Catalog-overview-2022 .text-link-card-bg3 .card-text,
.Catalog-overview-2022 .text-desc-link-card-bg3 .up-card {
background: #5c7eda;
}
.Catalog-overview-2022 .text-link-card-bg3:hover .card-hover,
.Catalog-overview-2022 .text-desc-link-card-bg3 .toggle-card {
background: #2652c9;
}
.Catalog-overview-2022 .text-link-card-bg4 .card-text,
.Catalog-overview-2022 .text-desc-link-card-bg4 .up-card {
background: #589ec0;
}
.Catalog-overview-2022 .text-link-card-bg4:hover .card-hover,
.Catalog-overview-2022 .text-desc-link-card-bg4 .toggle-card {
background: #1998d8;
}
.Catalog-overview-2022 .text-link-card-bg5 .card-text,
.Catalog-overview-2022 .text-desc-link-card-bg5 .up-card {
background: #4d9fed;
}
.Catalog-overview-2022 .text-link-card-bg5:hover .card-hover,
.Catalog-overview-2022 .text-desc-link-card-bg5 .toggle-card {
background: #307bc2;
}
.Catalog-overview-2022 .text-desc-link-card-bg1 .card-link:hover {
background: #fff;
border-color: #fff;
color: #155692;
}
.Catalog-overview-2022 .text-desc-link-card-bg2 .card-link:hover {
background: #fff;
border-color: #fff;
color: #0b45af;
}
.Catalog-overview-2022 .text-desc-link-card-bg3 .card-link:hover {
background: #fff;
border-color: #fff;
color: #2652c9;
}
.Catalog-overview-2022 .text-desc-link-card-bg4 .card-link:hover {
background: #fff;
border-color: #fff;
color: #1998d8;
}
.Catalog-overview-2022 .text-desc-link-card-bg5 .card-link:hover {
background: #fff;
border-color: #fff;
color: #307bc2;
}
/* imgDescLinkCards & textDescLinkCards end */
/* numAdvantages start */
.Catalog-overview-2022 .numAdvantages .numAdvantages-box {
display: flex;
margin-bottom: 2rem;
}
.Catalog-overview-2022 .numAdvantages .numAdvantages-text {
width: 100%;
padding: 0 0 0 20px;
}
.Catalog-overview-2022 .numAdvantages .title {
font-weight: bold;
line-height: 1.5;
}
/* numAdvantages end */
/* imgAdvantages start */
.Catalog-overview-2022 .imgAdvantages .imgAdvantages-text {
flex-direction: column;
color: #fff;
text-align: center;
}
.Catalog-overview-2022 .imgAdvantages .title {
font-size: 1.5rem;
line-height: 1.5;
margin-bottom: 0;
color: #fff;
}
.Catalog-overview-2022 .imgAdvantages .sub-title {
font-size: 1.125rem;
line-height: 1.5;
margin-bottom: 0.375rem;
color: #fff;
}
.Catalog-overview-2022 .imgAdvantages .desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 0;
color: #fff;
}
.Catalog-overview-2022 .h-150 {
height: 150px;
}
.Catalog-overview-2022 .imgAdvantages .imgAdvantages-text-bg1 {
background: #5bbf7f;
}
.Catalog-overview-2022 .imgAdvantages .imgAdvantages-text-bg2 {
background: #34a0a3;
}
.Catalog-overview-2022 .imgAdvantages .imgAdvantages-text-bg3 {
background: #259bbf;
}
.Catalog-overview-2022 .imgAdvantages .imgAdvantages-text-bg4 {
background: #1677be;
}
/* imgAdvantages end */
/* iconAdvantages start */
.Catalog-overview-2022 .iconAdvantages-text {
font-size: 1.375rem;
}
.Catalog-overview-2022 .iconAdvantages-icon {
font-size: 1.875rem;
margin-right: 0.625rem;
}
/* iconAdvantages end */
/* quotationOrdering start */
.Catalog-overview-2022 .step-box {
padding: 15px;
border: 1px solid #007D9F;
height: 100%;
font-size: 14px;
text-align: center;
line-height: 1.5em;
}
.Catalog-overview-2022 .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-2022 .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-2022 .step-box-row>div:last-child .step-box:before,
.Catalog-overview-2022 .step-box-row>div:last-child .step-box:after {
display: none;
}
/* quotationOrdering end */
/* flyers start */
.Catalog-overview-2022 .flyers .flyer-img {
width: 10.375rem;
height: 14.375rem;
padding-right: 0;
border: 1px solid #d3d3d3;
}
.Catalog-overview-2022 .flyers .flyer-text {
padding: 30px;
background: #f3f3f3;
flex: 1;
}
.Catalog-overview-2022 .flyers .title {
margin-bottom: 0.9375rem;
line-height: 1.5;
font-size: 1rem;
}
.Catalog-overview-2022 .flyers .desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 2.5rem;
}
.Catalog-overview-2022 .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-2022 .colorTable-th,
.Catalog-overview-2022 .colorTable-td {
color: #ffffff;
padding: 1.25rem 0;
border: none;
}
.Catalog-overview-2022 .colorTable-th {
border-radius: 1.25rem 1.25rem 0 0;
}
.Catalog-overview-2022 .colorTable-td {
border-radius: 1.25rem 0 0 1.25rem;
}
.Catalog-overview-2022 .colorTable-thbg1,
.Catalog-overview-2022 .colorTable-tdbg1 {
background: #76c693;
}
.Catalog-overview-2022 .colorTable-thbg2,
.Catalog-overview-2022 .colorTable-tdbg2 {
background: #34a0a3;
}
.Catalog-overview-2022 .colorTable-thbg3,
.Catalog-overview-2022 .colorTable-tdbg3 {
background: #1f6191;
}
.Catalog-overview-2022 .colorTable-thbg4,
.Catalog-overview-2022 .colorTable-tdbg4 {
background: #684d92;
}
/* colorTh colorTd end */
/* OvertopTable start */
.Catalog-overview-2022 .OvertopTable .margin-td-left,
.Catalog-overview-2022 .OvertopTable .margin-td-middle,
.Catalog-overview-2022 .OvertopTable .margin-td-right {
background: #f3f3f3;
}
.Catalog-overview-2022 .OvertopTable .margin-td-left {
width: 20px;
}
.Catalog-overview-2022 .OvertopTable .margin-td-middle {
width: 10px;
}
.Catalog-overview-2022 .OvertopTable .margin-td-right {
width: 30px;
}
.Catalog-overview-2022 .OvertopTable .td-b-solid {
border-bottom: 1px solid #d3d3d3;
}
.Catalog-overview-2022 .OvertopTable td {
font-size: 14px;
line-height: 1.5;
}
.Catalog-overview-2022 .OvertopTable .td-left {
background: #f3f3f3;
color: #333;
text-align: left;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(2) {
padding-left: 0;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(2),
.Catalog-overview-2022 .OvertopTable td:nth-child(3),
.Catalog-overview-2022 .OvertopTable td:nth-child(5),
.Catalog-overview-2022 .OvertopTable td:nth-child(7) {
width: 25%;
vertical-align: middle;
font-size: 0.875rem;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(3),
.Catalog-overview-2022 .OvertopTable td:nth-child(5),
.Catalog-overview-2022 .OvertopTable td:nth-child(7) {
color: #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(3) {
background: #76c693;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(5) {
background: #34a0a3;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(7) {
background: #1f6191;
}
.Catalog-overview-2022 .OvertopTable tr:first-child .margin-td-left,
.Catalog-overview-2022 .OvertopTable tr:first-child .margin-td-middle,
.Catalog-overview-2022 .OvertopTable tr:first-child .margin-td-right,
.Catalog-overview-2022 .OvertopTable tr:last-child .margin-td-left,
.Catalog-overview-2022 .OvertopTable tr:last-child .margin-td-middle,
.Catalog-overview-2022 .OvertopTable tr:last-child .margin-td-right {
background: #fff;
}
.Catalog-overview-2022 .OvertopTable .td-button {
margin: 20px;
padding: 0 20px;
cursor: pointer;
}
.Catalog-overview-2022 .OvertopTable .overtop-td {
padding: 20px;
border-radius: 10px 10px 0 0;
font-weight: bold;
}
.Catalog-overview-2022 .OvertopTable .td-arrow {
position: relative;
border-radius: 0 0 10px 10px;
}
.Catalog-overview-2022 .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-2022 .OvertopTable td:nth-child(3).arrow-active::after {
border-top: 20px solid #76c693;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(5).arrow-active::after {
border-top: 20px solid #34a0a3;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(7).arrow-active::after {
border-top: 20px solid #1f6191;
}
.Catalog-overview-2022 .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-2022 .OvertopTable td:nth-child(3).arrow-active a.td-button,
.Catalog-overview-2022 .OvertopTable .td-button1:hover {
background: #fff !important;
color: #76c693 !important;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(5).arrow-active a.td-button,
.Catalog-overview-2022 .OvertopTable .td-button2:hover {
background: #fff;
color: #34a0a3;
}
.Catalog-overview-2022 .OvertopTable td:nth-child(7).arrow-active a.td-button,
.Catalog-overview-2022 .OvertopTable .td-button3:hover {
background: #fff;
color: #1f6191;
}
/* OvertopTable end */
/* servicesLink start */
.Catalog-overview-2022 .button-sub,
.Catalog-overview-2022 .button-main {
line-height: 1;
white-space: nowrap;
text-decoration: none;
text-transform: capitalize;
text-align: center;
}
.Catalog-overview-2022 .button-lg {
min-width: 180px;
padding: 15px 40px;
font-size: 18px;
}
.Catalog-overview-2022 .button-md {
min-width: 180px;
padding: 11px 30px;
font-size: 16px;
}
.Catalog-overview-2022 .button-sm {
min-width: 180px;
padding: 9px 20px;
font-size: 14px;
}
.Catalog-overview-2022 .button-sub {
border: 1px solid #0590b1;
color: #0590b1;
}
.Catalog-overview-2022 .button-sub:hover {
background: #0590b1;
color: #fff;
}
.Catalog-overview-2022 .button-main {
color: #fff;
background: #0590b1;
}
.Catalog-overview-2022 .button-main:hover {
background: #066077;
}
/* servicesLink end */
/* QuoteSupport start */
.Catalog-overview-2022 .QuoteSupport .support-row {
justify-content: flex-start;
}
.Catalog-overview-2022 .QuoteSupport .iconfont.support-icon {
color: #1d73dd;
font-size: 2.5rem;
margin-right: 0.25rem;
margin-top: -20px;
}
.Catalog-overview-2022 .QuoteSupport .support-title {
font-size: 1rem;
margin-bottom: 0.625rem;
color: #333;
}
.Catalog-overview-2022 .QuoteSupport .support-desc {
font-size: 0.875rem;
color: #333;
}
/* QuoteSupport end */
/* collapseNormalInfo start */
.Catalog-overview-2022 .collapseNormalInfo .collapse-title {
color: #333;
font-weight: normal;
height: auto;
padding: .4375rem 1.25rem;
}
.Catalog-overview-2022 .collapseNormalInfo .collapse-content {
padding: 0
}
.Catalog-overview-2022 .collapseNormalInfo .collapse-content-body {
padding: 2.5rem 1.875rem;
}
.Catalog-overview-2022 .collapseNormalInfo .collapseNormalInfo-item {
margin-bottom: 1.875rem;
}
.Catalog-overview-2022 .collapse-arrow {
font-size: 1.25rem;
transform: rotate(-90deg);
}
.Catalog-overview-2022 .collapse-arrow-up {
font-size: 1.25rem;
transform: rotate(-90deg);
}
.Catalog-overview-2022 .collapse-arrow-down {
font-size: 1.25rem;
transform: rotate(90deg);
}
/* collapseNormalInfo end */
/* productTable start */
.Catalog-overview-2022 .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-2022 .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-2022 .table-input-down .iconfont,
.Catalog-overview-2022 .table-input-up .iconfont {
font-size: 20px;
position: absolute;
top: -9px;
left: 1px;
}
.Catalog-overview-2022 .table-input-up:hover,
.Catalog-overview-2022 .table-input-down:hover {
height: 14px;
background-color: #1d73dd;
color: #fff;
border-color: #1d73dd;
}
.Catalog-overview-2022 .inputNumber-input {
display: block;
width: 100%;
padding-left: 10px;
font-size: 16px;
border: 1px solid #d3d3d3;
}
.Catalog-overview-2022 .table-select {
border: 1px solid #d3d3d3;
padding: 2px 10px;
font-size: 14px;
}
/* productTable end */
/* productSelect start */
.Catalog-overview-2022 .productSelect .productSelect-item {
margin-bottom: 10px;
}
.Catalog-overview-2022 .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-2022 .productSelect.radioProductSelect .productSelect-option {
border-radius: 0;
}
.Catalog-overview-2022 .productSelect .productSelect-option:hover {
color: #007d9f;
background-color: rgba(0, 125, 159, 0.1);
border: 1px solid #007d9f;
}
.Catalog-overview-2022 .productSelect .productSelect-option.active {
color: #fff;
background-color: #007d9f;
border-width: 0;
}
.Catalog-overview-2022 .productSelect-item-collapse {
height: 40px;
position: relative;
border-top: 1px solid #007d9f;
margin-bottom: 20px;
}
.Catalog-overview-2022 .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-2022 .rotate-down-90 {
transform: rotate(-90deg) !important;
}
.productSelect-content {
padding-top: 60px;
margin-top: -60px;
}
/* productSelect end */
/* systemBox start */
.Catalog-overview-2022 .system-box {
color: #333;
}
.Catalog-overview-2022 .system-box .system-icon {
font-size: 8.125rem;
}
.Catalog-overview-2022 .system-box .system-title {
margin: .9375rem 0;
font-size: 1.125rem;
}
.Catalog-overview-2022 .system-box .system-des {
font-size: .875rem;
line-height: 1.5;
}
/* systemBox end */
/* overviewForm start */
.Catalog-overview-2022 .genScriptForm {
background: #fff;
padding: 1.875rem;
}
.Catalog-overview-2022 .genScriptForm .required-label::before {
content: "*";
color: #e54d42;
font-size: 100%;
}
.Catalog-overview-2022 .genScriptForm .required-label::before {
content: "*";
color: #e54d42;
font-size: 100%;
}
.Catalog-overview-2022 .genScriptForm .form-control,
.Catalog-overview-2022 .genScriptForm .custom-select {
border-radius: 0;
border: 1px solid #d3d3d3;
color: #666;
font-size: 1rem;
}
.Catalog-overview-2022 .genScriptForm .form-control.is-valid:focus,
.Catalog-overview-2022 .genScriptForm.was-validated .form-control:valid:focus,
.Catalog-overview-2022 .genScriptForm .form-control:focus {
box-shadow: none;
border: 1px solid #1d73dd;
}
.Catalog-overview-2022 .genScriptForm .form-control.is-invalid:focus,
.Catalog-overview-2022 .genScriptForm.was-validated .form-control:invalid:focus {
box-shadow: none;
}
.Catalog-overview-2022 .genScriptForm .form-control.is-valid,
.Catalog-overview-2022 .genScriptForm.was-validated .form-control:valid,
.Catalog-overview-2022 .genScriptForm .custom-select.is-valid,
.Catalog-overview-2022 .genScriptForm.was-validated .custom-select:valid {
border-color: #d3d3d3;
background: none;
}
.Catalog-overview-2022 .genScriptForm .form-row {
margin-bottom: 1.875rem;
}
.Catalog-overview-2022 .genScriptForm .form-row label {
color: #333333;
display: block;
float: none;
width: 100%;
font-size: 1rem;
}
.Catalog-overview-2022 .genScriptForm .invalid-feedback {
font-size: 0.875rem;
transition: all 0.5s;
}
.Catalog-overview-2022 .genScriptForm .custom-select.is-valid:focus,
.Catalog-overview-2022 .genScriptForm.was-validated .custom-select:valid:focus,
.Catalog-overview-2022 .genScriptForm .custom-select.is-invalid:focus,
.Catalog-overview-2022 .genScriptForm.was-validated .custom-select:invalid:focus {
box-shadow: none;
border: 1px solid #1d73dd;
}
.Catalog-overview-2022 .genScriptForm .form-row {
padding: 0 5px;
}
.Catalog-overview-2022 .genScriptForm .form-row>.col,
.Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"] {
padding-left: 0;
padding-right: 15px;
}
.Catalog-overview-2022 .genScriptForm .form-row>.col:last-child,
.Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child {
padding-right: 0;
padding-left: 15px;
}
.Catalog-overview-2022 .genScriptForm .genScriptForm-submit {
padding: 0 3.75rem;
}
.Catalog-overview-2022 .genScriptForm .genScriptForm-submit:focus {
outline: none;
}
/* overviewForm end */
/* textCards start */
.Catalog-overview-2022 .textCard:nth-child(1) .title {
background: #4790d5;
}
.Catalog-overview-2022 .textCard:nth-child(2) .title {
background: #386ed4;
}
.Catalog-overview-2022 .textCard:nth-child(3) .title {
background: #5c7eda;
}
.Catalog-overview-2022 .textCard:nth-child(4) .title {
background: #589ec0;
}
.Catalog-overview-2022 .textCard:nth-child(5) .title {
background: #4d9fed;
}
/* textCards end */
/* ResourcesRow right start*/
.Catalog-overview-2022 .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-2022 .ResourcesRow .link-row:hover {
background: #007d9f;
color: #fff;
}
.Catalog-overview-2022 .ResourcesRow a.link-row:last-child {
margin-bottom: 0;
}
.Catalog-overview-2022 .ResourcesRow .link-text {
flex: 1;
margin-left: 0.625rem;
}
.Catalog-overview-2022 .ResourcesRow .iconfont {
font-size: 20px;
}
.Catalog-overview-2022 .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-2022 .anchor-shopping-cart {
position: absolute;
right: -3px;
top: 6px;
width: 36px;
font-size: 36px;
color: #007D9F;
cursor: pointer;
display: none;
}
.Catalog-overview-2022 .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-2022 .testimonials-text {
background: #f3f3f3;
}
.Catalog-overview-2022 .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-2022 .testimonials-text .pText {
font-size: 1.125rem;
}
.Catalog-overview-2022 .testimonials-img-box {
color: #333;
margin: 0 2rem 0 0;
border-right: 1px dashed #d3d3d3;
height: 100%;
justify-content: center !important;
}
.Catalog-overview-2022 .testimonials-img-box .testimonials-img {
width: 6.25rem;
height: 6.25rem;
border-radius: 999px;
}
.Catalog-overview-2022 .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-2022 .testimonials-img-box .testimonials-img-desc {
font-size: 0.875rem;
line-height: 1.5;
text-align: center;
}
/* testimonials end */
/* iframe start */
.Catalog-overview-2022 .iframe-size {
width: 800px;
height: 370px;
}
/* iframe end */
/* breadcrumbs start*/
.Catalog-overview-2022 .container.breadcrumbs {
max-width: 75rem !important;
line-height: 1.5em;
padding: 15px 15px;
}
.Catalog-overview-2022 .container.breadcrumbs p {
margin-bottom: 0;
font-size: 0.875rem;
}
.Catalog-overview-2022 .container.breadcrumbs p a,
.Catalog-overview-2022 .container.breadcrumbs p {
color: #cccccc;
}
.Catalog-overview-2022 .container.breadcrumbs p a:hover {
cursor: pointer;
text-decoration: underline;
}
/* breadcrumbs end*/
/* share button end */
/* 楂樺害180px鐨剅elated service瀛椾綋澶у皬涓?4px锛
楂樺害270px鐨勬湇鍔$嚎鍏ュ彛瀛椾綋澶у皬涓?0px锛
鍏朵粬鎯呭喌鍙皟杈硅窛锛屼笉璋冨瓧浣撳ぇ灏 */
/* related service鏂囧瓧澶у皬缁熶竴璋冩暣 start */
.Catalog-overview-2022 .imgLinkCards .img-link-card.h-180 .card-text,
.Catalog-overview-2022 .textLinkCards .text-link-card.h-180 .card-text,
.Catalog-overview-2022 .imgDescLinkCards .img-desc-link-card.h-180 .card-title,
.Catalog-overview-2022 .textDescLinkCards .text-desc-link-card.h-180 .card-title {
font-size: 24px;
}
/* related service鏂囧瓧澶у皬缁熶竴璋冩暣 start */
/* 鏈嶅姟绾垮叆鍙f枃瀛楀ぇ灏忕粺涓€璋冩暣 start */
.Catalog-overview-2022 .imgLinkCards .img-link-card.h-270 .card-text,
.Catalog-overview-2022 .textLinkCards .text-link-card.h-270 .card-text,
.Catalog-overview-2022 .imgDescLinkCards .img-desc-link-card.h-270 .card-title,
.Catalog-overview-2022 .textDescLinkCards .text-desc-link-card.h-270 .card-title,
.Catalog-overview-2022 .imgLinkCards .img-link-card.h-200 .card-text,
.Catalog-overview-2022 .textLinkCards .text-link-card.h-200 .card-text,
.Catalog-overview-2022 .imgDescLinkCards .img-desc-link-card.h-200 .card-title,
.Catalog-overview-2022 .textDescLinkCards .text-desc-link-card.h-200 .card-title {
font-size: 30px;
}
/* 鏈嶅姟绾垮叆鍙f枃瀛楀ぇ灏忕粺涓€璋冩暣 end */
/* modal start */
.Catalog-overview-2022 .FormModal .modal-body {
position: relative;
border-radius: 0;
padding: 0;
}
.Catalog-overview-2022 .FormModal .modal-content,
.Catalog-overview-2022 .imgModal .modal-content {
border-radius: 0;
border: none;
}
.Catalog-overview-2022 .FormModal .FormModal-text {
background: #1d73dd;
padding: 0 44px !important;
color: #fff;
/* max-width: 470px; */
}
.Catalog-overview-2022 .FormModal .FormModal-sub-title {
font-size: 1.375rem;
color: #fff;
}
.Catalog-overview-2022 .FormModal .FormModal-sub-desc {
color: #fff;
}
.Catalog-overview-2022 .FormModal .FormModal-title {
display: inline-block;
background: #fff;
padding: 16px 20px;
border-radius: 0 0 10px 10px;
font-size: 18px;
color: #1d73dd;
}
.Catalog-overview-2022 .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-2022 .table-btn[disabled="disabled"] {
padding: 4px 20px;
}
.Catalog-overview-2022 .table-btn[disabled="disabled"]:hover {
background: #d3d3d3;
}
/* 璐墿杞﹀姞璐鐢ㄦ晥鏋 end */
/*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*/