a.cta_button {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    vertical-align: middle
}

.hs-breadcrumb-menu {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px
}

.hs-breadcrumb-menu-item {
    float: left;
    padding: 10px 0px 10px 10px
}

.hs-breadcrumb-menu-divider:before {
    content: '›';
    padding-left: 10px
}

.hs-featured-image-link {
    border: 0
}

.hs-featured-image {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%
}

@media (max-width: 568px) {
    .hs-featured-image {
        float: none;
        margin: 0;
        width: 100%;
        max-width: 100%
    }
}

.hs-screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}


@media(max-width:979px) {

    .headerNavigation .navigationParent {
        background-image: url(../images/idex-logo-simple-white.svg);
    }

}

.headerOutter .headerLogo {
    max-width: 180px;
}

@media (min-width: 1200px) {
    .headerOutter .headerLogo {
        max-width: 12.5vw !important;
    }
}

@media (max-width: 767px) {
    .headerOutter .headerLogo {
        max-width: 150px;
    }
}

#hs_cos_wrapper_widget_1750850639401 hr {
    border: 0 none;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 120, 190, 1.0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 15%;
}

#hs_cos_wrapper_module_1750851307974 hr {
    border: 0 none;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 120, 190, 1.0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 0px;
    width: 10%;
}

.hs_cos_wrapper_widget_1755001495772 .baseModuleParent {
    text-align: center;
}


.hs_cos_wrapper_module_17508515851463 hr {
    border: 0 none;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 120, 190, 1.0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 10%;
}


#hs_cos_wrapper_module_17549870730985 .baseModuleStyle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7b3BhY2l0eTowLjAxO2ZvbnQtc2l6ZToxMnB4O2ZvbnQtZmFtaWx5Ok15cmlhZFByby1SZWd1bGFyLCBNeXJpYWQgUHJvO308L3N0eWxlPjwvZGVmcz48dGV4dCBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MTcuNTIgMTA3OS4xMikiPi48L3RleHQ+PC9zdmc+);
    background-position: center center;
    background-size: cover;
}

#hs_cos_wrapper_module_17549870730985 .baseModuleStyle.visible {
    background-image: url(../images/MPT-Food-Industry-Page-Header-_1_.webp);
}

#hs_cos_wrapper_module_17549870730985 .baseModuleOverlay {
    background-color: rgba(0, 0, 0, 0.3);
}

@font-face {
    font-family: "Work Sans";
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url("../font/200.woff2") format("woff2"), url("../font/200.woff") format("woff");
}

@font-face {
    font-family: "Work Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("../font/700.woff2") format("woff2"), url("../font/700.woff") format("woff");
}

@font-face {
    font-family: "Work Sans";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("../font/300.woff2") format("woff2"), url("../font/300.woff") format("woff");
}

@font-face {
    font-family: "Work Sans";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("../font/600.woff2") format("woff2"), url("../font/600.woff") format("woff");
}

@font-face {
    font-family: "Work Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../font/regular.woff2") format("woff2"), url("../font/regular.woff") format("woff");
}

.hs_cos_wrapper_widget_1750849035457 {
    display: block !important;
    padding-bottom: 20px !important
}

#hs_cos_wrapper_module_1750851645567 {
    display: block !important;
    padding-bottom: 40px !important;
    padding-top: 20px !important
}

.hs_cos_wrapper_module_1750851660393 {
    display: block !important;
    padding-top: 20px !important
}

#hs_cos_wrapper_widget_1776768926026 {
    display: block !important;
    padding-bottom: 10px !important;
    padding-top: 20px !important
}

.dnd_area-row-2-force-full-width-section>.row-fluid {
    max-width: none !important;
}

.dnd_area-row-3-force-full-width-section>.row-fluid {
    max-width: none !important;
}

.module_17550039040484-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.module_17550039040484-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.module_1750854620106-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.module_1750854620106-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.widget_1750854593856-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.widget_1750854593856-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.module_1750854817802-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.module_1750854817802-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.module_17508608764884-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.module_17508608764884-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.module_1750854766347-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.module_1750854766347-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

/* HubSpot Non-stacked Media Query Styles */
@media (min-width:768px) {
    .cell_17508514607192-row-4-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .cell_1750852007349-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .cell_1750852007349-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

    .cell_1750860876488-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .cell_1750860876488-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

    .cell_1750852007348-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .cell_1750852007348-vertical-alignment>div {
        flex-shrink: 0 !important;
    }
}

/* HubSpot Styles (default) */
.dnd_area-row-0-padding {
    padding-top: 160px !important;
    padding-bottom: 140px !important;
}

