@charset "utf-8";

@import url("global.min.css");
@import url("swiper.min.css");

/**
* Description style CSS for the website
* Author Qiuyue
* Created On 2025-08
* modification
**/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize*/
/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom.*/
html {
    font-family: sans-serif;
    /* 1*/
    -ms-text-size-adjust: 100%;
    /* 2*/
    -webkit-text-size-adjust: 100%;
    /* 2*/
}

/** * Remove default margin.*/
body {
    margin: 0;
}


:root {
    --color-primary: #D60312;
    --color-primary-d6000f: #D6000F;
    --color-primary-white: #fff;
}

/* HTML5 display definitions ==========================================================================*/
/** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11.*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.*/
audio,
progress,
video {
    display: inline-block;
    /* 1*/
    vertical-align: baseline;
    /* 2*/
    max-width: 100%;
}

canvas {
    display: inline-block;
    /* 1*/
    vertical-align: baseline;
}

/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices.*/
audio:not([controls]) {
    display: none;
    height: 0;
}

/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.*/
[hidden],
template {
    display: none;
}

.color_orage {
    color: var(--color-primary);
}

/* Links ==========================================================================*/
/** * Remove the gray background color from active links in IE 10.*/

a {
    color: #404040;
    background: transparent;
    text-decoration: none;
    outline: none;
    border: none;
    transition: all .2s ease-in-out;
}

/** * Improve readability when focused and also mouse hovered in all browsers.*/
a:active,
a:hover {
    outline: none;
    text-decoration: none;
}


/* Text-level semantics ==========================================================================*/
/** * Address styling not present in IE 8/9/10/11, Safari, and Chrome.*/
abbr[title] {
    border-bottom: 1px dotted;
}

/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.*/
b,
strong {
    font-weight: bold;
}

/** * Address styling not present in Safari and Chrome.*/
dfn {
    font-style: italic;
}

/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome.*/
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/** * Address styling not present in IE 8/9.*/
mark {
    background: #ff0;
    color: #000;
}

/** * Address inconsistent and variable font size in all browsers.*/
small {
    font-size: 80%;
}

/** * Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content ==========================================================================*/
/** * Remove border when inside `a` element in IE 8/9/10.*/
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border: 0;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    object-fit: cover;
}

/** * Correct overflow not hidden in IE 9/10/11.*/
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content ==========================================================================*/
/** * Address margin not present in IE 8/9 and Safari.*/
figure {
    margin: 1em 40px;
}

/** * Address differences between Firefox and other browsers.*/
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/** * Contain overflow in all browsers.*/
pre {
    overflow: auto;
}

/** * Address odd `em`-unit font size rendering in all browsers.*/
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms ==========================================================================*/
/** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set.*/
/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.*/
button,
input,
optgroup,
select,
textarea {
    font-size: 13px;
    font-weight: normal;
    color: #000;
    color: inherit;
    /* 1*/
    font: inherit;
    /* 2*/
    margin: 0;
    /* 3*/
    background-color: transparent;
    outline: none;
}

/** * Address `overflow` set to `hidden` in IE 8/9/10/11.*/
button {
    overflow: visible;
}

/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox.*/
button,
select {
    text-transform: none;
}

/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others.*/
button,
html input[type="button"],
/* 1*/
input[type="reset"],
input[type="submit"] {
    /*-webkit-appearance: button;*/
    cursor: pointer;
    /* 3*/
    -webkit-appearance: none;
}

/** * Re-set default cursor for disabled elements.*/
button[disabled],
html input[disabled] {
    cursor: default;
}

/** * Remove inner padding and border in Firefox 4+.*/
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet.*/
input {
    line-height: normal;
}

/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10.*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1*/
    padding: 0;
    /* 2*/
    vertical-align: middle;
}