.dnd_area-row-0-background-layers {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-1-padding {
    padding-top: 80px !important;
    padding-bottom: 10px !important;
}

.dnd_area-row-2-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dnd_area-row-3-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd_area-row-4-padding {
    padding-top: 80px !important;
    padding-bottom: 10px !important;
}

.dnd_area-row-4-background-layers {
    background-image: linear-gradient(rgba(236, 236, 236, 1), rgba(236, 236, 236, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-5-padding {
    padding-top: 60px !important;
    padding-bottom: 80px !important;
}

.dnd_area-row-5-background-layers {
    background-image: linear-gradient(rgba(236, 236, 236, 1), rgba(236, 236, 236, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-6-padding {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.dnd_area-row-7-background-layers {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.cell_17508493213482-padding {
    padding-left: 120px !important;
    padding-right: 120px !important;
}

.cell_17550014959652-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cell_1755003904048-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cell_1750852007349-padding {
    padding-top: 50px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cell_1750860876488-padding {
    padding-top: 50px !important;
}

.cell_1750852007348-padding {
    padding-top: 50px !important;
}

/* HubSpot Styles (mobile) */
@media (max-width: 767px) {
    .dnd_area-row-0-padding {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .dnd_area-row-5-padding {
        padding-top: 40px !important;
    }

    .cell_17508493213482-padding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .module_17550039040484-padding>#hs_cos_wrapper_module_17550039040484 {
        padding-top: 40px !important;
    }

    .module_1750854620106-padding>#hs_cos_wrapper_module_1750854620106 {
        padding-top: 40px !important;
    }

    .cell_1750852007349-padding {
        padding-top: 40px !important;
    }

    .cell_1750860876488-padding {
        padding-top: 40px !important;
    }

    .cell_1750852007348-padding {
        padding-top: 40px !important;
    }
}

.inner1.dnd_area-row-0-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.inner1 .row-fluid {
    max-width: none !important;
}

.inner1 .cell_17549870730983-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.inner1 .hs_cos_wrapper_module_17549870730985 .baseModuleStyle {
    background-position: center center;
    background-size: cover;
}



.inner1 .hs_cos_wrapper_module_17549870730985 .baseModuleOverlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.inner1 .dnd_area-row-1-padding {
    padding-top: 100px !important;
    padding-bottom: 20px !important;
}

.inner1 .mpt-tertiary-cta {
    border-style: solid;
    border-width: 2px;
    border-radius: 20px;
    border-color: #ffffff;
    background-image: linear-gradient(to right, rgba(0, 115, 207, 1), rgba(0, 115, 207, 0));
    padding: 8px 16px 8px 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    transition: .2s ease-in-out;
    font-weight: 600;
}

.inner1 .mpt-tertiary-cta:hover {
    border-color: #ffffff;
    color: #ffffff;
    background-image: linear-gradient(to right, rgba(0, 115, 207, 0), rgba(0, 0, 0, 1));
    padding: 8px 16px 8px 16px;
}

.inner2.dnd_area-row-1-padding {
    padding-top: 100px !important;
    padding-bottom: 20px !important;
}

.inner2.dnd_area-row-1-background-layers {
    background-image: linear-gradient(rgba(236, 236, 236, 1), rgba(236, 236, 236, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
    .dnd_area-row-1-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .cell_17537868060392-vertical-alignment>div {
        flex-shrink: 0 !important;
    }
}

.inner3 .cell_1754988402649-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.inner3.dnd_area-row-2-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.inner3 .dnd_area-row-2-force-full-width-section>.row-fluid {
    max-width: none !important;
}

.inner3 .hs_cos_wrapper_module_17549884026493 .baseModuleStyle {
    background-color: rgba(236, 236, 236, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .baseModuleStyle {
    background-color: rgba(236, 236, 236, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard .cardInner {
    background: rgba(236, 236, 236, 1.0);
    background: linear-gradient(130deg, rgba(236, 236, 236, 1.0) 35%, rgba(255, 255, 255, 1.0) 70%);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard .imgWrap {
    background-color: rgba(0, 120, 190, 1.0);
}



.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard h3 {
    color: rgba(68, 68, 68, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard h3:after {
    background-color: rgba(0, 120, 190, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard .textContent {
    color: rgba(68, 68, 68, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard .custom-btnWrap a {
    color: rgba(0, 120, 190, 1.0);
    border-color: rgba(0, 120, 190, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard:hover .cardInner:after {
    background: rgba(33, 112, 168, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard:hover .imgWrap {
    background-color: rgba(33, 112, 168, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard:hover h3 {
    color: rgba(255, 255, 255, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard:hover h3:after {
    background-color: rgba(255, 255, 255, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard:hover .textContent {
    color: rgba(255, 255, 255, 1.0);
}

.inner3 .hs_cos_wrapper_module_17549884026493 .hoverCard:hover .custom-btnWrap a {
    color: rgba(33, 112, 168, 1.0);
    border-color: rgba(255, 255, 255, 1.0);
    background-color: rgba(255, 255, 255, 1.0);
}

.inner4.dnd_area-row-3-padding {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.inner4 .hs_cos_wrapper_module_17533702651559 {
    display: block !important;
    padding-bottom: 60px !important;
    padding-top: 20px !important;
}

.inner5.dnd_area-row-4-background-layers {

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.inner6.dnd_area-row-5-padding {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

.inner7.dnd_area-row-6-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.inner7 .hs_cos_wrapper_module_17550001240744 .product-card .cardInner {
    background-color: rgba(236, 236, 236, 1.0);
}

.inner7 .hs_cos_wrapper_module_17550001240744 .product-card h3 {
    color: rgba(0, 0, 0, 1.0);
}

.inner7 .hs_cos_wrapper_module_17550001240744 .product-card .textContent {
    color: rgba(0, 0, 0, 1.0);
}

.inner7 .hs_cos_wrapper_module_17550001240744 .button a {
    background-color: rgba(255, 255, 255, 0.0);
    color: rgba(33, 112, 168, 1.0);
    border-color: rgba(33, 112, 168, 1.0);
}

.inner7 .hs_cos_wrapper_module_17550001240744 .button a:hover {
    background-color: rgba(33, 112, 168, 1.0);
    color: rgba(255, 255, 255, 1.0);
    border-color: rgba(33, 112, 168, 1.0);
}

.inner8 .dnd_area-row-7-background-layers {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.inner8 .mpt-primary-cta {
    border-style: solid;
    border-width: 2px;
    border-radius: 20px;
    border-color: #0073CF;
    background-color: #0073CF;
    padding: 8px 16px 8px 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    transition: .2s ease-in-out;
    font-weight: 600;
}

.inner8 .mpt-primary-cta:hover {
    color: #0073CF;
    background-color: rgba(0, 115, 207, 0);
    padding: 8px 16px 8px 16px;
}

.inner8 .mpt-primary-cta:before {
    background-image: url(../images/openinnewwindowiconwhite.svg);
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    left: 0;
    top: 0;
    width: 16px;
}

.inner8 .mpt-primary-cta:hover:before {
    background-image: url(../images/openinnewwindowicon.svg);
}

.inner8 .widget_1754992936014-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.inner .dnd-section[class*="-force-full-width-section"]>.row-fluid {
    padding: 0 !important;
}

.inner .dnd_area-row-4-padding {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
}


        .modal {
            display: none;
            position: fixed;
            z-index: 99;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.5);
        }

        .myModal {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            position: relative;
            margin: auto;
            padding: 0;
            width: 540px;
            background: #fff;
        }

        .close {
            color: white;
            float: right;
            margin-top: 20px;
            font-weight: bold;
            cursor: pointer;
        }

        .modal-header {
            padding: 2px 20px;
        }

            .modal-header h2 {
                font-size: 24px;
                text-align: center;
                font-weight: 200;
                color: #333;
                margin: 0;
                padding: 30px 0px;
            }

        .modal-body {
            padding: 2px 20px;
        }

            .modal-body form {
                padding-bottom: 40px;
            }

        .modal-body-input {
            border: 1px solid #e0e0e0;
            padding: 0 20px;
            height: 40px;
            margin-bottom: 30px;
        }

            .modal-body-input label {
                line-height: 40px;
                color: #333;
                font-size: 16px;
                float: left;
            }

            .modal-body-input input {
                border: none;
                outline: none;
                margin-left: 30px;
                width: calc(100% - 78px) !important;
                line-height: 40px;
                font-size: 16px;
                float: left;
                padding: 0px;
                border-radius: 0px;
                background: transparent;
            }
        .modal-body-but {
            outline: none;
            border: none;
            line-height: 40px;
            width: 100%;
            background: #047dbf;
            color: #fff;
            font-size: 16px;
        }

        @media screen and (max-width: 540px) {
            .modal-content {
                width: 80%;
            }

            .modal-header h2 {
                font-size: 18px;
                padding: 25px 0px;
            }

            .close {
                margin-top: 15px;
            }
        }

        .fixtel {
            width: 55px !important;
        }

            .fixtel .tel-num {
                display: none;
            }

            .fixtel .icon {
                cursor: pointer;
            }
    



@media (min-width: 768px) {
    .inner4.dnd_area-row-3-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .contact-us4 .cell_17533702651552-vertical-alignment>div,
    .inner4 .cell_17533702651552-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

    .inner5.dnd_area-row-4-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .inner5 .cell_17549928287182-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

    .inner6.dnd_area-row-5-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .inner6 .cell_17550001397482-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

    .inner8.dnd_area-row-7-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .inner8 .cell_17537897669482-vertical-alignment>div {
        flex-shrink: 0 !important;
    }
}

.lishi.dnd_area-row-2-padding {
    padding-top: 100px !important;
    padding-bottom: 20px !important;
}

@media (min-width: 768px) {
    .lishi .cell_17574301465202-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

    .lishi .cell_17574301465202-row-2-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }
}

.hs_cos_wrapper_module_17574301465212 hr {
    border: 0 none;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 115, 207, 1.0);
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 10%;
}

.lishi .widget_1757503804057-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

@media (min-width: 1200px) {
    .lishi.dnd-section .dnd-column {
        padding: 0 !important;
    }
}

.lishi1.dnd_area-row-3-padding {
    padding: 40px 0 !important;
}

.contact-us.dnd_area-row-0-padding {
    padding-top: 80px !important;
    padding-bottom: 20px !important;
}

@media (min-width: 768px) {
    .contact-us .dnd_area-row-0-vertical-alignment>.row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .contact-us .cell_17533677805722-vertical-alignment>div {
        flex-shrink: 0 !important;
    }

}

.contact-us2.dnd_area-row-1-padding {
    padding-top: 80px !important;
    padding-top: 20px !important;
}

.contact-us2 .cell_17533678027072-padding {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.contact-us2 .cell_17533678027072-background-layers {
    background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 1), rgba(236, 236, 236, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.contact-us3.dnd_area-row-2-padding {
    padding-top: 80px !important;
    padding-bottom: 20px !important;
}

.contact-us4.dnd_area-row-3-padding {
    padding-top: 20px !important;
}


.pj_div_21 .row {
    margin-bottom: 25px;
}

.pj_div_35 .dnd_area-row-6-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.hs_cos_wrapper_dnd_area_module_1 {
    background-position: top right;
}

.pj_div_36.dnd_area-row-0-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd-section[class*="-force-full-width-section"]>.row-fluid {
    padding: 0 !important;
}

.dnd_area-row-0-force-full-width-section>.row-fluid {
    max-width: none !important;
}

.dnd_area-row-1-padding {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.font14 {
    font-size: 14px;
}

.textContent {
    line-height: 1.6;
}

.mpt-primary-cta {
    border-style: solid;
    border-width: 2px;
    border-radius: 20px;
    border-color: #0073CF;
    background-color: #0073CF;
    padding: 8px 16px 8px 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    transition: .2s ease-in-out;
    font-weight: 600;
}

.mpt-primary-cta:hover:before {
    background-image: url(/images/openinnewwindowicon.svg);
}

.mpt-primary-cta:before {
    background-image: url(/images/openinnewwindowiconwhite.svg);
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    left: 0;
    top: 0;
    width: 16px;
}




.brand-and-product-detail {
    padding-top: 45px;
    background: #f3f3f3;
}

.brand-and-product-detail .logo-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.brand-and-product-detail .logo-box img {
    width: auto;
    max-width: 10vw;
}

.brand-and-product-detail .brand-logo {
    margin-bottom: 36px;
}

.brand-and-product-detail .brand-logo .content {
    padding-bottom: 25px;
    border-bottom: 1px #dadada solid;
}

.brand-and-product-detail .brand-info {
    color: #666;
    font-size: 16px;
    line-height: 1.875;
    margin-bottom: 60px;
}

.dis-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-and-product-detail .site-link-box {
    padding-bottom: 60px;
}

.brand-and-product-detail .site-link {
    height: 72px;
    background: #fff;
    border-radius: 36px;
    overflow: hidden;
    width: auto;
    display: inline-flex;
}

.brand-and-product-detail .site-link .wenzi {
    width: auto;
    padding: 0 20px;
    min-width: 300px;
    color: #017bbe;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

.brand-and-product-detail .site-link .arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #017bbe;
    color: #fff;
}

.brand-and-product-detail .site-link .arrow svg {
    width: 28px;
    height: 28px;
}

.brand-and-product-detail .pro-show, .brand-and-product-detail .pro-yinyong {
    margin-bottom: 70px;
}

.brand-and-product-detail .pro-show .mt {
    color: #333;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 40px;
}

.pro-show .product-card a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333333;
    background: #dedfe0;
    border-radius: 20px;
    border: 1px solid #dddddd;
}

.pro-show .product-card a .swiper-img {
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-show .product-card a .swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.pro-show .product-card a h4 {
    background: #f3f3f3;
    margin: 0px;
    padding: 20px 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-weight: 500;
}

.brand-and-product-detail .pro-download {
    margin-bottom: 70px;
}

.brand-and-product-detail .pro-yinyong .mt,
.brand-and-product-detail .pro-show .mt,
.brand-and-product-detail .pro-download .mt,
.brand-and-product-detail .pro-video .mt,
.brand-and-product-detail .brand-news .mt {
    color: #333;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 40px;
}

.brand-and-product-detail .pro-download .downloadmenu {
    margin-bottom: 25px;
    display: table;
    table-layout: fixed;
    margin-top: -15px;
    width: 100%;
}

.brand-and-product-detail .pro-download .downloadmenu .menu-item {
    display: table-cell;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 3px #e3e3e4 solid;
    color: #333;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.brand-and-product-detail .pro-download .downloadmenu .menu-item.on {
    color: #017bbe;
    border-bottom-color: #017bbe;
}

.brand-and-product-detail .pro-download .download-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    max-height: 250px;
    overflow: hidden;
}

.brand-and-product-detail .pro-download .download-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 32%;
    max-width: 340px;
    margin-bottom: 30px;
    cursor: pointer;
}

.brand-and-product-detail .pro-download .download-item .img-box {
    width: 23.82%;
    font-size: 0;
    position: relative;
}

.brand-and-product-detail .pro-download .download-item .img-box .file-type {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 5px;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    background: #017bbe;
    text-transform: uppercase;
}

.brand-and-product-detail .pro-download .download-item .img-box .file-type:after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 20px #017bbe solid;
    border-right: 10px transparent solid;
}

.brand-and-product-detail .pro-download .download-item .img-box .img {
    width: 100%;
    height: 0;
    padding-bottom: 130.86%;
    position: relative;
    z-index: 0;
    box-shadow: 2px 2px 0 #c5c3c3;
}

.brand-and-product-detail .pro-download .download-item .img-box .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-and-product-detail .pro-download .download-item .text-box {
    width: 76.18%;
    padding-left: 15px;
}

.brand-and-product-detail .pro-download .download-item .text-box .title {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.brand-and-product-detail .pro-download .download-item .text-box .date {
    color: #999;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 30px;
}

.brand-and-product-detail .pro-download .download-item .text-box .icon {
    font-size: 0;
}

.brand-and-product-detail .pro-download .download-item .text-box .icon svg {
    width: 30px;
    height: 30px;
    color: #999;
}

.brand-and-product-detail .pro-download .more-button,
.brand-and-product-detail .pro-video .more-button {
    width: 150px;
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.brand-and-product-detail .pro-download .more-button .wenzi,
.brand-and-product-detail .pro-video .more-button .wenzi {
    color: #333;
    font-size: 18px;
    line-height: 1;
    padding-right: 10px;
}

.brand-and-product-detail .pro-download .more-button .wenzi:after,
.brand-and-product-detail .pro-video .more-button .wenzi:after {
    content: "查看更多";
}

.brand-and-product-detail .pro-download .more-button .arrow,
.brand-and-product-detail .pro-video .more-button .arrow {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px #017bbe solid;
    color: #017bbe;
}

.brand-and-product-detail .pro-download .more-button .arrow svg,
.brand-and-product-detail .pro-video .more-button .arrow svg {
    width: 16px;
    height: 16px;
}

.brand-and-product-detail .pro-download .box-container {
    display: none;
}

.brand-and-product-detail .brand-news {
    background: #fff;
    padding: 60px 0;
    margin-bottom: 70px;
}

.brand-and-product-detail .brand-news .news-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.brand-and-product-detail .brand-news .news-list .list-item {
    width: 48%;
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.brand-and-product-detail .brand-news .news-list .date-box {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #f2f2f2;
    color: #017bbe;
}

.brand-and-product-detail .brand-news .news-list .date-box .day {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 5px;
}

.brand-and-product-detail .brand-news .news-list .date-box .year {
    font-size: 14px;
    line-height: 1;
}

.brand-and-product-detail .brand-news .news-list .text-box {
    width: calc(100% - 82px);
    padding-left: 15px;
}

.brand-and-product-detail .brand-news .news-list .text-box .title {
    color: #333;
    font-size: 16px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}

.brand-and-product-detail .brand-news .news-list .text-box .time {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .brand-and-product-detail .brand-news .more-box, .pro-download .more-box {
        width: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

        .brand-and-product-detail .brand-news .more-box .wenzi, .pro-download .more-box .wenzi {
            color: #333;
            font-size: 18px;
            line-height: 1;
            padding-right: 10px;
        }

        .brand-and-product-detail .brand-news .more-box .arrow, .pro-download .more-box .arrow {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px #017bbe solid;
            color: #017bbe;
        }

/* 新闻 */
.page3 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page3 .news-nav {
    background: #00a9ee;
    display: flex;
    justify-content: flex-start;
    padding: 10px 22px;
}

.page3 .news-class {
    color: #ffffff;
    line-height: 34px;
    font-size: 16px;
    padding-right: 20px;
    position: relative;
}

.page3 .news-class::after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0px;
    width: 1px;
    height: 20px;
    background: #ffffff;
}

.page3 .news-nav ul {
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    margin: 0px;
}

.page3 .news-nav ul li {
    font-size: 16px;
    color: #ffffff;
    margin-left: 20px;
    padding: 5px 20px;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 0px;
    list-style: none;
}

.page3 .news-nav ul li.selected,
.news-nav ul li:hover {
    color: #00a9ee;
    background: #ffffff;
}

.page3 .news-list {
    padding-top: 30px;
}

.page3 .news-list ul {
    margin: 0;
    padding: 0px;
}

.page3 .news-list ul li {
    margin-bottom: 40px;
    list-style: none;
}

.page3 .news-list ul li a {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}

.page3 .news-list-l {
    width: 140px;
    padding: 20px 0px;
    border-right: 1px dashed #e4e4e4;
    padding-right: 10px;
    text-align: center;
}

.page3 .news-list-l h4 {
    font-size: 48px;
    color: #00a9ee;
    text-align: center;
}

.page3 .news-list-l p {
    color: #00a9ee;
    font-size: 14px;
}

.page3 .news-list-r {
    padding: 20px;
    padding-left: 40px;
    width: calc(100% - 140px);
}

.page3 .news-list-r h4 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
}

.page3 .h6Icon {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    margin-top: 0px;
}

.page3 .h6Icon span {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 25px;
    margin-right: 40px;
}

.page3 .h6Icon .icon1 {
    background-image: url(../images/fabu.png);
}

.page3 .h6Icon .icon2 {
    background-image: url(../images/liulan.png);
}

.page3 .news-list-r p {
    padding-top: 10px;
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    padding-top: 0px;
    margin-top: 0px;
}

.page3 .news-list-r p span {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
}

.page3 .news-list-r p span::after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 14px;
    background: #dbdbdb;
}

.page3 .news-list-r p span:last-child::after {
    display: none;
}

.page3 .news-list ul li a:hover {
    box-shadow: 0px 10px 20px 4px #dbe8ff
}

.page-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.page-box ul {
    display: flex;
    justify-content: flex-start;
    padding-right: 15px;
}

.page-box ul li {
    border: 1px solid #e8e8e8;
    border-right: none;
    list-style: none;
}

.page-box ul li button,
.page-box ul li a {
    line-height: 38px;
    font-size: 16px;
    color: #999;
    padding: 0px 15px;
    display: inline-block;
    min-height: auto;
    min-width: auto;
}

.page-box ul li:last-child {
    border-right: 1px solid #e8e8e8;
}

.page-box ul li:hover button,
.page-box ul li:hover a {
    color: #ffffff;
    background: #00a9ee;
}

.page-box ul li button {
    padding: 0px 10px;
}

.page-box input {
    display: inline-block;
    width: 60px !important;
    line-height: 38px;
    font-size: 16px;
    color: #999;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.page-box ul li button.jump {
    margin-left: 0;
    color: #fff;
    background: #bdbdbd;
    line-height: 38px;
    font-size: 16px;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
}

.page-box input {
    text-align: center;
}

.page-box ul li.active a {
    color: #ffffff;
    background: #00a9ee;
}

.page-box ul li button,
.page-box ul li a {
    cursor: pointer;
}

.page-box ul li:hover button,
.page-box ul li:hover a {
    color: #ffffff;
    background: #00a9ee;
}

.fixed-table-pagination .pagination-detail {
    font-size: 16px;
}

.inner-container {
    background: #f3f3f3;
    padding-top: 45px;
}

.news-detail-page {
    padding-bottom: 80px;
}

.news-detail-page .news-detail-title-box {
    margin-bottom: 40px;
}

.news-detail-page .news-detail-title-box .title {
    color: #333;
    font-size: 30px;
    line-height: 1;
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px #dadada solid;
}

.news-detail-page .news-detail-title-box .date {
    color: #017bbe;
    font-size: 14px;
    line-height: 1;
}

.news-detail-page .news-detail-neirong-box {
    border-bottom: 1px #dadada solid;
    padding-bottom: 60px;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.news-detail-page .news-detail-neirong-box img {
    max-width: 100%;
}

.news-detail-page .news-detail-navi-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-detail-page .news-detail-navi-box .prev-link,
.news-detail-page .news-detail-navi-box .next-link,
.news-detail-page .news-detail-navi-box .back-link {
    display: flex;
    align-items: center;
    padding: 20px 0;
    color: #333;
    font-size: 16px;
    line-height: 1.4;
}

.news-detail-page .news-detail-navi-box .prev-link,
.news-detail-page .news-detail-navi-box .next-link {
    width: 38%;
}

.news-detail-page .news-detail-navi-box .prev-link {
    justify-content: flex-start;
}

.news-detail-page .news-detail-navi-box .back-link:before,
.news-detail-page .news-detail-navi-box .prev-link:before {
    padding-right: 10px;
}

.news-detail-page .news-detail-navi-box .back-link {
    justify-content: center;
    width: 20%;
}

.news-detail-page .news-detail-navi-box .next-link {
    flex-direction: row-reverse;
}

.news-detail-page .news-detail-navi-box .next-link:before {
    padding-left: 10px;
}

.solutions-detail .mt {
    color: #333;
    font-size: 30px;
    line-height: 1;
    padding-bottom: 25px;
    border-bottom: 1px #dadada solid;
    margin-bottom: 35px;
}

.solutions-detail .tuwen-box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 50px;
}

.solutions-detail .tuwen-box .text-box,
.solutions-detail .tuwen-box .img-box {
    width: 48%;
}

.solutions-detail .tuwen-box .text-box {
    color: #666;
    font-size: 14px;
    line-height: 2.14;
}

.solutions-detail .tuwen-box .img-box img {
    width: 100%;
}

.solutions-detail .detail-pros .bt {
    background: #8a8a8a;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 52px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 40px;
}

.solutions-detail .detail-pros .bt:before {
    content: "";
    display: block;
    width: 6px;
    height: 18px;
    background: #44aab4;
    margin-right: 15px;
}

.solutions-detail .detail-pros .slide-content {
    padding: 10px;
}

.solutions-detail .detail-pros .slide-content .img-box {
    margin-bottom: 30px;
    position: relative;
}

.solutions-detail .detail-pros .slide-content .img-box .img {
    width: 100%;
    height: 310px;
    background: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    position: relative;
    z-index: 0;
    border-radius: 20px;
}

.solutions-detail .detail-pros .slide-content .img-box .img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.solutions-detail .detail-pros .slide-content .img-box .img-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .33);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    border-radius: 20px;
}

.solutions-detail .detail-pros .slide-content .img-box .cover-content {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.solutions-detail .detail-pros .slide-content .img-box .cover-content img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.solutions-detail .detail-pros .slide-content .text-box {
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 1;
}

.solutions-detail .detail-pros .slide-content:hover .img-box .img-cover {
    z-index: -1;
}

.solutions-detail .detail-pros .slide-content:hover .text-box {
    color: #017bbe;
}

:root {
    --gap: 2.127659574%;
}

@media (min-width: 768px) {
    .xq1 .row-fluid .span7 {
        width: calc(58.33% - var(--gap));
    }
}

.xq1.dnd_area-row-1-padding {
    padding-bottom: 80px !important;
}

.xq1 .mf-prod-intro h6 {
    color: #575756;
    font-size: 16px;
    margin-bottom: 5px;
}

.xq1 .mf-prod-intro h3 {
    color: #575756;
    font-size: 29px;
    margin: 0 0 1.4rem;
}

.xq1 .sml-divider {
    background-color: #004a98;
    height: 4px;
    width: 80px;
}

.xq1 .hs_cos_wrapper_module_17186277766858 p {
    font-size: 1rem;
    margin: 0 0 1.4rem;
    color: #3d4543;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.xq1 .hs_cos_wrapper_module_17186277766858 h4 {
    color: #004a98;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 1.4rem;
}

@media (min-width: 768px) {
    .xq1 .row-fluid .span5 {
        width: calc(41.66% - var(--gap));
    }
}

.xq1 .dnd-section .dnd-column {
    padding: 0 1rem;
}

.xq1 .module_17186277766863-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

.xq1 .module_17186277766863-flexbox-positioning>div {
    max-width: 100%;
    flex-shrink: 0 !important;
}

.xq1 .hs_cos_wrapper_module_17186277766864 .prod-list h3 {
    color: #000;
    font-weight: 500;
    font-size: 20px;
}

.xq1 .hs_cos_wrapper_module_17186277766864 .prod-list ul {
    padding-left: 24px;
}

.xq1 .hs_cos_wrapper_module_17186277766864 .prod-list ul li {
    margin-bottom: 6px;
    font-size: 16px;
}

.xq2.dnd_area-row-2-padding {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}

.xq2.dnd_area-row-2-background-layers {
    background-image: linear-gradient(rgba(239, 239, 239, 1), rgba(239, 239, 239, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.xq2 .hs_cos_wrapper_widget_1718637543311 h4 {
    color: #004a98;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 1.4rem;
}

.xq3.dnd_area-row-3-padding {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
}

.xq3.dnd_area-row-3-background-layers {
    background-image: linear-gradient(rgba(239, 239, 239, 1), rgba(239, 239, 239, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
    .xq3 .row-fluid .span2 {
        width: calc(16.66% - var(--gap));
    }
}

.xq3 .dnd-section .dnd-column {
    padding: 0 1rem;
}

.xq3 .row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 768px) {
    .xq3 .row-fluid {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.xq3 .hs_cos_wrapper_module_171863757060310 h5 {
    margin: 0 0 1.4rem;
    color: #000;
    font-size: 16px;
}

.xq3 .hs_cos_wrapper_module_171863757060310 a {
    color: #004a98;
}

.xq4.dnd_area-row-4-padding {
    padding: 80px 20px;
    padding-top: 80px !important;
    padding-bottom: 0px !important;
}
.xq4 .cell_17175981216912-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.xq4 .row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
@media (min-width: 768px) {
  .xq4  .row-fluid {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .fitz-product-range-wrapper {
    padding-bottom: 20px;
    position: relative;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .fitz-product-range-wrapper {
    padding-bottom: 20px;
    position: relative;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .fitz-prod-inner {
    position: relative;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-block {
    padding-bottom: 55px;
}

@media (min-width: 768px) {
 .xq4    .row-fluid .span8 {
        width: calc(66.66% - var(--gap));
    }
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left {
    background-color: #f5f5f5;
    width: 100%;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 0px 5px 0 rgb(0 0 0 / 26%);
    position: relative;
    margin-bottom: 20px;
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-icon img {
    height: 60px !important;
    width: auto;
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left h3 {
      margin: 0 0 1.4rem;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 26px;
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left h5 {
    text-transform: uppercase;
    margin-top: 0px;
}
 .xq4 .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left p.fz-prod-intro {
    font-size: 18px;
    color: #004a98;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left h6 {
    font-size: 18px;
    color: #004a98;
    margin-bottom: 0px;
    margin-top: 15px;
    font-weight: 400;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left ul {
    margin-top: 0px;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left li{
        color: #3d453f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left li::marker {
    color: #004a98 !important;
}
.xq4 .hs_cos_wrapper_widget_1717598121406 .res-sec {
    padding-top: 20px;
    max-width: 350px;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .res-sec h4 {
    margin-bottom: 0px;
}
a.cta_button_2395355_e0ada2c8-76be-483e-b950-e4be7583ab70 {
    cursor: pointer;
}

.cta_button.res-cta-quad {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: black !important;
    font-size: 14px !important;
    transition: .3s ease-in-out;
    font-weight: 600;
}
.cta_button.res-cta-quad:before {
    background-image: url(https://2395355.fs1.hubspotusercontent-na1.net/hubfs/2395355/Quadro%20Theme%202022/SVGs/q-download-icon-black.svg);
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    left: 0;
    top: 0;
    width: 16px;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .res-sec ul{
    list-style: none;
    padding-left: 0px;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .res-sec ul li {
    padding-left: 0px;
    margin-left: 0px;
    padding-bottom: 10px;
        line-height: 1.4;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .res-sec ul li  a{
    background: transparent !important;
    border:none !important;
    padding-top: 0px !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
     min-height: 0vw;
     min-width: 0vw;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .res-sec ul li  a:hover{
    color: #004a98 !important;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left-enq-link {
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-color: #26a8df;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 80px;
    padding-right: 40px;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left-enq-link p {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 0px;
    position: relative;
    padding-left: 20px;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left-enq-link p:before {
    content: '';
    position: absolute;
    border: solid #fff;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    left: 0px;
    top: 7px;
}
.xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-left-enq-link:after {
    content: '';
    position: absolute;
    top: -7px;
    left: 15px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(https://www.quadro-mpt.com/hubfs/Quadro-File-Manager/Quadro%20NEW%20Product%20Pages/Icons/quad-small-button-icon.svg);
}
@media (min-width: 768px) {
   .xq4 .row-fluid .span4 {
        width: calc(33.33% - var(--gap));
    }
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-right-image {
    background-image: linear-gradient(#ffffff, #e3e3e3);
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0px 5px 0 rgb(0 0 0 / 26%);
    height: 350px;
    position: relative;
 }
 .xq4  .hs_cos_wrapper_widget_1717598121406 .fz-prod-range-right-image-inner img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    mix-blend-mode: multiply;
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .stat-sec {
    padding-top: 10px;
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .prod-stats h3 {
    margin-bottom: -5px;
    color: #004a98;
    font-weight: 800;
    font-size: 27px;
}
 .xq4  .hs_cos_wrapper_widget_1717598121406 .prod-stats p {
    margin-bottom: 0px;
        font-size: 15px;
}
 .xq5.dnd_area-row-8-background-layers {
    background-image: linear-gradient(to bottom, rgba(204, 204, 204, 1), rgba(232, 232, 232, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
 .xq5 .hs_cos_wrapper_widget_1718634555102  h5{
    margin-top: 0px;
        color: #000;
    font-size: 16px;
    font-weight: 400;
        margin: 0 0 1.4rem;
 }
  .xq5 .hs_cos_wrapper_widget_1718634555102  h3{
        color: #3d4543;
    font-size: 30px;
    font-weight: 500;
     margin: 0 0 1.4rem;
 }
   .xq5 .hs_cos_wrapper_widget_1718634555102  p{
    font-size: 1rem;
    margin: 0 0 1.4rem;
        color: #3d4543;
   }
   .xq5  form   fieldset,
 .xq5  form .form-columns-2 {
    margin: 0px !important;
    padding: 0px;
    border: none;
 }
 .xq5 .hs-form-94fa8a97-8969-4181-9d9d-b70e5a6fd1ce_8697c67c-4c6b-479b-8eb9-233f53c90df6 fieldset.form-columns-2 .input {
    margin-right: 8px;
}
 .xq5  form input[type=email],
 .xq5  form input[type=file],
 .xq5 form input[type=number], 
 .xq5 form input[type=password], 
 .xq5 form input[type=tel], 
 .xq5 form input[type=text], 
 .xq5 form select, 
 .xq5 form textarea {
    background-color: #fff;
    border: 0 solid #d1d6dc;
    border-radius: 30px;
    color: #004a98 !important;
        display: inline-block;
    font-size: 0.875rem;
    padding: 0.7rem;
    width: 100%;
        line-height: 1.15;
    margin: 0;
}
.xq5 form .hs-richtext,
.xq5 form .hs-richtext p {
    font-size: 0.875rem;
    margin: 0 0 1.4rem;
    color: #3d4543;
}

.xq5 form .hs-richtext strong {
    font-weight: bolder;
}

.xq5 form .hs-button,
form input[type=submit] {
    background-color: #004a98;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 15px 30px;
    text-decoration: none;
}

.xq5 form .hs-button:focus,
form .hs-button:hover,
.xq5 form input[type=submit]:focus,
.xq5 form input[type=submit]:hover {
    background-color: #002270;
    border-color: #002270
}

.xq5 form .hs-button:active,
.xq5 form input[type=submit]:active {
    background-color: #2872c0;
    border-color: #2872c0
}

.xq6 .align-left {
    text-align: left;
}

.xq6 .align-center {
    text-align: center;
}

.xq6 .position-center {
    margin: 0 auto;
}

.xq6 .mf-prod-intro h3 {
    color: #575756;
    font-size: 29px;
    margin: 0 0 1.4rem;
}

.xq6 .position-center {
    margin: 0 auto;
}

.xq6 .sml-divider {
    background-color: #004a98;
    height: 4px;
    width: 80px;
}

.xq6 .product-card img {
    vertical-align: middle;
    height: 400px;
    object-fit: cover;
    max-width: 700px;
    border-radius: 10px;
    margin: 0 auto;
}

.xq6 .content-wrapper {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}
.xq7.dnd_area-row-10-background-layers {
    background-image: linear-gradient(rgba(239, 239, 239, 1), rgba(239, 239, 239, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
.xq8 .hs_cos_wrapper_module_17186355316776 h5,
.xq10  .hs_cos_wrapper_module_17186378792465 h5,
.xq7 .hs_cos_wrapper_module_17186328247553  h5{
    font-size: 16px;
        margin: 0 0 1.4rem;
}
.xq8 .hs_cos_wrapper_module_17186355316776 h3,
.xq9 .hs_cos_wrapper_module_17186378319906  h3,
.xq10  .hs_cos_wrapper_module_17186378792465 h3,
.xq7 .hs_cos_wrapper_module_17186328247553  h3{
        color: #3d4543;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 1.4rem;
}
.xq8  .hs_cos_wrapper_module_17186355316777 h4,
.xq8 .hs_cos_wrapper_module_17186355316776 h4,
.xq9 .hs_cos_wrapper_module_17186378319906  h4,
.xq10  .hs_cos_wrapper_module_17186378792465  h4,
.xq7 .hs_cos_wrapper_module_17186328247553 h4 {
    color: #004a98;
    font-size: 24px;
    font-weight: 400;
       margin: 0 0 1.4rem;
}
@media (min-width: 768px) {
  .xq8  .row-fluid .span9 {
        width: calc(75% - var(--gap));
        padding-left: 0px;
        padding-right: 0px;
    }
        .xq8   .row-fluid .span3 {
        width: calc(25% - var(--gap));
    }
}
.xq7 .hs_cos_wrapper_module_17186328247553 p,
.xq8  .hs_cos_wrapper_module_17186355316777 p,
.xq9 .hs_cos_wrapper_module_17186378319906  p,
.xq10  .hs_cos_wrapper_module_17186378792465 p,
.xq8 .hs_cos_wrapper_module_17186355316776 p{
    color: #3d4543;
        font-size: 1rem;
    margin: 0 0 1.4rem;
}
.split.dnd_area-row-12-padding {
    padding-top: 10px !important;
    padding-bottom: 40px !important;
}
@media (min-width: 768px) {
   .split .row-fluid {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
   .split  .bottom-border-style {
    position: relative;
    width: 100%;
    height: 2px;
}
   .split .bottom-border-style:before {
    content: '';
    position: absolute;
    background-image: url(https://www.quadro-mpt.com/hubfs/Quadro_Applications/arrow-bottom.png);
    width: 60px;
    height: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: -6px;
    background-color: #fff;
    z-index: 9;
}
   .split .bottom-border-style:after {
    content: '';
    left: -100vh;
    right: 500px;
    height: 2px;
    background-color: #ececec;
    position: absolute;
}
.xq9.dnd_area-row-13-padding {
    padding-bottom: 20px !important;
}
.xq10.dnd_area-row-14-padding {
    padding-top: 40px !important;
}
.xq10 .hs_cos_wrapper_module_17186378792465 .five-columns {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 20px;
}
.xq10  .hs_cos_wrapper_module_17186378792465 .column-item {
    flex-basis: 20%;
    gap: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.xq10  .hs_cos_wrapper_module_17186378792465 img.q-round-img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
}
.xq10  .hs_cos_wrapper_module_17186378792465 .five-col-txt h3 {
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.xq10  .hs_cos_wrapper_module_17186378792465 .five-divider {
    width: 100%;
    height: 1px;
    background: #ececec;
    margin-bottom: 20px;
}
.xq10  .hs_cos_wrapper_module_17186378792465 a.five-link {
    background-color: #004a98;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 15px 30px;
    text-decoration: none;
}
.xq10  .hs_cos_wrapper_module_17186378792465 a.five-link:hover { 
    background-color:#575756; 
}
.xq11.dnd_area-row-16-padding {
    padding-bottom: 80px !important;
}
.xq11 .mf-prod-intro h3 {
    color: #575756;
    font-size: 29px;
        margin: 0 0 1.4rem;
}
.xq11 .sml-divider {
    background-color: #004a98;
    height: 4px;
    width: 80px;
}
.xq11 .hs_cos_wrapper_widget_1718889260268 .rel-res-links {
    padding-top: 25px;
}
.xq11 .hs_cos_wrapper_widget_1718889260268 .rel-res-links ul {
        padding-left: 0;
    list-style: none;
    margin: 0;
    display: block;
}
.xq11 .hs_cos_wrapper_widget_1718889260268 .rel-res-links ul li {
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 0px;
}
.xq11 .hs_cos_wrapper_widget_1718889260268 .rel-res-links ul li:before {
    content: '';
    position: absolute;
    left: 0;
    border: solid #26a8df;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 14px;
    transition: all 0.5s;
}
.xq11 .hs_cos_wrapper_widget_1718889260268 .rel-res-links ul li a {
    color: #3d4543;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 25px !important;
    max-width: 900px;
    overflow: visible !important;
    white-space: unset !important;
}
.xq11 .hs_cos_wrapper_widget_1718889260268 .rel-res-links ul li:hover::before {
  left:5px;
  border-color:#004a98;
}
.sx-box {
    background: #0078be;
    color: #fff;
    padding: 25px 0 15px 0;
    margin-bottom: 55px;
}
.sx-box .sx-type-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sx-box .sx-type-box .bt {
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
}
 .sx-box .sx-type-box .bt:after {
    content: "|";
    padding: 0 15px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
 .sx-box .sx-type-box .bc {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
 .sx-box .sx-type-box .sx-item {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    line-height: 34px;
    border-radius: 17px;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}
 .sx-box .sx-type-box .sx-item.on,  .sx-box .sx-type-box .sx-item:hover {
    color: #0078be;
    background: #fff;
}
 .sx-box .sx-type-box .sx-item .sx-item-input {
    display: none;
}
 .list-item {
    margin-bottom: 55px;
}
 .list-item .bt {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
}
 .list-item .info {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 40px;
}
 .detail-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
 .detail-list .detail-item {
    display: block;
    width: 33%;
    max-width: 323px;
    margin-bottom: 15px;
}
 .detail-list .detail-item .img-box {
    position: relative;
    width: 100%;
    height: 202px;
}
 .detail-list .detail-item .img-box img {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
 .detail-list .detail-item .fl {
    position: absolute;
    left: 15px;
    top: 10px;
    z-index: 1;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    background: #be0004;
    border-radius: 13px;
}
 .detail-list .detail-item .text-box {
    height: calc(100% - 202px);
    padding: 25px 15px 35px 15px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
}
 .detail-list .detail-item .title {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 10px;
}
 .detail-list .detail-item .memo {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    min-height: 96px;
}
 .detail-list .detail-item .download {
    display: flex;
    justify-items: flex-start;
    align-items: center;
}
 .detail-list .detail-item .download .icon {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
}
 .detail-list .detail-item .download .icon img {
    margin-left: -30px;
    filter: drop-shadow(15px 0 0 #fff);
}
 .detail-list .detail-item .download .wenzi {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding-left: 10px;
}
 .list-item.theme-blue .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(15px 0 0 #28dafa);
}

 .list-item.theme-blue .detail-list .detail-item:hover .download .wenzi{
	color: #28dafa;
}

.brand-and-product-detail .pro-yinyong .slide-content {
	position: relative;
}

.brand-and-product-detail .pro-yinyong .slide-content .img-box {
    width: 100%;
    height: 0;
    padding-bottom: 67.68%;
    position: relative;
    z-index: 0;
}
.brand-and-product-detail .pro-yinyong .slide-content .img-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px;
}
.brand-and-product-detail .pro-yinyong .slide-content .text-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding: 20px;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}