/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`.*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof).*/
input[type="search"] {
    -webkit-appearance: textfield;
    /* -moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box; */
}

/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance).*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * Define consistent border, margin, and padding.*/
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets.*/
legend {
    border: 0;
    /* 1*/
    padding: 0;
    /* 2*/
}

/** * Remove default vertical scrollbar in IE 8/9/10/11.*/
textarea {
    overflow: auto;
}

/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.*/
optgroup {
    font-weight: bold;
}

/* Tables ==========================================================================*/
/** * Remove most spacing between table cells.*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


::-webkit-input-placeholder {
    /* WebKit browsers*/
    color: rgba(119,119,119, .4);
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18*/
    color: rgba(119,119,119, .4);
}

::-moz-placeholder {
    /* Mozilla Firefox 19+*/
    color: rgba(119,119,119, .4);
}

:-ms-input-placeholder {
    /* Internet Explorer 10+*/
    color: rgba(119,119,119, .4);
}


.swiper-container {
    position: relative;
    overflow: hidden;
}


::-webkit-scrollbar-track-piece {
    width: 5px;
    background-color: #E0E0E0
}

::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(214, 3, 18, .5)
}

::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: rgba(214, 3, 18, .5)
}

::-webkit-scrollbar-thumb:hover {
    width: 5px;
    background-color: rgb(214, 3, 18, 1)
}




.hasScrollbar {
    overflow: auto;
}

.hasScrollbar::-webkit-scrollbar-track-piece {
    width: 2px;
    background-color: #E4E4E4
}

.hasScrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: #D9D9D9
}

.hasScrollbar::-webkit-scrollbar-thumb {
    width: 2px;
    background-color: #D9D9D9
}

.hasScrollbar::-webkit-scrollbar-thumb:hover {
    width: 2px;
    background-color: #D9D9D9
}



@font-face {
    font-family: "Montserrat";
    src: url("Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* -------------------------------
Globals
----------------------------------*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    /* word-break: break-word; */
    word-break: normal;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    position: relative;
    cursor: auto;
    color: #404040;
    font-size: 14px;
    line-height: 1.6;
    background-color: var(--color-primary-white);
    overflow-x: hidden;
}

body,
input,
textarea,
button {
    font-family: 'Montserrat', 'Source Han Sans SC', Helvetica, Arial, sans-serif !important;
}


.allcontentwrapper {
    display: block;
}

.allcontentwrapper img {
    max-width: 100%;
    height: auto;
}

.allcontentwrapper>p:first-child {
    margin-top: 0;
}

.allcontentwrapper>p:last-child {
    margin-bottom: 0;
}

.allcontentwrapper table {
    border-radius: 20px;
}
.allcontentwrapper table td {
    padding: 12px;
    border: 1px solid #E4E4E4;
}
.allcontentwrapper table thead {
    font-weight: bold;
    color: #333;
}
.allcontentwrapper table thead,
.allcontentwrapper table tr:nth-child(even) {
    background-color: #F0F0F0;
}
.allcontentwrapper table td p {
    margin: 0;
}

.productsdetailDimensions .allcontentwrapper table {
    width: 100% !important;
}




.pagination {
    margin-top: 30px;
    text-align: center;
    line-height: 28px;
}

.pagination a,
.pagination span {
    display: inline-block;
    vertical-align: top;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0 2px;
    text-align: center;
    margin: 0 4px;
    color: #404040;
    text-decoration: none;
}


.pagination a:hover,
.pagination .current {
    color: var(--color-primary);
}

.navbar-header {
    position: absolute;
    top: 62px;
    right: 0;
    z-index: 20;
    padding: 5px 16px;
    border-radius: 30px;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.navbar-header .t {
    display: inline-block;
    padding-right: 5px;
}

.hamburger {
    display: inline-block;
    position: relative;
    top: 3px;
    line-height: 0;
    width: 20px;
    height: 20px;
}

.hamburger:after,
.hamburger:before {
    content: '';
    display: block;
    height: 2px;
    border-radius: 2px;
}

.hamburger span {
    display: block;
    height: 2px;
    margin: 4px 0;
}

.hamburger:after,
.hamburger:before,
.hamburger span {
    position: relative;
    width: 100%;
    background: var(--color-primary);
    transition: all .3s ease-out;
}

.hamburger span {
    width: 64%;
}

.hamburger.active {
    top: 8px;
}

.hamburger.active span {
    display: none;
}

.hamburger.active:before {
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger.active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.mmenulayBg {
    display: none;
}

.mmenuClose {
    display: block;
    position: fixed;
    left: 15px;
    top: 15px;
    z-index: 1;
    height: 26px;
    width: 26px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.mmenuClose.on {
    z-index: 950;
    opacity: 1;
    transform: rotate(360deg);
}

body.on,
html.on {
    overflow: hidden;
}

#siteName {
    display: none;
}

#loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
}
.loading-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid var(--color-primary-d6000f);
    border-radius: 50%;
    animation: spinrotate 1.5s linear infinite;
}

@keyframes spinrotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media (min-width: 961px) {
    .container {
        max-width: 1400px;
        /* width: 84%; */
        width: 78%;
    }

    .navbar-header {
        display: none;
    }

    .pagination {
        margin-top: 50px;
    }

    .allcontentwrapper table td {
        padding: 20px;
    }
}

@media (max-width: 960px) {
    .container {
        width: 90%;
    }
}

.allcloumn_tw ul,
.siteheader ul,
.sitefooter ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bgcovercenter {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.getmorelk .lk {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url(../images/icon/i_jt_more_r.svg);
}

.getmorelk a.lk:hover {
    color: var(--color-primary-white);
    background-image: url(../images/icon/i_jt_more_w.svg);
}

/* .sitefooter .topr .getquote .lk {
    background-color: var(--color-primary);
} */


.morelk .lk,
.morelk_t .lk {
    display: flex;
    align-items: center;
    color: var(--color-primary);
}

.morelk .lk .gitr,
.morelk_t .lk .gitr {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.morelk .lk .gitr {
    width: 24px;
}

.morelk_t .lk .gitr {
    width: 20px;
    margin-left: 6px;
    margin-top: -2px;
}

.morelk .lk .allpj,
.morelk_t .lk .allpj {
    display: flex;
    white-space: nowrap;
    transition: all .5s;
}

.morelk .lk .allpj,
.morelk_t .lk .allpj {
    transform: translateX(-24px);
    -webkit-transform: translateX(-24px);
}

.morelk .lk .pj,
.morelk_t .lk .pj {
    vertical-align: middle;
    transition: all .5s;
}

/* .homebannerwrapper .lk-all .morelk .lk:hover .allpj, */
.productsdetailbannerwrapper .procontentr .morelk .lk:hover .allpj,
.newslistrin .contentr:hover .morelk_t .allpj,
.sitefooter .topr .getquote .lk:hover .allpj,
.morelk .lk:hover .allpj,
.morelk_t .lk:hover .allpj {
    transform: none !important;
    -webkit-transform: none !important;
}

/* .homebannerwrapper .lk-all:hover .morelk .p_1, */
.newslistrin .contentr:hover .morelk_t .p_1,
/* .sitefooter .topr .getquote .lk .p_1, */
.morelk .lk:hover .p_1,
.morelk_t .lk:hover .p_1 {
    opacity: 1;
    visibility: visible;
}

.morelk {
    display: inline-block;
}

.morelk .lk {
    display: flex;
    justify-content: space-between;
    position: relative;
    text-transform: capitalize;
    font-weight: bold;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}
.lefttitRightColtopr .rightr .it a::after,
.morelk .lk::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    background-color: var(--color-primary);
    transition: all .6s;
}

.morelk .lk .w {
    display: block;
    position: relative;
    z-index: 3;
}



.engineeringlistrin .itemr .morelk .lk {
    color: #404040;
    border-color: #777;
}
.homebannerwrapper .lk-all .morelk .lk:hover,
/* .homebannerwrapper .lk-all:hover .morelk .lk, */
.engineeringlistrin .itemr .morelk .lk:hover,
.productsdetailbannerwrapper .procontentr .morelk .lk,
.sitefooter .topr .getquote .lk,
.referencedetai_box2 .contentr .ismorebx .lk,
.morelk a.lk:hover {
    color: var(--color-primary-white);
}

/* .homebannerwrapper .lk-all:hover .morelk .lk::after, */
.homebannerwrapper .lk-all .morelk .lk:hover::after,
.productsdetailbannerwrapper .procontentr .morelk .lk::after,
.lefttitRightColtopr .rightr .it.current a::after,
.lefttitRightColtopr .rightr .it a:hover::after,
.referencedetai_box2 .contentr .ismorebx .lk::after,
.sitefooter .topr .getquote .lk::after,
.morelk a.lk:hover::after {
    width: 100%;
}

.productsdetailbannerwrapper .procontentr .morelk .lk .gitr,
.referencedetai_box2 .contentr .ismorebx .lk .gitr,
.sitefooter .topr .getquote .lk .gitr {
    right: 10px;
    transition: all .3s;
}
.engineeringlistrin .itemr .morelk .lk:hover {
    border-color: var(--color-primary);
}


.banner-right,
.banner-left {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 5;
    outline: none;
    font-size: 0;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center;
}

.bannertransform.banner-right,
.bannertransform.banner-left {
    transform: translate(0, -50%);
}

.banner-left {
    left: 0;
}

.banner-right {
    right: 0;
}


.bannerbusjtin.banner-left,
.bannerbusjtin.banner-right {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(119, 119, 119, .4);
    background-image: url(../images/icon/i_jt_right.svg);
}

.bannerbusjtin.banner-left {
    transform: translate(0, -50%) rotate(180deg)
}

.bannerbusjtin.banner-right:hover,
.bannerbusjtin.banner-left:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    background-image: url(../images/icon/i_jt_right_w.svg);
}

.homebannerwrapper .banner-page,
.productsdetailTopr .banner-page {
    position: absolute;
    z-index: 6;
    height: 10px;
    text-align: center;
}

.homebannerwrapper .banner-page .swiper-pagination-bullet,
.productsdetailTopr .banner-page .swiper-pagination-bullet {
    width: 20px;
    height: 8px;
    border-radius: 10px;
    opacity: .5;
    background-color: #333;
    transition: all .2s ease-in-out;
    caret-color: transparent !important;
}

.homebannerwrapper .banner-page .swiper-pagination-bullet-active,
.productsdetailTopr .banner-page .swiper-pagination-bullet-active {
    width: 40px;
    opacity: 1;
}

.homebannerwrapper .swiper-button-lock {
    display: none;
}

.bannerwrapper .banner-left.swiper-button-disabled,
.bannerwrapper .banner-right.swiper-button-disabled {
    opacity: .2;
}

.bannerwrapper {
    position: relative;
    overflow: hidden;
}

.bannerwrapper .ztcontent {
    position: relative;
    z-index: 1;
}

.bannerwrapper .gallery {
    position: relative;
    z-index: 2;
}

.bannerwrapper .ztcontent img,
.bannerwrapper .gallery img {
    display: block;
    width: 100%;
}

.bannerwrapper .contentr {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
}

.bannerwrapper .contentr {
    display: flex;
    align-items: center;
}


@media (min-width: 961px) {

    .morelk .lk,
    .getmorelk .lk {
        min-width: 160px;
        height: 60px;
        line-height: 58px;
        padding-left: 20px;
        padding-right: 20px;
        font-weight: bold;
    }

    .getmorelk .lk {
        background-position: right 20px center;
    }

    .morelk .lk,
    .morelk .lk::after {
        border-radius: 40px;
    }

    .getmorelk .lk:hover {
        background-position: right 10px center;
    }

    .newslistrin .contentr .morelk_t .lk .pj {
        width: 20px;
        height: 20px;
    }

    .homebannerwrapper .banner-page {
        bottom: 30px;
    }
}

@media (min-width: 1661px) {

    .aboutQualification .bannerbusjtin {
        /* 60px */
        width: 40px;
        height: 40px;
    }
    .bannerwrapper .bannerbusjtin {
        width: 60px;
        height: 60px;
    }
    .productsdetailReferences .bannerbusjtin {
        width: 50px;
        height: 50px;
        background-size: 24px;
    }

    .bannerwrapper .banner-left {
        left: 4vw;
    }

    .bannerwrapper .banner-right {
        right: 4vw;
    }
}

@media (max-width: 1660px) and (min-width: 961px) {

    .productsdetailReferences .bannerbusjtin {
        width: 40px;
        height: 40px;
        background-size: 20px;
    }
    .bannerwrapper .bannerbusjtin {
        width: 50px;
        height: 50px;
    }

    .bannerwrapper .banner-left {
        left: 2vw;
    }

    .bannerwrapper .banner-right {
        right: 2vw;
    }
}

@media (max-width: 960px) {
    .getmorelk .lk {
        min-width: 90px;
        height: 36px;
        line-height: 34px;
        padding-left: 10px;
        padding-right: 36px;
        border-radius: 20px;
        background-size: 18px;
    }

    .morelk .lk {
        min-width: 90px;
        height: 36px;
        line-height: 34px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .morelk .lk,
    .morelk .lk::after {
        border-radius: 20px;
    }

    .morelk .lk .gitr {
        width: 20px;
    }

    .newslistrin .contentr .morelk_t .lk .gitr {
        width: 16px;
    }

    .morelk .lk .allpj,
    .morelk_t .lk .allpj,
    .newslistrin .contentr .morelk_t .allpj {
        transform: translateX(-16px);
        -webkit-transform: translateX(-16px);
    }

    .newslistrin .contentr .morelk_t .lk .pj,
    .morelk .lk .pj,
    .morelk_t .lk .pj {
        width: 16px;
        height: 16px;
    }

    .morelk .lk .pj {
        margin-top: -2px;
    }

    .aboutQualification .bannerbusjtin,
    .bannerwrapper .bannerbusjtin {
        background-size: 14px;
    }

    .bannerwrapper .banner-left {
        left: 5px;
    }

    .bannerwrapper .banner-right {
        right: 5px;
    }

    .homebannerwrapper .banner-page .swiper-pagination-bullet,
    .productsdetailTopr .banner-page .swiper-pagination-bullet {
        width: 10px;
        height: 4px;
        border-radius: 5px;
    }

    .homebannerwrapper .banner-page .swiper-pagination-bullet-active,
    .productsdetailTopr .banner-page .swiper-pagination-bullet-active {
        width: 20px;
    }
}



.siteheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    font-weight: bold;
}

.siteheader .bgr,
.siteheader .infotopr {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 60px;
}

.siteheader .bgr {
    z-index: 2;
    font-size: 0;
    background-color: var(--color-primary);
}

.siteheader .infotopr {
    z-index: 5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.siteheader .infotopr .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 9;
}

.siteheader .infotopr .lang,
.siteheader .infotopr .getinfoall .lk {
    display: inline-block;
    padding-left: 14px;
    padding-right: 14px;
    height: 40px;
    line-height: 38px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.siteheader .infotopr,
.siteheader .infotopr a {
    color: var(--color-primary-white);
}

.siteheader .infotopr .getinfoall .st {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.siteheader .infotopr .searchbxtr .st {
    background-image: url(../images/icon/i_search.svg);
}

.siteheader .infotopr .dragon .st {
    background-image: url(../images/icon/i_globe.svg);
}

.siteheader .infotopr .lang {
    position: relative;
}
.siteheader .infotopr .lang .list {
    padding: 0;
}
.siteheader .infotopr .lang .list a {
    position: relative;
    margin-right: 20px;
    color: rgba(255, 255, 255, 0.6);
}

.siteheader .infotopr .lang .list a:last-child {
    margin-right: 0;
}

.siteheader .infotopr .lang .list a::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -12px;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.6);
}

.siteheader .infotopr .lang .tp,
.siteheader .infotopr .lang .list a:last-child::after {
    display: none;
}



.siteheader .topr {
    display: flex;
    justify-content: space-between;
}

.siteheader .topr .logo {
    display: flex;
    align-items: center;
}

.siteheader .topr .logo a {
    display: block;
}

.siteheader .topr .menur .item .hasChild {
    display: flex;
    align-items: center;
}

.siteheader .topr .menur .item .w .jt {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    font-size: 0;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon/i_jt_xia_g2.svg);
}

.siteheader .topr .menur .item .w a {
    display: inline-block;
    color: #404040;
}

.siteheader .topr .menur .submenu li {
    margin-top: 10px;
}

.siteheader .topr .menur .submenu li:first-child {
    margin-top: 0;
}

.siteheader .infotopr .getinfoall.searchbxtr {
    margin-left: 0;
}




.siteheader .topr .menur .item.current .w a,
.siteheader.hasScroll .topr .menur .item.current .w a,
.siteheader.hasScroll .topr .menur .item:hover .w a,
.siteheader .topr .menur .item:hover .w a,
.siteheader .topr .menur .item .submenu a:hover {
    color: var(--color-primary);
}

.siteheader .infotopr .lang a:hover,
.siteheader .infotopr .lang a.current {
    color: var(--color-primary-white);
}

.siteheader .topr .menur .item .submenu {
    font-weight: normal;
}

.siteheader {
    background-color: #fff;
}

.homeheader {
    background-color: transparent;
}


@media (min-width: 961px) {
    .homeheaderhhh {
        height: 0 !important;
    }

    .bannerwrapper {
        margin-top: 140px;
    }

    .homebannerwrapper {
        margin-top: 0 !important;
    }

    .siteheader {
        /* top: 60px; */
        padding-top: 60px;
        /* border-bottom: 1px solid #D9D9D9; */
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
    }

    .siteheader .bgr,
    .siteheader>.container,
    .siteheader.hasScroll .submenu .container,
    .siteheader .topr,
    .siteheader .infotopr .getinfoall {
        transition: all .5s ease-in-out;
    }

    .siteheader .infotopr {
        transition: all .2s ease-in-out;
    }

    .siteheader .topr .logo img {
        height: 80px;
    }

    .siteheader .topr .mmenummenu {
        display: block !important;
    }

    .siteheader .topr .menur {
        display: flex;
    }

    .siteheader .topr .menur .item {
        position: relative;
        margin-left: 30px;
    }

    .siteheader .topr .menur .item:first-child {
        margin-left: 0;
    }

    .siteheader .topr .menur .submenu {
        display: none;
        position: absolute;
        left: -20px;
        top: 100%;
        z-index: 5;
        width: 150px;
        padding: 20px;
        background-color: #fff;
        /* visibility: hidden;
        opacity: 0;
        transition: all .2s ease-in-out; */
        box-shadow: 0px 2px 8px 0px rgba(124, 124, 124, 0.2);
    }

    .siteheader .topr .menur .item .w .jt {
        top: -1px;
        transition: all .2s ease-in-out;
    }

    .siteheader .topr .menur .item:hover .w .jt,
    .siteheader .topr .menur .item.current .w .jt {
        background-image: url(../images/icon/i_jt_xia_r2.svg);
    }

    .siteheader .topr .menur .item:hover .w .jt {
        top: 3px;
        transform: rotate(180deg);
    }

    .siteheader .topr .menur .item .w a {
        line-height: 80px;
        white-space: nowrap;
    }

    .siteheader .topr .menur .item_Products {
        position: static;
    }

    .siteheader .topr .menur .item_Products .submenu {
        position: fixed;
        top: 140px !important;
        left: 0;
        width: 100%;
        /* visibility: visible;
        opacity: 1; */
    }

    .siteheader .topr .menur .item_Products .submenu .container {
        display: flex;
    }

    .siteheader .topr .menur .item_Products .submenu .listspro .lk,
    .siteheader .topr .menur .item_Products .submenu .twolink {
        border-radius: 20px;
    }

    .siteheader .topr .menur .item_Products .submenu .twolink {
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .siteheader .topr .menur .item_Products .submenu .twolink img {
        max-width: 80px;
        max-height: 80px;
    }

    .siteheader .topr .menur .item_Products .submenu .twolink .w {
        padding-left: 2px;
    }

    .siteheader .topr .menur .item_Products .submenu .two.active .twolink,
    /* .siteheader .topr .menur .item_Products .submenu .listspro .lk, */
    .siteheader .topr .menur .item_Products .submenu .twolink:hover {
        background: #F0F0F0;
    }


    .siteheader .topr .menur .item_Products .submenu .left {
        /* width: 336px;
        flex: 0 0 336px; */
        margin-left: -20px;
    }

    .siteheader .topr .menur .item_Products .submenu .lboxst {
        flex: 1;
        padding-left: 30px;
        padding-top: 20px;
    }

    .siteheader .topr .menur .item_Products .submenu .listspro {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(4, 1fr);
        align-items: stretch;
        margin-top: 30px;
    }

    .siteheader .topr .menur .item_Products .submenu .listspro .lk {
        display: block;
        height: 100%;
        /* padding: 12px;
        padding-top: 4px;
        padding-bottom: 20px; */
        text-align: center;
    }

    .siteheader .topr .menur .item_Products .submenu .viewall {
        margin-top: 30px;
        text-align: right;
    }

    .siteheader .topr .menur .item_Products .submenu .viewall .lk {
        display: inline-block;
    }

    .siteheader .topr .menur .item_Products .submenu .viewall .jt {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-left: 10px;
        font-size: 0;
        background-color: #B7B7B7;
        border-radius: 50%;
        background-size: 12px;
        background-position: right 5px center;
        background-repeat: no-repeat;
        background-image: url(../images/icon/i_jt_right_w.svg);
        transition: all .3s;
    }
    .siteheader .topr .menur .item_Products .submenu .viewall .lk:hover .jt {
        background-color: var(--color-primary);
    }


    .siteheader .topr .menur .item_Products .submenu .isfors {
        display: none;
    }

    /* .siteheader .topr .menur .item:hover .submenu {
        top: 100%;
        visibility: visible;
        opacity: 1;
    } */



    .siteheader.hasScroll .topr .menur .item_Products .submenu {
        top: 60px !important;
    }

    .siteheader.hasScroll .topr .menur .item_Products:hover .submenu {
        top: 80px !important;
    }

    .siteheader .infotopr .getinfoall {
        margin-left: 20px;
    }

    .siteheader.hasScroll .topr .menur .submenu a,
    .siteheader.hasScroll .topr .menur .item .w a {
        color: #333;
    }

    .siteheader.hasScroll {
        top: 0;
        padding-top: 0;
        border-bottom: 1px solid transparent;
        box-shadow: 0px 2px 8px 0px rgba(124, 124, 124, 0.2);
    }

    .siteheader.hasScroll>.container,
    .siteheader.hasScroll .submenu .container {
        max-width: 100%;
        width: 100%;
    }

    /* .siteheader.hasScroll .topr .logo img {
        height: 60px;
    } */

    .siteheader.hasScroll .topr,
    .siteheader.hasScroll .infotopr {
        height: 80px;
    }


    .siteheader.hasScroll .bgr {
        width: 0;
    }

    .siteheader.hasScroll .infotopr {
        display: flex;
        align-items: center;
        padding: 0;
        width: auto;
        background-color: transparent;
        border-radius: 40px;
    }

    .siteheader.hasScroll .infotopr .container {
        width: auto;
        margin: 0;
    }

    .siteheader.hasScroll .infotopr,
    .siteheader.hasScroll .infotopr a {
        color: var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .lang .tp {
        position: relative;
    }

    .siteheader.hasScroll .infotopr .lang .tp {
        padding-right: 26px;
    }

    .siteheader.hasScroll .infotopr .searchbxtr .lk,
    .siteheader.hasScroll .infotopr .lang {
        border: 1px solid var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .searchbxtr .lk {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 50%;
        font-size: 0;
    }

    .siteheader.hasScroll .infotopr .searchbxtr .st {
        flex: 0 0 20px;
        margin-right: 0;
        margin-top: 0;
        background-image: url(../images/icon/i_search_g.svg);
    }

    .siteheader.hasScroll .infotopr .dragon .st {
        background-image: url(../images/icon/i_globe_r.svg);
    }

    .siteheader.hasScroll .infotopr .lang .list a::after {
        background-color: var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .lang .list a {
        color: var(--color-primary);
        opacity: .6;
    }

    .siteheader.hasScroll .infotopr .lang a:hover,
    .siteheader.hasScroll .infotopr .lang a.current {
        opacity: 1;
    }

    .siteheader.hasScroll .infotopr .getquote .lk,
    .siteheader.hasScroll .infotopr .dragon .lk {
        border-color: var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .lang:hover .list {
        display: block;
    }

    .siteheader.hasScroll .infotopr .searchbxtr .lk:hover {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .searchbxtr .lk:hover .st {
        background-image: url(../images/icon/i_search.svg);
    }

    .siteheader.hasScroll .infotopr .getquote .lk:hover,
    .siteheader.hasScroll .infotopr .dragon .lk:hover {
        color: #fff;
        background-color: var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .dragon .lk:hover .st {
        background-image: url(../images/icon/i_globe.svg);
    }

}

@media (min-width: 1891px) {
    .siteheader .topr .menur .item {
        margin-left: 2vw;
    }

    .siteheader .infotopr .getinfoall,
    .siteheader .topr .menur .item .w a {
        font-size: 20px;
    }
}

@media (max-width: 1700px) and (min-width: 961px) {

    .siteheader.hasScroll>.container,
    .siteheader.hasScroll .submenu .container {
        padding-left: 30px;
        padding-right: 40px;
    }

    .siteheader.hasScroll .infotopr {
        right: 40px;
    }

    .siteheader .infotopr .getinfoall {
        margin-left: 14px;
    }

    .siteheader .infotopr .lang .list a {
        margin-right: 10px;
    }

    .siteheader .infotopr .lang .list a::after {
        right: -8px;
    }
}

@media (max-width: 1700px) and (min-width: 1301px) {}

@media (max-width: 1300px) and (min-width: 961px) {
    .siteheader .topr .menur .item {
        margin-left: 20px;
    }
}
@media (min-width: 1891px) {
    .siteheader.hasScroll .topr {
        padding-right: 666px;
    }
}
@media (max-width: 1890px) and (min-width: 1701px) {
    .siteheader.hasScroll .topr {
        padding-right: 596px;
    }
}

@media (max-width: 1700px) and (min-width: 1601px) {
    .siteheader.hasScroll .topr {
        padding-right: 520px;
    }
}
@media (max-width: 1600px) and (min-width: 1501px) {
    .siteheader.hasScroll .topr {
        /* padding-right: 530px; */
        /* padding-right: 500px; */
        padding-right: 480px;
    }
}

@media (max-width: 1500px) and (min-width: 1401px) {
    .siteheader.hasScroll .topr {
        /* padding-right: 530px; */
        padding-right: 460px;
    }
}

@media (max-width: 1400px) and (min-width: 1201px) {
    .siteheader.hasScroll .topr {
        /* padding-right: 450px; */
        padding-right: 432px;
    }
}
@media (max-width: 1200px) and (min-width: 961px) {
    .siteheader.hasScroll .topr {
        padding-right: 240px;
    }
}

@media (max-width: 1400px) and (min-width: 961px) {
    .siteheader {
        font-size: 14px;
    }

    .siteheader .infotopr .getinfoall .lk {
        padding-left: 8px;
        padding-right: 8px;
    }

    .siteheader .topr .menur .item_Products .submenu .left {
        /* width: 300px;
        flex: 0 0 300px; */
        margin-left: -20px;
    }

}

@media (max-width: 1200px) and (min-width: 961px) {

    .siteheader.hasScroll>.container,
    .siteheader.hasScroll .submenu .container {
        padding-left: 14px;
        padding-right: 20px;
    }

    .siteheader.hasScroll .infotopr {
        right: 20px;
    }

    .siteheader .infotopr .lang,
    .siteheader .infotopr .getinfoall .lk {
        padding-left: 6px;
        padding-right: 6px;
    }

    .siteheader .infotopr .getinfoall {
        margin-left: 6px;
    }

    .siteheader.hasScroll .infotopr .dragon .lk {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-size: 0;
    }

    .siteheader.hasScroll .infotopr .dragon .st {
        flex: 0 0 16px;
        margin-right: 0;
        margin-top: 0;
    }

    .siteheader.hasScroll .topr .menur .item .w .jt {
        margin-left: 2px;
    }
}

@media (min-width: 1701px) {
    .siteheader.hasScroll .infotopr {
        right: 50px;
    }

    .siteheader.hasScroll>.container,
    .siteheader.hasScroll .submenu .container {
        padding-left: 50px;
        padding-right: 50px;
    }

    .siteheader .topr .menur .item {
        margin-left: 2.6vw;
    }

    /* .siteheader.hasScroll .topr {
        padding-right: 680px;
    } */

    .siteheader .infotopr .lang,
    .siteheader .infotopr .getinfoall .lk {
        padding-left: 20px;
        padding-right: 20px;
    }

    .siteheader .infotopr .getinfoall .st {
        margin-right: 10px;
    }
}

@media (max-width: 1500px) and (min-width: 961px) {
    .siteheader.hasScroll .infotopr .searchbxtr .lk {
        border-color: transparent;
    }

    .siteheader.hasScroll .infotopr .lang {
        border-color: var(--color-primary);
        cursor: pointer;
    }

    .siteheader.hasScroll .infotopr .lang .tp {
        display: block;
        padding-right: 16px;
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: right center;
        background-image: url(../images/icon/i_jt_xia_r.svg);
        transition: all .3s;
    }
    .siteheader.hasScroll .infotopr .lang:hover .tp {
        background-image: url(../images/icon/i_jt_xia_rs_2.svg);
    }

    .siteheader.hasScroll .infotopr .lang .tp .jt {
        display: none;
        font-size: 0;
    }

    .siteheader.hasScroll .infotopr .lang .list {
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        z-index: 5;
        padding-top: 16px;
        transition: all .2s ease-in-out;
        visibility: hidden;
        opacity: 0;
    }

    .siteheader.hasScroll .infotopr .lang .list .ltr {
        background-color: #fff;
        box-shadow: 0px 5px 8px 0px rgba(124, 124, 124, 0.2);
    }

    .siteheader.hasScroll .infotopr .lang .list a {
        display: block;
        margin: 0;
        opacity: 1;
        padding: 0 20px;
        color: #333;
    }

    .siteheader.hasScroll .infotopr .lang .list a::after {
        display: none;
    }

    .siteheader.hasScroll .infotopr .lang .list a:hover {
        color: var(--color-primary);
    }

    .siteheader.hasScroll .infotopr .lang:hover .list {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 960px) {

    .siteheader .bgr,
    .siteheader .infotopr {
        height: 50px;
    }

    .siteheader .infotopr .getinfoall {
        margin-left: 6px;
    }

    .siteheader .infotopr .getinfoall:first-child {
        margin-left: 0;
    }

    .siteheader .infotopr .lang,
    .siteheader .infotopr .getinfoall .lk {
        height: 30px;
        line-height: 28px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .siteheader .infotopr .searchbxtr .lk,
    .siteheader .infotopr .dragon .lk {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        padding-left: 0;
        padding-right: 0;
        border-radius: 50%;
        font-size: 0;
    }

    .siteheader .infotopr .searchbxtr .st,
    .siteheader .infotopr .dragon .st {
        margin: 0;
    }

    .siteheader .topr {
        padding-top: 56px;
    }

    .siteheader .topr .logo img {
        height: 50px;
    }

    .siteheader,
    .headerhhh {
        height: 110px;
    }

    .siteheader {
        background-color: #FAFAFA;
        box-shadow: 0px 2px 8px 0px rgba(124, 124, 124, 0.2)
    }

    .siteheader #mmenu {
        display: none;
        position: fixed;
        top: 110px;
        left: 0;
        width: 100%;
        padding: 20px;
        padding-bottom: 20px;
        height: calc(100% - 110px);
        overflow: auto;
        background: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    }

    .siteheader .menur .item {
        margin-top: 26px;
    }

    .siteheader .menur .item:first-child {
        margin-top: 0;
    }

    .siteheader .topr .menur {
        font-size: 16px;
    }

    .siteheader .topr .menur .item .hasChild {
        justify-content: space-between;
    }

    .siteheader .topr .menur .item .w .jt {
        width: 24px;
        height: 24px;
        margin: 0;
        transition: all .2s ease-in-out;
    }

    .siteheader .topr .menur .item .w .jt.active {
        transform: rotate(180deg);
    }

    .siteheader .topr .menur .submenu {
        padding-top: 10px;
        display: none;
        padding-left: 24px;
        font-weight: normal;
    }

    .siteheader .topr .menur .item_Products .container {
        margin: 0;
    }

    .siteheader .topr .menur .item_Products .submenu .lboxst,
    .siteheader .topr .menur .item_Products .submenu .twolink .p {
        display: none;
    }

    /* .siteheader .menur .item:hover .submenu {
        display: block;
    } */

}





.sitefooter {
    background-image: url(../images/footer_bg.png);
}

.sitefooter .leftr .info,
.sitefooter .ismorebx .info {
    display: flex;
}

.sitefooter .bottomr .jt {
    display: none;
}

.sitefooter .bottomr .w a {
    font-weight: bold;
}

.sitefooter .bottomr .submenu,
.sitefooter .bottomr .submenu li {
    margin-top: 10px;
}


.sitefooter .bottomr .leftr .ttr {
    display: flex;
    align-items: center;
}

.sitefooter .bottomr .leftr .ttr .p {
    width: 30px;
    flex: 0 0 30px;
    margin-right: 10px;
}

.sitefooter .bottomr .leftr .ttr:first-child,
.sitefooter .bottomr .item:first-child,
.sitefooter .bottomr .submenu li:first-child {
    margin-top: 0;
}


.sitefooter .leftr .info .x,
.sitefooter .ismorebx .info .x {
    margin-right: 20px;
}

.sitefooter .leftr .info .x a,
.sitefooter .ismorebx .info .x a {
    display: inline-block;
}

.sitefooter .leftr .info .x:last-child,
.sitefooter .ismorebx .info .x:last-child {
    margin-right: 0;
}

.sitefooter .fboxr a:hover {
    color: var(--color-primary);
}






.sitefooter .fcopyright {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px;
    text-align: center;
    color: var(--color-primary-white);
    background-color: var(--color-primary);
}

.sitefooter .topr {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
}




@media (min-width: 961px) {
    .sitefooter .fboxr {
        display: flex;
        justify-content: space-between;
    }

    .sitefooter .topr .fboxr {
        align-items: center;
    }
    .sitefooter .topr .getquote .lk {
        width: 242px;
        padding-left: 30px;
        /* background-position: right 30px center; */
    }

    /* .sitefooter .topr .getquote .lk:hover {
        background-position: right 20px center;
    } */

    .sitefooter .topr {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .sitefooter .topr .flogo {
        margin-left: -24px;
    }

    .sitefooter .topr .flogo img {
        max-height: 100px;
    }

    .sitefooter .bottomr {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .sitefooter .bottomr .item {
        margin-top: 36px;
    }

    .sitefooter .bottomr .leftr .ttr {
        margin-top: 30px;
    }
    .sitefooter .bottomr .leftr .info {
        margin-top: 60px;
    }

    .sitefooter .fcopyright {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .sitefooter .leftr .info .x a,
    .sitefooter .ismorebx .info .x a,
    .sitefooter .bottomr .leftr img {
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
    }

    .sitefooter .leftr .info .x a:hover,
    .sitefooter .ismorebx .info .x a:hover,
    .sitefooter .bottomr .leftr .ttr:hover .p img {
        top: -6px;
    }

    .productsdetailbannerwrapper .procontentr .morelk .lk:hover .gitr,
    .sitefooter .topr .getquote .lk:hover .gitr {
        right: 0px;
    }
}

@media (max-width: 960px) {
    .sitefooter .topr .fboxr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sitefooter .topr .flogo img {
        max-height: 50px;
    }

    .sitefooter .topr .getquote .lk {
        width: 160px;
    }

    .productsdetailbannerwrapper .procontentr .morelk .lk .gitr,
    .sitefooter .topr .getquote .lk .gitr {
        right: 0;
    }

    .productsdetailbannerwrapper .procontentr .morelk .lk:hover .gitr,
    .sitefooter .topr .getquote .lk:hover .gitr {
        right: -4px;
    }

    .sitefooter .bottomr {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sitefooter .bottomr .ffmenu {
        display: none;
    }

    .sitefooter .bottomr .item,
    .sitefooter .bottomr .ffmenu {
        margin-top: 20px;
    }
    
    .sitefooter .bottomr .leftr .ttr {
        margin-top: 10px;
    }
    .sitefooter .bottomr .leftr .ttr .p {
        width: 20px;
        flex: 0 0 20px;
    }
    .sitefooter .leftr .info .x,
    .sitefooter .ismorebx .info .x {
        margin-right: 10px;
    }
    .sitefooter .bottomr .leftr .info {
        margin-top: 20px;
    }
}


.homeReference .tptitle {
    color: var(--color-primary);
}

.homeNews .tptitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.homeAbout .tpcontent,
.aboutgetcontent {
    text-align: center;
}



@media (min-width: 961px) {
    .homeProducts {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .homeReference {
        padding-top: 2vw;
        border-radius: 40px;
    }

    .homeAbout {
        padding-top: 3.6vw;
        padding-bottom: 4vw;
    }

    .homeNews {
        padding-top: 2.8vw;
        padding-bottom: 3vw;
        border-radius: 80px;
    }
}

@media (max-width: 960px) {

    .homeProducts,
    .homeReference,
    .homeAbout,
    .homeNews {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .homeReference,
    .homeNews {
        border-radius: 30px;
    }
}


.homebannerwrapper .colt,
.homebannerwrapper .title {
    padding: 0;
    margin: 0;
}

.homebannerwrapper .colt {
    position: relative;
    padding-bottom: 4px;
}

.homebannerwrapper .colt::before,
.homebannerwrapper .colt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 2px;
}
.homebannerwrapper .colt::after {
    z-index: 1;
    width: 40px;
    background-color: #D9D9D9;
}

.homebannerwrapper .colt::before {
    z-index: 3;
    transform-origin: left center;
    opacity: 0;
    transform: scaleX(0);
    background-color: var(--color-primary);
}

.homebannerwrapper .swiper-container .swiper-slide-active .colt::before {
    animation: drawLine 2.6s ease-out 1s forwards;
    animation-delay: 2s;
}

.homebannerwrapper .lk-all {
    display: block;
}

.homebannerwrapper .contentr .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}




@media (min-width: 961px) {

    .homebannerwrapper .fboxr {
        width: 48%;
        max-width: 660px;
    }

    .homebannerwrapper .gallery {
        width: 43%;
        max-width: 600px;
    }

    .homebannerwrapper .title {
        margin-top: 20px;
        line-height: 1.4;
        /* font-size: 2.7vw; */
        font-size: 2vw;
    }

    .homebannerwrapper .colt {
        padding-bottom: 10px;
    }
    .homebannerwrapper .colt::before,
    .homebannerwrapper .colt::after {
        height: 4px;
        width: 60px;
    }

    .homebannerwrapper .ismorebx {
        margin-top: 3vw;
    }

    .homebannerwrapper .contentr {
        top: 140px;
    }
}

@media (min-width: 1661px) {}

@media (max-width: 1660px) and (min-width: 961px) {}

@media (max-width: 960px) {
    .homebannerwrapper .fboxr {
        width: 60%;
    }

    .homebannerwrapper .gallery {
        width: 36%;
    }

    .homebannerwrapper .contentr .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .homebannerwrapper .colt {
        font-size: 14px;
    }

    .homebannerwrapper .title {
        margin-top: 10px;
        font-size: 12px;
    }

    .homebannerwrapper .ismorebx {
        margin-top: 20px;
    }

    .homebannerwrapper .ztcontent img {
        min-height: 200px;
    }
}

.homeProducts .toprcol .listr .swiper-container {
    width: 100%;
}
.homeProducts .toprcol .listr .swiper-container .swiper-wrapper {
    justify-content: space-between;
}
.homeProducts .toprcol .listr .swiper-slide {
    width: auto;
}


.homeProducts .toprcol {
    border-bottom: 1px solid #F5F5F5;
}

.homeProducts .toprcol .listr .tb {
    position: relative;
}
.homeProducts .toprcol .listr .w {
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.homeProducts .toprcol .listr .tb .w::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: var(--color-primary-d6000f);
    /* transition: all .4s ease-in-out; */
}
@keyframes width1 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.homeProducts .tablistr {
    margin-top: 24px;
}

.homeReference .tablistr .itemr {
    display: none;
}
.homeProducts .toprcol .listr .swiper-slide-thumb-active .w,
.homeProducts .toprcol .listr .active .w {
    font-weight: bold;
}
.homeProducts .toprcol .listr .swiper-slide-thumb-active .w::after {
    animation: width1 4.8s linear forwards;
}

.homeProducts,
.homeReference {
    overflow: hidden;
}

.homeReference .tablistr .itemr.active .gallery {
    -webkit-animation: fadeInLeft .8s ease both;
    animation: fadeInLeft .8s ease both;
    animation-delay: 0.1s;
}

.homeProducts .tablistr .itemr.active .title {
    -webkit-animation: fadeInUp .8s ease both;
    animation: fadeInUp .8s ease both;
    animation-delay: 0.1s;
}

/* .aboutQualification .swList .itemr.active .tptitle, */
.homeReference .tablistr .itemr.active .p2,
.homeProducts .tablistr .itemr.active .infor {
    -webkit-animation: fadeInUp .8s ease both;
    animation: fadeInUp .8s ease both;
    animation-delay: 0.2s;
}

/* .aboutQualification .swList .itemr.active .tpcontent, */
.homeReference .tablistr .itemr.active .logolist {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.3s;
}

.homeProducts .tablistr .itemr.active .gallery {
    -webkit-animation: fadeInRight 1s ease both;
    animation: fadeInRight 1s ease both;
    animation-delay: 0.3s;
}

.homeReference .tablistr .itemr.active .morelk_t {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.homeReference .tablistr .itemr.active .morelk_t .lk:hover {
    font-weight: bold;
}

.productsdetailbannerwrapper .profboxr .progallery img,
.bannerwrapper .contentr .gallery img {
    position: relative;
    transition: 1s linear 2s;
    transform: scale(1, 1);
}

.homebannerwrapper .swiper-container .swiper-slide {
    overflow: hidden;
}

.productsdetailbannerwrapper .profboxr .progallery .swiper-slide-active img,
.productsdetailbannerwrapper .profboxr .progallery .swiper-slide-duplicate-active img,
.bannerwrapper .swiper-slide-active .contentr .gallery img,
.bannerwrapper .swiper-slide-duplicate-active .contentr .gallery img {
    transition: 4s linear;
    transform: scale(1.1, 1.1);
}

/* .homeAbout .tablistr .itemr {
    -webkit-animation: fadeInUp .8s ease both;
    animation: fadeInUp .8s ease both;
} */
.homeAbout .tablistr .itemr:nth-child(1) {
    animation-delay: 0.1s !important;
}

.homeAbout .tablistr .itemr:nth-child(2) {
    animation-delay: 0.6s !important;
}

.homeAbout .tablistr .itemr:nth-child(3) {
    animation-delay: 1.2s !important;
}

.homeProducts .tablistr .itemr .contentr .gopro {
    position: relative;
    left: 0;
}
.homeProducts .tablistr .itemr .contentr .gopro:hover {
    left: 10px;
}

.homeProducts .toprcol .listr .tb:hover .w {
    font-weight: bold;
}


@media (min-width: 961px) {

    .homeReference .tablistr .fboxr,
    .homeProducts .toprcol .listr,
    .homeProducts .tablistr .fboxr {
        display: flex;
        justify-content: space-between;
    }

    .homeReference .tablistr .contentr,
    .homeProducts .tablistr .itemr .contentr {
        width: 55%;
        padding-top: 40px;
    }
    .homeReference .tablistr .contentr {
        padding-bottom: 30px;
    }
    .homeReference .logolist {
        margin-top: 30px;
    }

    .homeReference .tablistr .gallery,
    .homeProducts .tablistr .itemr .gallery {
        width: 43%;
        max-width: 600px;
        /* overflow: hidden; */
    }

    .homeProducts .tablistr .itemr .infor {
        margin-top: 30px;
    }

    /* .homeProducts .toprcol .listr .swiper-slide-thumb-active .tb .w::after,
    .homeProducts .toprcol .listr .tb:hover .w::after,
    .homeProducts .toprcol .listr .tb.active .w::after {
        width: 100%;
    } */
}

@media (max-width: 960px) {
    .homeProducts .toprcol {
        padding-bottom: 20px;
    }

    .homeProducts .toprcol .listr .tb {
        margin-top: 10px;
    }

    .homeProducts .toprcol .listr .tb:first-child {
        margin-top: 0;
    }

    .homeProducts .toprcol .listr .w {
        padding: 4px 8px;
        border-radius: 10px;
    }

    .homeProducts .toprcol .listr .tb:hover .w,
    .homeProducts .toprcol .listr .tb.active .w {
        color: #fff !important;
        background: var(--color-primary);
    }

    .homeProducts .tablistr .itemr .infor {
        margin-top: 20px;
    }

    .homeProducts .tablistr .itemr .gallery {
        margin-top: 20px;
    }
}



.homeReference {
    position: relative;
}

.homeReference>.container {
    z-index: 5;
}

.homeReference::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 48%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(../images/home_reference_bg.png);
}


.homeReference .listr {
    display: flex;
    max-width: 860px;
    margin: 0 auto;
    box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 0.25);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.4);
}

.homeReference .listr .tb {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 1;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    transition: all .2s ease-in-out;
}

.homeReference .listr .tb.active,
.homeReference .listr .tb:hover {
    color: #fff;
    background-color: var(--color-primary-d6000f);
}

.homeReference .logolist {
    display: flex;
    flex-wrap: wrap;
}

.homeReference .logolist .it {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31%;
    margin-right: 3.5%;
    margin-top: 20px;
    text-align: center;
}
.homeReference .logolist .it:nth-child(3n) {
    margin-right: 0;
}

.homeReference .logolist .it:nth-child(1),
.homeReference .logolist .it:nth-child(2),
.homeReference .logolist .it:nth-child(3) {
    margin-top: 0;
}

.homeReference .tablistr .contentr {
    position: relative;
}

.homeReference .tablistr .animation-container {
    position: relative;
    height: 36px;
}

/* 斜线样式 */
.homeReference .animation-container .slash {
    position: absolute;
    width: 70px;
    height: 1px;
    background-color: var(--color-primary-d6000f);
    top: 55px;
    left: 0;
    transform-origin: left center;
    transform: rotate(-45deg);
    /* 初始状态为隐藏 */
    opacity: 0;
    transform: rotate(-45deg) scaleX(0);
    /* 动画设置 */
    animation: drawSlash 0.6s ease-out forwards;
}

/* 横线样式 */
.homeReference .animation-container .horizontal-line {
    position: absolute;
    width: 160px;
    height: 1px;
    background-color: var(--color-primary-d6000f);
    top: 6px;
    left: 49px;
    transform-origin: left center;
    /* 初始状态为隐藏 */
    opacity: 0;
    transform: scaleX(0);
    /* 动画设置 - 延迟斜线动画结束后执行 */
    animation: drawLine 0.6s ease-out 0.6s forwards;
}

/* 小点样式 */
.homeReference .animation-container .dot {
    position: absolute;
    top: 3px;
    left: 206px;
    width: 8px;
    height: 8px;
    background-color: var(--color-primary-d6000f);
    border-radius: 50%;
    /* 初始状态为隐藏 */
    opacity: 0;
    transform: scale(0);
    /* 动画设置 - 延迟横线动画结束后执行 */
    animation: appearDot 0.4s ease-out 1.2s forwards;
}

/* 斜线动画 */
@keyframes drawSlash {
    0% {
        opacity: 0;
        transform: rotate(-45deg) scaleX(0);
    }

    10% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: rotate(-45deg) scaleX(1);
    }
}

/* 横线动画 */
@keyframes drawLine {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }

    10% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

/* 小点动画 */
@keyframes appearDot {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    70% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}



@media (min-width: 961px) {
    .homeReference .listr {
        margin-top: 30px;
    }

    .homeReference .listr .tb {
        margin-right: 90px;
        padding: 16px 20px;
    }

    .homeReference .listr .tb:last-child {
        margin-right: 0;
    }

    .homeReference .tablistr .animation-container,
    .homeReference .tablistr .contentr .morelk_t,
    .homeReference .tablistr .infor {
        padding-left: 9%;
    }

    .homeReference .tablistr .contentr .morelk_t {
        margin-top: 4vw;
    }

    .referenceCustomerlistrin .itemr img,
    .homeReference .logolist .it img {
        max-height: 80px;
    }
}

@media (max-width: 960px) {

    .homeReference .listr,
    .homeReference .tablistr .contentr .morelk_t {
        margin-top: 20px;
    }

    .homeReference .listr .tb {
        padding: 6px;
    }

    .homeReference .animation-container .slash {
        width: 40px;
    }

    .homeReference .animation-container .horizontal-line {
        top: 27px;
        left: 28px;
        width: 90px;
    }

    .homeReference .animation-container .dot {
        top: 24px;
        left: 116px;
    }

    .homeReference .tablistr .contentr .morelk_t,
    .homeReference .tablistr .infor {
        padding-left: 34px;
    }
}








.aboutgetcontent .tit {
    color: rgba(214, 0, 15, .5);
}


.homeAbout .tablistr .itemr {
    position: relative;
    padding: 20px;
    border-radius: 20px;
}

.homeAbout .tablistr .itemr .num {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 2;
    font-weight: bold;
    /* font-size: 26px; */
    color: #D9D9D9;
}

.homeAbout .tablistr .wotd {
    position: relative;
    z-index: 3;
    font-weight: bold;
}

.homeAbout .tablistr .itemr .tit {
    margin-top: 6px;
}



@media (min-width: 961px) {
    .homeAbout .tpcontent {
        margin-top: 2vw;
        margin-bottom: 6vw;
    }

    .homeAbout .tablistr {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }

    .homeAbout .tablistr .itemr {
        top: 0;
        padding: 2vw;
        padding-bottom: 5vw;
    }

    .homeAbout .tablistr .itemr,
    .homeAbout .tablistr .itemr .num,
    .homeAbout .tablistr .wotd {
        transition: all .2s ease-in-out;
    }

    .homeAbout .tablistr .itemr .num {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .homeAbout .tablistr .itemr .tit {
        margin-top: 20px;
    }


    .homeAbout .tablistr .itemr:hover {
        top: -40px;
        color: #fff;
        background-color: var(--color-primary-d6000f);
        box-shadow: 0px 13px 40px 0px rgba(218, 0, 0, 0.2);
    }

    .homeAbout .tablistr .itemr:hover .num {
        color: rgba(255, 255, 255, 0.4);
    }

    .homeAbout .tablistr .itemr:hover .wotd {
        color: #fff;
    }
}

@media (max-width: 960px) {
    .homeAbout .tpcontent {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .homeAbout .tablistr .itemr {
        margin-top: 20px;
    }

    .homeAbout .tablistr .itemr:first-child {
        margin-top: 0;
    }
}





.homeNews {
    box-shadow: 0px -1px 1px 0px #D9D9D9;
}

.homeNews .tablistr .itemr .lk {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.homeNews .tablistr .itemr .title,
.homeNews .tablistr .itemr .desc {
    overflow: hidden;
    transition: all .2s ease-in-out;
}

.homeNews .tablistr .itemr .isjt {
    position: relative;
    left: -20px;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.homeNews .tablistr .itemr .desc p {
    margin: 0;
}

.homeNews .tablistr .itemr .gallery img {
    display: block;
    width: 100%;
}

.homeNews .tablistr .itemr .lk:hover .title {
    color: var(--color-primary);
}


@media (min-width: 961px) {
    .homeNews .tablistr .itemr .gallery {
        width: 31%;
        flex: 0 0 31%;
        transition: all .36s ease-in-out;
    }

    .homeNews .tablistr .itemr .contentr {
        width: 100%;
        flex: 1;
        padding-left: 40px;
    }

    .homeNews .tablistr .itemr .title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .homeNews .tablistr .itemr .desc {
        margin-bottom: 20px;
    }
    .homeNews .tablistr .itemr .lk:hover .isjt {
        opacity: 1;
        left: 0;
    }
}

@media (max-width: 960px) {
    .homeNews .tablistr .itemr .gallery {
        width: 30%;
    }

    .homeNews .tablistr .itemr .contentr {
        width: 70%;
        padding-left: 10px;
    }

    .homeNews .tablistr .itemr .time {
        font-size: 12px;
    }

    .homeNews .tablistr .itemr .title {
        margin-top: 2px;
        font-size: 14px;
    }
    .homeNews .tablistr .itemr .desc,
    .homeNews .tablistr .itemr .isjt {
        display: none;
    }
}


.productsdetailTopr .rightcont,
.homeNews .tablistr .itemr .lk::after,
.aboutServicephilosophy .tablistr .itemr,
.aboutServicephilosophy,
.searchtop .search_form .search_field,
.lefttitRightColtopr .rightr .fboxr,
.homeAbout .tablistr .itemr,
.homeReference,
.careerslistrin .itemr,
.contactquote,
.newshot .contentr,
.newslistrin .contentr::after,
.qhseboxHealth {
    background-color: #F1F1EF;
}



.cc_title_zg {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.careersbannerwrapper .cc_title_zg {
    color: #333;
}

.careersbannerwrapper .cc_title_sub {
    margin: 0;
    padding: 0;
    text-align: center;
    color: var(--color-primary-d6000f);
}

.productsgallery img {
    display: block;
    width: 100%;
}


@media (min-width: 961px) {
    .newswrapper {
        padding-top: 3.6vw;
        padding-bottom: 3.2vw;
    }

    .newsdetailwrapper {
        padding-bottom: 3.6vw;
    }

    .aboutQualification,
    .aboutServicephilosophy,
    .aboutProfilebox,
    .qhseboxDocumentation,
    .contactinfor {
        padding-top: 3.6vw;
        padding-bottom: 3.6vw;
    }

    .pagetbabobaiwrapper {
        padding-top: 3.6vw;
        padding-bottom: 4vw;
    }

    .referencedetailwrapper,
    .qhseboxDescription,
    .contactquote {
        padding-top: 2.8vw;
        padding-bottom: 3.2vw;
    }
    

    .qhseboxHealth {
        padding-top: 3.2vw;
        padding-bottom: 3.2vw;
    }

    .qhseboxHealth,
    .qhseboxDocumentation {
        padding-bottom: 5vw;
    }

    /* .contactquote {
        margin-bottom: 65px;
    } */

    .searchpager_wrapper {
        padding-top: 40px;
        padding-bottom: 2.8vw;
    }
    .referencedetailwrapper,
    .aboutServicephilosophy {
        padding-bottom: 8vw;
    }
    
    .productswrapper {
        padding-bottom: 3.6vw;
    }
    
    .productsgallery {
        padding-top: 3.6vw;
    }
    .qhseboxDescription,
    .referencewrapper {
        padding-top: 4vw;
    }
    
    .productsdetailwrapper,
    .engineeringwrapper {
        padding-top: 2.8vw;
    }
    .productsColtopr_title {
        padding-top: 2.8vw;
        padding-bottom: 2.8vw;
    }
    .engineeringwrapper {
        padding-bottom: 6vw;
    }
}

@media (max-width: 1600px) and (min-width: 961px) {
    .contactquote {
        padding-top: 4vw;
    }
    .contactquote .tformboxtw {
        padding-top: 10px;
    }
}
@media (max-width: 960px) {
    .productsColtopr_title,
    .referencedetailwrapper,
    .aboutQualification,
    .aboutServicephilosophy,
    .aboutProfilebox,
    .qhseboxDocumentation,
    .qhseboxHealth,
    .qhseboxDescription,
    .pagetbabobaiwrapper,
    .searchpager_wrapper,
    .contactinfor,
    .contactquote,
    .newswrapper {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .newsdetailwrapper {
        padding-bottom: 40px;
    }

    /* .contactquote {
        margin-bottom: 40px;
    } */
    .productsgallery {
        padding-top: 30px;
    }
}




.newslistr .contentr {
    position: relative;
}

.newslistr .contentr .gallery .pic {
    display: block;
}

.newslistr .contentr .gallery img {
    border-radius: 10px;
}

.homeNews .tablistr .itemr,
.newslistrin .itemr {
    border-bottom: 1px solid #F0F0F0;
}



.newshot {
    overflow: hidden;
}

.newshot .contentr .time {
    color: var(--color-primary-d6000f);
}

.newslistrin .contentr .morelk_t .lk .gitr {
    margin-left: 8px;
}


/* .newslistrin .contentr:hover .title, */
.newslistr .contentr .title a:hover {
    color: var(--color-primary);
}


@media (min-width: 961px) {
    .newslistr .contentr {
        display: flex;
        justify-content: space-between;
    }

    .homeNews .tablistr .itemr .gallery img,
    .newslistr .contentr .gallery .pic,
    .newslistr .contentr,
    .newslistrin .contentr::after,
    .homeNews .tablistr .itemr .lk::after {
        border-radius: 20px;
    }

    .newshot .contentr {
        flex-direction: row-reverse;
    }

    .newshot .contentr .gallery {
        width: 56%;
        max-width: 780px;
        display: flex;
        align-items: center;
    }
    .newshot .contentr .gallery .pic,
    .newshot .contentr .gallery .pic img {
        height: 100%;
    }

    .newshot .contentr .infor {
        width: 44%;
        padding: 4%;
    }

    .newshot .contentr .title {
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .newshot .contentr .ismorebx {
        margin-top: 3vw;
    }

    .newshot {
        padding-bottom: 4vw;
        margin-bottom: 10px;
        border-bottom: 1px solid #D9D9D9;
    }

    .homeNews .tablistr .itemr,
    .newslistrin .itemr {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .homeNews .tablistr .itemr .lk,
    .newslistrin .contentr {
        padding: 3%;
    }

    .homeNews .tablistr .itemr .lk::after,
    .newslistrin .contentr::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0;
        z-index: -1;
        transition: all .56s;
    }

    .newslistrin .contentr .gallery {
        width: 38%;
    }

    .newslistrin .contentr .infor {
        width: 60%;
        padding-left: 3%;
        padding-right: 5.4%;
    }

    .newslistrin .contentr .flagr {
        width: 200px;
        flex: 0 0 200px;
        padding-left: 3%;
        border-left: 1px solid #D9D9D9;
    }

    .homeNews .tablistr .itemr .lk:hover::after,
    .newslistrin .contentr:hover::after {
        width: 100%;
    }

    .newslistrin .contentr .bx {
        position: relative;
        height: 100%;
    }

    .newslistrin .contentr .ismorebx {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .newslistrin .contentr .desc {
        margin-top: 20px;
    }
}

@media (max-width: 960px) {
    .newshot .contentr .infor {
        padding: 20px;
    }
    
    .homeNews .tablistr .itemr .gallery img,
    .newslistr .contentr .gallery .pic,
    .newslistr .contentr,
    .newslistrin .contentr::after,
    .homeNews .tablistr .itemr .lk::after {
        border-radius: 10px;
    }

    .newshot {
        padding-bottom: 20px;
        border-bottom: 1px solid #D9D9D9;
    }

    .newslistrin .contentr {
        display: block;
    }
    .newslistrin .contentr .time {
        display: flex;
    }

    .newslistrin .contentr .time .w {
        margin-left: 4px;
    }

    .newslistrin .itemr,
    .newslistrin .contentr .infor {
        padding-top: 20px;
    }

    .newslistrin .itemr {
        padding-bottom: 20px;
    }

    .newslistrin .contentr .ismorebx {
        margin-top: 14px;
    }

    .newshot .contentr .title {
        margin-top: 6px;
    }

    .newslistr .contentr .desc {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}




.colwrapt {
    position: relative;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E7E7E7;
}

.colwrapt_nocolumn .fboxr {
    display: flex;
    justify-content: flex-end;
}

.colwrapt a:hover {
    color: var(--color-primary);
}

.colwrapt .gohome {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/icon/i_home.svg);
}
.colwrapt .gohome img {
    opacity: 0;
}
.colwrapt .gohome:hover {
    background-image: url(../images/icon/i_home_r.svg);
}

.allcloumn_tw {
    border-bottom: 1px solid #ECECEC;
}

.allcloumn_tw .submenu a {
    display: block;
    position: relative;
    text-align: center;
    font-weight: bold;
}

.allcloumn_tw .submenu a:hover,
.allcloumn_tw .submenu .current a {
    color: var(--color-primary-d6000f);
}


@media (min-width: 961px) {
    .allcloumn_tw .submenu {
        display: flex;
        justify-content: space-between;
    }

    .allcloumn_tw .submenu .subit {
        flex: 1;
    }

    .allcloumn_tw .submenu a::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 5px;
        transform: translateX(-50%);
        background: var(--color-primary-d6000f);
        transition: all .3s;
    }

    .allcloumn_tw .submenu a {
        padding: 16px 0;
    }

    .allcloumn_tw .submenu a:hover::after,
    .allcloumn_tw .submenu .current a::after {
        width: 100%;
    }
}

@media (max-width: 960px) {
    .allcloumn_tw {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .allcloumn_tw .submenu {
        display: flex;
        flex-wrap: wrap;
    }

    .allcloumn_tw .submenu .subit {
        margin-right: 10px;
    }

    .allcloumn_tw .submenu .subit:last-child {
        margin-right: 0;
    }

    .allcloumn_tw .submenu .subit a {
        padding: 5px 10px;
        border-radius: 20px;
    }

    .allcloumn_tw .submenu a:hover,
    .allcloumn_tw .submenu .current a {
        color: #fff;
        background: var(--color-primary-d6000f);
    }
}



.ireturn {
    text-align: center;
}

.ireturn .lk {
    display: inline-block;
}

.ireturn .w {
    margin-top: 6px;
}

.detail_pic {
    margin-top: 20px;
}

.detail_pic img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.detail_tit_info {
    position: relative;
}

.detail_title {
    margin: 0;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.detail_info {
    margin-top: 14px;
    text-align: center;
}

.detail_content {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px dashed #BABABA;
}

.detail_content img {
    border-radius: 10px;
}


.detail_control {
    position: relative;
    padding-top: 18px;
    border-top: 1px dashed #BABABA;
}

.detail_control .item {
    margin-top: 10px;
}

.detail_control .item:first-child {
    margin-top: 0;
}

.ireturn .lk:hover,
.detail_control .item a:hover {
    color: var(--color-primary);
}

.share-wrapper {
    display: inline-block;
    position: relative;
    line-height: 24px;
    white-space: nowrap;
}

.share-wrapper .words {
    display: inline-block;
}

.share-wrapper .bdsharebuttonbox {
    display: inline-block;
    z-index: 4;
    font-size: 0;
}

.share-wrapper .bdsharebuttonbox .loop {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .3s ease-out;
}

.share-wrapper .bdsharebuttonbox .facebook {
    background-image: url(../images/icon/i_facebook_g.svg);
}

.share-wrapper .bdsharebuttonbox .twitter {
    background-image: url(../images/icon/i_twitter_g.svg);
}

.share-wrapper .bdsharebuttonbox .instagram {
    background-image: url(../images/icon/i_instagram_g.svg);
}

.share-wrapper .bdsharebuttonbox .linkin {
    background-image: url(../images/icon/i_linkin_g.svg);
}

.share-wrapper .bdsharebuttonbox .facebook:hover {
    background-image: url(../images/icon/i_facebook.svg);
}

.share-wrapper .bdsharebuttonbox .twitter:hover {
    background-image: url(../images/icon/i_twitter.svg);
}

.share-wrapper .bdsharebuttonbox .instagram:hover {
    background-image: url(../images/icon/i_instagram.svg);
}

.share-wrapper .bdsharebuttonbox .linkin:hover {
    background-image: url(../images/icon/i_linkin.svg);
}

.share-wrapper .bdsharebuttonbox .conts {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 50%;
    z-index: 8;
    width: 90px;
    margin-right: -40px;
    padding-bottom: 5px;
}

.share-wrapper .bdsharebuttonbox .conts .imgs {
    display: block;
    width: 90px;
    height: 90px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.share-wrapper .bdsharebuttonbox .loop:hover .conts {
    display: block;
}


@media (min-width: 961px) {
    .share-wrapper {
        line-height: 36px;
    }

    .share-wrapper .bdsharebuttonbox .loop {
        width: 36px;
        height: 36px;
    }

    .detail_pic {
        margin-top: 40px;
    }
    .detail_pic img {
        border-radius: 20px;
    }

    .detail_title {
        margin-top: 40px;
        font-size: 24px;
    }

    .detail_tit_info {
        padding-right: 130px;
    }

    .detail_time {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        height: 80px;
        padding: 0 15px;
        padding-top: 6px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        background: #D60312;
        box-shadow: 0px 0px 4px 0px rgba(232, 232, 232, 0.25);
        border-radius: 5px;
    }

    .qualificationlistrin .itemr .lk:hover .title,
    .detail_time:hover {
        font-weight: bold;
    }

    .detail_time .y {
        display: block;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }

    .detail_content {
        margin-top: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .detail_content img {
        border-radius: 20px;
    }

    .detail_control .ireturn {
        text-align: right;
    }

    .detail_control .item {
        max-width: 60%;
    }

    .detail_control .ireturn {
        position: absolute;
        right: 0;
        top: 26px;
    }
}

@media (max-width: 960px) {
    .detail_content {
        margin-top: 20px;
        padding-top: 20px;
    }

    .detail_control,
    .detail_control .ireturn {
        margin-top: 24px;
    }

    .detail_time {
        margin-top: 6px;
        text-align: center;
    }
}


.tformboxtw .item {
    position: relative;
}

.referencechoose .itemr .fcontrol,
.tformboxtw .fcontrol {
    display: block;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid rgba(255,255,255, .4);
    border-radius: 10px;
    outline: none;
}
.referencechoose .itemr .fcontrol {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}

.referencechoose .itemr select.fcontrol {
    padding-right: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/i_xiala_b.svg);
}
.tformboxtw textarea.fcontrol {
    min-width: 100%;
    max-width: 100%;
    height: 180px;
    min-height: 180px;
    max-height: 380px;
}

.tformboxtw .rt {
    margin-top: 4px;
}

.tformboxtw .Validform_checktip {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -20px !important;
    /* top: auto !important; */
    font-size: 12px;
    color: var(--color-primary);
}

#Validform_msg {
    display: none !important;
}

.tformboxtw .fcontrol.Validform_wrong,
.tformboxtw .fcontrol.Validform_error {
    border-color: var(--color-primary);
}


.tformboxtw .item_send {
    text-align: center;
}

.tformboxtw .item_send .btn_send {
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border: none;
    background-color: var(--color-primary-d6000f);
    border-radius: 10px;
    box-shadow: 0px 2px 4px 0px rgba(214, 0, 15, 0.3);
}

.tformboxtw .item_send .btn_send .w,
.tformboxtw .item_send .btn_send .all_x_pic {
    display: inline-block;
}

.tformboxtw .item_send .btn_send .all_x_pic,
.tformboxtw .item_send .btn_send .all_x_pic .all_pj .pj {
    width: 16px;
    height: 16px;
}

.tformboxtw .item_send .btn_send .all_x_pic {
    position: relative;
    right: 0;
    margin-top: 11px;
    margin-left: 10px;
    transition: all .3s;
}

.tformboxtw .item_send .btn_send .all_x_pic .all_pj {
    transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
}

.tformboxtw .item_send .btn_send:hover .all_x_pic .all_pj,
.searchtop .search_form .search_submit:hover .all_x_pic .all_pj {
    transform: none;
    -webkit-transform: none;
}

.tformboxtw .item_send .btn_send:hover .all_x_pic {
    right: -5px;
}


@media (min-width: 961px) {
    .tformboxtw .fmflex {
        display: grid;
        grid-gap: 3vw;
        grid-row-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }

    .tformboxtw .item_description,
    .tformboxtw .fmflex {
        margin-top: 20px;
    }

    .tformboxtw .item_send {
        margin-top: 40px;
    }
    
    .referencechoose .itemr01 {
        opacity: 0;
    }
    .referencechoose .itemr .fcontrol {
        height: 60px;
        padding-left: 20px;
        border-radius: 20px;
    }
}

@media (max-width: 960px) {
    .tformboxtw .item {
        margin-top: 20px;
    }
    .referencechoose .itemr01 {
        display: none;
    }
}




.getallinfodata {
    text-align: center;
}

.getallinfodata .btndata {
    display: inline-block;
    margin: auto;
    width: 137px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: var(--color-primary);
    box-shadow: 0px 0px 4px 0px rgba(232, 232, 232, 0.25);
    border-radius: 128px;
    cursor: pointer;
    user-select: none;
}

.getallinfodata .btndata .gitr {
    position: relative;
    display: inline-block;
    margin-top: 6px;
    margin-left: 7px;
    overflow: hidden;
}
.getallinfodata .nonodata .gitr {
    margin-top: 8px;
}

.getallinfodata.active .hashasdata,
.getallinfodata .nonodata {
    display: none;
}
.getallinfodata.active .nonodata {
    display: block;
}

.all_x_pic {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.getallinfodata .btndata .gitr,
.getallinfodata .btndata .allpj .pj {
    width: 24px;
    height: 24px;
}

.all_x_pic,
.all_x_pic .all_pj .pj {
    width: 24px;
    height: 24px;
}

.getallinfodata .btndata .allpj {
    display: flex;
    flex-wrap: wrap;
    transform: translateY(-24px);
    -webkit-transform: translateY(-24px);
    transition: all .5s;
}

.all_x_pic .all_pj {
    display: flex;
    transform: translateX(-24px);
    -webkit-transform: translateX(-24px);
    transition: all .5s;
}

.getallinfodata .btndata .allpj .pj,
.all_x_pic .all_pj .pj {
    vertical-align: middle;
    transition: all .5s;
}


.getallinfodata .btndata.nonodata .allpj .pj {
    transform: rotate(180deg);
}

.contactlistrin .itemr .title,
.contactlistrin .itemr .desc {
    padding-left: 10px;
}

.contactlistrin .itemr .title {
    position: relative;
    transition: all .2s;
}

.contactlistrin .itemr .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    width: 2px;
    height: 22px;
    background: var(--color-primary-d6000f)
}

.contactlistrin .itemr .bgr {
    position: absolute;
    right: 0;
    top: 0;
}

.getallinfodata .btndata:hover .allpj,
.contactlistrin .itemr:hover .all_pj {
    transform: none !important;
    -webkit-transform: none !important;
}

.contactlistrin .itemr:hover .title {
    color: #fff;
}

.contactlistrin .itemr:hover .title::before {
    background-color: #fff;
}



.contactlistrin .itemr {
    position: relative;
    transition: all .2s;
}

.careerslistrin .itemr,
.contactlistrin .itemr {
    border-radius: 20px;
    box-shadow: 0px 0 8px 0px rgba(206, 206, 206, 0.25);
}

.contactlistrin .itemr .topr {
    position: relative;
    border-bottom: 1px solid #F1F1EF;
}

.contactlistrin .itemr .desc {
    margin-top: 10px;
}

.contactlistrin .itemr .info a {
    text-decoration: underline;
}

.careerslistrin .itemr .it,
.contactlistrin .itemr .it {
    display: flex;
    margin-top: 10px;
}

.careerslistrin .itemr .all_x_pic,
.contactlistrin .itemr .all_x_pic {
    flex: 0 0 24px;
    margin-right: 6px;
}

.contactlistrin .itemr:hover {
    background-color: var(--color-primary-d6000f);
}

.contactlistrin .itemr:hover a,
.contactlistrin .itemr:hover {
    color: #fff;
}

.contactquote {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(../images/contactquote_bg.png);
}



@media (min-width: 961px) {

    .contactlistrin,
    .careerslistrin,
    .getallinfodata {
        margin-top: 60px;
    }

    .contactlistrin {
        display: grid;
        grid-gap: 40px;
        grid-row-gap: 50px;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
    }

    .contactlistrin .itemr {
        padding: 2vw;
    }

    .contactlistrin .itemr .it {
        margin-top: 30px;
    }

    .contactlistrin .itemr .topr {
        padding-bottom: 30px;
    }

    .contactlistrin .itemr .bgr .all_x_pic,
    .contactlistrin .itemr .bgr .all_x_pic .all_pj .pj {
        width: 49px;
        height: 49px;
    }

    .contactlistrin .itemr .bgr .all_x_pic .all_pj {
        transform: translateX(-49px);
        -webkit-transform: translateX(-49px);
    }

    .getallinfodata .btndata {
        font-size: 18px;
    }
}

@media (max-width: 960px) {

    .contactlistrin,
    .careerslistrin,
    .getallinfodata {
        margin-top: 20px;
    }

    .careerslistrin .itemr,
    .contactlistrin .itemr {
        padding: 20px;
        margin-top: 20px;
    }

    .careerslistrin .itemr:first-child,
    .contactlistrin .itemr:first-child {
        margin-top: 0;
    }

    .contactlistrin .itemr .topr {
        padding-bottom: 10px;
    }

    .contactlistrin .itemr .bgr {
        top: 8px;
    }

    .contactlistrin .itemr .title::before {
        height: 18px;
        margin-top: -9px;
    }

    .contactlistrin .itemr .bgr .all_x_pic,
    .contactlistrin .itemr .bgr .all_x_pic .all_pj .pj {
        width: 26px;
        height: 26px;
    }

    .contactlistrin .itemr .bgr .all_x_pic .all_pj {
        transform: translateX(-26px);
        -webkit-transform: translateX(-26px);
    }
}





.careerslistrin .itemr .itmlk {
    display: block;
}

.careerslistrin .itemr .all_x_pic img {
    position: relative;
    top: 0;
    vertical-align: middle;
    transition: all .2s;
}

.careerslistrin .itemr .itmlk:hover .all_x_pic img {
    top: -2px;
}

/* .careerslistrin .itemr .itmlk:hover .all_x_pic .all_pj, */
.careerslistrin .itemr .itmlk:hover .morelk_t .lk .allpj {
    transform: none;
    -webkit-transform: none;
}





@media (min-width: 961px) {
    .careerslistrin {
        display: grid;
        grid-gap: 3.5vw;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }

    .careerslistrin .itemr {
        padding: 30px;
    }

    .careerslistrin .itemr .itmlk {
        height: 100%;
    }

    .careerslistrin .itemr .morelk_t {
        margin-top: 3vw;
    }
}

@media (max-width: 960px) {
    .careerslistrin .itemr .morelk_t {
        margin-top: 20px;
    }
}





.iclose {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/i_close.svg);
}

.careerdetailwrapper ul,
.careerdetailwrapper ol {
    padding-left: 30px;
}

.careerdetailwrapper .go_apply {
    margin-top: 20px;
}

.careerdetailwrapper .infolistr .coltitle {
    margin-top: 0;
}

@media (min-width: 961px) {
    .careerdetailwrapper {
        padding: 60px;
    }

    .careerdetailwrapper .go_apply {
        margin-top: 4vw;
    }

    .careerdetailwrapper .go_apply .morelk .lk {
        width: 200px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1400px) {
    .frame-box .box {
        width: 80% !important;
        left: 10% !important;
    }
}

@media (max-width: 960px) {
    .careerdetailwrapper {
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
}


.productslistrin .itemr {
    position: relative;
}
.productslistrin .itemr .lk {
    display: block;
    /* box-shadow: 1px 1px 2px 0px rgba(131, 131, 131, 0.25);
    background-color: #F0F0F0; */
}
.productshot .itemr .lk {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/products_lis_bg.png);
    box-shadow: none;
}
.productslistrin .itemr .gallery {
    position: relative;
    z-index: 1;
    text-align: center;
}
.productslistrin .itemr .gallery img {
    width: 100%;
}
.productslistrin.productshot .itemr .gallery img {
    width: auto;
}

.referencelistrin .itemr .ztitle .fbx,
.productslistrin .itemr .ztitle {
    display: flex;
    justify-content: space-between;
}
.productshot .itemr .ztitle {
    display: block;
}
.productshot .itemr .ztitle .ismore {
    display: flex;
    margin-top: 10px;
}
.productshot .itemr .ztitle .ismore .w {
    margin-right: 10px;
}
.referencelistrin .itemr .ztitle .zmot,
.productslistrin .itemr .ztitle .zmot {
    flex: 0 0 24px;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    transition: all .3s;
}

.productslistrin .itemr .ztitle {
    /* position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2; */
    width: 100%;
    padding-bottom: 20px;
}

.productslistrin .itemr .ztitle .zmot {
    background-image: url(../images/icon/i_jt_xs_g.svg);
}
.productslistrin .itemr .ztitle .zmot {
    flex: 0 0 24px;
}

.referencelistrin .itemr .ztitle .zmot {
    background-image: url(../images/icon/i_jt_xs_r.svg);
}
/* .productsdetailReferences .itemr .ztitle .fbx .zmot {
    background-image: url(../images/icon/i_jt_xs_rg.svg);
} */
/* .productsdetailReferences .itemr .lk:hover .zmot, */
.referencelistrin .itemr .lk:hover .zmot {
    background-image: url(../images/icon/i_jt_xs_rs.svg);
}
.productslistrin .itemr .lk:hover .zmot {
    background-image: url(../images/icon/i_jt_xs_gr.svg);
}

.productsdetailReferences .itemr .ztitle .fbx .zmot {
    background-image: none;
}


.productsdetailReferences .itemr .zmot1 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 5px;
    border-radius: 50%;
    background-color: var(--color-primary-d6000f);
}
.productsdetailReferences .itemr .all_x_pic {
    transform: rotate(-40deg);
}
.productsdetailReferences .itemr .lk:hover .all_pj {
    transform: none !important;
    -webkit-transform: none !important;
}

.referencelistrin .itemr .lk,
.referencelistrin .itemr .gallery img {
    height: 100%;
}
.referencelistrin .itemr .gallery img {
    width: 100%;
}

.referencelistrin .itemr {
    position: relative;
}
.referencelistrin .itemr .lk {
    display: block;
}

.siteheader .topr .menur .item_Products .submenu .listspro .gallery,
.productslistrin .itemr .gallery,
.productslistrin .itemr .gallery img,
.productslistrin .itemr .lk,
.referencelistrin .itemr .gallery {
    border-radius: 10px;
}
.referencelistrin .itemr .gallery {
    position: relative;
    z-index: 1;
    transition: all .56s;
}
.referencewrapper .referencelistrin .itemr .gallery {
    box-shadow: 0px 0px 10px 0px rgba(181, 181, 181, 0.25);
}

.referencelistrin .itemr .ztitle {
    z-index: 3;
    text-transform: capitalize;
    transition: all .3s;
    overflow: hidden;
}
.referencelistrin .itemr .ztitle .tit {
    flex: 1;
}
.referencelistrin .itemr .ztitle .fbx {
    position: relative;
    z-index: 3;
}
.referencelistrin .itemr .lk:hover .ztitle .tit {
    font-weight: bold;
}
.referencechoose {
    padding-top: 30px;
    padding-bottom: 20px;
}
.productshot .gallery {
    text-align: center;
}
.productshot .itemr .lk .ismore .w {
    transition: all .3s;
}
.productshot .itemr .lk:hover .ismore .w {
    color: var(--color-primary);
}

@media (min-width: 1667px) {
    
}

@media (max-width: 1666px) and (min-width: 961px) {}

@media (min-width: 961px) {
    .productslistrin {
        display: grid;
        grid-gap: 25px;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }
    .productshot {
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 60px;
    }

    .referencechoose,
    .referencelistrin {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
    }

    .productslistrin .itemr .lk {
        height: 100%;
        padding: 0;
        border-radius: 40px;
    }
    .productslistrin .itemr .ztitle {
        padding-left: 25px;
        padding-right: 25px;
    }
    .referencelistrin .itemr .gallery {
        height: calc(100% - 104px);
        border-radius: 20px;
    }
    .productsdetailReferences .itemr .gallery {
        height: 100%
    }
    .referencelistrin .itemr .ztitle {
        position: absolute;
        left: -2px;
        bottom: -2px;
        right: -2px;
        padding: 40px;
        padding-left: 18px;
        padding-top: 24px;
        line-height: 40px;
    }
    .referencelistrin .itemr .ztitle .tit {
        padding-right: 20px;
    }
    .referencelistrin .itemr .ztitle .zmot {
        flex: 0 0 40px;
    }
    .referencelistrin .itemr .ztitle::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        z-index: 1;
        background-color: #fff;
        transition: all .6s;
    }
    .productsdetailReferences .referencelistrin .itemr .gallery img {
        height: 19vw;
    }

    .referencelistrin .itemr .lk:hover .gallery {
        height: 100%;
    }
    .referencelistrin .itemr .lk:hover .ztitle {
        padding-left: 40px;
    }
    .referencelistrin .itemr .lk:hover .ztitle::after {
        top: 100%;
    }
    .referencelistrin .itemr .lk:hover .ztitle {
        color: #fff;
    }

    .referencechoose {
        padding-top: 3vw;
    }
    .productshot .itemr .lk {
        padding: 0;
    }
    .productshot .itemr .ztitle {
        position: absolute;
        left: 60px;
        right: 60px;
        bottom: 40px;
        z-index: 5;
    }
}

@media (max-width: 960px) {
    .productslistrin,
    .referencechoose,
    .referencelistrin {
        display: grid;
        grid-gap: 14px;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
    }
    .referencechoose {
        grid-template-columns: repeat(1, 1fr);
    }
    .referencelistrin .itemr .ztitle .zmot,
    .productslistrin .itemr .ztitle .zmot {
        display: none;
    }
    .productslistrin .itemr .lk {
        padding: 10px;
        height: 100%;
    }

    .productslistrin .itemr .lk:hover .ztitle {
        color: var(--color-primary-d6000f);
    }

    
    .referencelistrin .itemr .ztitle {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 10px;
        padding-top: 0;
        color: #fff;
    }
    .referencelistrin .itemr .gallery {
        height: 100%;
    }
    .productsdetailReferences .referencelistrin .itemr .gallery img {
        height: 29vw;
    }
    
    .productshot {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 20px;
    }
    .productshot .itemr .ztitle .zmot {
        display: block;
    }
}





.searchtop .search_form {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.searchtop .search_form .search_field,
.searchtop .search_form .search_submit {
    border: none;
    border-radius: 20px;
    outline: none;
    user-select: none;
}

.searchtop .search_form .search_field {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.searchtop .search_form .search_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--color-primary-d6000f);
}

.searchtop .search_form .search_submit .w {
    margin-left: 6px;
}

.searchlstab .tb .lk:hover,
.searchlstab .tb.active .lk {
    color: var(--color-primary-d6000f);
}

.titletopcetr {
    margin-top: 20px;
}

.searchlstab {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #D5D5D5;
}

.searchlstab .tb {
    margin-right: 20px;
}

.searchlstab .tb:last-child {
    margin-right: 0;
}

.searchlstab .tb .lk {
    display: block;
    position: relative;
}

.searchlstab .tb.active .lk {
    font-weight: bold;
}

.searchlistrin .newslistrin {
    margin-top: 0;
    border-top: none;
}


@media (min-width: 961px) {

    .searchtop .search_form .search_field,
    .searchtop .search_form .search_submit {
        height: 60px;
    }

    .searchtop .search_form .search_field {
        padding-right: 30px;
        font-size: 16px;
    }

    .searchtop .search_form .search_field,
    .titletopcetr,
    .searchlstab {
        padding-left: 30px;
    }

    .searchtop .search_form .search_submit {
        flex: 0 0 160px;
        margin-left: 40px;
    }

    .searchlistrin,
    .searchlstab {
        margin-top: 40px;
    }

    .searchlstab .tb {
        position: relative;
        margin-right: 80px;
    }

    .searchlstab .tb .lk {
        padding-bottom: 14px;
    }

    .searchlstab .tb .lk::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -2px;
        width: 0;
        height: 4px;
        transform: translateX(-50%);
        transition: all .3s;
        background-color: var(--color-primary-d6000f);
    }

    .searchlstab .tb.active .lk::after,
    .searchlstab .tb .lk:hover::after {
        width: 100%;
    }
}

@media (min-width: 1661px) {

    .searchtop .search_form .search_field,
    .searchtop .search_form .search_submit {
        height: 80px;
    }

    .searchtop .search_form .search_field {
        padding-right: 40px;
    }

    .searchtop .search_form .search_field,
    .titletopcetr,
    .searchlstab {
        padding-left: 40px;
    }

    .searchtop .search_form .search_submit {
        flex: 0 0 180px;
    }
}

@media (max-width: 1660px) and (min-width: 961px) {}

@media (max-width: 960px) {

    .searchtop .search_form .search_field,
    .searchtop .search_form .search_submit {
        height: 36px;
    }

    .searchtop .search_form .search_submit {
        width: 140px;
        background-size: 20px;
    }

    .searchlistrin,
    .searchlstab {
        margin-top: 30px;
    }

    .searchlistrin .newslistrin .itemr:first-child {
        padding-top: 0;
        border-top: none;
    }

    .searchlstab .tb {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .searchtop .search_form .search_submit {
        margin-left: 20px;
    }

    .searchtop .search_form .search_submit .all_x_pic .all_pj {
        transform: translateX(-16px);
        -webkit-transform: translateX(-16px);
    }

    .searchtop .search_form .search_submit .all_x_pic,
    .searchtop .search_form .search_submit .all_x_pic .all_pj .pj {
        width: 16px;
        height: 16px;
    }
}




/* ---------------------------------
* lightbox
------------------------------------*/
.lightboxOverlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #000;
	filter: alpha(opacity=80);
	opacity: .61;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	line-height: 0;
}

.lightbox .lb-image {
	display: block;
	max-height: 684px;
	max-width: 684px;
}

.lightbox a img {
	border: none
}

.lb-outerContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both
}

.lb-loader {
	display: none !important;
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/icon/loading.gif) no-repeat
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.lb-container>.nav {
	left: 0
}

.lb-nav a {
	outline: none;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-prev,
.lb-next {
	display: none !important;
	position: absolute;
	width: 32px;
	height: 45px;
	top: 50%;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-position: center;
	/* -webkit-background-size: 32px; */
	/* background-size: 32px; */
	cursor: pointer;
}

.lb-nav a.lb-prev {
	left: -60px;
	background-image: url(../images/icon/prev.svg);
}

.lb-nav a.lb-next {
	right: -60px;
	background-image: url(../images/icon/next.svg);
}

.lb-dataContainer {
	margin: 0 auto;
	width: 100%;
    text-align: center;
	/* background-color: #fff; */
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both
}


.lb-data .lb-caption {
	text-align: center;
}

.lb-data .lb-caption i {
	font-style: normal;
}

.lb-data .lb-caption2,
.lb-data .lb-caption3 {
	display: inline-block;
	line-height: 25px;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left center;
}

.lb-data .lb-number {
	display: none !important;
}

.lb-data .lb-close {
	position: relative;
    display: inline-block;
	z-index: 110;
	cursor: pointer;
	width: 50px;
	height: 50px;
	font-size: 0;
	border-radius: 50%;
	border: 2px solid #fff;
}

.lb-data .lb-close:before,
.lb-data .lb-close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.lb-data .lb-close:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 0;
	width: 24px;
	margin-top: -1px;
	margin-left: -12px;
}

.lb-data .lb-close:after {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 24px;
	width: 0;
	margin-left: -1px;
	margin-top: -12px;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: alpha(opacity=100);
	opacity: 1
}
.lb-details {
    display: none !important;
}

@media (min-width: 961px) {
	.lb-data .lb-caption {
		padding-left: 36px;
		padding-right: 36px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
    .lightbox {
        margin-top: -60px;
    }
}

@media (max-width: 960px) {
	.lb-data .lb-caption {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.lb-nav a.lb-prev {
		left: 0;
	}

	.lb-nav a.lb-next {
		right: 0;
	}

	.lb-data .lb-close {
		width: 36px;
		height: 36px;
	}
}

.poptrox-overlay {
    padding-bottom: 60px !important;
}
.poptrox-popup {
    padding: 0 !important;
}
.poptrox-popup .caption {
    display: none !important;
}
.poptrox-popup .closer {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/i_close_w.svg);
}
/* .poptrox-popup .closer, */
.lb-closeContainer {
    margin-top: 20px;
}



.lefttitRightColtopr .coltitle {
    position: relative;
    padding-left: 20px;
    color: var(--color-primary-d6000f);
}
.lefttitRightColtopr .coltitle::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 40px;
    background: var(--color-primary-d6000f);
}

.lefttitRightColtopr .rightr .it a::after,
.lefttitRightColtopr .rightr .fboxr,
.lefttitRightColtopr .rightr .it a {
    border-radius: 14px;
}
.lefttitRightColtopr .rightr .fboxr {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 14px;
}
.lefttitRightColtopr .rightr .it a {
    position: relative;
    display: block;
    font-weight: bold;
    white-space: nowrap;
    transition: all .56s;
}

.lefttitRightColtopr .rightr .it .w {
    position: relative;
    z-index: 3;
}

.lefttitRightColtopr .rightr .it a:hover,
.lefttitRightColtopr .rightr .it.current a {
    color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(175,175,175,0.25);
}


.productsColtopr .rightr .fboxr {
    padding-top: 0;
}
.productsColtopr .rightr .it {
    margin-top: 5px;
}

.qualificationlistrin .itemr .gallery {
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}
.qualificationlistrin .itemr .pic {
    position: relative;
    z-index: 1;
}
.qualificationlistrin .itemr .ijia {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background: rgba(0,0,0,0.64);
    transition: all .3s;
    opacity: 0;
}
.qualificationlistrin .itemr .title {
    margin-top: 16px;
    text-align: center;
}
.qualificationlistrin .itemr .lk:hover .ijia {
    opacity: 1;
}
.referenceCustomerlistrin .itemr .lk {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    background-color: #F5F5F5;
    transition: all .56s;
}
.referenceCustomerlistrin .itemr .lk:hover {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(128,128,128,0.25);
}

@media (min-width: 961px) {
    .lefttitRightColtopr {
        display: flex;
        justify-content: space-between;
    }
    .lefttitRightColtopr .coltitle {
        padding-right: 20px;
        height: 80px;
        line-height: 80px;
    }
    .lefttitRightColtopr .rightr .it a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        overflow: hidden;
    }

    .productsColtopr .rightr {
        width: 100%;
    }
    .productsColtopr .rightr .fboxr .it {
        text-align: center;
    }
    .productsColtoprdyy .rightr .fboxr .it {
        flex: 1;
    }
    .productsColtoprdyy .rightr .fboxr .it a {
        padding-left: 0;
        padding-right: 0;
    }
    
    .productsColtopr .rightr .it a {
        border-radius: 40px;
    }


    .referenceCustomerlistrin,
    .qualificationlistrin {
        margin-top: 2.5vw;
    }
    .referenceCustomerlistrin,
    .qualificationlistrin {
        display: grid;
        grid-gap: 6vw;
        grid-row-gap: 3vw;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }
    .referenceCustomerlistrin {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(5, 1fr);
        align-items: stretch;
    }
    .qualificationlistrin .itemr .ijia img {
        max-width: 72px;
    }

    .referenceCustomerlistrin .itemr .lk {
        height: 100%;
        /* padding: 40px 30px; */
        padding: 20px 30px;
    }
}

@media (max-width: 960px) {
    .lefttitRightColtopr .coltitle {
        padding-left: 12px;
    }
    .lefttitRightColtopr .coltitle::before {
        width: 2px;
        height: 16px;
    }
    .lefttitRightColtopr .rightr {
        margin-top: 20px;
        display: flex;
    }
    .productsColtopr .rightr .fboxr {
        padding-bottom: 20px;
    }
    .productsColtopr .rightr .it {
        margin-top: 6px;
    }
    .lefttitRightColtopr .rightr .it a {
        padding: 5px 14px;
    }

    .referenceCustomerlistrin,
    .qualificationlistrin {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
        margin-top: 30px;
    }
    .referenceCustomerlistrin {
        grid-gap: 14px;
        grid-template-columns: repeat(3, 1fr);
    }
    .qualificationlistrin .itemr .ijia img {
        width: 30px;
    }
}



.qhseboxHealth .tablistr .itemr .pic img,
.qhseboxDescription .tablistr .itemr .pic img {
    display: block;
    width: 100%;
}




.qhseboxDescription .tablistr .itemr:first-child {
    margin-top: 0;
}
.qhseboxDescription .tablistr .itemr .title {
    color: var(--color-primary);
}
.qhseboxDescription .tablistr .itemr .pic {
    position: relative;
}


.qhseboxHealth .tablistr .itemr .pic,
.qhseboxHealth .tablistr .itemr .pic img,
.qhseboxDescription .tablistr .itemr .pg,
.qhseboxDescription .tablistr .itemr .pic img,
.qhseboxDescription .tablistr .itemr .pic::after {
    border-radius: 20px;
}
.qhseboxDescription .tablistr .itemr .pic::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(214,3,18,0.22);
}

.qhseboxDescription .tablistr .itemr .desc {
    margin-top: 20px;
}



@media (min-width: 961px) {
    .qhseboxDescription .tablistr .itemr {
        display: flex;
        justify-content: space-between;
        margin-top: 80px;
    }
    .qhseboxDescription .tablistr .itemr:nth-child(2n+1) {
        flex-direction: row-reverse;
    }
    .qhseboxDescription .tablistr .itemr .gallery,
    .qhseboxDescription .tablistr .itemr .contentr {
        width: 47%;
    }
    .qhseboxDescription .tablistr .itemr .gallery {
        max-width: 639px;
    }
    .qhseboxDescription .tablistr .itemr .contentr {
        padding-top: 20px;
    }
    .qhseboxDescription .tablistr .itemr .pic::after {
        top: -15px;
    }
    .qhseboxDescription .tablistr .itemr:nth-child(2n+1) .pic::after {
        left: -15px;
    }
    .qhseboxDescription .tablistr .itemr:nth-child(2n) .pic::after {
        right: -15px;
    }
}

@media (max-width: 1200px) and (min-width: 961px) {
    .qhseboxDescription .tablistr .itemr .contentr {
        padding-top: 0;
    }
}
@media (max-width: 960px) {
    .qhseboxDescription .tablistr .itemr {
        margin-top: 30px;
    }
    .qhseboxHealth .tablistr .itemr,
    .qhseboxDescription .tablistr .itemr .contentr {
        margin-top: 20px;
    }
    .qhseboxDescription .tablistr .itemr .desc {
        margin-top: 10px;
    }
    .qhseboxDescription .tablistr .itemr .pic::after {
        top: -6px;
    }
    .qhseboxDescription .tablistr .itemr:nth-child(2n+1) .pic::after {
        left: -6px;
    }
    .qhseboxDescription .tablistr .itemr:nth-child(2n) .pic::after {
        right: -6px;
    }
}





.qhseboxHealth .tablistr .itemr {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.qhseboxHealth .tablistr .itemr .gallery {
    position: relative;
    z-index: 1;
}
.qhseboxHealth .tablistr .itemr::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
}
.qhseboxHealth .tablistr .itemr .contentr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 4;
    padding: 20px;
    color: #fff;
    overflow: auto;
}
.qhseboxHealth .tablistr .itemr .desc {
    margin-top: 10px;
}
.siteheader .topr .menur .item_Products .submenu .listspro .gallery {
    margin-bottom: 10px;
}

.siteheader .topr .menur .item_Products .submenu .listspro .gallery,
.productslistrin .itemr .gallery {
    box-shadow: 0px 0px 10px 0px rgba(181, 181, 181, 0.25);
}


@media (min-width: 961px) {
    .qhseboxHealth .tablistr {
        display: grid;
        grid-gap: 6vw;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
    }
    .siteheader .topr .menur .item_Products .submenu .listspro .gallery,
    .productslistrin .itemr .gallery,
    .productslistrin .itemr .gallery img,
    .qhseboxHealth .tablistr .itemr {
        border-radius: 20px;
    }
    .qhseboxHealth .tablistr .itemr .contentr {
        padding: 40px;
    }
}

@media (max-width: 960px) {}



.qhseboxDocumentation {
    display: none !important;
}

.qhseboxDocumentation .tablistr .itemr .slistr .it:hover,
.qhseboxDocumentation .zztitle,
.qhseboxDocumentation .tablistr .itemr .topr .title {
    color: var(--color-primary);
}

.qhseboxDocumentation .zztitle {
    text-align: center;
}
.qhseboxDocumentation .zzdesc {
    max-width: 1200px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

.qhseboxDocumentation .tablistr .itemr .topr {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px solid #D9D9D9;
}
.qhseboxDocumentation .tablistr .itemr .topr .title {
    flex: 1;
}
.qhseboxDocumentation .tablistr .itemr .topr .jt {
    width: 24px;
    flex: 0 0 24px;
    font-size: 0;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/i_jia_r.svg);
}
.qhseboxDocumentation .tablistr .itemr.active .topr .jt {
    background-image: url(../images/icon/i_jian_r.svg);
}
.qhseboxDocumentation .tablistr .itemr .contentr {
    display: none;
}
.qhseboxDocumentation .tablistr .itemr .slistr .it {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
}
.qhseboxDocumentation .tablistr .itemr .slistr .it .w {
    position: relative;
    padding-right: 20px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../images/icon/i_pdf_g.svg);
    transition: all .3s;
}
.qhseboxDocumentation .tablistr .itemr .slistr .it:hover .w {
    background-image: url(../images/icon/i_pdf_r.svg);
}
.qhseboxDocumentation .tablistr .itemr .slistr .it:hover {
    font-weight: bold;
}




@media (min-width: 961px) {
    .qhseboxDocumentation .zzdesc {
        width: 90%;
    }
    .qhseboxDocumentation .tablistr {
        display: grid;
        grid-gap: 5vw;
        grid-row-gap: 3vw;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
        max-width: 1020px;
        width: 80%;
        margin: auto;
        margin-top: 40px;
    }
    .qhseboxDocumentation .tablistr .itemr .topr,
    .qhseboxDocumentation .tablistr .itemr .slistr .it {
        padding-left: 10px;
        padding-right: 10px;
    }
    .qhseboxDocumentation .tablistr .itemr .topr {
        padding-bottom: 10px;
    }
}
@media (max-width: 960px) {
    .qhseboxDocumentation .tablistr {
        margin-top: 20px;
    }
    .qhseboxDocumentation .tablistr .itemr .topr {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .qhseboxDocumentation .tablistr .itemr .topr .jt {
        width: 16px;
        flex: 0 0 16px;
        background-size: 16px;
    }
    .qhseboxDocumentation .tablistr .itemr .contentr {
        padding-bottom: 20px;
    }
    .qhseboxDocumentation .tablistr .itemr .slistr .it .w {
        background-size: 14px;
    }
}






.aboutProfilebox .tablistr .itemr .wotd {
    color: var(--color-primary-d6000f);
    font-weight: bold;
}

.aboutProfilebox .piclist {
    display: grid;
    grid-gap: 14px;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
}

@media (min-width: 961px) {
    .aboutProfilebox .tpcontent {
        margin-top: 40px;
    }
    .aboutProfilebox .tablistr {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
        margin-top: 40px;
        margin-bottom: 70px;
    }
    .aboutProfilebox .tablistr .itemr {
        padding: 0 20px;
        text-align: center;
        border-right: 1px solid #D9D9D9;
    }
    /* .aboutProfilebox .tablistr .itemr:nth-child(3n+1) {
        padding-left: 7vw;
    } */
    .aboutProfilebox .tablistr .itemr:nth-child(3n+2) {
        text-align: center;
    }
    .aboutProfilebox .tablistr .itemr:nth-child(3n) {
        /* padding-left: 7vw; */
        border-right: none;
    }
    .aboutProfilebox .tablistr .itemr .tit {
        margin-top: 10px;
    }

    .aboutProfilebox .piclist {
        grid-gap: 26px;
        margin-bottom: 50px;
    }
    .aboutProfilebox .piclist .pic {
        border-radius: 20px;
    }
}

@media (max-width: 960px) {

    .aboutProfilebox .tablistr .itemr {
        padding-top: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid #D9D9D9;
    }
    .aboutProfilebox .tablistr .itemr:last-child {
        border-bottom: none;
    }
    .aboutProfilebox .tablistr .itemr .wotd {
        margin-bottom: 6px;
    }
    .aboutProfilebox .piclist {
        margin-top: 20px;
    }
    .aboutProfilebox .piclist .pic {
        border-radius: 10px;
    }
}







.aboutServicephilosophy .tptitle,
.aboutServicephilosophy .tpcontent {
    text-align: center;
}
.aboutServicephilosophy .tptitle {
    color: var(--color-primary);
}

.aboutServicephilosophy .tpcontent {
    max-width: 1000px;
    margin: auto;
}

.aboutServicephilosophy .tablistr {
    position: relative;
}
.aboutServicephilosophy .tablistr .itemr {
    position: relative;
    z-index: 5;
    text-align: center;
}
.aboutServicephilosophy .tablistr .itemr .desc {
    margin-top: 10px;
    text-transform: capitalize;
}



@media (min-width: 961px) {
    .aboutQualification .tpcontent,
    .aboutServicephilosophy .tpcontent {
        margin-top: 30px;
    }
    .aboutServicephilosophy .tablistr {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
    }
    .aboutQualification .set::after,
    .aboutServicephilosophy .tablistr::after {
        content: '';
        position: absolute;
        left: 0;
        z-index: 2;
        width: 100%;
    }
    .aboutServicephilosophy .tablistr::after {
        top: 20px;
        border-bottom: 1px dashed var(--color-primary);
    }
    .aboutQualification .set::after {
        top: 50%;
        transform: translateY(-50%);
        border-bottom: 1px solid rgba(119,119,119,.4);
    }

    .aboutServicephilosophy .tablistr .itemr {
        max-width: 200px;
    }
    .aboutServicephilosophy .tablistr .itemr .desc {
        margin-top: 20px;
    }
}

@media (max-width: 960px) {
    .aboutQualification .tpcontent,
    .aboutProfilebox .tpcontent,
    .aboutServicephilosophy .tpcontent {
        margin-top: 20px;
    }
    .aboutServicephilosophy .tablistr .itemr {
        margin-top: 36px;
    }
}



.aboutQualification {
    overflow: hidden;
}
.aboutQualification .ffboxr {
    position: relative;
}
.aboutQualification .tptitle {
    color: #333;
}

.aboutQualification .set {
    position: relative;
}

.productsdetailReferences .bannerbusjtin,
.aboutQualification .bannerbusjtin {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    background-size: 15px;
    border-color: rgba(217,217,217,.4);
}
.productsdetailReferences .bannerbusjtin.banner-left,
.aboutQualification .bannerbusjtin.banner-left {
    transform: rotate(180deg);
}

.aboutQualification .banPge {
    bottom: auto;
    display: flex;
    align-items: center;
    width: auto;
}
.aboutQualification .banPge .swiper-pagination-current {
    margin-right: 6px;
    font-weight: bold;
    color: var(--color-primary);
}
.aboutQualification .banPge .swiper-pagination-total {
    margin-left: 6px;
}

/* .aboutQualification .swiperswFn {
    -webkit-mask: linear-gradient(-90deg, transparent 14%, #000 34%, #000 95%, transparent 100%);
    mask: linear-gradient(-90deg, transparent 14%, #000 34%, #000 95%, transparent 100%);
} */
.aboutQualification .swiperswFn .swiper-slide {
    padding: 10px;
}
.aboutQualification .swiperswFn .swiper-slide img {
    display: block;
    width: 100%;
    transform: scale(0.68);
    transform-origin: 0;
    box-shadow: 0 0 8px rgba(0,0,0, .1);
    transition: all .5s;
}
.aboutQualification .swiperswFn .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}
.aboutQualification .swiperswFn .swiper-slide.swiper-slide-next img {
    transform-origin: 50%;
}

.aboutQualification .set {
    display: flex;
    justify-content: space-between;
}
.aboutQualification .leotrig {
    display: flex;
}
.aboutQualification .leotrig,
.aboutQualification .banPge {
    position: relative;
    z-index: 4;
    background-color: #fff;
}
.aboutQualification .leotrig {
    padding-right: 24px;
}
.aboutQualification .banPge {
    padding-left: 20px;
}

/* .aboutQualification .swList .itemr {
    display: none;
}
.aboutQualification .swList .itemr.active {
    display: block;
} */

@media (min-width: 961px) {
    .aboutQualification .topr {
        margin-right: -4vw;
    }
    .aboutQualification .topr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .aboutQualification .set {
        /* margin-top: 50px; */
        position: absolute;
        right: 3%;
        bottom: 0;
        width: 27vw;
    }
    .aboutQualification .leftr {
        width: 33%
    }
    .aboutQualification .rightr {
        width: 67%;
        padding-left: 3vw;
    }
    .aboutQualification .bannerbusjtin.banner-right {
        margin-left: 20px;
    }
}
@media (min-width: 2101px) {
    .aboutQualification .set {
        width: 24vw;
    }
}
@media (min-width: 2701px) {
    .aboutQualification .set {
        width: 22vw;
    }
}
@media (min-width: 3001px) {
    .aboutQualification .set {
        width: 20vw;
    }
}

@media (max-width: 960px) {
    .aboutQualification .rightr,
    .aboutQualification .set {
        margin-top: 20px;
    }
    .aboutQualification .bannerbusjtin.banner-right {
        margin-left: 10px;
    }
    .aboutQualification .set {
        margin-left: 5%;
        margin-right: 5%;
    }
    .aboutQualification .set::after {
        content: '';
        position: absolute;
        left: 0;
        z-index: 2;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        border-bottom: 1px solid rgba(119, 119, 119, .4);
    }
}





.reference_lines,
.reference_lines .sline {
    border-radius: 10px;
}
.reference_lines {
    position: relative;
    width: 4px;
    margin: 20px auto;
    font-size: 0;
    background-color: rgb(214, 0, 15, .2);
}
.reference_lines .sline {
    width: 4px;
    background-color: var(--color-primary-d6000f);
    animation: moveUpDown 2s ease-in-out infinite;
}


.engineeringdetail_topr .tablistr,
.referencedetail_list3,
.referencedetail_list4 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.referencedetail_list4 li {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: #F0F0F0;
    border-radius: 20px;
}
.referencedetail_list4 .pic {
    width: 40px;
    flex: 0 0 40px;
}
.referencedetail_list4 .infor {
    flex: 1;
    padding-left: 12px;
}
.referencedetail_list4 .infor p {
    margin: 0;
}


.referencedetai_box2,
.referencedetail_list3 li .pic,
.referencedetail_list3 .pic img,
.referencedetai_box2 .gallery img,
.referencedetai_box2 .contentr {
    border-radius: 10px;
}


.referencedetail_list3 li .title {
    margin-top: 10px;
    text-align: center;
}

.referencedetai_box2 {
    position: relative;
}
.referencedetai_box2 .gallery {
    position: relative;
    z-index: 2;
}
.referencedetai_box2 .contentr {
    position: absolute;
    z-index: 3;
    left: 10px;
    bottom: 10px;
    padding: 20px;
    background-color: rgba(255,255,255,0.6);
}
.referencedetai_box2 .contentr .title {
    position: relative;
    padding-bottom: 10px;
}
.referencedetai_box2 .contentr .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 41px;
    height: 3px;
    background-color: var(--color-primary-d6000f);
}
.referencedetai_box2 .contentr .ismorebx,
.referencedetai_box2 .contentr .desc {
    margin-top: 14px;
}
.referencedetai_box2 .contentr .ismorebx .morelk {
    display: block;
}



@media (min-width: 961px) {
    .referencedetail_list4,
    .referencedetail_list3,
    .referencedetai_box2 {
        margin-top: 40px;
    }
    .referencedetai_box2 {
        min-height: 24vw;
    }
    .referencedetail_list4 {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(4, 1fr);
        align-items: stretch;
    }
    .referencedetail_list4 li {
        padding-bottom: 30px;
    }
    .referencedetai_box2,
    .referencedetail_list3 li .pic,
    .referencedetail_list3 .pic img,
    .referencedetai_box2 .gallery img,
    .referencedetai_box2 .contentr {
        border-radius: 20px;
    }
    .referencedetai_box2 .contentr {
        left: 3vw;
        bottom: 3vw;
        width: 380px;
    }
    .referencedetai_box2 .contentr .title::after {
        width: 41px;
        height: 3px;
    }
    .referencedetai_box2 .contentr .ismorebx {
        margin-top: 40px;
    }
    .referencedetail_list3 {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }
}

@media (max-width: 960px) {
    
    .reference_lines {
        height: 40px;
    }
    .reference_lines .sline {
        height: 16px;
    }

    @keyframes moveUpDown {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(24px);
        }
        100% {
            transform: translateY(0);
        }
    }

    .referencedetai_box2,
    .referencedetail_list4,
    .referencedetail_list4 li,
    .referencedetail_list3,
    .referencedetail_list3 li {
        margin-top: 20px;
    }
    .referencedetail_list4 li:first-child,
    .referencedetail_list3 li:first-child {
        margin-top: 0;
    }

    
    .referencedetai_box2 .gallery img {
        min-height: 300px;
    }
    .referencedetai_box2 .contentr {
        right: 20px;
    }
}





.engineeringlistrin .itemr {
    border-radius: 20px;
    background-color: #F0F0F0;
}
.engineeringlistrin .itemr .title {
    margin-top: 10px;
    margin-bottom: 10px;
}




@media (min-width: 961px) {
    .engineeringlistrin .itemr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 5vw;
        padding-right: 4vw;
        border-radius: 40px;
        margin-top: 3vw;
    }
    .engineeringlistrin .itemr:nth-child(2n+1) {
        flex-direction: row-reverse;
    }
    .engineeringlistrin .itemr .gallery {
        width: 41%;
        max-width: 500px;
    }
    .engineeringlistrin .itemr .contentr {
        width: 59%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .engineeringlistrin .itemr:nth-child(2n+1) .contentr {
        padding-right: 20px;
    }
    .engineeringlistrin .itemr:nth-child(2n) .contentr {
        padding-left: 20px;
    }
    .engineeringlistrin .itemr .title {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .engineeringlistrin .itemr .ismorebx {
        margin-top: 2.5vw;
    }
}

@media (max-width: 960px) {
    .engineeringlistrin .itemr {
        padding: 20px;
        padding-top: 10px;
        margin-top: 20px;
    }
    .engineeringlistrin .itemr .sfg img {
        height: 30px;
    }
    .engineeringlistrin .itemr .ismorebx {
        margin-top: 20px;
    }
}




.engineeringdetail_topr .gallery img,
.engineeringdetail_topr .contentr {
    border-radius: 10px;
}

.engineeringdetail_topr .contentr {
    background-color: #F0F0F0;
}
.engineeringdetail_topr .tablistr li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.engineeringdetail_topr .tablistr .infor {
    flex: 1;
}
.engineeringdetail_topr .contentr,
.productsdetailTopr .rightcont {
    position: relative;
}
.engineeringdetail_topr .contentr .fboxr,
.productsdetailTopr .rightcont .fboxr {
    position: relative;
    z-index: 3;
}
.engineeringdetail_topr .contentr .bgr,
.productsdetailTopr .rightcont .bgr {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
}
.productsdetailTopr .rightcont .bgr {
    width: 90%;
}

.engineeringdetail_topr .tablistr li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;;
}
.engineeringdetail_topr .contentr .infor {
    flex: 1;
    padding-left: 10px;
}

.engineeringdetail_topr .tablistr li:first-child {
    padding-top: 0;
}

.engineeringdetail_bot_content {
    margin-top: 10px;
}

@media (min-width: 961px) {
    .engineeringdetail_topr {
        display: flex;
        justify-content: space-between;
    }
    .engineeringdetail_topr .gallery img,
    .engineeringdetail_topr .contentr {
        border-radius: 20px;
    }
    .engineeringdetail_topr .gallery {
        width: 64.3%;
    }
    .engineeringdetail_topr .contentr {
        width: 34%;
        padding: 40px;
    }

    .engineeringdetail_topr {
        margin-bottom: 60px;
    }
}

@media (max-width: 960px) {
    .engineeringdetail_topr .contentr {
        margin-top: 20px;
        padding: 20px;
    }
    .engineeringdetail_topr {
        margin-bottom: 30px;
    }
}







.productsdetailbannerwrapper .probgr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.productsdetailbannerwrapper .probgr img {
    display: block;
    width: 100%;
    height: 100%;
}
.productsdetailbannerwrapper .profboxr {
    padding-bottom: 30px;
}
.productsdetailbannerwrapper .profboxr .progallery {
    position: relative;
}
.productsdetailbannerwrapper .profboxr .progallery img {
    display: block;
    width: 100%;
}
.productsdetailbannerwrapper .allbtnshow {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.productsdetailbannerwrapper .bannerbusjtin {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
}
.productsdetailbannerwrapper .banner-left {
    transform: rotate(180deg);
}
.productsdetailbannerwrapper .banner-page {
    width: auto;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #F0F0F0;
    border: 1px solid #D9D9D9;
}
.productsdetailbannerwrapper .banner-page .swiper-pagination-bullet {
    margin: 0 3px;
    opacity: .6;
    border-radius: 10px;
    background-color: var(--color-primary-d6000f);
    transition: all .3s;
}
.productsdetailbannerwrapper .banner-page .swiper-pagination-bullet-active {
    opacity: 1;
}
.productsdetailbannerwrapper .banner-page .swiper-pagination-bullet:only-child {
    display: block !important;
}
.productsdetailbannerwrapper .procontentr {
    color: #333;
}
.productsdetailbannerwrapper .title {
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
}
.productsdetailbannerwrapper .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background-color: var(--color-primary-d6000f);
}
.productsdetailbannerwrapper .infor {
    margin-top: 20px;
    font-weight: bold;
}
.productsdetailbannerwrapper .infor .fontsize40 {
    vertical-align: baseline;
    color: var(--color-primary-d6000f);
}


@media (min-width: 961px) {
    .productsdetailbannerwrapper .probgr img {
        border-bottom-right-radius: 50px;
    }
    .productsdetailbannerwrapper .profboxr {
        display: flex;
        justify-content: space-between;
    }
    .productsdetailbannerwrapper .profboxr .proleftr {
        width: 37%;
        display: flex;
        align-items: center;
    }
    .productsdetailbannerwrapper .profboxr .progallery {
        width: 43%;
    }
    .productsdetailbannerwrapper .procontentr .morelk .lk {
        width: 206px;
    }
    .productsdetailbannerwrapper .bannerbusjtin {
        width: 48px;
        height: 48px;
    }
    .productsdetailbannerwrapper .banner-page {
        height: 48px;
        border-radius: 60px;
    }
    .productsdetailbannerwrapper .banner-page .swiper-pagination-bullet {
        width: 20px;
        height: 8px;
    }
    .productsdetailbannerwrapper .banner-page .swiper-pagination-bullet-active {
        width: 40px;
    }
    .productsdetailbannerwrapper .title {
        padding-bottom: 20px;
    }
    .productsdetailbannerwrapper .morelk {
        margin-top: 4.5vw;
    }
}

@media (max-width: 960px) {
    .productsdetailbannerwrapper .probgr img {
        border-bottom-right-radius: 30px;
    }
    .productsdetailbannerwrapper .procontentr {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .productsdetailbannerwrapper .title::after {
        width: 40px;
    }
    .productsdetailbannerwrapper .morelk {
        margin-top: 20px;
    }
    .productsdetailbannerwrapper .banner-page {
        min-width: 10px;
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 20px;
    }
    .productsdetailbannerwrapper .banner-page .swiper-pagination-bullet {
        width: 10px;
        height: 4px;
    }
    .productsdetailbannerwrapper .banner-page .swiper-pagination-bullet-active {
        width: 20px;
    }
    .productsdetailbannerwrapper .profboxr .progallery {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}


.productsdetailTopr .rightcont .title,
.productsdetailTopr .fboxr,
.productsdetailTopr .ccbbx {
    position: relative;
}
.productsdetailTopr {
    border-bottom: 1px solid #D9D9D9;
}

.productsdetailTopr .swiper-container {
    width: 100%;
}
.productsdetailTopr .swiper-bigallery {
    max-width: 795px;
    margin: auto;
}
.productsdetailTopr .swiper-smallgallery,
.productsdetailTopr .smallgallery img,
.swiper-smallgallery img {
    border-radius: 10px;
}
.productsdetailTopr .swiper-bigallery,
.productsdetailTopr .bigallery img,
.productsdetailTopr .rightcont {
    border-radius: 20px;
}
.productsdetailTopr .bigallery {
    overflow: hidden;
}
.productsdetailTopr .smallgallery img {
    width: 100%;
    max-height: 100%;
}
.productsdetailTopr .swiper-slide img {
    border: 1px solid transparent;
    transition: all .3s;
}
.productsdetailTopr .swiper-slide-thumb-active img {
    border-color: var(--color-primary-d6000f);
}

.productsdetailTopr .banner-left,
.productsdetailTopr .banner-right {
    border-color: #D9D9D9;
    background-color: #D9D9D9;
    background-size: 16px;
    background-image: url(../images/icon/i_jt_right_g.svg);
}
.productsdetailTopr .banner-left.swiper-button-lock,
.productsdetailTopr .banner-right.swiper-button-lock {
    display: none;
}
.productsdetailTopr .banner-page .swiper-pagination-bullet {
    opacity: .6;
    background-color: #fff;
}
.productsdetailTopr .banner-page .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: var(--color-primary-d6000f);
}

.productsdetailTopr .rightcont .title {
    padding: 0;
    margin: 0;
}
.productsdetailTopr .rightcont .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    background-color: var(--color-primary-d6000f);
}



@media (min-width: 961px) {
    .productsdetailTopr {
        padding-bottom: 3.6vw;
        margin-bottom: 3vw;
    }
    .productsdetailTopr .ccbbx {
        display: flex;
        justify-content: space-between;
    }
    .productsdetailTopr .smallgallery {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .productsdetailTopr .bigallery {
        flex: 1;
    }
    .productsdetailTopr .swiper-smallgallery .swiper-slide {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .productsdetailTopr .banner-left,
    .productsdetailTopr .banner-right {
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }
    .productsdetailTopr .rightcont .morelk {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
    }
    .productsdetailTopr .rightcont .fboxr {
        height: 100%;
    }
}

@media (min-width: 1801px) {
    .productsdetailTopr .swiper-smallgallery {
        height: 530px;
    }
}
@media (max-width: 1800px) and (min-width: 1301px) {
    .productsdetailTopr .swiper-smallgallery {
        height: 29.2vw;
    }
}
@media (max-width: 1300px) and (min-width: 1201px) {
    .productsdetailTopr .swiper-smallgallery {
        height: 28vw;
    }
}
@media (max-width: 1200px) and (min-width: 961px) {
    .productsdetailTopr .swiper-smallgallery {
        height: 27vw;
    }
}

@media (min-width: 1601px) {
    .productsdetailTopr .banner-page {
        bottom: 30px;
    }
    .productsdetailTopr .smallgallery {
        width: 150px;
    }
    .productsdetailTopr .bigallery {
        padding-right: 38px;
        padding-left: 188px;
    }
    .productsdetailTopr .rightcont {
        width: 27%;
        padding: 35px;
    }
    .productsdetailTopr .rightcont .fboxr {
        padding-bottom: 80px;
    }
    .productsdetailTopr .rightcont .infor {
        margin-top: 30px;
    }
    .productsdetailTopr .rightcont .title {
        padding-left: 20px;
    }
    .productsdetailTopr .rightcont .title::before {
        height: 30px;
    }
    .productsdetailTopr .rightcont .morelk .lk .gitr {
        margin-left: 30px;
    }
    .productsdetailTopr .banner-left {
        left: 30px;
    }
    .productsdetailTopr .banner-right {
        right: 30px;
    }
}
@media (max-width: 1600px) and (min-width: 961px) {
    .productsdetailTopr .banner-page {
        bottom: 20px;
    }
    .productsdetailTopr .smallgallery {
        width: 120px;
    }
    .productsdetailTopr .bigallery {
        padding-left: 150px;
        padding-right: 30px;
    }
    .productsdetailTopr .rightcont {
        padding: 25px;
        width: 27%;
    }
    .productsdetailTopr .rightcont .fboxr {
        padding-bottom: 60px;
    }
    .productsdetailTopr .rightcont .infor {
        margin-top: 20px;
    }
    .productsdetailTopr .rightcont .title {
        padding-left: 16px;
    }
    .productsdetailTopr .rightcont .title::before {
        height: 20px;
    }
    .productsdetailTopr .rightcont .morelk .lk .gitr {
        margin-left: 20px;
    }
    .productsdetailTopr .banner-left {
        left: 20px;
    }
    .productsdetailTopr .banner-right {
        right: 20px;
    }
}
@media (max-width: 960px) {
    .productsdetailTopr {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .productsdetailTopr .banner-left {
        left: 10px;
    }
    .productsdetailTopr .banner-right {
        right: 10px;
    }
    .productsdetailTopr .rightcont,
    .productsdetailTopr .smallgallery {
        margin-top: 20px;
    }
    .productsdetailTopr .rightcont {
        padding: 20px;
    }
    .productsdetailTopr .rightcont .infor {
        margin-top: 14px;
    }
    .productsdetailTopr .rightcont .title {
        padding-left: 16px;
    }
    .productsdetailTopr .rightcont .title::before {
        top: 7px;
        width: 3px;
        height: 16px;
    }
    .productsdetailTopr .rightcont .morelk {
        margin-top: 14px;
    }
    .productsdetailTopr .rightcont .morelk .lk .gitr {
        margin-left: 10px;
    }
}




.xx_subtitle_De {
    color: var(--color-primary-d6000f);
}


.productsdetailDescription .contentboxtr {
    position: relative;
}
.productsdetailDescription .xxitemr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 2;
    transition: all 1s;
}
.productsdetailDescription .xxitemr iframe {
    width: 100%;
}
.productsdetailDescription .xxitemr.active {
    opacity: 1;
    z-index: 5;
}

.productsdetailDescription .clickbtnr {
    display: flex;
    justify-content: center;
}
.productsdetailDescription .clickbtnr .tb .w {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    color: var(--color-primary-d6000f);
    border-radius: 20px;
    border: 1px solid var(--color-primary-d6000f);
}
.productsdetailDescription .clickbtnr .tb:hover .w,
.productsdetailDescription .clickbtnr .tb.active .w {
    color: #fff;
    background-color: var(--color-primary-d6000f);
}
.productsdetailDescription .xxitemr video,
.productsdetailDescription .xxitemr {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    /* background: rgba(0,0,0,0.25); */
}
.productsdetailDescription .clickbtnr .tb {
    margin-left: 20px;
}
.productsdetailDescription .clickbtnr .tb:first-child {
    margin-left: 0;
}
.productsdetailDescription .clickbtnr .tb .w {
    cursor: pointer;
}

.productsdetailDescription .xxitemr #display3D {
    width: 100%;
    height: 100%;
}

@media (min-width: 961px) {
    .productsdetailSpecification {
        margin-top: 4vw;
    }
    .productsdetailOptions,
    .productsdetailDimensions {
        margin-top: 3vw;
    }
    .productsdetailReferences {
        margin-top: 5vw;
    }

    .productsdetailDescription .clickbtnr,
    .productsdetailallcotent_content .contentr,
    .productsdetailReferences .contentr,
    .productsdetailDescription .contentboxtr {
        margin-top: 2vw;
    }

    /* .productsdetailDescription {
        display: flex;
        justify-content: space-between;
    }
    .productsdetailDescription .leftr {
        flex: 0 0 200px;
    }
    .productsdetailDescription .rightr {
        flex: 1;
        padding-left: 4vw;
    } */
}
@media (min-width: 1501px) {
    .productsdetailDescription .contentboxtr,
    .productsdetailDescription .xxitemr iframe,
    .productsdetailDescription .xxitemr video,
    .productsdetailDescription .xxitemr {
        height: 520px;
    }
}
@media (max-width: 1500px) and (min-width: 961px) {
    .productsdetailDescription .contentboxtr,
    .productsdetailDescription .xxitemr iframe,
    .productsdetailDescription .xxitemr video,
    .productsdetailDescription .xxitemr {
        height: 450px;
    }
}

@media (max-width: 960px) {
    .productsdetailDescription .clickbtnr,
    .productsdetailDescription .contentboxtr,
    .productsdetailDescription .rightr,
    .productsdetailallcotent_content .contentr,
    .productsdetailReferences .contentr {
        margin-top: 20px;
    }
    .productsdetailSpecification,
    .productsdetailOptions,
    .productsdetailDimensions,
    .productsdetailReferences {
        margin-top: 40px;
    }

    .productsdetailDescription .contentboxtr,
    .productsdetailDescription .xxitemr iframe,
    .productsdetailDescription .xxitemr video,
    .productsdetailDescription .xxitemr {
        height: 300px;
    }
}



.prod_specificationlistrin .itemr {
    padding: 20px;
    background-color: #F0F0F0;
    border-radius: 20px;
}
.prod_specificationlistrin .itemr .title {
    color: #333;
    font-weight: bold;
}
.prod_specificationlistrin .itemr .title img {
    height: 12px;
    vertical-align: middle;
    margin-right: 10px;
}
.prod_specificationlistrin .itemr .desc {
    padding-left: 26px;
    margin-top: 10px;
}


@media (min-width: 961px) {
    .productsdetailDescription .clickbtnr .tb .w {
        padding-left: 40px;
        padding-right: 40px;
        line-height: 40px;
        border-radius: 40px;
    }
    .prod_specificationlistrin {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
        grid-gap: 20px;
    }
    .prod_specificationlistrin .itemr {
        padding: 30px;
        padding-bottom: 40px;
    }
}

@media (max-width: 960px) {
    .prod_specificationlistrin .itemr {
        margin-top: 10px;
    }
    .prod_specificationlistrin .itemr:first-child {
        margin-top: 0;
    }
    .prod_specificationlistrin .itemr .title img {
        height: 6px;
        margin-right: 6px;
    }
    .prod_specificationlistrin .itemr .desc {
        padding-left: 12px;
    }
}





.productsdetailOptions .contentr {
    border-top: 1px solid #D9D9D9;
}


@media (min-width: 961px) {
    .productsdetailOptions .contentr {
        padding-top: 2vw;
    }
    .productsdetailOptions .contentr .allcontentwrapper {
        max-width: 930px;
    }
}

@media (max-width: 960px) {
    .productsdetailOptions .contentr {
        padding-top: 20px;
    }
}




.productsdetailDimensions .contentr .allcontentwrapper {
    overflow: auto;
}

.productsdetailDimensions .contentr .allcontentwrapper::-webkit-scrollbar-track-piece {
    height: 2px;
    background-color: #E0E0E0
}

.productsdetailDimensions .contentr .allcontentwrapper::-webkit-scrollbar {
    height: 2px;
    background-color: rgba(214, 3, 18, .5)
}

.productsdetailDimensions .contentr .allcontentwrapper::-webkit-scrollbar-thumb {
    height: 2px;
    background-color: rgba(214, 3, 18, .5)
}

.productsdetailDimensions .contentr .allcontentwrapper::-webkit-scrollbar-thumb:hover {
    height: 2px;
    background-color: rgba(214, 3, 18, 1)
}

.productsdetailReferences {
    position: relative;
}

.productsdetailReferences .prod_col_00 .rightr,
.productsdetailReferences .prod_col_00 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productsdetailReferences .bannerbusjtin {
    border-color: #D9D9D9;
    background-image: url(../images/icon/i_jt_more_g2.svg);
}
.productsdetailReferences .bannerbusjtin:hover {
    background-color: transparent;
    background-image: url(../images/icon/i_jt_more_r.svg);
}

.productsdetailReferences .itemr .ztitle {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    width: 100%;
    padding: 10px;
    padding-top: 0;
    color: #fff;
}

@media (min-width: 961px) {
    .productsdetailReferences .bannerbusjtin.banner-right {
        margin-left: 20px;
    }
    .productsdetailReferences .itemr .ztitle {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 30px;
    }
    .productsdetailReferences .itemr .ztitle::after {
        display: none;
    }
}

@media (max-width: 960px) {
    .productsdetailReferences .bannerbusjtin.banner-right {
        margin-left: 10px;
    }
    .productsdetailReferences .container2 {
        padding-right: 5%;
    }
}


.careerslistrin .itemr {
    display: none;
}

.careerslistrin .itemr .morelk_t .lk .gitr {
    width: 14px;
}
.careerslistrin .itemr .morelk_t .lk .allpj {
    transform: translateX(-14px);
    -webkit-transform: translateX(-14px);
}



.careerslistrin .itemr .itmlk {
    cursor: pointer;
}

.careerslistrin .itemr .data-html {
    display: none;
}

.careerdetailwrapper .contentr {
    margin-top: 20px;
}
.careerdetailwrapper .contentr .coltitle:first-child {
    margin-top: 0;
}

.opshowcur {
    opacity: 0;
    animation-delay: 1.5s;
}
.opshowcur2 {
    animation: opshowcur 2s ease both;
}
@keyframes opshowcur {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.frame-box {
    display: none;
}
.careerdetailwrapper {
    height: 100%;
    overflow: auto;
}

.frame-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.frame-box .box {
    position: absolute;
    left: calc((100% - 1200px) / 2);
    top: 100px;
    width: 1200px;
    height: calc(100vh - 200px);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.frame-box .iclose {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
}



.bannerwrapper .pic {
    position: absolute;
    z-index: -1;
}
.bannerwrapper .pic img {
    display: block;
    width: 100%;
}

.bannerwrapper .pic1 {
    left: 26%;
    top: 12%;
    width: 41%;
    /* max-width: 782px; */
}

.bannerwrapper .pic2 {
    top: 16%;
    left: 33%;
    width: 37%;
    /* max-width: 694px; */
}

/* .bannerwrapper .pic1 img {
    animation: rotateYshow 5s ease both;
}
.bannerwrapper .pic2 img {
    animation: rotateYshow2 5s ease both;
    animation-delay: 0.1s;
}
.bannerwrapper2 .pic1 img {
    animation: radiusRotate 3s ease both;
}
.bannerwrapper2 .pic2 img {
    animation: radiusRotate2 3s ease both;
    animation-delay: 0.1s;
} */
.bannerwrapper .pic1 img {
    animation: rotateYshowxx 5s ease forwards;
    animation-delay: 0.1s;
}
.bannerwrapper .pic2 img {
    animation: rotateYshow2xx 5s ease forwards;
    animation-delay: 0.2s;
}

.bannerwrapper3 .pic2 img {
    animation: rotateYshowxx 5s ease forwards;
    animation-delay: 1.1s;
}



@keyframes rotateYshowxx {
	0% {
		transform: translate(0, 0) rotateY(0deg);
	}
	100% {
		transform: translate(0, 0) rotateY(360deg);
	}
}
@keyframes rotateYshow2xx {
	0% {
		transform: scale(1) translate(0, 0) rotateY(0deg);
	}
	100% {
		transform: scale(1) translate(0, 0) rotateY(-360deg);
	}
}
/* @keyframes rotateYshowxx {
	0% {
		transform: translate(0, 0) rotateY(0deg);
	}
	50% {
		transform: translate(-60px, 0) rotateY(180deg);
	}
	100% {
		transform: translate(0, 0) rotateY(0deg);
	}
}
@keyframes rotateYshow2xx {
	0% {
		transform: scale(1) translate(0, 0) rotateY(0deg);
	}
	50% {
		transform: scale(1.05) translate(60px, 0) rotateY(-180deg);
	}
	100% {
		transform: scale(1) translate(0, 0) rotateY(0deg);
	}
} */

/* ============ */
@keyframes rotateYshow {
	0% {
		transform: translate(0, 0) rotateY(0deg);
	}
	50% {
		transform: translate(-60px, 0) rotateY(45deg);
	}
	100% {
		transform: translate(0, 0) rotateY(0deg);
	}
}
@keyframes rotateYshow2 {
	0% {
		transform: scale(1) translate(0, 0) rotateY(0deg);
	}
	50% {
		transform: scale(1.05) translate(60px, 0) rotateY(-45deg);
	}
	100% {
		transform: scale(1) translate(0, 0) rotateY(0deg);
	}
}
@keyframes radiusRotate {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(45deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes radiusRotate2 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-45deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes scaleSkew {
    0% {
        transform: scale(1) skew(0deg, 0deg);
    }

    50% {
        transform: scale(1.05) skew(0, -10deg);
    }

    100% {
        transform: scale(1) skew(0deg, 0deg);
    }
}

@keyframes scaleSkew2 {
    0% {
        transform: scale(1) skew(0deg, 0deg);
    }

    50% {
        transform: scale(1) skew(0deg, 10deg);
    }

    100% {
        transform: scale(1) skew(0deg, 0deg);
    }
}

.siteheader .topr .menur .item_Products .submenu .listspro .gallery,
.productslistrin .itemr .gallery,
.referencedetail_list3 li .pic,
.qhseboxHealth .tablistr .itemr .pic,
.qhseboxDescription .tablistr .itemr .pg,
.productsdetailReferences .itemr .gallery,
.engineeringlistrin .itemr .pic,
.referencelistrin .itemr .gallery,
.aboutProfilebox .piclist .pic,
.newslistr .contentr .gallery .pic {
    overflow: hidden;
}

.aboutServicephilosophy .tablistr .itemr .pic img,
.referencedetail_list3 li .pic img,
.qhseboxHealth .tablistr .itemr .pic img,
.qhseboxDescription .tablistr .itemr .pg img,
.engineeringlistrin .itemr .gallery img,
.productsdetailReferences .itemr .gallery img,
.aboutProfilebox .piclist .pic img,
.siteheader .topr .menur .item_Products .submenu .listspro .gallery img,
.productslistrin .itemr .gallery img,
.bannerwrapper .ztcontent img,
.newslistr .contentr .gallery .pic img,
.homeReference .logolist .it img,
.homeReference .tablistr .pic img,
.homeProducts .tablistr .pic img {
    transition: all .56s;
}

.referencedetail_list3 li:hover img,
.qhseboxHealth .tablistr .itemr:hover .pic img,
.qhseboxDescription .tablistr .itemr .pg:hover img,
.productsdetailReferences .itemr .lk:hover .gallery img,
.engineeringlistrin .itemr .pic:hover img,
.aboutProfilebox .piclist .pic:hover img,
.siteheader .topr .menur .item_Products .submenu .listspro .lk:hover .gallery img,
.productslistrin .itemr .lk:hover .gallery img,
.newslistrin .contentr:hover .gallery .pic img,
.newshot .contentr .gallery .pic:hover img,
.homeReference .logolist .it:hover img,
.homeReference .tablistr .pic:hover img,
.homeProducts .tablistr .pic:hover img {
    transform: scale(1.08, 1.08);
}

.aboutServicephilosophy .tablistr .itemr:hover .pic img {
    transform: rotate(360deg);
}

.productsdetailTopr .rightcont .title,
.engineeringlistrin .itemr .title,
.referencedetai_box2 .contentr .title,
.qhseboxDescription .tablistr .itemr .desc,
.productslistrin .itemr .ztitle,
.careerdetailwrapper .subtitle,
.pagination,
.sitefooter .bottomr .w a,
.detail_title,
.newslistr .contentr .title a,
.newslistr .contentr .title,
.careerslistrin .itemr .title,
.homebannerwrapper .title,
.homeProducts .tablistr .itemr .infor .p1,
.homeProducts .toprcol .listr .tb:hover .w,
.homeProducts .toprcol .listr .tb.active .w,
.homeAbout .tablistr .wotd,
.homeNews .tptitle,
.homeNews .tablistr .itemr .title,
.contactlistrin .itemr .title,
.siteheader .topr .menur .item_Products .submenu .cctitle {
    color: #333;
}

.productsdetailTopr .rightcont .title,
.siteheader .topr .menur .item_Products .submenu .cctitle,
.careerdetailwrapper .subtitle,
.careerslistrin .itemr .title,
.engineering_title,
.referencedetai_box2 .contentr .ismorebx,
.referencedetai_box2 .contentr .title,
.qhseboxDocumentation .tablistr .itemr .topr {
    font-weight: bold;
}


.homeProducts .toprcol .listr .w {
    font-weight: 500;
}

.qhseboxHealth .tablistr .itemr .contentr .title,
.siteheader .topr .menur .item_Products .submenu .cctitle,
.fontsize32,
.fontsize40 {
    margin: 0;
    padding: 0;
}

.engineering_title,
.titletopcetr,
.careerdetailwrapper .coltitle,
.cont_z_tit,
.homeProducts .tablistr .itemr .title {
    font-weight: bold;
    color: var(--color-primary-d6000f);
}
.sitefooter .bottomr .w a:hover {
    color: var(--color-primary);
}
.homeProducts .tablistr .itemr .infor .p1 {
    margin-bottom: 0;
    font-weight: 600;
}

.engineering_title,
.cont_z_tit {
    text-align: center;
}

.newslistr .contentr .desc p,
.engineeringdetail_topr .contentr .infor p,
.engineeringlistrin .itemr .desc p,
.homeProducts .tablistr .itemr .infor .p2,
.qhseboxDescription .tablistr .itemr .desc p {
    margin: 0;
}

.siteheader .topr .menur .item_Products .submenu .listspro .title,
.newslistr .contentr .desc,
.newslistr .contentr .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.homeNews .tablistr .itemr .title,
.referencelistrin .itemr .ztitle .tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.homeNews .tablistr .itemr .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


@media (min-width: 961px) {
    .careerdetailwrapper .subtitle,
    .newslistr .contentr .title {
        line-height: 36px;
    }
    
    .cc_title_zg {
        /* font-size: 3.6vw; */
        font-size: 3vw;
    }

    /* .careersbannerwrapper .cc_title_zg {
        font-size: 2vw;
    } */

    /* .careersbannerwrapper .cc_title_sub {
        font-size: 1.4vw;
        font-size: 1.9vw;
    } */

    .homeReference .tablistr .itemr.active .morelk_t {
        font-size: 16px;
    }
    .homeNews .tablistr .itemr .lk:hover .desc {
        -webkit-line-clamp: 2;
    }
    .aboutProfilebox .tablistr .itemr,
    .homeAbout .tablistr {
        font-size: 16px;
    }
}

@media (min-width: 1601px) {
    body {
        line-height: 1.8;
        font-size: 16px;
    }

    .homeAbout .tablistr .num,
    .fontsize40 {
        line-height: 50px;
    }
    
    .fontsize40 {
        font-size: 34px;
    }

    .productsdetailTopr .rightcont .title {
        line-height: 40px;
    }

    .homeAbout .tablistr .num {
        font-size: 40px;
    }
    .homeAbout .tablistr .itemr:hover .num {
        font-size: 60px;
    }

    .careersbannerwrapper .cc_title_sub,
    .careerdetailwrapper .coltitle,
    .newslistr .contentr .title,
    .fontsize32 {
        line-height: 1.4;
        /* font-size: 32px; */
        font-size: 28px;
    }

    .aboutProfilebox .tablistr .itemr .wotd,
    .homeAbout .tablistr .wotd,
    .fontsize28,
    .homeProducts .toprcol .listr .tb {
        /* font-size: 28px; */
        font-size: 24px;
    }


    .referencelistrin .itemr .ztitle,
    .prod_specificationlistrin .itemr .title,
    .productshot .itemr .ztitle .tit,
    .engineeringlistrin .itemr .title,
    .referencedetai_box2 .contentr .title,
    .qhseboxDocumentation .tablistr .itemr .topr .title,
    .searchlstab,
    .careerdetailwrapper .subtitle,
    .contactlistrin .itemr .title,
    .allcloumn_tw .submenu a,
    .homebannerwrapper .colt,
    .fontsize24,
    .homeProducts .tablistr .itemr .infor .p1,
    .sitefooter .bottomr .w,
    .sitefooter .topr .getquote .lk {
        /* font-size: 24px; */
        font-size: 20px;
    }

    .productsdetailTopr .rightcont .infor,
    .homeReference .listr .tb,
    .referencedetai_box2 .contentr .desc,
    .aboutServicephilosophy .tablistr .itemr,
    .qhseboxDocumentation .zzdesc,
    .searchtop .search_form .search_submit,
    .careerslistrin .itemr .title,
    .newslistr .contentr .desc,
    .homeAbout .tpcontent,
    .sitefooter .bottomr .submenu,
    .homeProducts .tablistr .itemr .infor .p2 {
        /* font-size: 18px; */
        font-size: 16px;
    }

}


@media (max-width: 1600px) and (min-width: 961px) {
    /* body {
        line-height: 1.6;
        font-size: 14px;
    } */

    .fontsize40 {
        font-size: 30px;
    }
    .homeAbout .tablistr .num {
        font-size: 28px;
    }
    .homeAbout .tablistr .itemr:hover .num {
        font-size: 40px;
    }

    .productsdetailTopr .rightcont .title,
    .careerdetailwrapper .coltitle,
    .newslistr .contentr .title,
    .fontsize32 {
        line-height: 30px;
        font-size: 26px;
    }

    .lefttitRightColtopr .fontsize32.coltitle::before {
        height: 30px;
    }

    .homeNews .tablistr .itemr .title,
    .careersbannerwrapper .cc_title_sub {
        font-size: 24px;
    }
    .aboutProfilebox .tablistr .itemr .wotd,
    .homeAbout .tablistr .wotd,
    .fontsize28,
    .homeProducts .toprcol .listr .tb {
        font-size: 20px;
    }
    

    .referencelistrin .itemr .ztitle,
    .prod_specificationlistrin .itemr .title,
    .productshot .itemr .ztitle .tit,
    .engineeringlistrin .itemr .title,
    .referencedetai_box2 .contentr .title,
    .qhseboxDocumentation .tablistr .itemr .topr .title,
    .searchlstab,
    .careerdetailwrapper .subtitle,
    .contactlistrin .itemr .title,
    .allcloumn_tw .submenu a,
    .homebannerwrapper .colt,
    .fontsize24,
    .homeProducts .tablistr .itemr .infor .p1,
    .sitefooter .bottomr .w,
    .sitefooter .topr .getquote .lk {
        font-size: 18px;
    }

    .homeReference .listr .tb,
    .homeProducts .tablistr .itemr .infor .p1,
    .referencelistrin .itemr .ztitle,
    .qhseboxDocumentation .tablistr .itemr .topr .title {
        font-size: 16px;
    }
    
    .referencedetai_box2 .contentr .desc,
    .aboutServicephilosophy .tablistr .itemr,
    .qhseboxDocumentation .zzdesc,
    .searchtop .search_form .search_submit,
    .careerslistrin .itemr .title,
    .newslistr .contentr .desc,
    .homeAbout .tpcontent,
    .sitefooter .bottomr .submenu,
    .homeProducts .tablistr .itemr .infor .p2 {
        /* font-size: 16px; */
        font-size: 14px;
    }

}



@media (max-width: 960px) {
    .cc_title_zg,
    .fontsize40 {
        line-height: 30px;
        font-size: 24px;
    }

    .engineering_title,
    .engineeringlistrin .itemr .title,
    .referencedetai_box2 .contentr .title,
    .aboutProfilebox .tablistr .itemr .wotd,
    .lefttitRightColtopr .coltitle,
    .searchlstab,
    .contactlistrin .itemr .title,
    .newslistr .contentr .title,
    .homeAbout .tablistr .wotd,
    .fontsize28,
    .homeProducts .toprcol .listr .tb,
    .fontsize24,
    .homeProducts .tablistr .itemr .infor .p1,
    .sitefooter .topr .getquote .lk {
        font-size: 18px;
    }
    .productshot .itemr .ztitle .tit {
        font-size: 16px;
    }

    .homeNews .tablistr .itemr .desc {
        margin-top: 4px;
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
}




/* =============== */

.productshot {
    display: none !important;
}

@media (min-width: 1801px) {
}

@media (max-width: 1800px) and (min-width: 961px) {}

@media (max-width: 960px) {}

@media (min-width: 961px) {
    .siteheader .topr .menur .item_Products .submenu .listspro img {
        max-height: 16vw;
    }
    /* .siteheader .topr .menur .item_Products .submenu .listspro {
        grid-template-columns: repeat(3, 1fr);
    } */
    .siteheader .topr .menur .item_Products .submenu .listspro .title {
        margin-top: 20px;
    }
    .aboutQualification {
        padding-bottom: 5.6vw;
    }
}

@media (min-width: 1601px) {
    .siteheader .topr .menur .item_Products .submenu .left {
        width: 376px;
        flex: 0 0 376px;
    }
    .productslistrin .itemr .ztitle {
        margin-top: 30px;
    }
    .lefttitRightColtopr .rightr .it a {
        padding-left: 50px;
        padding-right: 50px;
    }

    /* .bannerwrapper.hasScroll {
        margin-top: 80px;
    } */

    .productslistrin {
        grid-gap: 70px;
    }
    .siteheader .topr .menur .item_Products .submenu .listspro {
        grid-gap: 46px;
    }

    .newslistrin .contentr .flagr,
    .newslistrin .contentr .infor,
    .homeNews .tablistr .itemr .contentr {
        padding-top: 20px;
    }
    .newslistrin .contentr .flagr {
        padding-bottom: 20px;
    }
    .ireturn .lk .pic img {
        width: 37px;
    }
    .homeNews .tablistr .itemr .isjt img {
        width: 40px;
    }
    .engineeringdetail_topr .contentr .pic {
        width: 30px;
        flex: 0 0 30px;
    }
    .productsdetailReferences .itemr .zmot1 {
        height: 40px;
    }
    .productsdetailReferences .itemr .all_x_pic,
    .productsdetailReferences .itemr .all_x_pic .all_pj .pj {
        width: 20px;
        height: 20px;
    }
    .productsdetailReferences .itemr .all_x_pic .all_pj {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
    }
    .newslistr .contentr .desc {
        -webkit-line-clamp: 3;
    }
    
    .referenceCustomerlistrin .itemr .lk {
        min-height: 120px;
    }

    .reference_lines {
        height: 60px;
    }
    .reference_lines .sline {
        height: 20px;
    }

    @keyframes moveUpDown {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(40px);
        }
        100% {
            transform: translateY(0);
        }
    }
}

@media (max-width: 1600px) and (min-width: 961px) {
    .colwrapt .gohome {
        width: 20px;
        height: 20px;
    }
    .ireturn .lk .pic img {
        width: 20px;
    }
    .productslistrin .itemr .ztitle {
        margin-top: 20px;
    }

    .homeNews .tablistr .itemr .isjt img {
        width: 24px;
    }

    .siteheader .topr .menur .item_Products .submenu .listspro .it:nth-child(4) {
        display: none;
    }

    .productsdetailTopr .rightcont .morelk .lk,
    .productsdetailbannerwrapper .procontentr .morelk .lk,
    .referencedetai_box2 .contentr .ismorebx .morelk .lk,
    .engineeringlistrin .itemr .morelk .lk,
    .homeNews .tptitle .ismorebx .morelk .lk,
    .homebannerwrapper .ismorebx .morelk .lk,
    .newshot .contentr .ismorebx .morelk .lk {
        min-width: 110px;
        height: 40px;
        line-height: 38px;
    }
    .productsdetailbannerwrapper .procontentr .morelk .lk {
        width: 160px;
    }

    .homeNews .tptitle .ismorebx .morelk .lk {
        min-width: 120px;
        height: 46px;
        line-height: 44px;
    }

    .searchtop .search_form .all_x_pic .all_pj,
    .productsdetailTopr .rightcont .morelk .lk .allpj,
    .productsdetailbannerwrapper .procontentr .morelk .lk .allpj,
    .referencedetai_box2 .contentr .ismorebx .morelk .lk .allpj,
    .engineeringlistrin .itemr .morelk .lk .allpj,
    .homeNews .tptitle .ismorebx .morelk .lk .allpj,
    .homebannerwrapper .ismorebx .morelk .lk .allpj,
    .newshot .contentr .ismorebx .morelk .lk .allpj {
        transform: translateX(-16px);
        -webkit-transform: translateX(-16px);
    }

    .searchtop .search_form .all_x_pic,
    .searchtop .search_form .all_x_pic .all_pj .pj,
    .productsdetailTopr .rightcont .morelk .lk .gitr,
    .productsdetailTopr .rightcont .morelk .lk .pj,
    .productsdetailbannerwrapper .procontentr .morelk .lk .gitr,
    .productsdetailbannerwrapper .procontentr .morelk .lk .pj,
    .referencedetai_box2 .contentr .ismorebx .morelk .lk .gitr,
    .referencedetai_box2 .contentr .ismorebx .morelk .lk .pj,
    .engineeringlistrin .itemr .morelk .lk .gitr,
    .engineeringlistrin .itemr .morelk .lk .pj,
    .homeNews .tptitle .ismorebx .morelk .lk .gitr,
    .homeNews .tptitle .ismorebx .morelk .lk .pj,
    .homebannerwrapper .ismorebx .morelk .lk .gitr,
    .homebannerwrapper .ismorebx .morelk .lk .pj,
    .newshot .contentr .ismorebx .morelk .lk .gitr,
    .newshot .contentr .ismorebx .morelk .lk .pj {
        width: 16px;
    }
    .searchtop .search_form .all_x_pic,
    .searchtop .search_form .all_x_pic .all_pj .pj {
        height: 16px;
    }


    .siteheader .bgr, .siteheader .infotopr {
        height: 50px;
    }
    .siteheader {
        padding-top: 50px;
    }
    .siteheader .topr .menur .item .w a {
        line-height: 60px;
    }
    .siteheader .topr .logo img {
        height: 60px;
    }
    /* .siteheader.hasScroll .topr .logo img {
        height: 50px;
    } */
    .siteheader.hasScroll .topr,
    .siteheader.hasScroll .infotopr {
        height: 60px;
    }
    .siteheader .topr .menur .item_Products .submenu {
        top: 110px !important;
    }
    .siteheader.hasScroll .topr .menur .item_Products:hover .submenu {
        top: 60px !important;
    }
    .bannerwrapper {
        margin-top: 110px;
    }
    /* .bannerwrapper.hasScroll {
        margin-top: 60px;
    } */

    .siteheader .infotopr .lang,
    .siteheader .infotopr .getinfoall .lk {
        height: 30px;
        line-height: 28px;
    }
    .siteheader.hasScroll .infotopr .searchbxtr .lk {
        width: 30px;
        height: 30px;
    }

    .siteheader .topr .menur .item_Products .submenu .left {
        width: 280px;
        flex: 0 0 280px;
    }
    .siteheader .topr .menur .item_Products .submenu .twolink img {
        max-width: 50px;
        max-height: 50px;
    }
    .siteheader .topr .menur .item_Products .submenu .twolink {
        padding-left: 10px;
        padding-right: 10px;
    }
    .siteheader .topr .menur .item_Products .submenu .listspro {
        margin-top: 20px;
    }
    /* .siteheader .topr .menur .item_Products .submenu .listspro .gallery img {
        max-height: 12vw;
    } */

    .siteheader .infotopr .getinfoall .st {
        margin-top: 4px;
    }

    .siteheader .topr .menur .item_Products .submenu .listspro {
        grid-template-columns: repeat(3, 1fr);
    }
    .siteheader .topr .menur .item_Products .submenu .listspro .it:nth-child(4) {
        display: none;
    }


    .sitefooter .topr {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .sitefooter .topr .flogo img {
        height: 85px;/*70px*/
    }
    .sitefooter .bottomr {
        padding-top: 30px;
    }
    .sitefooter .bottomr .leftr .ttr .p {
        width: 20px;
        flex: 0 0 20px;
    }
    .sitefooter .bottomr .leftr img {
        top: 3px;
    }
    .sitefooter .bottomr .leftr .ttr:hover .p img {
        top: 0;
    }
    .sitefooter .ismorebx .info .x {
        margin-right: 10px;
    }
    .sitefooter .ismorebx .info .x img {
        height: 26px;
    }
    .sitefooter .fcopyright {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .newslistrin .contentr .desc {
        margin-top: 10px;
    }


    .engineeringlistrin .itemr .contentr .sfg img {
        width: 24px;
    }
    .engineeringlistrin .itemr .title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .engineeringdetail_topr .gallery {
        width: 62.3%;
    }
    .engineeringdetail_topr .contentr {
        width: 36%;
        padding: 30px;
        padding-bottom: 10px;
    }
    .engineeringdetail_topr .contentr .pic {
        width: 20px;
        flex: 0 0 20px;
    }

    .homebannerwrapper .banner-page {
        bottom: 24px;
    }
    .homebannerwrapper .banner-page .swiper-pagination-bullet,
    .productsdetailTopr .banner-page .swiper-pagination-bullet {
        height: 5px;
    }
    
    /* .referencewrapper {
        padding-bottom: 3vw;
    } */
    .referencechoose {
        padding-top: 30px;
    }
    .referencechoose .itemr .fcontrol {
        height: 45px;
        padding-left: 14px;
        padding-right: 14px;
        background-size: 16px;
    }

    .referencelistrin {
        row-gap: 30px;
    }
    .referencelistrin .itemr .ztitle {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .referencelistrin .itemr .gallery {
        height: calc(100% - 60px);
    }
    .referencelistrin .itemr .ztitle .zmot {
        flex: 0 0 26px;
        background-position: top 5px center;
    }

    .referenceCustomerlistrin .itemr .lk {
        padding: 14px 20px;
    }
    .productsdetailReferences .itemr .zmot1 {
        height: 26px;
    }
    .productsdetailReferences .itemr .all_x_pic,
    .productsdetailReferences .itemr .all_x_pic .all_pj .pj {
        width: 12px;
        height: 12px;
    }
    .productsdetailReferences .itemr .all_x_pic .all_pj {
        transform: translateX(-12px);
        -webkit-transform: translateX(-12px);
    }

    .referenceCustomerlistrin,
    .siteheader .topr .menur .item_Products .submenu .listspro,
    .homeAbout .tablistr,
    .referencedetail_list3,
    .referencedetail_list4 {
        grid-gap: 20px;
    }
    .referencedetail_list4 .pic {
        width: 25px;
        flex: 0 0 25px;
    }

    .reference_lines {
        height: 40px;
    }
    .reference_lines .sline {
        height: 16px;
    }

    @keyframes moveUpDown {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(24px);
        }
        100% {
            transform: translateY(0);
        }
    }

    .referencedetai_box2 .contentr .ismorebx .morelk {
        display: inline-block;
    }
    .referencedetai_box2 .contentr .ismorebx .morelk .lk .gitr {
        margin-left: 24px;
    }

    .referencechoose .itemr .fcontrol {
        border-radius: 14px;
    }
    .lefttitRightColtopr .rightr .fboxr {
        padding-left: 8px;
        padding-right: 8px;
    }
    .lefttitRightColtopr .rightr .it a {
        height: 55px;
        padding-left: 30px;
        padding-right: 30px;
    }


    .productsdetailReferences .itemr .ztitle {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    /* .productslistrin .gallery img {
        height: 16vw;
    } */
    .productshot .gallery img {
        height: 30vw;
    }
    .productshot .itemr .ztitle {
        left: 30px;
        right: 30px;
        bottom: 20px;
    }

    .productsdetailbannerwrapper .banner-page {
        min-width: 80px;
        height: 30px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 20px;
    }
    .productsdetailbannerwrapper .banner-page .swiper-pagination-bullet {
        width: 12px;
        height: 4px;
    }
    .productsdetailbannerwrapper .banner-page .swiper-pagination-bullet-active {
        width: 20px;
    }
    .productsdetailbannerwrapper .bannerbusjtin {
        width: 30px;
        height: 30px;
        background-size: 12px;
    }
    .prod_specificationlistrin .itemr {
        padding: 14px;
        padding-bottom: 20px;
    }
    .prod_specificationlistrin .itemr .title img {
        height: 8px;
        margin-right: 6px;
    }
    .prod_specificationlistrin .itemr .desc {
        padding-left: 20px;
    }


    .searchtop .search_form .search_field,
    .searchtop .search_form .search_submit {
        height: 40px;
    }
    .searchtop .search_form .search_field {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
    }
    .searchtop .search_form .search_submit {
        flex: 0 0 120px;
        margin-left: 20px;
    }

    .homeReference .tablistr .animation-container,
    .homeReference .tablistr .contentr .morelk_t,
    .homeReference .tablistr .infor {
        padding-left: 12%;
    }

    .homeNews .tablistr .itemr,
    .newslistrin .itemr {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .homeNews .tablistr .itemr .lk,
    .newslistrin .contentr {
        padding: 30px 24px;
    }
    .newslistrin .contentr .flagr,
    .newslistrin .contentr .infor {
        padding-top: 15px;
    }
    .newslistrin .contentr .flagr {
        padding-bottom: 15px;
    }

    .aboutServicephilosophy .tpcontent {
        width: 72%;
    }
    .aboutServicephilosophy .tablistr .itemr .pic img {
        max-height: 40px;
    }

    .allcloumn_tw .submenu a::after {
        height: 3px;
    }
    .allcloumn_tw .submenu a:hover::after,
    .allcloumn_tw .submenu .current a::after {
        width: 66%;
    }

    .engineeringdetail_botr {
        margin-top: 40px;
    }

    .homeReference .logolist .it img,
    .referenceCustomerlistrin .itemr img {
        max-height: 60px;
    }
    .referenceCustomerlistrin .itemr .lk {
        min-height: 88px;
    }
    
    .aboutQualification .bannerbusjtin {
        width: 30px;
        height: 30px;
        background-size: 10px;
    }
}

@media (max-width: 1600px) and (min-width: 1201px) {
}
@media (max-width: 1200px) and (min-width: 961px) {
    .productsdetailTopr .rightcont .title {
        font-size: 20px;
    }
}
@media (max-width: 960px) {
    .colwrapt .gohome {
        width: 20px;
        height: 20px;
    }
    .referenceCustomerlistrin .itemr img,
    .homeReference .logolist .it img {
        max-height: 40px;
    }
    .referenceCustomerlistrin .itemr .lk {
        min-height: 50px;
    }
    .productsdetailTopr .rightcont .title {
        font-size: 20px;
    }
    .aboutQualification .bannerbusjtin {
        background-size: 10px;
    }
}