@charset "UTF-8";

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #ae100d
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 75rem;
    perspective: 75rem
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 75rem;
    perspective: 75rem
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: .0625rem;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: .0625rem;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.3125rem;
    margin-top: -1.3125rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border: .25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-pagination-lock {
    opacity: 0;
    visibility: hidden
}

.swiper-button-disabled {
    opacity: .4;
    pointer-events: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

* {
    box-sizing: border-box
}

input,
select,
textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #878787
}

input:focus {
    outline: 0
}

button,
input,
select,
textarea {
    outline: 0
}

textarea {
    resize: none
}

input,
select,
textarea {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

body {
    font: .875rem/1.5 HarmonyOS Sans SC, PingFang SC, Source Han Sans, Microsoft YaHei, Hiragino Sans GB, sans-serif, Arial;
    position: relative;
    left: 0;
    -webkit-transition: left .4s cubic-bezier(.4, .01, .165, .99);
    transition: left .4s cubic-bezier(.4, .01, .165, .99)
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 5000s ease-out .5s;
    transition: background-color 5000s ease-out .5s
}

section {
    scroll-margin-top: 5.1875rem
}

[class^=icon-] {
    font-family: iconfont !important;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: shareIcon;
    src: url("data:font/ttf;charset=utf-8;base64,AAEAAAAQAQAABAAARkZUTXqjBawAACR0AAAAHEdERUYAJwAXAAAkVAAAAB5PUy8yVzzoewAAAYgAAABgY21hcIYbuw0AAAIsAAABqmN2dCAM8/9aAAAOCAAAACRmcGdtMPeelQAAA9gAAAmWZ2FzcAAAABAAACRMAAAACGdseWbNwujKAAAOUAAAEwxoZWFkCDoioQAAAQwAAAA2aGhlYQetA8cAAAFEAAAAJGhtdHg6uAQdAAAB6AAAAERsb2NhI8gn1gAADiwAAAAkbWF4cAE1AjgAAAFoAAAAIG5hbWU3vFjkAAAhXAAAAkNwb3N0915EDgAAI6AAAACscHJlcKW5vmYAAA1wAAAAlQABAAAAAQAAJceEJV8PPPUAHwQAAAAAANJ/b1EAAAAA0n9vUv/+/7MECgNOAAAACAACAAAAAAAAAAEAAANH/7MAXAQC//4AAAQKAAEAAAAAAAAAAAAAAAAAAAARAAEAAAARAIsABwAAAAAAAgAmADQAbAAAAIoBdwAAAAAABAP+AfQABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAIABgMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZADAAHjyCgOA/4AAXANHAE2AAAABAAAAAAMYAAAAAAAgAAEBdgAiAAAAAAFVAAAD6QAsBAAAQgQAADMEAAEhBAAAJQQAAFYEAQAABAAAkAQAACkEAAAQBAAAdQQAAGEEAv/+BAAAIQAAAAMAAAADAAAAHAABAAAAAACkAAMAAQAAABwABACIAAAAHgAQAAMADgB48ArwGvA68ErwWvBq8HrwivCa8QrxGvEq8gr//wAAAHjwCvAa8DrwSvBa8GrwevCK8JrxCvEa8SryCv///4sP+g/rD8wPvQ+uD58PkA+BD3IPAw70DuUOBgABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywCCNCsAcjQrAAI0KwAEOwB0NRWLAIQyuyAAEAQ2BCsBZlHFktsAUssABDIEUgsAJFY7ABRWJgRC2wBiywAEMgRSCwACsjsQQEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERC2wByyxBQVFsAFhRC2wCCywAWAgILAKQ0qwAFBYILAKI0JZsAtDSrAAUlggsAsjQlktsAksILgEAGIguAQAY4ojYbAMQ2AgimAgsAwjQiMtsAosS1RYsQcBRFkksA1lI3gtsAssS1FYS1NYsQcBRFkbIVkksBNlI3gtsAwssQANQ1VYsQ0NQ7ABYUKwCStZsABDsAIlQrIAAQBDYEKxCgIlQrELAiVCsAEWIyCwAyVQWLAAQ7AEJUKKiiCKI2GwCCohI7ABYSCKI2GwCCohG7AAQ7ACJUKwAiVhsAgqIVmwCkNHsAtDR2CwgGIgsAJFY7ABRWJgsQAAEyNEsAFDsAA+sgEBAUNgQi2wDSyxAAVFVFgAsA0jQiBgsAFhtQ4OAQAMAEJCimCxDAQrsGsrGyJZLbAOLLEADSstsA8ssQENKy2wECyxAg0rLbARLLEDDSstsBIssQQNKy2wEyyxBQ0rLbAULLEGDSstsBUssQcNKy2wFiyxCA0rLbAXLLEJDSstsBgssAcrsQAFRVRYALANI0IgYLABYbUODgEADABCQopgsQwEK7BrKxsiWS2wGSyxABgrLbAaLLEBGCstsBsssQIYKy2wHCyxAxgrLbAdLLEEGCstsB4ssQUYKy2wHyyxBhgrLbAgLLEHGCstsCEssQgYKy2wIiyxCRgrLbAjLCBgsA5gIEMjsAFgQ7ACJbACJVFYIyA8sAFgI7ASZRwbISFZLbAkLLAjK7AjKi2wJSwgIEcgILACRWOwAUViYCNhOCMgilVYIEcgILACRWOwAUViYCNhOBshWS2wJiyxAAVFVFgAsAEWsCUqsAEVMBsiWS2wJyywByuxAAVFVFgAsAEWsCUqsAEVMBsiWS2wKCwgNbABYC2wKSwAsANFY7ABRWKwACuwAkVjsAFFYrAAK7AAFrQAAAAAAEQ+IzixKAEVKi2wKiwgPCBHILACRWOwAUViYLAAQ2E4LbArLC4XPC2wLCwgPCBHILACRWOwAUViYLAAQ2GwAUNjOC2wLSyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsiwBARUUKi2wLiywABawBCWwBCVHI0cjYbAGRStlii4jICA8ijgtsC8ssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAlDIIojRyNHI2EjRmCwBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhIyAgsAQmI0ZhOBsjsAlDRrACJbAJQ0cjRyNhYCCwBEOwgGJgIyCwACsjsARDYLAAK7AFJWGwBSWwgGKwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbAwLLAAFiAgILAFJiAuRyNHI2EjPDgtsDEssAAWILAJI0IgICBGI0ewACsjYTgtsDIssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbABRWMjIFhiGyFZY7ABRWJgIy4jICA8ijgjIVktsDMssAAWILAJQyAuRyNHI2EgYLAgYGawgGIjICA8ijgtsDQsIyAuRrACJUZSWCA8WS6xJAEUKy2wNSwjIC5GsAIlRlBYIDxZLrEkARQrLbA2LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrEkARQrLbA3LLAuKyMgLkawAiVGUlggPFkusSQBFCstsDgssC8riiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAAAAAAAAAAAAAAAAAAAAAAAAMgAyAxj/4QNH/7MDGP/hA0f/swAAACgAKAAoAWQB+gJyAqwD6gRyBQQFhAYeBxgHmAhMCSYJhgACACIAAAEyAqoAAwAHAClAJgAAAAMCAANXAAIBAQJLAAICAU8EAQECAUMAAAcGBQQAAwADEQUPKzMRIREnMxEjIgEQ7szMAqr9ViICZgAAAAUALP/hA7wDGAAWADAAOgBSAF4Bd0uwE1BYQEoCAQANDg0ADmYAAw4BDgNeAAEICAFcEAEJCAoGCV4RAQwGBAYMXgALBAtpDwEIAAYMCAZYAAoHBQIECwoEWRIBDg4NUQANDQoOQhtLsBdQWEBLAgEADQ4NAA5mAAMOAQ4DXgABCAgBXBABCQgKCAkKZhEBDAYEBgxeAAsEC2kPAQgABgwIBlgACgcFAgQLCgRZEgEODg1RAA0NCg5CG0uwGFBYQEwCAQANDg0ADmYAAw4BDgNeAAEICAFcEAEJCAoICQpmEQEMBgQGDARmAAsEC2kPAQgABgwIBlgACgcFAgQLCgRZEgEODg1RAA0NCg5CG0BOAgEADQ4NAA5mAAMOAQ4DAWYAAQgOAQhkEAEJCAoICQpmEQEMBgQGDARmAAsEC2kPAQgABgwIBlgACgcFAgQLCgRZEgEODg1RAA0NCg5CWVlZQChTUzs7MjEXF1NeU15bWDtSO1JLQzc1MToyOhcwFzBRETEYESgVQBMWKwEGKwEiDgIdASE1NCY1NC4CKwEVIQUVFBYUDgIjBiYrASchBysBIiciLgI9ARciBhQWMzI2NCYXBgcOAx4BOwYyNicuAScmJwE1ND4COwEyFh0BARkbGlMSJRwSA5ABChgnHoX+SgKiARUfIw4OHw4gLf5JLB0iFBkZIBMIdwwSEgwNEhKMCAYFCwQCBA8OJUNRUEAkFxYJBQkFBQb+pAUPGhW8HykCHwEMGScaTCkQHAQNIBsSYYg0Fzo6JRcJAQGAgAETGyAOpz8RGhERGhF8GhYTJA4QDQgYGg0jERMUAXfkCxgTDB0m4wAAAgBC/8wDvgM0ADIARABmtQ8BAAEBQEuwGFBYQB4AAQABaAUBAAACUgQBAgILQQYBAwMCUQQBAgILAkIbQB8AAQABaAUBAAMCAE0GAQMCAgNNBgEDAwJRBAECAwJFWUAUNTMBAD47M0Q1RCgkDAkAMgEyBw4rASU2NzYnJicuASsBIg4BFTAdAhQHDgIHDgMHBhURFBcWMyQzMjY/AT4BNTc0LgEFIyIOARURFBY7ATI+ATURNCYDj/6yEwQEBwsXBhYNQQ0VDQEMHR4RBgsMDQcNDRwtAUN1DRYGdwYGAQ0V/P8qDRYMGxQqDRUNHAIAAU8lLR8vKwwNDRUNIyAaCgEaNDMYCRAQEAcOEv5lEw4cAQwLywsXDPQNFgxDDBYN/m0THA0VDQGTFBsAAwAz/7sDzQNHAAoADgAkAH5LsA9QWEAsAAUCCAIFXgABAAAGAQBZBAECBQMCSwAGAAgDBghZBAECAgNPCQcKAwMCA0MbQC0ABQIIAgUIZgABAAAGAQBZBAECBQMCSwAGAAgDBghZBAECAgNPCQcKAwMCA0NZQBcLCyQjHx0bGhcVFBMSEQsOCw4TFCILESsBFAYjIiY1NDYyFgMRMxETNCczFzM2MzIWFREjETQjIgcGFREjAQQ7Ly06Ol43ycV1BKoKBD2FZ33FZEgdBsYC5Ck5OSkrODj8rAJ5/YcBrllyWGeKh/6JAV+JSgwl/pMAAQEh/7oC7wM1ABQAMkAvAAEABgFAAAMCA2kABgAAAQYAWQUBAQICAUsFAQEBAk8EAQIBAkMjERERERMhBxUrARUjIgYdATMHIxEjESM1MzU0NjMyAu9ULiCdFYikiIhwXE8DL44mJ2We/mkBl551ZG0AAAAEACX/ygPXAz4AUABmAH4AigEOthgXAgQBAUBLsBZQWEBDAAoPAQ8KAWYDAgIBBA8BBGQAAAsBBgwABlkSEQINEAEODw0OVwAECQEIBwQIWgAPDwxPAAwMCkEABwcFUQAFBQsFQhtLsBhQWEBAAAoPAQ8KAWYDAgIBBA8BBGQAAAsBBgwABlkSEQINEAEODw0OVwAECQEIBwQIWgAHAAUHBVUADw8MTwAMDAoPQhtARgAKDwEPCgFmAwICAQQPAQRkAAALAQYMAAZZEhECDRABDg8NDlcADAAPCgwPVwAECQEIBwQIWgAHBQUHTQAHBwVRAAUHBUVZWUAmf39/in+KiYiHhoWEg4KBgHRyamhjYF9bVlRQTzIwJSMSMRkgExIrASMiDgEHDgEVFB4BMzA7ATI+ATMOAg8BFA4CFAYVFB4BFw4GBw4BFRQWMzI+AjU0LgQvAS4CND4BNz4DNTQuAiczAxQOASMiJjU0NzY7AjIWOwEyFx4BAwYjIi4CNTQ3PgEzMh4BHQEUDgQlNSMVIxUzFTM1MzUCdfUlQE8gJSctXDwHCAILBAYBAgEBAgIBAQENCg0SESkaKh8lDzArhXpKeUwpBxAOHBIRKwkKCwwKCxgbIQ8RHxQQSh0nUDdec2Y5RAYEAwMCBQICSzZfIS8kPCISGg4tGC5HIAICBQYJAa47d3c7dgM+CB4aH1MpLlI2AQEBBgIDBQEFBAUFBQMRIA4QAQEEBQgKDwkcTSVFYSY/TSoTIh4XGhAOIAgJFhcXCwsSGSkyHx81KBQM/WQkOCFPP1MkEwEBMzwBTCEqQUUfNiARFUpfLQoEDQwODQ2adnY6dnY6AAAFAFb/twOqA0cADgASACAAKAA4AGVAYg4BCj0ABAMEaAADAAIBAwJXBQEBAAcIAQdYDwEIBgEACQgAVxENCxAECQoKCU0RDQsQBAkJClEODAIKCQpFKikUEw8PMjEpOCo4JiUiIR0bEyAUIA8SDxITEREREREREBIWKyUhESEnITUhNSMRIREzEQM1IRUXIg4CFB4CMzI2NCYqAQYUFjI2NCUiDgMVFBYyNjU0LgICHAFy/o8BAR3+447/AMc5AeRVESAXDQ0XIBEjMjL/RzIyRzH+AQ4aFRAIMUcyDhYguQFyVXJV/uT+jv7+AWCvr7MNFyAjIBcOM0cyMkczM0cyCBAVGw4jMzMjEiAXDQAAAAEAAP/gBAADIABGAFVAUj0UBwUCAAYBAB0BAgEqJSEDAwIzAQYFBEAAAQACAAECZgACAwACA2QABQMGAwUGZgAGBwMGB2QAAAAKQQQBAwMHUgAHBwsHQiIjFRImGRcoCBYrAQYHPgE3BgcmIyIOARUUHgEXLgEnDgEVFB4BFyYnFRQWFwYjIicwIy4BJx4BFw4CIyInFjMyPgM1NCc+AT8BPgQEADo/ITAMP0c+WzlhOAEDAYHhTw0PFyocMi1gSRsdBQUKBQkFFGxEJFNdMRkZk69wxIxlMQEIDwcOBw0NCwwCvhoIFDwlJQ5COGE5CBAQCAd0YRg2HCRCNhMCGAJMdA4IAQEBAT9RAhwoFgNeR3eaqVUODQUMBg4GDQ8OEAAAAAACAJD/vwNvA04AKABEACVAIkM1AgA+AAIBAmkAAAEBAE0AAAABUQABAAFFPTwgHxwbAw4rAQ4CFxYXHgI3PgEnJicmPgIeAg4BBwYnJg4BFhcWNz4CLgITPgEnLgIHDgEXFhcOARceATc2Mz4BJyY2NxYBs16LOhUHDgQREwkPCwYLBhEubpWOZSEtbkssLQ8YAxQPODhejDkpgLUNOT4NCDJHJTk+DAULRkYTAhkQAQEOEQIROzsuAzoVgbZfIiAJDAIEBh0OGRxKkGYhLm+VkGYQCgUBFB4ZAQYNFIK1vYw6/gUNYjklNxcIDWI5FRRR6HsQEgIBAxkOacdFGQAAAQAp/70D2AM/AEsAQkA/JBsCAwABQCYBAwE/AAIBAAECAGYAAAMBAANkAAMEAQMEZAAEBGcABQEBBU0ABQUBUQABBQFFQkEXSSErFAYTKwEOAR8BJicmNyU2Jy4BLwEmIyIHMzIXFgcFMAcGFxYXFjMyPwEGBxcWDgEvASYPAQYmNxM2Ji8BLgE2NyU+ATcTNjIXEx4BFwUeAQcC/wkEAgS3cgYGASELDAcYCQlaZKqFCOGVBwf+3wUCBy0xOzmwiAUTLCoCBw8L8RgZ8BASBDUDAwfSCQMMDAEMDwwGfgkXCHYFDA8BFRIHDQEVCAsLGAIQAgPJBwIBBAEBCx4XAgTOBAQBBgMEIAEPD+IMDgEFjA8QiwkNEgEcCQoHwQgQCgEeAgcLAQYREf76DQgCGwIUDQAGABD/5wPwAxkAGAA2AEkAVwBtAIMAeUB2KCclJAQABA0LAgEKOzkMAwYBA0A6AQY9DgEABAMEAANmCQEDBwQDB2QAAQoGCgEGZgAHDQELCgcLWQwPAgoABgoGVQgFAgQEAlEAAgIKBEJZWAEAfHtwb2NhWG1ZbVNSTEtIRj48LywrKh0bFBIKCAAYARgQDisBIgYHDgEVFBcjIicHNy4BNTQ2MzIXFhcwJR4BMzI2NTQmJyYvASYvASYnIyciIyIHDgEVFB4BARQHFycGIyImNTQ2Nz4CMzIWJCYiBw4BFRQWMjc+ATUTMjY3NjU0JicmIyIOAQcGFRQWFx4BNxYyNz4DNTQuAScmIgcOAhUUFgLAV5gsFhcOEkA8fB5AStGTgGNjF/4JCBIKFh0IBwICBAICBAICBgQDAxUPBwcDBwMadBdpMjh8slFGFzE0G36y/i0dKQ4HCB0pDwcHPgkPBg0HBgwSBgoKBA0MCgUKsgwlDQMEBAEDBQQNJQwFBQMGAiNMQSBGJiklEjhmK3xIfLJGRmoKBwcdFQsSBwIBBAEBAgEBAg8HEgsHDQv+2H5OVzEQl2tGdiILDwiW8x0PBxIKFB0OCBEK/uYHBg0QCA8GDQMGBA0PDBMGAwMLDQ0DBwgIBAYKCgQNDQQKCgYJDwAAAAQAdQAAA4oDBQADAAcACwAbAJdACRUUDw4EBgMBQEuwD1BYQDIAAAEAaAABAgIBXAACAAQFAgRYAAUKAQMGBQNXCwkHAwYICAZLCwkHAwYGCE8ACAYIQxtAMQAAAQBoAAECAWgAAgAEBQIEWAAFCgEDBgUDVwsJBwMGCAgGSwsJBwMGBghPAAgGCENZQBsMDAQEDBsMGxoZGBcSEQsKCQgEBwQHEhEQDBErEyEVIQERIRE3IRUhATY3JwYHIyYnBxYXIxUhNYoC6v0WAqr9l1kBt/5JAYopI1ojLpwnMVMzIOYDFQMFVP5gAUj+uPSg/u4/UCFhT2dJIU1CU1MAAAABAGH/tAOPAzgAZABRQBBkXFtTTTcxLxoKBgsCAAFAS7AmUFhAEQMBAQIBaQAAAAJPAAICCwJCG0AWAwEBAgFpAAACAgBNAAAAAk8AAgACQ1lACkhHREM/PhQQBA4rJS4DLwE2Ji8BLgYjIg4FBw4EFzAHDgMHBhQeAj4BNxYXDgQXFB4FNz4CNzMWHwEWPgM1Ni4CLwE+AT8BPgI/AR4CPgI9AQOPBRgbGggIBQ8KCgIhLj40OBUHBhU5Mz8uIQECBQ4HBwQJBR0YGQUBAgUNEiAVFykDChkSDgIBBQsYIDUgDSdQDx4fbgYtQh0RAQINFBUICAkQBgwGBwYBARUgEwwFAt8fPCkhCAksOgcIPmU+LRQLAQELFC0+ZT4BBBAZKxwJBSUnPR8EDCAYEgIgIj43AQUPEyESAgUPDRALBwEBBhwWLAwBAQ0SGQoDEiAUDwMDCxkLFgsRDQMEIiACEhggBwkAAAAH//7/3gQKAycAJQAzAEAATABXAG4AggAZQBYNAQEAAUAAAAEAaAABAQsBQiIhHwIPKzU0Njc+ARcWBwYeATY/ATYyFxYHDgEeARceAhcUDgMuAzceAjc+AScuAgcOARcmNz4BFx4BBw4BJyY3HgE2NzYmJyYGBwY3BhcWNjc2JicmBgEmNjc2FhceAQcOAS4BNzYmJy4BBwYmFyY2NzYeAgcOAScuATc2JgcGJlBJYMcpJBkCBAYKAwNQexoZGQEECgQHITUlASlUbJagm3dOagVckVSApgcFWpZSf6iOGBsbdz0/NxoagT8+GAUnLwwLChQULQsNfQoSCBAEBgcHBxIBBAMQEUaLMTIeFwUdHw4EEBQkJGIxERodAxEMI0MwDgoFGQ0NDgULMSUNGPJBlkhhSykkUwkGAgIBASIjI0IIBgkCAgohPSQnUE43KQYhSGYWN1QoCA2HVDZUKQgNh4Y0NjU2ERBnOjo2FBNFFRIQFBIpCAkRERQ+EwgCBgcIEAIDBgHsEB0CDik4OJFBEA4KHQ8vZicoHQkDEnMPFgMIFTVIIAwOBQUZDSQ1BgMOAAAAAQAh/7MD5QMpACcAP7UIAQQBAUBLsCZQWEAUAgEBAAQAAQRmAAQEZwMBAAAKAEIbQBADAQABAGgCAQEEAWgABARfWbYcIREUFAUTKwEuAicmBzAnJiMUIyYHDgEHDgEeARcWFxYfATM3PgE3PgM3PgEDsRc/SiqUUAEBAQNQlDxqJBoUCigiNSR6oBUGFU6QPAsaExkIRRUCpSU2HwMHbAIBA2wHA0I4KWFlaC5FKYZqDw80ekINHxkfCl7VAAAAAAAMAJYAAQAAAAAAAQAIABIAAQAAAAAAAgAGACkAAQAAAAAAAwAlAHwAAQAAAAAABAAIALQAAQAAAAAABQBGAUsAAQAAAAAABgAIAaQAAwABBAkAAQAQAAAAAwABBAkAAgAMABsAAwABBAkAAwBKADAAAwABBAkABAAQAKIAAwABBAkABQCMAL0AAwABBAkABgAQAZIAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAATQBlAGQAaQB1AG0AAE1lZGl1bQAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABpAGMAbwBuAGYAbwBuAHQAIAA6ACAAMgA4AC0AMQAxAC0AMgAwADEANQAARm9udEZvcmdlIDIuMCA6IGljb25mb250IDogMjgtMTEtMjAxNQAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAVgBlAHIAcwBpAG8AbgAgADEALgAwACAAOwAgAHQAdABmAGEAdQB0AG8AaABpAG4AdAAgACgAdgAwAC4AOQA0ACkAIAAtAGwAIAA4ACAALQByACAANQAwACAALQBHACAAMgAwADAAIAAtAHgAIAAxADQAIAAtAHcAIAAiAEcAIgAgAC0AZgAgAC0AcwAAVmVyc2lvbiAxLjAgOyB0dGZhdXRvaGludCAodjAuOTQpIC1sIDggLXIgNTAgLUcgMjAwIC14IDE0IC13ICJHIiAtZiAtcwAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAAAIAAAAAAAD/UQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAAAEAAgBbAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4HdW5pRjAwQQd1bmlGMDFBB3VuaUYwM0EHdW5pRjA0QQd1bmlGMDVBB3VuaUYwNkEHdW5pRjA3QQd1bmlGMDhBB3VuaUYwOUEHdW5pRjEwQQd1bmlGMTFBB3VuaUYxMkEHdW5pRjIwQQABAAH//wAPAAEAAAAMAAAAFgAAAAIAAQABABAAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA0n9vUQAAAADSf29S") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.social-share-icon {
    font-family: shareIcon
}

.social-share .icon-tencent:before {
    content: "\f07a"
}

.social-share .icon-qq:before {
    content: "\f11a"
}

.social-share .icon-weibo:before {
    content: "\f12a"
}

.social-share .icon-wechat:before {
    content: "\f09a"
}

.social-share .icon-douban:before {
    content: "\f10a"
}

.social-share .icon-heart:before {
    content: "\f20a"
}

.social-share .icon-like:before {
    content: "\f00a"
}

.social-share .icon-qzone:before {
    content: "\f08a"
}

.social-share .icon-linkedin:before {
    content: "\f01a"
}

.social-share .icon-diandian:before {
    content: "\f05a"
}

.social-share .icon-facebook:before {
    content: "\f03a"
}

.social-share .icon-google:before {
    content: "\f04a"
}

.social-share .icon-twitter:before {
    content: "\f06a"
}

.wechat-qrcode {
    display: none;
    border: .0625rem solid #eee;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 12.5rem;
    height: 11.875rem;
    margin-top: -6rem;
    margin-left: -6.25rem;
    color: #666;
    font-size: .75rem;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 .125rem .625rem #aaa;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.wechat-qrcode.bottom {
    top: 2.5rem;
    left: -5.25rem
}

.wechat-qrcode.bottom:after {
    display: none
}

.wechat-qrcode h4 {
    font-weight: 400;
    height: 1.625rem;
    line-height: 1.625rem;
    font-size: .75rem;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.wechat-qrcode .qrcode {
    width: 6.5625rem;
    margin: .625rem auto
}

.wechat-qrcode .qrcode table {
    margin: 0 !important
}

.wechat-qrcode .help p {
    font-weight: 400;
    line-height: 1rem;
    padding: 0;
    margin: 0;
    width: 100%
}

.wechat-qrcode .closeWechat {
    position: absolute;
    right: .3125rem;
    top: .3125rem;
    width: 1rem;
    height: 1rem;
    z-index: 9;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer
}

.wechat-qrcode .closeWechat:after {
    width: .125rem;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -.0625rem;
    content: "";
    display: block;
    background: #666
}

.wechat-qrcode .closeWechat::before {
    width: 100%;
    height: .125rem;
    position: absolute;
    top: 50%;
    margin-top: -.0625rem;
    content: "";
    display: block;
    background: #666
}

.leftOffset {
    left: -16.25rem !important
}

.content1790 {
    width: 111.875rem;
    margin: 0 auto
}

.content1405 {
    width: 87.8125rem;
    margin: 0 auto
}

.content1250 {
    width: 78.125rem;
    margin: 0 auto
}

.commonBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.commonBg img,
.commonBg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.stopScroll {
    overflow: hidden
}

.maskLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem);
    z-index: 9998
}

html {
    font-size: 1rem
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.content-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.content-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-around {
    -webkit-box-pack: distribute;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1 1
}

.flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 5.9375rem;
    line-height: 5.9375rem;
    width: 100%;
    border-bottom: .0625rem solid transparent;
    -webkit-transition: height .6s ease, background-color .6s ease, border-color .6s ease, margin-top .6s ease, box-shadow 6s ease, left .4s cubic-bezier(.4, .01, .165, .99), -webkit-transform .6s ease .2s;
    transition: height .6s ease, background-color .6s ease, border-color .6s ease, margin-top .6s ease, box-shadow 6s ease, left .4s cubic-bezier(.4, .01, .165, .99), -webkit-transform .6s ease .2s;
    transition: height .6s ease, background-color .6s ease, border-color .6s ease, margin-top .6s ease, transform .6s ease .2s, box-shadow 6s ease, left .4s cubic-bezier(.4, .01, .165, .99);
    transition: height .6s ease, background-color .6s ease, border-color .6s ease, margin-top .6s ease, transform .6s ease .2s, box-shadow 6s ease, left .4s cubic-bezier(.4, .01, .165, .99), -webkit-transform .6s ease .2s
}

.header .headerBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 112.5rem;
    margin: 0 auto
}

.header .headerLogo a {
    display: block;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-top: -.375rem
}

.header .headerLogo a img {
    width: auto;
    height: 3.875rem
}

.header .headerLogo a img.active {
    display: none
}

.header .headerMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header .headerMain .headerNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header .headerMain .headerNav>.list {
    margin-right: 2.25rem;
    position: relative
}

.header .headerMain .headerNav>.list:last-child {
    margin-right: 0
}

.header .headerMain .headerNav>.list>a {
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 400;
    font-size: 1.0625rem;
    color: #fff;
    position: relative
}

.header .headerMain .headerNav>.list>a::after {
    position: absolute;
    right: 0;
    bottom: 22%;
    width: 0%;
    height: .25rem;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

.header .headerMain .headerNav>.list:hover .dropDownMenu {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.header .headerMain .headerNav>.list:hover .dropDownMenuList {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateX(-50%) scaleY(1);
    -ms-transform: translateX(-50%) scaleY(1);
    transform: translateX(-50%) scaleY(1)
}

.header .headerMain .headerNav>.list.active>a::after {
    right: auto;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible
}

.header .headerMain .headerOther {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 2.9375rem;
    background: rgba(255, 255, 255, .25);
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem);
    border-radius: 1.4375rem;
    margin-left: 5rem;
    padding: 0 1.3125rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.header .headerMain .headerOther .menusBtn {
    display: none
}

.header .headerMain .headerOther .langBtn {
    position: relative
}

.header .headerMain .headerOther .langBtn .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    cursor: pointer
}

.header .headerMain .headerOther .langBtn .title i {
    font-size: 1.4375rem
}

.header .headerMain .headerOther .langBtn .title span {
    font-size: .875rem;
    margin: 0 .4375rem 0 .25rem
}

.header .headerMain .headerOther .langBtn .title b {
    width: .4375rem;
    height: .3125rem;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0)
}

.header .headerMain .headerOther .langBtn:hover .popup {
    opacity: 1;
    visibility: visible;
    top: 4.3125rem
}

.header .headerMain .headerOther .langBtn .popup {
    position: absolute;
    top: 4.9375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    min-width: 3.4375rem;
    background: #fff;
    border-radius: .375rem;
    padding: .25rem 0;
    box-shadow: 0 .1875rem .75rem #ddd;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden
}

.header .headerMain .headerOther .langBtn .popup::after {
    position: absolute;
    top: .0625rem;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: .625rem;
    height: .375rem;
    background: #fff;
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    content: "";
    display: block
}

.header .headerMain .headerOther .langBtn .popup a {
    display: block;
    font-size: .8125rem;
    color: #333;
    line-height: 1.375rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .125rem;
    text-align: center
}

.header .headerMain .headerOther .langBtn .popup a:first-child {
    border-radius: .375rem .375rem 0 0
}

.header .headerMain .headerOther .langBtn .popup a:last-child {
    margin-bottom: 0;
    border-radius: 0 0 .375rem .375rem
}

.header .headerMain .headerOther .langBtn .popup a:hover {
    color: #ae100d
}

.header .headerMain .headerOther .searchBtn {
    font-size: 1.1875rem;
    color: #fff;
    cursor: pointer
}

.header .headerMain .headerOther .line {
    margin: 0 1.1875rem;
    width: .125rem;
    height: .75rem;
    background: rgba(255, 255, 255, .3)
}

.header.headerDown {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header.headerMask {
    background: #fff;
    border-bottom-color: #e9e9e9
}

.header.headerMask .headerLogo a img.default {
    display: none
}

.header.headerMask .headerLogo a img.active {
    display: inline-block
}

.header.headerMask .headerMain .headerNav>.list>a {
    color: #333
}

.header.headerMask .headerMain .headerNav>.list>a::after {
    background: #ae100d
}

.header.headerMask .headerMain .headerNav>.list.active>a,
.header.headerMask .headerMain .headerNav>.list:hover>a {
    color: #ae100d
}

.header.headerMask .headerMain .headerNav>.list.active>a::after,
.header.headerMask .headerMain .headerNav>.list:hover>a::after {
    right: auto;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible
}

.header.headerMask .headerMain .headerOther {
    background: #454545
}

.header.headerMask .headerMain .headerOther .searchBtn {
    color: #fff;
    border-color: #fff
}

.header.headerMask .headerMain .headerOther .langBtn .title {
    color: #fff;
    border-color: #fff
}

.header.headerMask .headerMain .headerOther .langBtn .title b {
    background: #fff
}

.header.headerBlack .headerLogo a img.default {
    display: none
}

.header.headerBlack .headerLogo a img.active {
    display: inline-block
}

.header.headerBlack .headerMain .headerNav>.list>a {
    color: #333
}

.header.headerBlack .headerMain .headerNav>.list>a::after {
    background: #ae100d
}

.header.headerBlack .headerMain .headerNav>.list.active>a,
.header.headerBlack .headerMain .headerNav>.list:hover>a {
    color: #ae100d
}

.header.headerBlack .headerMain .headerNav>.list.active>a::after,
.header.headerBlack .headerMain .headerNav>.list:hover>a::after {
    right: auto;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible
}

.header.headerBlack .headerMain .headerOther .searchBtn {
    color: #ae100d;
    border-color: #ae100d
}

.header.headerBlack .headerMain .headerOther .langBtn .title {
    color: #ae100d;
    border-color: #ae100d
}

.header.headerBlack .headerMain .headerOther .langBtn .title b {
    background: #ae100d
}

.header.headerBlack .headerMain .headerOther .menusBtn span {
    background: #ae100d
}

.dropDownMenu {
    position: fixed;
    left: 0;
    top: 5.875rem;
    width: 100%;
    padding: 4.375rem 0 6rem;
    background: url(../images/dropDownMenuBg.webp) no-repeat center/cover;
    overflow: hidden;
    min-height: 29.375rem;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.dropDownMenu .dropDownMenuMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft {
    width: 14.125rem;
    min-height: 18.375rem;
    padding-top: .875rem;
    border-right: .0625rem solid rgba(213, 213, 213, .5)
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft .list {
    display: block;
    font-size: 1.0625rem;
    color: #000;
    line-height: 1.5rem;
    margin-bottom: 1.625rem;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-right: -.0625rem
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft .list::after {
    position: absolute;
    right: -.09375rem;
    top: 0;
    width: .1875rem;
    height: 1.5rem;
    background: #d12729;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    content: "";
    display: block
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft .list:last-child {
    margin-bottom: 0
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft .list.active {
    color: #d12729
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft .list.active::after {
    opacity: 1;
    visibility: visible
}

.dropDownMenu .dropDownMenuMain .dropDownMenuLeft .list:hover {
    color: #d12729
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight {
    width: 62.6875rem;
    margin-left: 5.625rem;
    position: relative
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list .content {
    width: 26.4375rem;
    margin-right: 4.6875rem;
    padding-top: 1.5rem
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list .content .title {
    display: block;
    font-weight: 500;
    font-size: 1.5rem;
    color: #000;
    line-height: 1.1;
    margin-bottom: 1.6875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list .content .title:hover {
    color: #ae100d
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list .image {
    width: 31.8125rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list .image img {
    width: 100%;
    height: 18.8125rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.dropDownMenu .dropDownMenuMain .dropDownMenuRight .list .image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.dropDownMenuList {
    position: absolute;
    left: 50%;
    top: 5.875rem;
    background: #fff;
    line-height: 1.2;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateX(-50%) scaleY(0);
    -ms-transform: translateX(-50%) scaleY(0);
    transform: translateX(-50%) scaleY(0);
    height: auto;
    background: #fff;
    box-shadow: 0 .3125rem 2.875rem 0 rgba(174, 16, 13, .3);
    border-radius: 1.25rem;
    padding: 1.9375rem 1.0625rem;
    min-width: 14.25rem
}

.dropDownMenuList a {
    display: block;
    height: 2.3125rem;
    line-height: 2.3125rem;
    background: 0 0;
    border-radius: 1.3125rem;
    color: #2e435a;
    font-size: 1rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0 1.5rem;
    margin-bottom: .625rem;
    white-space: nowrap
}

.dropDownMenuList a:last-child {
    margin-bottom: 0
}

.dropDownMenuList a:hover {
    background: #ae100d;
    color: #fff
}

.dropDownMenuList.dropDownThree {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dropDownMenuList.dropDownThree .secondList {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dropDownMenuList.dropDownThree .secondList a.list.active {
    background: #ae100d;
    color: #fff
}

.dropDownMenuList.dropDownThree .thirdList {
    width: 16.5rem;
    margin-left: 1.0625rem;
    padding-left: 1.0625rem;
    border-left: .0625rem solid #f0f2f6
}

.dropDownMenuList.dropDownThree .thirdList .panel {
    display: none
}

#maskLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem);
    z-index: 9998
}

.mobileHeader {
    display: none
}

.pagingMian .paging {
    text-align: center
}

.pagingMian .paging.smallSize .layui-laypage a,
.pagingMian .paging.smallSize .layui-laypage span {
    width: 2.5625rem;
    height: 2.5625rem;
    line-height: 2.5625rem;
    font-size: .6875rem
}

.pagingMian .paging .layui-laypage {
    margin: 0
}

.pagingMian .paging .layui-laypage a,
.pagingMian .paging .layui-laypage span {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: .8125rem;
    color: #353535;
    padding: 0;
    margin: 0 .46875rem;
    background: #f5f5f7;
    border: 0;
    border-radius: .5rem
}

.pagingMian .paging .layui-laypage a:hover,
.pagingMian .paging .layui-laypage span:hover {
    color: #353535;
    font-weight: 600
}

.pagingMian .paging .layui-laypage-curr {
    font-size: 1.0625rem !important;
    font-weight: 700
}

.pagingMian .paging .layui-laypage-next,
.pagingMian .paging .layui-laypage-prev {
    font-size: .625rem !important;
    font-weight: 700
}

.pagingMian .paging .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #d12729
}

.pagingMian .paging .layui-laypage .layui-laypage-curr em {
    color: #fff
}

.pagingMian .paging .layui-laypage-em {
    border-radius: .5rem
}

.pagingMian .paging.whiteTheme .layui-laypage a,
.pagingMian .paging.whiteTheme .layui-laypage span {
    background: #fff
}

.pagingMian .paging.whiteTheme .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #ae100d
}

.pagingMian .paging.whiteTheme .layui-laypage .layui-laypage-curr em {
    color: #fff
}

.pagingMian .mobileLoadMore {
    display: none
}

.headerSearchformMain {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: none;
    z-index: 9999;
    -webkit-transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, .0625rem);
    transform: translate3d(0, -100%, .0625rem)
}

.headerSearchformMain .headerSearchform {
    background: #fff;
    padding: 3.125rem 0 7.5rem;
    position: relative
}

.headerSearchformMain .headerSearchform form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 61.25rem;
    margin: 0 auto;
    width: 100%;
    position: relative
}

.headerSearchformMain .headerSearchform form input {
    display: block;
    width: 100%;
    height: 3.125rem;
    font-weight: 400;
    font-size: 1rem;
    color: #444;
    border-bottom: .0625rem solid #ccc
}

.headerSearchformMain .headerSearchform form input::-webkit-input-placeholder {
    color: #444
}

.headerSearchformMain .headerSearchform form input::-moz-placeholder {
    color: #444
}

.headerSearchformMain .headerSearchform form input:-ms-input-placeholder {
    color: #444
}

.headerSearchformMain .headerSearchform form input::placeholder {
    color: #444
}

.headerSearchformMain .headerSearchform form input:focus {
    border-color: #d2d2d2 !important;
    box-shadow: none
}

.headerSearchformMain .headerSearchform form input:-internal-autofill-previewed,
.headerSearchformMain .headerSearchform form input:-internal-autofill-selected,
.headerSearchformMain .headerSearchform form input:-webkit-autofill,
.headerSearchformMain .headerSearchform form input:-webkit-autofill:active,
.headerSearchformMain .headerSearchform form input:-webkit-autofill:focus,
.headerSearchformMain .headerSearchform form input:-webkit-autofill:hover {
    box-shadow: none !important;
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s;
    -webkit-transition: background-color 9999s ease-out;
    transition: background-color 9999s ease-out;
    background-color: #eee !important;
    color: #757575 !important
}

.headerSearchformMain .headerSearchform form button {
    display: block;
    position: absolute;
    top: 50%;
    right: -2.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 1.3125rem;
    color: #333;
    border: 0;
    background: 0 0;
    cursor: pointer
}

.headerSearchformMain .headerSearchform form .closeSearch {
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 1.25rem;
    color: #333
}

.headerSearchformMain .headerSearchMask {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    bottom: 1.875rem;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.headerSearchformMain .headerSearchMask::after,
.headerSearchformMain .headerSearchMask::before {
    background: #000;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: .125rem
}

.headerSearchformMain .headerSearchMask::after {
    width: .125rem;
    height: 100%
}

.headerSearchformMain .headerSearchMask::before {
    width: 100%;
    height: .125rem
}

.headerSearchformMain .headerSearchMask:hover {
    -webkit-transform: translateX(-50%) rotate(225deg);
    -ms-transform: translateX(-50%) rotate(225deg);
    transform: translateX(-50%) rotate(225deg)
}

.headerSearchformMain.admission {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.searchResult {
    padding: 3.12506rem 0
}

.searchResult dl {
    border-bottom: .0625rem solid #eee;
    padding-bottom: .62494rem;
    overflow: hidden
}

.searchResult dl dt {
    float: left;
    font-size: .99994rem
}

.searchResult dl dd {
    float: right;
    font-size: .87506rem
}

.searchResultList li,
.searchResultList ul {
    list-style: none
}

.searchResultList li {
    padding: .93756rem 1.25006rem 1.5625rem;
    margin-top: 1.5625rem;
    border-bottom: .0625rem solid #eee;
    background: #f6f6f6
}

.searchResultList li a {
    text-decoration: none;
    color: #333
}

.searchResultList li h3 {
    font-size: 1.125rem;
    line-height: 1.62506rem;
    padding-bottom: .3125rem;
    font-weight: 400
}

.searchResultList li p {
    font-size: .87506rem;
    color: #1a1a1a;
    line-height: 1.5rem
}

#footer {
    padding: 5.25rem 0 0;
    background: #151717
}

#footer.footerHeight {
    padding-top: 15.625rem
}

#footer .footerNav {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.25rem
}

#footer .footerNav dl dt {
    margin-bottom: 1.5625rem
}

#footer .footerNav dl dt a {
    font-weight: 500;
    font-size: 1.125rem;
    color: #fff
}

#footer .footerNav dl dd {
    margin-bottom: 1.5625rem
}

#footer .footerNav dl dd:last-child {
    margin-bottom: 0
}

#footer .footerNav dl dd a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    opacity: .5;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#footer .footerNav dl dd a i {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    font-size: .5625rem;
    color: #fff;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 50%;
    margin-right: .3125rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-1.4375rem);
    -ms-transform: translateX(-1.4375rem);
    transform: translateX(-1.4375rem);
    transition: all .4s ease
}

#footer .footerNav dl dd a i::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#footer .footerNav dl dd a span {
    font-size: 1rem;
    color: #fff;
    -webkit-transform: translateX(-1.4375rem);
    -ms-transform: translateX(-1.4375rem);
    transform: translateX(-1.4375rem);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#footer .footerNav dl dd a:hover {
    opacity: 1
}

#footer .footerNav dl dd a:hover i {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

#footer .footerNav dl dd a:hover span {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#footer .footerShare {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 3.25rem
}

#footer .footerShare .list {
    width: 3.5625rem;
    height: 3.5625rem;
    border-radius: 1.25rem;
    border: .125rem solid rgba(255, 255, 255, .3);
    margin-right: .6875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative
}

#footer .footerShare .list:last-child {
    margin-right: 0
}

#footer .footerShare .list>img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#footer .footerShare .list .popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 5rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6.875rem;
    height: 6.875rem;
    padding: .375rem;
    border-radius: .25rem;
    background: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden
}

#footer .footerShare .list .popup::after {
    position: absolute;
    left: 50%;
    bottom: .0625rem;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: .8125rem;
    height: .4375rem;
    background: #fff;
    -webkit-clip-path: polygon(100% 0, 50% 100%, 0 0);
    clip-path: polygon(100% 0, 50% 100%, 0 0);
    content: "";
    display: block
}

#footer .footerShare .list .popup img {
    width: 100%;
    height: auto
}

#footer .footerShare .list:hover {
    border-color: #fff
}

#footer .footerShare .list:hover .popup {
    opacity: 1;
    visibility: visible;
    bottom: 4.375rem
}

#footer .footerOther {
    padding: 2.5rem 0 1.875rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: .0625rem solid rgba(255, 255, 255, .1)
}

#footer .footerOther:last-child {
    margin-bottom: 0
}

#footer .footerOther .otehr {
    font-weight: 500;
    font-size: .875rem;
    color: rgba(255, 255, 255, .2)
}

#footer .footerOther .otehr a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#footer .footerOther .otehr a:hover {
    color: #fff
}

#footer .footerOther .copyright {
    font-weight: 500;
    font-size: .875rem;
    color: rgba(255, 255, 255, .2)
}

#footer .footerOther .copyright a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#footer .footerOther .copyright a:hover {
    color: #fff
}

.layui-flow-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: .875rem;
    margin: 3.75rem 0 0;
    height: 3.3125rem
}

.layui-flow-more a {
    display: block;
    height: 3.3125rem;
    line-height: 1
}

.layui-flow-more a cite {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 12.1875rem;
    height: 3.3125rem;
    border: .125rem solid rgba(123, 123, 124, .2);
    font-size: .9375rem;
    color: #7b7b7c;
    padding: 0 1.5rem;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: 0 0;
    border-radius: 0;
    opacity: 1
}

.layui-flow-more a cite:hover {
    color: #fff;
    border-color: #ae100d;
    background: #ae100d
}

.layui-flow-more a i {
    width: 3.3125rem;
    height: 3.3125rem;
    position: relative
}

.layui-flow-more a i::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/icon-loading.webp) no-repeat center/cover;
    content: "";
    display: block
}

.videoPopup .layui-layer-setwin {
    top: 3.125rem;
    right: 3.125rem
}

.videoPopup .layui-layer-setwin .layui-layer-close2 {
    right: -1.75rem;
    top: -1.75rem;
    border: 0;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem
}

@media screen and (max-width:767.98px) {
    html {
        font-size: 1rem
    }
}

@media screen and (min-width:768px) and (max-width:1920px) {
    html {
        font-size: clamp(.4rem, .8333vw, 1rem)
    }
}

@media screen and (min-width:1920.02px) {
    html {
        font-size: 1rem
    }
}

@media (max-width:768px) {
    .xs\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xs\:items-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xs\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .xs\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xs\:content-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xs\:content-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .xs\:content-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xs\:content-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xs\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xs\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xs\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xs\:flex-col-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .xs\:flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xs\:flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .xs\:flex-none {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

#banner .bannerImage {
    position: relative
}

#banner .bannerImage .swiper-wrapper .swiper-slide {
    position: relative;
    width: 100%;
    height: 46.354vw;
    overflow: hidden
}

#banner .bannerImage .swiper-wrapper .swiper-slide .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#banner .bannerImage .swiper-wrapper .swiper-slide .image img,
#banner .bannerImage .swiper-wrapper .swiper-slide .image video {
    width: 100%;
    height: 46.354vw;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 5s linear;
    transition: all 5s linear
}

#banner .bannerImage .swiper-wrapper .swiper-slide .image video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content {
    position: absolute;
    left: 0;
    top: 47.6%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    width: 100%
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .title {
    font-weight: 700;
    font-size: 3.375rem;
    color: #fff;
    line-height: 4.375rem; 
    margin-bottom: 1.9375rem;
    opacity: 0
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 3.875rem;
    background: #fff;
    border-radius: 1.9375rem;
    padding: 0 2.375rem;
    font-weight: 500;
    font-size: 1rem;
    color: #1e1e1e;
    opacity: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    content: "";
    display: block;
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
    -webkit-transition: all .45s cubic-bezier(.25, .46, .45, .94);
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
    z-index: 1
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .more span {
    margin-right: 3.375rem;
    position: relative;
    z-index: 2
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .more i {
    position: relative;
    z-index: 2
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .more:hover {
    color: #fff
}

#banner .bannerImage .swiper-wrapper .swiper-slide .content .more:hover::after {
    -webkit-clip-path: circle(141.4% at 100% 100%);
    clip-path: circle(141.4% at 100% 100%)
}

#banner .bannerImage .swiper-wrapper .swiper-slide.swiper-slide-active .image img {
    -webkit-animation: pictureScale 5s ease forwards;
    animation: pictureScale 5s ease forwards
}

#banner .bannerImage .swiper-wrapper .swiper-slide.swiper-slide-active .content .title {
    -webkit-animation: fadeInUp .7s .4s forwards;
    animation: fadeInUp .7s .4s forwards
}

#banner .bannerImage .swiper-wrapper .swiper-slide.swiper-slide-active .content .more {
    -webkit-animation: fadeInUp .7s .6s forwards;
    animation: fadeInUp .7s .6s forwards
}

#banner .bannerImage .swiper-pagination {
    width: 100%;
    position: absolute;
    left: 3.75rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4
}

#banner .bannerImage .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: .6875rem;
    height: .6875rem;
    border-radius: 50%;
    border: .125rem solid rgba(255, 255, 255, .5);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: .5625rem
}

#banner .bannerImage .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-bottom: 0
}

#banner .bannerImage .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    border-color: #fff
}

#banner .bannerOther {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -5.6875rem;
    position: relative;
    z-index: 2
}

#banner .bannerOther .slideBox {
    width: 57.875rem;
    border-radius: .9375rem;
    border: .0625rem solid rgba(255, 255, 255, .8);
    box-shadow: 0 0 5.75rem 0 rgba(32, 29, 28, .08);
    background: url(../images/bannerOtherSlideBg.webp) no-repeat center/cover
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide {
    border-right: .0625rem solid rgba(148, 145, 145, .1)
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide:last-child {
    border-right: 0
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list {
    display: block;
    height: auto;
    padding: 1.5625rem 2.3125rem
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .icon {
    margin-bottom: .8125rem
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .icon img {
    width: auto;
    height: 3.8125rem
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .title {
    font-weight: 500;
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 1.25rem
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75rem;
    color: #000;
    width: 2.1875rem;
    height: 2.1875rem;
    background: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    content: "";
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .more i {
    position: relative;
    z-index: 2
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list:hover .more {
    color: #fff
}

#banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list:hover .more::after {
    opacity: 1;
    visibility: visible
}

#banner .bannerOther .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 1.875rem;
    border-radius: .9375rem;
    box-shadow: 0 0 5.75rem 0 rgba(32, 29, 28, .08);
    background: url(../images/bannerOtherContentBg.webp) no-repeat center/cover;
    padding: 2.5rem 3.375rem 1.5625rem 3.375rem
}

#banner .bannerOther .content .title {
    font-size: 1rem;
    color: rgba(255, 255, 255, .8);
    margin-bottom: .1875rem;
    font-weight: 300
}

#banner .bannerOther .content .code {
    font-weight: 500;
    font-size: 3rem;
    color: #fff;
    line-height: 1;
    font-family: Manrope;
    margin-bottom: .4375rem
}

#banner .bannerOther .content .intro {
    font-size: .9375rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.1875rem;
    margin-bottom: 1.875rem;
    font-weight: 300
}

#banner .bannerOther .content .more {
    font-size: .875rem;
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#banner .bannerOther .content:hover .more {
    -webkit-transform: translateX(.625rem);
    -ms-transform: translateX(.625rem);
    transform: translateX(.625rem)
}

#indexAboutus {
    padding: 17.125rem 0 10rem;
    margin-top: -9.4375rem;
    background: url(../images/indexAboutusBg.webp) no-repeat center/cover;
    overflow: hidden
}

#indexAboutus .indexAboutusTitle {
    margin-bottom: 4.1875rem
}

#indexAboutus .indexAboutusTitle .title {
    font-weight: 400;
    font-size: .9375rem;
    color: #7e7e7e;
    margin-bottom: 1.5rem
}

#indexAboutus .indexAboutusTitle .intro {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.75rem
}

#indexAboutus .indexAboutusMain {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#indexAboutus .indexAboutusMain .content {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15rem;
    margin-right: 4.375rem;
    padding-top: 6.625rem
}

#indexAboutus .indexAboutusMain .content .number {
    font-family: Manrope;
    font-weight: 600;
    font-size: 8.125rem;
    color: transparent;
    line-height: 1;
    background: -webkit-linear-gradient(117deg, #e44e48 0, #ae100d 100%);
    background: linear-gradient(-27deg, #e44e48 0, #ae100d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#indexAboutus .indexAboutusMain .content .number span:nth-child(2) {
    font-size: 4.375rem
}

#indexAboutus .indexAboutusMain .content .title {
    font-weight: 500;
    font-size: 1rem;
    color: #ae100d;
    margin-bottom: 1.75rem
}

#indexAboutus .indexAboutusMain .content .intro {
    font-size: .875rem;
    color: #838d9e;
    line-height: 1.3125rem;
    font-weight: 300
}

#indexAboutus .indexAboutusMain .picture {
    width: 32.375rem;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative
}

#indexAboutus .indexAboutusMain .picture img {
    width: 100%;
    height: auto
}

#indexAboutus .indexAboutusMain .picture img.logo {
    position: absolute;
    top: 3.625rem;
    left: calc(50% - 13.71875rem);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 27.4375rem;
    height: auto;
    z-index: 1
}

#indexAboutus .indexAboutusMain .picture img.element {
    position: absolute;
    inset: 0;
    z-index: 2
}

#indexAboutus .indexAboutusMain .other {
    width: 32.5rem;
    margin-left: 5rem;
    padding-top: 1.1875rem
}

#indexAboutus .indexAboutusMain .other .icon {
    margin-bottom: 2.375rem
}

#indexAboutus .indexAboutusMain .other .icon img {
    width: auto;
    height: 3.6875rem
}

#indexAboutus .indexAboutusMain .other .title {
    font-weight: 400;
    font-size: 1.0625rem;
    color: #000;
    line-height: 1.75rem;
    margin-bottom: 2.125rem
}

#indexAboutus .indexAboutusMain .other .intro {
    font-size: 1rem;
    color: #666;
    line-height: 1.75rem;
    margin-bottom: 3.75rem;
    font-weight: 300
}

#indexAboutus .indexAboutusMain .other .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 3.875rem;
    background: #ae100d;
    border-radius: 1.9375rem;
    padding: 0 2.375rem;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexAboutus .indexAboutusMain .other .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    content: "";
    display: block;
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
    -webkit-transition: all .45s cubic-bezier(.25, .46, .45, .94);
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
    z-index: 1
}

#indexAboutus .indexAboutusMain .other .more span {
    margin-right: 3.375rem;
    position: relative;
    z-index: 2
}

#indexAboutus .indexAboutusMain .other .more i {
    position: relative;
    z-index: 2
}

#indexAboutus .indexAboutusMain .other .more:hover {
    color: #fff
}

#indexAboutus .indexAboutusMain .other .more:hover::after {
    -webkit-clip-path: circle(141.4% at 100% 100%);
    clip-path: circle(141.4% at 100% 100%)
}

#indexBusiness {
    padding: 10.8125rem 0 13.6875rem;
    /* margin-top: -4.0625rem; */
    background: #fafafa url(../images/indexBusinessBg.webp) no-repeat center/cover
}

#indexBusiness .indexBusinessTitle {
    margin-bottom: 4.1875rem;
    position: relative;
    z-index: 2
}

#indexBusiness .indexBusinessTitle .title {
    font-weight: 400;
    font-size: .9375rem;
    color: #7e7e7e;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 5
}

#indexBusiness .indexBusinessTitle .intro {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.75rem;
    padding-right: 22rem;
    position: relative;
    z-index: 5
}

#indexBusiness .indexBusinessTitle .more {
    position: absolute;
    right: 0;
    bottom: 1.3125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 3.875rem;
    background: #ae100d;
    border-radius: 1.9375rem;
    padding: 0 2.375rem;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 5
}

#indexBusiness .indexBusinessTitle .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    content: "";
    display: block;
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
    -webkit-transition: all .45s cubic-bezier(.25, .46, .45, .94);
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
    z-index: 1
}

#indexBusiness .indexBusinessTitle .more span {
    margin-right: 1.9375rem;
    position: relative;
    z-index: 2
}

#indexBusiness .indexBusinessTitle .more i {
    position: relative;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#indexBusiness .indexBusinessTitle .more:hover {
    color: #fff
}

#indexBusiness .indexBusinessTitle .more:hover::after {
    -webkit-clip-path: circle(141.4% at 100% 100%);
    clip-path: circle(141.4% at 100% 100%)
}

#indexBusiness .indexBusinessTitle .element {
    width: 8rem;
    height: 8rem;
    position: absolute;
    left: -3.9375rem;
    bottom: -9.375rem
}

#indexBusiness .indexBusinessTitle .element span {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: .5rem solid rgba(255, 48, 48, .5);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: amplify 2.1s linear infinite;
    animation: amplify 2.1s linear infinite;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexBusiness .indexBusinessTitle .element span:nth-child(1) {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

#indexBusiness .indexBusinessTitle .element span:nth-child(2) {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s
}

#indexBusiness .indexBusinessTitle .element span:nth-child(3) {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s
}

#indexBusiness .indexBusinessMain {
    position: relative;
    z-index: 2
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide {
    border-radius: 1.9375rem;
    overflow: hidden
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .image {
    overflow: hidden
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .image img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content {
    position: absolute;
    bottom: 1.25rem;
    left: 1rem;
    width: calc(100% - 2rem);
    border-radius: .625rem;
    background: #fff;
    overflow: hidden;
    padding: 1.9375rem 1.625rem;
    cursor: pointer
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    content: "";
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .element {
    position: absolute;
    top: .625rem;
    right: 1.875rem;
    font-weight: 300;
    font-size: 2.1875rem;
    color: #fff;
    font-family: Montserrat;
    z-index: 1;
    line-height: 1;
    opacity: .1
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .element span {
    font-size: 4.25rem
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title h3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-weight: 500;
    font-size: 1.25rem;
    color: #000;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow {
    width: .75rem;
    height: .75rem;
    position: relative
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow::after,
#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow::before {
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow::before {
    width: 100%;
    height: .125rem
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow::after {
    width: .125rem;
    height: 100%
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .subTitle {
    display: none;
    font-weight: 300;
    font-size: 2.1875rem;
    color: #fff;
    position: relative;
    z-index: 2
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .subTitle span {
    font-size: 4.25rem
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .intro {
    display: none;
    font-size: 1rem;
    color: rgba(255, 255, 255, .8);
    line-height: 1.3125rem;
    position: relative;
    z-index: 2;
    font-weight: 300;
    margin-top: 2.3125rem;
    font-weight: 300
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide.active .content::after {
    opacity: 1;
    visibility: visible
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide.active .content .title h3 {
    color: #fff
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide.active .content .title .arrow::after,
#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide.active .content .title .arrow::before {
    background: #fff
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide.active .content .title .arrow::after {
    opacity: 0;
    visibility: hidden
}

#indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#indexTechnology {
    position: relative;
    margin-top: -6.875rem;
    overflow: hidden
}

#indexTechnology .indexTechnologyMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    background: url(../images/indexTechnologyLeftBg.webp) no-repeat center/cover;
    padding-right: 6.625rem;
    height: 46.875vw;
    position: relative
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .content {
    width: 39.8125rem;
    position: relative;
    z-index: 2
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .titleBox .title {
    font-weight: 400;
    font-size: .9375rem;
    color: #7e7e7e;
    margin-bottom: 1.5rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .titleBox .intro {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.75rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox {
    width: 37.75rem;
    min-height: 17.5rem;
    margin-top: 3.9375rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.625rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 1.25rem);
    margin: .625rem;
    min-height: 4.5625rem;
    border-radius: 1rem 0 1rem 0;
    border: .0625rem solid rgba(79, 67, 47, .5);
    padding: 0 1.625rem 0 1.75rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-weight: 700;
    font-size: 1rem;
    color: #3e3c38;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .title::before {
    width: .5rem;
    height: .5rem;
    background: #b0130e;
    border-radius: 50%;
    margin-right: .625rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon {
    width: .75rem;
    height: .75rem;
    position: relative
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon::after,
#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #898989;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon::before {
    width: .125rem;
    height: 100%
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon::after {
    width: 100%;
    height: .125rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list:hover {
    border-color: #ae100d
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list:hover .title {
    color: #ae100d
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list:hover .title::before {
    margin-right: 1rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list:hover .icon::after,
#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list:hover .icon::before {
    background: #ae100d
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listWrapper {
    display: none
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .listWrapper:nth-child(1) {
    display: block
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 3.875rem;
    background: #fff;
    border-radius: 1.9375rem;
    padding: 0 2.375rem;
    font-weight: 500;
    font-size: 1rem;
    color: #1e1e1e;
    margin-top: 4.875rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    content: "";
    display: block;
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
    -webkit-transition: all .45s cubic-bezier(.25, .46, .45, .94);
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
    z-index: 1
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .more span {
    margin-right: 3.375rem;
    position: relative;
    z-index: 2
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .more i {
    position: relative;
    z-index: 2
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .more:hover {
    color: #fff
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .more:hover::after {
    -webkit-clip-path: circle(141.4% at 100% 100%);
    clip-path: circle(141.4% at 100% 100%)
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .slogan {
    font-family: Montserrat;
    position: absolute;
    left: -2rem;
    bottom: -3.25rem;
    font-weight: 600;
    font-size: 12.5625rem;
    color: rgba(44, 61, 72, .03);
    line-height: 1
}

#indexTechnology .indexTechnologyMain .indexTechnologyLeft .slogan span {
    font-size: 22.6875rem
}

#indexTechnology .indexTechnologyMain .indexTechnologyRight {
    width: 47.5%;
    height: 63.4375rem;
    border-radius: 1.25rem 0 0 0;
    overflow: hidden
}

#indexTechnology .indexTechnologyMain .indexTechnologyRight .swiper-wrapper .swiper-slide {
    overflow: hidden
}

#indexTechnology .indexTechnologyMain .indexTechnologyRight .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 63.4375rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexTechnology .indexTechnologyMain .indexTechnologyRight .swiper-wrapper .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#indexTechnology .indexTechnologyMain .indexTechnologyList {
    position: absolute;
    top: 9%;
    left: 106.2%;
    z-index: 2;
    width: 20.1875rem;
    pointer-events: none
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 9.75rem;
    background: url(../images/indexTechnologyListBg.webp) no-repeat center/cover;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 2.0625rem;
    padding: 0 0.7rem;
    position: relative;
    cursor: pointer;
    pointer-events: all
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list:last-child {
    margin-bottom: 0
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list img {
    width: 5rem;
    height: auto;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list .title {
    font-weight: 500;
    font-size: 1.25rem;
    color: #000;
    margin-left: 0.8rem;
    position: relative;
    z-index: 2
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list.active::after {
    opacity: 1;
    visibility: visible
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list.active img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#indexTechnology .indexTechnologyMain .indexTechnologyList .list.active .title {
    color: #fff
}

#indexNews {
    padding: 5.6875rem 0 8.9375rem;
    overflow: hidden
}

#indexNews .indexNewsTitle {
    text-align: center;
    margin-bottom: 3.3125rem
}

#indexNews .indexNewsTitle .title {
    font-weight: 400;
    font-size: .9375rem;
    color: #7e7e7e;
    margin-bottom: 1.3125rem
}

#indexNews .indexNewsTitle .intro {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.75rem
}

#indexNews .indexNewsMain {
    overflow: visible
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide {
    width: 31.25rem
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list {
    display: block;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background: #f7f7f7
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .image {
    -webkit-clip-path: inset(16.54% 6.1% 45.25% round 1rem);
    clip-path: inset(16.54% 6.1% 45.25% round 1rem);
    -webkit-transition: all .4s;
    transition: all .4s
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .image img {
    width: 100%;
    height: 32.875rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s;
    transition: all .4s
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1rem;
    width: auto;
    height: 2.1875rem;
    background: 0 0;
    border-radius: 1.125rem;
    font-weight: 300;
    font-size: .9375rem;
    color: #7e7e7e;
    position: absolute;
    left: 1.0625rem;
    top: 1.625rem;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .title {
    font-weight: 400;
    font-size: 1.375rem;
    color: #000;
    line-height: 1.75rem;
    position: absolute;
    top: 20.0625rem;
    padding: 0 1.9375rem;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other {
    place-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    width: 100%;
    padding: 0 1.5rem 0 1.9375rem
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other .time {
    font-family: OPPOSans;
    font-size: .875rem;
    color: #7e7e7e;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75rem;
    color: #000;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other .more i {
    position: relative;
    z-index: 2
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .image {
    -webkit-clip-path: inset(0 0 0 round 1rem);
    clip-path: inset(0 0 0 round 1rem);
    background: #000
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .image img {
    opacity: .6;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .tab {
    color: #fff;
    background: rgba(255, 255, 255, .5)
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .title {
    color: #fff
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .other .time {
    color: #fff
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .other .more {
    background: 0 0;
    color: #fff
}

#indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .other .more::after {
    opacity: 1;
    visibility: visible
}

#detailBanner {
    position: relative
}

#detailBanner .image {
    overflow: hidden
}

#detailBanner .image img {
    width: 100%;
    height: auto;
    -webkit-animation: pictureScale 5s ease forwards;
    animation: pictureScale 5s ease forwards
}

#detailBanner .content {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 100%
}

#detailBanner .content .title {
    width: 50%;
    font-weight: 700;
    font-size: 4.0625rem;
    line-height: 1.3;
    color: #fff
}

#detailBanner .content .intro {
    font-size: 1.375rem;
    color: rgba(255, 255, 255, .8);
    font-weight: 300
}

#investorRelations {
    padding: 6rem 0
}

#investorRelations .listBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.6875rem
}

#investorRelations .listBox .list {
    width: calc(33.33% - 1.375rem);
    margin: .6875rem;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative
}

#investorRelations .listBox .list .image {
    overflow: hidden
}

#investorRelations .listBox .list .image img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#investorRelations .listBox .list .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: 2.5rem 2.0625rem 1.875rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

#investorRelations .listBox .list .content .title {
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff
}

#investorRelations .listBox .list .content .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    font-size: .75rem;
    color: #fff;
    position: relative;
    overflow: hidden
}

#investorRelations .listBox .list .content .more::before {
    position: absolute;
    inset: 0;
    border: .125rem solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block
}

#investorRelations .listBox .list .content .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#investorRelations .listBox .list .content .more i {
    position: relative;
    z-index: 2
}

#investorRelations .listBox .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#investorRelations .listBox .list:hover .content .more::after {
    opacity: 1;
    visibility: visible
}

#contactusTable {
    padding: 0 0 7.9375rem;
    overflow: hidden
}

#contactusTable .contactusTableTitle {
    margin-bottom: 1.8125rem
}

#contactusTable .contactusTableTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#contactusTable .contactusTableMain table {
    width: 100%;
    background: #fafafa;
    border-radius: 1.25rem;
    overflow: hidden
}

#contactusTable .contactusTableMain table tr:first-child {
    background: -webkit-linear-gradient(183deg, #e44e48, #ae100d);
    background: linear-gradient(267deg, #e44e48, #ae100d)
}

#contactusTable .contactusTableMain table tr:first-child td {
    font-size: 1.25rem;
    color: #fff;
    padding: 1.375rem 2.5625rem;
    border-color: rgba(250, 250, 250, .2)
}

#contactusTable .contactusTableMain table tr td {
    font-size: 1rem;
    color: #000;
    line-height: 1.3125rem;
    padding: 1.0625rem 2.5625rem;
    border: .0625rem solid #f2f2f2
}

.detailList {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.detailList .list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    min-width: 9.375rem;
    height: 3.0625rem;
    border-radius: 1.5625rem;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    padding: 0 2.5625rem;
    margin: 0 .3125rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.detailList .list::before {
    position: absolute;
    inset: 0;
    border: .125rem solid rgba(161, 166, 170, .3);
    border-radius: 1.5625rem;
    box-sizing: border-box;
    content: "";
    display: block
}

.detailList .list::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    border-radius: 1.5625rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-filter: blur(.3125rem);
    filter: blur(.3125rem);
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

.detailList .list h2 {
    font-size: inherit;
    font-weight: inherit;
    position: relative;
    z-index: 2
}

.detailList .list.active,
.detailList .list:hover {
    color: #fff
}

.detailList .list.active::after,
.detailList .list:hover::after {
    right: auto;
    left: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
    width: 100%;
    opacity: 1;
    visibility: visible
}

#contactus {
    padding: 4.625rem 0 5.875rem
}

#contactus .contactusTitle {
    margin: 2.1875rem 0 1.8125rem
}

#contactus .contactusTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#contactus .contactusMain {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#contactus .contactusMain .contactusLeft {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 45.9375rem;
    border-radius: 1rem;
    overflow: hidden
}

#contactus .contactusMain .contactusLeft img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#contactus .contactusMain .contactusLeft:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#contactus .contactusMain .contactusRight {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 43.6875rem;
    background: #fafafa;
    border-radius: 1rem;
    border: .0625rem solid #f5f5f5;
    margin-left: -2.0625rem;
    padding: 3.125rem 3.8125rem 2.875rem 5.3125rem;
    position: relative;
    z-index: 2
}

#contactus .contactusMain .contactusRight .title {
    font-size: 1.75rem;
    color: #000;
    padding-bottom: 1.0625rem;
    margin-bottom: 2.4375rem;
    border-bottom: .0625rem solid rgba(0, 0, 0, .1);
    font-weight: 400
}

#contactus .contactusMain .contactusRight .intro {
    
    
    font-weight: 500;
    font-size: 1.0625rem;
    color: #000;
    margin-bottom: 2.375rem
}

#contactus .contactusMain .contactusRight .intro p {
    display: flex;
    margin-bottom: .875rem
}

#contactus .contactusMain .contactusRight .intro p:last-child {
    margin-bottom: 0
}

#contactus .contactusMain .contactusRight .intro p span {
    font-weight: 300;
    min-width: 13.25rem;
    flex-shrink: 0;
    color: rgba(0, 0, 0, .5)
}

#contactus .contactusMain .contactusRight .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    border-bottom: .0625rem solid transparent;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#contactus .contactusMain .contactusRight .more img {
    width: auto;
    height: 1.125rem;
    margin-right: .4375rem
}

#contactus .contactusMain .contactusRight .more:hover {
    border-color: rgba(0, 0, 0, .8)
}

#afterSaleNetworks {
    padding: 4.8125rem 0 6.1875rem;
    background: #fafafa;
    overflow: hidden
}

#afterSaleNetworks .afterSaleNetworksTitle {
    margin-bottom: 2.25rem
}

#afterSaleNetworks .afterSaleNetworksTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#afterSaleNetworks .afterSaleNetworksMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.625rem
}

#afterSaleNetworks .afterSaleNetworksMain .list {
    width: calc(33.33% - 1.25rem);
    padding: 2rem 4.8125rem 2.3125rem 1.75rem;
    margin: .625rem;
    background: #fff;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

#afterSaleNetworks .afterSaleNetworksMain .list::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#afterSaleNetworks .afterSaleNetworksMain .list .title {
    font-size: 1.5rem;
    color: #000;
    font-weight: 400;
    margin-bottom: .9375rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#afterSaleNetworks .afterSaleNetworksMain .list .intro {
    min-height: 4rem;
    font-weight: 300;
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.0625rem;
    margin-bottom: 1.75rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#afterSaleNetworks .afterSaleNetworksMain .list .intro p {
    margin-bottom: .8125rem
}

#afterSaleNetworks .afterSaleNetworksMain .list .intro p:last-child {
    margin-bottom: 0
}

#afterSaleNetworks .afterSaleNetworksMain .list .more {
    font-weight: 300;
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#afterSaleNetworks .afterSaleNetworksMain .list .more img {
    width: auto;
    height: 1.125rem;
    margin-right: .4375rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#afterSaleNetworks .afterSaleNetworksMain .list .element {
    font-family: SKSans;
    position: absolute;
    right: 1.4375rem;
    bottom: .8125rem;
    z-index: 2;
    color: rgba(255, 255, 255, .2);
    line-height: 1;
    font-size: 2.3125rem
}

#afterSaleNetworks .afterSaleNetworksMain .list .element span {
    font-size: 4.375rem
}

#afterSaleNetworks .afterSaleNetworksMain .list:hover::after {
    opacity: 1;
    visibility: visible
}

#afterSaleNetworks .afterSaleNetworksMain .list:hover .title {
    color: #fff
}

#afterSaleNetworks .afterSaleNetworksMain .list:hover .intro {
    color: rgba(255, 255, 255, .75)
}

#afterSaleNetworks .afterSaleNetworksMain .list:hover .more {
    color: #fff
}

#afterSaleNetworks .afterSaleNetworksMain .list:hover .more img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#join {
    padding: 4.625rem 0 6.375rem;
    background: #fafafa
}

#join .joinMain {
    margin-top: 3.3125rem
}

#join .joinMain .list {
    background: #fff;
    margin-bottom: 1rem
}

#join .joinMain .list:last-child {
    margin-bottom: 0
}

#join .joinMain .list .titleBox {
    padding: 1.125rem 1.25rem 1.125rem 3.4375rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: relative
}

#join .joinMain .list .titleBox::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#join .joinMain .list .titleBox .title {
    width: 24.1875rem;
    padding-right: 1.25rem;
    font-weight: 500;
    font-size: 1.125rem;
    color: #1e292f;
    position: relative;
    z-index: 2
}

#join .joinMain .list .titleBox .other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

#join .joinMain .list .titleBox .other span {
    width: 15rem;
    font-size: 1rem;
    color: #a1a1a1;
    margin-right: 3.6875rem;
    font-weight: 300
}

#join .joinMain .list .titleBox .other span:last-child {
    margin-right: 0
}

#join .joinMain .list .titleBox .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    background: #edf0f7;
    margin-left: auto;
    position: relative;
    z-index: 2
}

#join .joinMain .list .titleBox .arrow i {
    width: .875rem;
    height: .875rem;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#join .joinMain .list .titleBox .arrow i::after,
#join .joinMain .list .titleBox .arrow i::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #525252;
    content: "";
    display: block
}

#join .joinMain .list .titleBox .arrow i::before {
    width: .125rem;
    height: 100%
}

#join .joinMain .list .titleBox .arrow i::after {
    width: 100%;
    height: .125rem
}

#join .joinMain .list .contnetBox {
    display: none;
    padding: 2.625rem 3.25rem 3.1875rem
}

#join .joinMain .list .contnetBox .content h4 {
    font-weight: 500;
    font-size: 1.125rem;
    color: #000
}

#join .joinMain .list .contnetBox .content p {
    font-weight: 300;
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .7);
    line-height: 2rem
}

#join .joinMain .list .contnetBox .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2.5625rem;
    width: auto;
    height: 2.9375rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 1.5rem;
    font-size: 1rem;
    color: #fff;
    margin-top: 2.125rem
}

#join .joinMain .list.active .titleBox::after {
    opacity: 1;
    visibility: visible
}

#join .joinMain .list.active .titleBox .title {
    color: #fff
}

#join .joinMain .list.active .titleBox .other span {
    color: #fff
}

#join .joinMain .list.active .titleBox .arrow {
    background: #fff
}

#join .joinMain .list.active .titleBox .arrow i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#join .joinMain .list.active .titleBox .arrow i::after,
#join .joinMain .list.active .titleBox .arrow i::before {
    background: #ae100d
}

#newsList {
    padding: 4.625rem 0 5.5625rem
}

#newsList .newsListMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 2.1875rem -1.0625rem 2.5rem
}

#newsList .newsListMain .list {
    width: calc(33.33% - 2.125rem);
    margin: 1.0625rem;
    background: #fafafa;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

#newsList .newsListMain .list .image {
    border-radius: 1rem;
    overflow: hidden
}

#newsList .newsListMain .list .image img {
    width: 100%;
    height: 16.75rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#newsList .newsListMain .list .content {
    padding: 2.4375rem 1.875rem 2.1875rem 2.4375rem
}

#newsList .newsListMain .list .content .time {
    font-family: OPPOSans;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .9375rem
}

#newsList .newsListMain .list .content .time i {
    font-size: .875rem;
    color: #c2302c;
    margin-right: .375rem
}

#newsList .newsListMain .list .content .time span {
    font-weight: 500;
    font-size: .8125rem;
    color: #383838
}

#newsList .newsListMain .list .content .title {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    line-height: 1.75rem;
    height: 3.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.6875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#newsList .newsListMain .list .content .more {
    font-size: .875rem;
    color: #3a3a3a
}

#newsList .newsListMain .list.recommend {
    width: calc(66.66% - 2.125rem)
}

#newsList .newsListMain .list.recommend .image img {
    height: 30rem
}

#newsList .newsListMain .list.recommend .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: 0 23.6875rem 2.125rem 2.5rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
}

#newsList .newsListMain .list.recommend .content .time i {
    color: #fff
}

#newsList .newsListMain .list.recommend .content .time span {
    color: #fff
}

#newsList .newsListMain .list.recommend .content .title {
    font-weight: 700;
    color: #fff;
    font-size: 1.625rem;
    line-height: 2.25rem;
    height: 4.5rem;
    margin-bottom: 0
}

#newsList .newsListMain .list.recommend .content .more {
    display: none
}

#newsList .newsListMain .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#newsList .newsListMain .list:hover .content .title {
    color: #ae100d
}

#breadcrumb {
    height: 3.25rem;
    line-height: 3.25rem;
    border-bottom: .0625rem solid #ededed;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 5.9375rem;
    -webkit-transition: top .6s ease .2s;
    transition: top .6s ease .2s;
    z-index: 998
}

#breadcrumb ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5rem
}

#breadcrumb ol li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#breadcrumb ol li a {
    font-size: 1rem;
    color: #494949;
    font-weight: 300;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#breadcrumb ol li a:hover {
    color: #ae100d
}

#breadcrumb ol li i {
    margin: 0 .5625rem;
    font-size: .625rem;
    color: #a2a2a2
}

#breadcrumb ol li:first-child::before {
    width: .3125rem;
    height: .3125rem;
    background: #ae100d;
    border-radius: 50%;
    margin-right: .375rem;
    content: "";
    display: block
}

#breadcrumb ol li:last-child i {
    display: none
}

#breadcrumb ol li:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden
}

#breadcrumb ol li:last-child a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#breadcrumb.breadcrumbDown {
    top: 0
}

#newsDetail {
    padding: 12.625rem 0 7.5625rem;
    background: #fff
}

#newsDetail .newsDetailTitle {
    margin-bottom: 4.125rem
}

#newsDetail .newsDetailTitle .title {
    font-weight: 700;
    font-size: 3rem;
    color: #000;
    line-height: 3.375rem;
    margin-bottom: 2.1875rem
}

#newsDetail .newsDetailTitle .other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.375rem;
    background: #f8f9fa;
    padding: 0 2.1875rem 0 2.0625rem;
    border-radius: 2.1875rem
}

#newsDetail .newsDetailTitle .other .source {
    font-size: 1rem;
    color: #000;
    padding-right: 1.6875rem;
    margin-right: 1.6875rem;
    height: .9375rem;
    line-height: .9375rem;
    border-right: .0625rem solid #d5d5d5;
    font-weight: 300
}

#newsDetail .newsDetailTitle .other .source span {
    font-weight: 500;
    font-size: .8125rem;
    color: #969696;
    font-weight: 400
}

#newsDetail .newsDetailTitle .other .time {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    height: .9375rem;
    line-height: .9375rem
}

#newsDetail .newsDetailTitle .other .time span {
    font-weight: 500;
    font-size: .8125rem;
    color: #969696;
    font-weight: 400
}

#newsDetail .newsDetailTitle .other .returnBtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

#newsDetail .newsDetailTitle .other .returnBtn span {
    font-size: .9375rem;
    color: #000;
    font-weight: 400;
    margin-right: 1.25rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#newsDetail .newsDetailTitle .other .returnBtn i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .625rem;
    color: #fff;
    width: 1.8125rem;
    height: 1.8125rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 50%
}

#newsDetail .newsDetailTitle .other .returnBtn i::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#newsDetail .newsDetailTitle .other .returnBtn:hover span {
    color: #ae100d
}

#newsDetail .newsDetailTitle .other .returnBtn:hover i::before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

#newsDetail .newsDetailMain {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#newsDetail .newsDetailMain .newsDetailLeft {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 11.625rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent {
    font-size: 1.125rem;
    color: #000;
    line-height: 2rem;
    font-weight: 300;
    margin-bottom: 4.3125rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h2 {
    font-size: 2.5rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h3 {
    font-size: 2.25rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h4 {
    font-size: 2rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h5 {
    font-size: 1.75rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h6 {
    font-size: 1.5rem
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent iframe,
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent img,
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent video {
    max-width: 100%;
    width: auto;
    height: auto
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent p {
    color: rgba(0, 0, 0, .9)
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 1.8125rem 5.0625rem 1.25rem 2.4375rem;
    width: auto;
    height: 10.4375rem;
    background: #f8f9fa;
    border-radius: .9375rem;
    margin-right: 2.5625rem;
    position: relative;
    overflow: hidden
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn:last-child {
    margin-right: 0
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn .tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 3.75rem;
    height: 1.25rem;
    background: #ae100d;
    border-radius: .3125rem;
    font-weight: 500;
    font-size: .75rem;
    color: #fff;
    padding: 0 .625rem;
    font-weight: 300;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn .title {
    font-size: 1.25rem;
    color: #000;
    line-height: 1.8125rem;
    font-weight: 300;
    margin-top: 1.0625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn:hover::after {
    opacity: 1;
    visibility: visible
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn:hover .tab {
    background: #fff;
    color: #333
}

#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn:hover .title {
    color: #fff
}

#newsDetail .newsDetailMain .newsDetailRight {
    position: -webkit-sticky;
    position: sticky;
    top: 10.625rem;
    text-align: center;
    width: 3rem;
    padding-top: .9375rem
}

#newsDetail .newsDetailMain .newsDetailRight .title {
    font-size: 1rem;
    color: #545454;
    margin-bottom: 1.3125rem
}

#newsDetail .newsDetailMain .newsDetailRight .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#newsDetail .newsDetailMain .newsDetailRight .share a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1rem;
    color: #000;
    margin-bottom: .6875rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: .0625rem solid rgba(0, 0, 0, .06)
}

#newsDetail .newsDetailMain .newsDetailRight .share a:last-child {
    margin-bottom: 0
}

#newsDetail .newsDetailMain .newsDetailRight .share a:hover {
    color: #ae100d;
    border-color: #ae100d
}

#productList {
    padding: 4.6875rem 0 6.5rem;
    background: #fafafa
}

#productList .productListTitle {
    margin: 3.3125rem 0 1.875rem
}

#productList .productListTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#productList .productListMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.875rem
}

#productList .productListMain .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 1.75rem);
    margin: .875rem;
    padding: 3.25rem 1.75rem 3.0625rem 3.375rem;
    background: #fff;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

#productList .productListMain .list::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 20.6875rem;
    height: 23.25rem;
    background: url(../images/productListMask.webp) no-repeat center/cover;
    content: "";
    display: block
}

#productList .productListMain .list .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 2.0625rem;
    position: relative;
    z-index: 2
}

#productList .productListMain .list .content .title {
    font-weight: 500;
    font-size: 2.125rem;
    color: #000;
    line-height: 2.4375rem;
    min-height: 4.875rem;
    margin-bottom: 2.0625rem
}

#productList .productListMain .list .content .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.625rem;
    height: 6.5rem;
    font-weight: 300;
    overflow-y: auto;
    padding-right: 1.25rem
}

#productList .productListMain .list .content .intro::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#productList .productListMain .list .content .intro::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#productList .productListMain .list .content .intro::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#productList .productListMain .list .image {
    width: 16.875rem;
    position: relative;
    z-index: 2
}

#productList .productListMain .list .image img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#productList .productListMain .list:hover .content .title {
    color: #ae100d
}

#productList .productListMain .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#lightDetection {
    padding: 4.375rem 0;
    overflow: hidden
}

#lightDetection .lightDetectionTitle {
    margin-bottom: 2.4375rem
}

#lightDetection .lightDetectionTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#lightDetection .lightDetectionMain {
    overflow: visible
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide {
    background: #cce1fe;
    padding: 1.625rem .9375rem .9375rem;
    border-radius: 1.25rem;
    position: relative
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(217deg, #e44e48, #ae100d);
    background: linear-gradient(233deg, #e44e48, #ae100d);
    border-radius: 1.25rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.75rem;
    margin-bottom: .9375rem;
    position: relative;
    z-index: 2
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox .icon {
    width: 3.6875rem;
    height: 3.6875rem;
    background: rgba(159, 172, 191, .7);
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox .icon img {
    width: 100%;
    height: auto
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-weight: 500;
    font-size: 1.625rem;
    color: #000;
    margin-left: 1rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content {
    padding: 1.875rem 1rem 1.1875rem 2.625rem;
    font-size: 1rem;
    color: #000;
    line-height: 1.125rem;
    background: #fff;
    box-shadow: 0 1.8125rem 3.0625rem 0 rgba(110, 160, 204, .29);
    border-radius: 1rem;
    position: relative;
    z-index: 2
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro {
    height: 24.25rem;
    overflow-y: auto
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.125rem
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content p:last-child {
    margin-bottom: 0
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .375rem;
    margin-top: .125rem;
    width: .875rem;
    height: .875rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    content: "";
    display: block
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide:hover::after {
    opacity: 1;
    visibility: visible
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide:hover .titleBox .icon {
    background: rgba(217, 75, 71, .7)
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide:hover .titleBox .title {
    color: #fff
}

#lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide:hover .content {
    box-shadow: 0 1.8125rem 3.0625rem 0 rgba(181, 72, 72, .29)
}

#lightDetection .lightDetectionOther {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.75rem
}

#lightDetection .lightDetectionOther .swiper-scrollbar {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 2.0625rem;
    height: .25rem;
    background: rgba(0, 0, 0, .1);
    position: relative
}

#lightDetection .lightDetectionOther .swiper-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #b41713;
    left: 0;
    top: 0
}

#lightDetection .lightDetectionOther .swiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
    margin-right: 1.0625rem
}

#lightDetection .lightDetectionOther .swiper-pagination .total {
    font-size: .75rem;
    color: #86898f
}

#lightDetection .lightDetectionOther .swiper-pagination .line {
    font-size: .75rem;
    color: #86898f;
    margin: 0 .125rem
}

#lightDetection .lightDetectionOther .swiper-pagination .current {
    font-weight: 700;
    font-size: 1.3125rem;
    color: #000;
    -webkit-transform: translateY(.125rem);
    -ms-transform: translateY(.125rem);
    transform: translateY(.125rem)
}

#lightDetection .lightDetectionOther .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#lightDetection .lightDetectionOther .btns .swiper-button-next,
#lightDetection .lightDetectionOther .btns .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: .6875rem;
    color: #282828;
    background: #fff;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    overflow: hidden
}

#lightDetection .lightDetectionOther .btns .swiper-button-next::after,
#lightDetection .lightDetectionOther .btns .swiper-button-prev::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#lightDetection .lightDetectionOther .btns .swiper-button-next i,
#lightDetection .lightDetectionOther .btns .swiper-button-prev i {
    position: relative;
    z-index: 2
}

#lightDetection .lightDetectionOther .btns .swiper-button-next:hover,
#lightDetection .lightDetectionOther .btns .swiper-button-prev:hover {
    color: #fff
}

#lightDetection .lightDetectionOther .btns .swiper-button-next:hover::after,
#lightDetection .lightDetectionOther .btns .swiper-button-prev:hover::after {
    opacity: 1;
    visibility: visible
}

#lightDetection .lightDetectionOther .btns .swiper-button-prev {
    margin-right: .5625rem
}

#lightDetection .lightDetectionOther .btns .swiper-button-prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#enterpriseHonor {
    padding: 3.1875rem 0 7.625rem;
    overflow: hidden
}

#enterpriseHonor .enterpriseHonorTitle {
    margin-bottom: 2.0625rem
}

#enterpriseHonor .enterpriseHonorTitle .title {
    font-size: 2.875rem;
    color: #000;
    font-weight: 400
}

#enterpriseHonor .enterpriseHonorMain {
    overflow: visible
}

#enterpriseHonor .enterpriseHonorMain .swiper-wrapper .swiper-slide .image {
    height: 27.125rem;
    position: relative;
    border-radius: 1rem;
    overflow: hidden
}

#enterpriseHonor .enterpriseHonorMain .swiper-wrapper .swiper-slide .image>img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#enterpriseHonor .enterpriseHonorMain .swiper-wrapper .swiper-slide .title {
    font-weight: 500;
    font-size: 1.125rem;
    color: #333;
    padding: 1rem .4375rem 0
}

#enterpriseHonor .enterpriseHonorMain .swiper-wrapper .swiper-slide:hover .image>img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#aboutus {
    padding: 5.125rem 0 6.875rem
}

#aboutus .aboutusTitle {
    text-align: center;
    margin-bottom: 1rem
}

#aboutus .aboutusTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: 1.0625rem
}

#aboutus .aboutusTitle .intro {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.875rem;
    font-weight: 300
}

#aboutus .aboutusMain {
    position: relative
}

#aboutus .aboutusMain .image img {
    width: 100%;
    height: auto
}

#aboutus .aboutusMain .content {
    position: absolute;
    left: 0;
    top: 58%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3.625rem
}

#aboutus .aboutusMain .content .play {
    width: 6.3125rem;
    height: 6.3125rem;
    background: #fff;
    border-radius: 50%;
    -webkit-mask-image: url(../images/icon-play-mask.webp);
    mask-image: url(../images/icon-play-mask.webp);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    cursor: pointer
}

#aboutus .aboutusMain .content .titleBox {
    margin-left: 1.3125rem
}

#aboutus .aboutusMain .content .titleBox .title {
    font-weight: 500;
    font-size: 1.75rem;
    color: #fff;
    line-height: 1;
    margin-bottom: .125rem
}

#aboutus .aboutusMain .content .titleBox .time {
    font-size: 1.0625rem;
    color: #fff
}

#aboutus .aboutusOther {
    margin-top: 4.3125rem
}

#aboutus .aboutusOther .contentBox .title {
    font-weight: 500;
    font-size: 1.75rem;
    color: #000;
    margin-bottom: 2.375rem
}

#aboutus .aboutusOther .contentBox .listBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#aboutus .aboutusOther .contentBox .listBox .list {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 12.25rem;
    height: 12.25rem;
    position: relative;
    margin-right: 1.5625rem
}

#aboutus .aboutusOther .contentBox .listBox .list::after,
#aboutus .aboutusOther .contentBox .listBox .list::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 14.3125rem;
    height: 12.375rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#aboutus .aboutusOther .contentBox .listBox .list::before {
    background: url(../images/aboutusBorder.webp) no-repeat center/cover
}

#aboutus .aboutusOther .contentBox .listBox .list::after {
    background: url(../images/aboutusBorderActive.webp) no-repeat center/cover;
    opacity: 0;
    visibility: hidden
}

#aboutus .aboutusOther .contentBox .listBox .list:first-child::before {
    background: url(../images/aboutusBorderFirst.webp) no-repeat center/cover
}

#aboutus .aboutusOther .contentBox .listBox .list:first-child::after {
    background: url(../images/aboutusBorderFirstActive.webp) no-repeat center/cover
}

#aboutus .aboutusOther .contentBox .listBox .list:last-child {
    margin-right: 0
}

#aboutus .aboutusOther .contentBox .listBox .list:last-child::after,
#aboutus .aboutusOther .contentBox .listBox .list:last-child::before {
    width: 12.25rem
}

#aboutus .aboutusOther .contentBox .listBox .list:last-child::before {
    background: url(../images/aboutusBorderLast.webp) no-repeat center/cover
}

#aboutus .aboutusOther .contentBox .listBox .list:last-child::after {
    background: url(../images/aboutusBorderLastActive.webp) no-repeat center/cover
}

#aboutus .aboutusOther .contentBox .listBox .list:hover::before {
    opacity: 0;
    visibility: hidden
}

#aboutus .aboutusOther .contentBox .listBox .list:hover::after {
    opacity: 1;
    visibility: visible
}

#aboutus .aboutusOther .contentBox .listBox .list .icon img {
    width: auto;
    height: 3.4375rem
}

#aboutus .aboutusOther .contentBox .listBox .list .intro {
    font-weight: 500;
    font-size: 1.25rem;
    color: #000;
    margin-top: .5rem
}

#aboutus .aboutusOther .numberBox {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.3125rem;
   
}

#aboutus .aboutusOther .numberBox .list {
padding-right: 4rem;
}
#aboutus .aboutusOther .numberBox .list:last-child {
    padding-right: 0;
}

#aboutus .aboutusOther .numberBox .list .number {
    line-height: 1;
    white-space: nowrap
}

#aboutus .aboutusOther .numberBox .list .number span {
    font-family: Manrope;
    font-weight: 700;
    font-size: 3.5rem;
    color: #1a1a1a
}

#aboutus .aboutusOther .numberBox .list .number i {
    font-weight: 500;
    font-size: 2.125rem;
    color: #1a1a1a;
    font-style: normal
}

#aboutus .aboutusOther .numberBox .list .title {
    font-size: .9375rem;
    color: #333;
    font-weight: 300;
    margin-top: .5rem
}

#developmentHistory {
    padding: 5.1875rem 0 4.6875rem;
    background: #fafafa;
    overflow: hidden
}

#developmentHistory .developmentHistoryTitle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.625rem
}

#developmentHistory .developmentHistoryTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#developmentHistory .developmentHistoryTitle .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-next,
#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5625rem;
    height: 2.5625rem;
    border-radius: 50%;
    font-size: .75rem;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-next::before,
#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev::before {
    position: absolute;
    inset: 0;
    border: .0625rem solid #000;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-next::after,
#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-next i,
#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev i {
    position: relative;
    z-index: 2
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-next:hover,
#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev:hover {
    color: #fff
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-next:hover::after,
#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev:hover::after {
    opacity: 1;
    visibility: visible
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev {
    margin-right: .375rem
}

#developmentHistory .developmentHistoryTitle .btns .swiper-button-prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#developmentHistory .developmentHistoryMain {
    width: 44.375rem;
    margin: 0;
    overflow: visible
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: .6
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list {
    min-height: 19.875rem;
    padding: 2.3125rem 2.8125rem 2.5rem 3.0625rem;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list::before {
    position: absolute;
    inset: 0;
    background: #fff;
    border-radius: 1.25rem;
    z-index: 1;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list::after {
    position: absolute;
    left: .8125rem;
    width: calc(100% - 1.625rem);
    height: 100%;
    bottom: -.4375rem;
    background: #ca1322;
    border-radius: 1.25rem;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .logo {
    text-align: right;
    position: relative;
    z-index: 2
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .logo img {
    width: auto;
    height: 2.1875rem
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .year {
    display: inline-block;
    font-family: Manrope;
    font-weight: 700;
    font-size: 5.625rem;
    color: #333;
    line-height: 1;
    margin-top: -1.3125rem;
    margin-bottom: 2.0625rem;
    position: relative;
    z-index: 2
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro {
    font-size: 1.125rem;
    color: #100;
    line-height: 1.6875rem;
    position: relative;
    z-index: 2
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .375rem
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro p:last-child {
    margin-bottom: 0
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .375rem;
    height: .375rem;
    margin-top: .5625rem;
    margin-right: .375rem;
    background: #9ba4ad;
    border-radius: 50%;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide-active,
#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide-next {
    opacity: 1
}

#developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide:hover .year {
    background: -webkit-linear-gradient(147deg, #e44e48 0, #ae100d 100%);
    background: linear-gradient(-57deg, #e44e48 0, #ae100d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#developmentHistory .developmentHistoryLine {
    position: relative;
    margin-top: 3.75rem;
    height: .0625rem
}

#developmentHistory .developmentHistoryLine::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .0625rem;
    background: #e6eaed;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryLine .line {
    width: calc(var(--width) - var(--item-width));
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ae100d;
    z-index: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#developmentHistory .developmentHistoryLine .line::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 0;
    width: .625rem;
    height: .625rem;
    background: #ae100d;
    border-radius: .125rem;
    content: "";
    display: block
}

#developmentHistory .developmentHistoryList {
    margin-top: 1.375rem
}

#developmentHistory .developmentHistoryList .swiper-wrapper .swiper-slide {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-family: Manrope;
    font-weight: 700;
    font-size: 1rem;
    color: #152d4e;
    cursor: pointer
}

#developmentHistory .developmentHistoryList .swiper-wrapper .swiper-slide.active {
    color: #ae100d
}

#developmentNewAdvantage {
    padding: 3.9375rem 0 7.5625rem;
    background: #fafafa
}

#developmentNewAdvantage .developmentNewAdvantageTitle {
    margin-bottom: 2.6875rem
}

#developmentNewAdvantage .developmentNewAdvantageTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .image {
    border-radius: 1.25rem 1.25rem 0 0;
    overflow: hidden
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .image img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content {
    background: -webkit-linear-gradient(325deg, #fff, #f6f7f8);
    background: linear-gradient(125deg, #fff, #f6f7f8);
    padding: 1.75rem 3rem 3.5rem;
    margin-top: -1.25rem;
    border-radius: 1.25rem;
    border: .0625rem solid #f0f0f0;
    position: relative;
    z-index: 2
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content .icon {
    margin-bottom: .6875rem
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content .icon img {
    width: auto;
    height: 3.4375rem
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content .title {
    font-size: 2rem;
    color: #000;
    font-weight: 400
}

#developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#globalizationLayout {
    padding: 4.875rem 0 7.1875rem;
    position: relative
}

#globalizationLayout .globalizationLayoutTitle {
    margin-bottom: 1.75rem
}

#globalizationLayout .globalizationLayoutTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#globalizationLayout .globalizationLayoutMain .map {
    width: 90rem;
    margin-left: 5.5rem;
    position: relative
}

#globalizationLayout .globalizationLayoutMain .map>img {
    width: 100%;
    height: auto
}

#globalizationLayout .globalizationLayoutMain .map .listBox {
    position: absolute;
    inset: 0;
    z-index: 2
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list {
    position: absolute
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .dot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .6875rem;
    height: .6875rem;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    cursor: pointer
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .dot::after {
    width: .6875rem;
    height: .6875rem;
    background: #ae100d;
    border: .125rem solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    z-index: 9;
    box-shadow: .0625rem .4375rem .5rem .0625rem rgba(72, 0, 0, .7);
    content: "";
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .dot span {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(174, 16, 13, .3);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: amplify 3s linear infinite;
    animation: amplify 3s linear infinite;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .dot span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .dot span:nth-child(2) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .dot span:nth-child(3) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .line {
    pointer-events: none;
    position: absolute;
    width: 10.625rem;
    height: 7.0625rem;
    bottom: .3125rem
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .line::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    background-size: 10.625rem 7.0625rem !important;
    content: "";
    display: block;
    -webkit-transition: all .6s;
    transition: all .6s;
    overflow: hidden
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .title {
    pointer-events: none;
    position: absolute;
    top: -6.625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 2.375rem;
    background: #fff;
    box-shadow: 0 .125rem .5rem .0625rem rgba(72, 0, 0, .11);
    border-radius: 1.1875rem;
    border: .0625rem solid #ae100d;
    padding: 0 1.1875rem 0 .875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: .875rem;
    color: #000;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list .title img {
    width: .75rem;
    height: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .4375rem
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list.left .line {
    right: .3125rem
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list.left .line::after {
    right: 0;
    left: auto;
    background: url(../images/globalizationLayoutLine1.webp) no-repeat right bottom
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list.left .title {
    right: 9.8125rem
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list.right .line {
    left: .3125rem
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list.right .line::after {
    background: url(../images/globalizationLayoutLine2.webp) no-repeat left bottom
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list.right .title {
    left: 9.8125rem
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list:hover {
    z-index: 99
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list:hover .line::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%
}

#globalizationLayout .globalizationLayoutMain .map .listBox .list:hover .title {
    opacity: 1;
    visibility: visible
}

#globalizationLayout .globalizationLayoutMain .other {
    width: 28.125rem;
    margin-top: -16.75rem
}

#globalizationLayout .globalizationLayoutMain .other .number {
    font-family: Manrope;
    font-weight: 700;
    display: inline-block;
    font-size: 11.8125rem;
    color: #ed1d23;
    background: -webkit-linear-gradient(147deg, #e44e48 0, #ae100d 100%);
    background: linear-gradient(-57deg, #e44e48 0, #ae100d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1
}

#globalizationLayout .globalizationLayoutMain .other .number i {
    font-style: normal
}

#globalizationLayout .globalizationLayoutMain .other .intro {
    font-size: 1.125rem;
    color: #6c6c6c;
    line-height: 1.625rem;
    margin-top: .3125rem
}

#enterpriseCulture {
    position: relative;
    overflow: hidden
}

#enterpriseCulture .enterpriseCultureMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%;
    padding: 7.0625rem 0 0;
    background: url(../images/enterpriseCultureLeftBg.webp) no-repeat center/cover
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .content {
    width: 57.8125rem;
    margin-right: -4.4375rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .slogan {
    text-transform: uppercase;
    font-family: Manrope;
    font-weight: 700;
    font-size: 12.9375rem;
    color: #000;
    line-height: 1;
    margin-bottom: 2.5rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .slogan img {
    width: auto;
    height: 9.625rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .title {
    font-weight: 400;
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 2.125rem;
    padding-left: 1.875rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox {
    padding-left: 1.875rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -.1875rem;
    cursor: pointer
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list h3 {
    min-width: 8.125rem;
    font-weight: 700;
    font-size: 1.5rem;
    color: #919191
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.5625rem;
    height: 4.5625rem;
    font-size: .75rem;
    color: #fff;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 50%;
    -webkit-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    margin-left: .75rem;
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list.active h3 {
    color: #ae100d
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list.active .more {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureRight {
    width: 50%
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureRight .swiper-wrapper .swiper-slide {
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0 !important
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureRight .swiper-wrapper .swiper-slide-active {
    opacity: 1 !important;
    z-index: 9 !important
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureRight .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureRight .swiper-wrapper .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.5rem 3.75rem 3.125rem;
    position: absolute;
    left: calc(50% - 19.03125rem);
    top: calc(50% - 13.59375rem);
    z-index: 2;
    width: 38.0625rem;
    min-height: 27.1875rem;
    background: #fff;
    border-radius: 1.25rem;
    border: .0625rem solid #fff
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list {
    display: none;
    text-align: center
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list:nth-child(1) {
    display: block
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .icon {
    margin-bottom: 2.5rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .icon img {
    width: auto;
    height: 7.5rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .title {
    font-weight: 300;
    font-size: 1.125rem;
    color: #32363b;
    margin-bottom: .5rem
}

#enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .intro {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    text-align: left
}

#honor {
    padding: 5.3125rem 0 8.75rem;
    overflow: hidden
}

#honor .honorTitle {
    position: relative;
    margin-bottom: 2.6875rem
}

#honor .honorTitle .title {
    width: 53.3125rem;
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#honor .honorTitle .intro {
    width: 53.3125rem;
    font-size: 1.125rem;
    color: #333;
    line-height: 1.5625rem;
    margin-top: 1rem
}

#honor .honorTitle .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#honor .honorTitle .btns .swiper-button-next,
#honor .honorTitle .btns .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5625rem;
    height: 2.5625rem;
    border-radius: 50%;
    font-size: .75rem;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#honor .honorTitle .btns .swiper-button-next::before,
#honor .honorTitle .btns .swiper-button-prev::before {
    position: absolute;
    inset: 0;
    border: .0625rem solid #000;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block
}

#honor .honorTitle .btns .swiper-button-next::after,
#honor .honorTitle .btns .swiper-button-prev::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#honor .honorTitle .btns .swiper-button-next i,
#honor .honorTitle .btns .swiper-button-prev i {
    position: relative;
    z-index: 2
}

#honor .honorTitle .btns .swiper-button-next:hover,
#honor .honorTitle .btns .swiper-button-prev:hover {
    color: #fff
}

#honor .honorTitle .btns .swiper-button-next:hover::after,
#honor .honorTitle .btns .swiper-button-prev:hover::after {
    opacity: 1;
    visibility: visible
}

#honor .honorTitle .btns .swiper-button-prev {
    margin-right: .375rem
}

#honor .honorTitle .btns .swiper-button-prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#honor .honorMain {
    width: 21.5rem;
    margin: 0;
    overflow: visible
}

#honor .honorMain .swiper-wrapper .swiper-slide {
    width: 21.5rem;
    height: 33.75rem;
    position: relative;
    -webkit-transition: width .9s;
    transition: width .9s
}

#honor .honorMain .swiper-wrapper .swiper-slide .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 83.88%;
    border-radius: 1rem;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .6s;
    transition: all .6s
}

#honor .honorMain .swiper-wrapper .swiper-slide .image>img {
    width: 21.5rem;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#honor .honorMain .swiper-wrapper .swiper-slide .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 .375rem .6875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#honor .honorMain .swiper-wrapper .swiper-slide .content .title {
    font-weight: 500;
    font-size: 1.125rem;
    color: #000;
    margin-bottom: .0625rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#honor .honorMain .swiper-wrapper .swiper-slide .content .intro {
    font-weight: 300;
    font-size: 1rem;
    color: #999;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#honor .honorMain .swiper-wrapper .swiper-slide-active {
    width: 49.3125rem !important
}

#honor .honorMain .swiper-wrapper .swiper-slide-active .image {
    height: 100%
}

#honor .honorMain .swiper-wrapper .swiper-slide-active .image>img {
    -webkit-transform: scale(1.2) translateY(-.75rem);
    -ms-transform: scale(1.2) translateY(-.75rem);
    transform: scale(1.2) translateY(-.75rem)
}

#honor .honorMain .swiper-wrapper .swiper-slide-active .content {
    padding: 0 2.875rem 1.875rem
}

#honor .honorMain .swiper-wrapper .swiper-slide-active .content .title {
    color: #fff
}

#honor .honorMain .swiper-wrapper .swiper-slide-active .content .intro {
    color: rgba(255, 255, 255, .6)
}

#responsibilityReport {
    margin: 0 0 -8.6875rem;
    position: relative;
    z-index: 2
}

#responsibilityReport .responsibilityReportMain {
    min-height: 27.5625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: .625rem;
    overflow: hidden;
    padding: 3.125rem 7.3125rem
}

#responsibilityReport .responsibilityReportMain .content .title {
    width: 61%;
    font-weight: 500;
    font-size: 2.875rem;
    color: #fff;
    margin-bottom: .1875rem
}

#responsibilityReport .responsibilityReportMain .content .intro {
    width: 61%;
    font-size: 1.375rem;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 2.1875rem
}

#responsibilityReport .responsibilityReportMain .content .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 3.3125rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 1.9375rem;
    padding: 0 1.75rem;
    font-weight: 700;
    font-size: .875rem;
    color: #fff
}

#responsibilityReport .responsibilityReportMain .content .more span {
    margin-right: 2rem
}

#innovation {
    padding: 5.75rem 0 4.0625rem
}

#innovation .listBox {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "list1 list2" "list1 list3";
    gap: 1.5rem
}

#innovation .listBox .list {
    position: relative;
    border-radius: 1rem;
    overflow: hidden
}

#innovation .listBox .list .image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#innovation .listBox .list .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    padding: 0 3rem 2.5625rem
}

#innovation .listBox .list .content .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: .5625rem
}

#innovation .listBox .list .content .title::before {
    width: .4375rem;
    height: .4375rem;
    background: #fff;
    border-radius: 50%;
    margin-right: .375rem;
    content: "";
    display: block
}

#innovation .listBox .list .content .suTitle {
    font-size: 2rem;
    color: #fff;
    line-height: 2.3125rem;
    font-weight: 400
}

#innovation .listBox .list:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: list1
}

#innovation .listBox .list:nth-child(1) .image img {
    height: 43.25rem
}

#innovation .listBox .list:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: list2
}

#innovation .listBox .list:nth-child(2) .image img {
    height: 20.875rem
}

#innovation .listBox .list:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: list3
}

#innovation .listBox .list:nth-child(3) .image img {
    height: 20.875rem
}

#innovation .listBox .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#academicResults {
    padding: 3rem 0 4.875rem
}

#academicResults .academicResultsTitle {
    margin-bottom: 2.4375rem
}

#academicResults .academicResultsTitle .title {
    font-size: 2.875rem;
    color: #000;
    font-weight: 500
}

#academicResults .academicResultsMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem
}

#academicResults .academicResultsMain .list {
    width: calc(33.33% - 2rem);
    margin: 1rem;
    border-radius: 1rem;
    padding: 2.1875rem 1.8125rem 2.6875rem 2.5rem;
    border: .0625rem solid #f0f0f0;
    position: relative;
    overflow: hidden
}

#academicResults .academicResultsMain .list::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#academicResults .academicResultsMain .list .year {
    font-family: Manrope;
    font-weight: 500;
    font-size: 1rem;
    color: rgba(0, 0, 0, .55);
    margin-bottom: 3.0625rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#academicResults .academicResultsMain .list .year span {
    font-size: 2rem;
    color: #000;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#academicResults .academicResultsMain .list .title {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    line-height: 1.8125rem;
    height: 5.4375rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2.3125rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#academicResults .academicResultsMain .list .intro {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.625rem;
    height: 4.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3.5625rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#academicResults .academicResultsMain .list .more {
    display: inline-block;
    font-weight: 500;
    font-size: .8125rem;
    color: #ae100d;
    border-bottom: .0625rem solid #ae100d;
    padding-bottom: .25rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#academicResults .academicResultsMain .list:hover::after {
    opacity: 1;
    visibility: visible
}

#academicResults .academicResultsMain .list:hover .year {
    color: #fff
}

#academicResults .academicResultsMain .list:hover .year span {
    color: #fff
}

#academicResults .academicResultsMain .list:hover .title {
    color: #fff
}

#academicResults .academicResultsMain .list:hover .intro {
    color: rgba(255, 255, 255, .8)
}

#academicResults .academicResultsMain .list:hover .more {
    color: #fff;
    border-color: #fff
}

#technologicalInnovation .technologicalInnovationMain {
    max-width: 119rem;
    min-height: 56.25rem;
    background: url(../images/technologicalInnovationMainBg.webp) no-repeat center/cover fixed;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 auto;
    padding: 4.0625rem 0
}

#technologicalInnovation .technologicalInnovationMain .bigTitle {
    font-weight: 500;
    font-size: 2.875rem;
    color: #fff;
    margin-bottom: 3.25rem
}

#technologicalInnovation .technologicalInnovationMain .listBox .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.9375rem
}

#technologicalInnovation .technologicalInnovationMain .listBox .list:last-child {
    margin-bottom: 0
}

#technologicalInnovation .technologicalInnovationMain .listBox .list .icon {
    width: 3.375rem;
    height: 3.375rem;
    background: rgba(255, 255, 255, .1);
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#technologicalInnovation .technologicalInnovationMain .listBox .list .icon img {
    width: 100%;
    height: auto
}

#technologicalInnovation .technologicalInnovationMain .listBox .list .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 1rem
}

#technologicalInnovation .technologicalInnovationMain .listBox .list .content .intro {
    font-weight: 500;
    font-size: 1.25rem;
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#aiResearchPlatform {
    padding: 4.4375rem 0 5.75rem;
    background: #fafafa
}

#aiResearchPlatform .aiResearchPlatformTitle {
    margin-bottom: 1.6875rem
}

#aiResearchPlatform .aiResearchPlatformTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList {
    margin-bottom: 3.5rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList:last-child {
    margin-bottom: 0
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.0625rem;
    padding: 0 1.1875rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line {
    height: .0625rem;
    background: #ae100d;
    position: relative
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line::after {
    position: absolute;
    top: 0;
    width: 1.1875rem;
    height: 1.4375rem;
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line:nth-child(1) {
    width: 1.0625rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line:nth-child(1)::after {
    right: 100%;
    background: url(../images/aiResearchPlatformBorder1.webp) no-repeat center/cover
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line:nth-child(3) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line:nth-child(3)::after {
    left: 100%;
    background: url(../images/aiResearchPlatformBorder2.webp) no-repeat center/cover
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .title {
    font-weight: 500;
    font-size: 1.625rem;
    color: #ae100d;
    margin: 0 1.0625rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 {
    background: #fff;
    border-radius: 1.25rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .listBox {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 1.875rem 4.5rem 1.8125rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .listBox::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    border-bottom: .0625rem dashed rgba(0, 0, 0, .2);
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list {
    width: 11rem;
    height: 7.125rem;
    text-align: center;
    background: url(../images/aiResearchPlatformBox1Mask.webp) no-repeat center/cover;
    padding: 1.5rem 1.0625rem .625rem;
    position: relative;
    z-index: 2
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list::after {
    position: absolute;
    bottom: 47.5%;
    right: -54%;
    width: .375rem;
    height: .375rem;
    background: #ccc;
    border-radius: 50%;
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list:last-child::after {
    display: none
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list .title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #000;
    margin-bottom: .1875rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list .intro {
    font-weight: 700;
    font-size: .625rem;
    color: rgba(0, 0, 0, .6);
    line-height: .8125rem;
    text-transform: uppercase
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox2 {
    padding: 2.3125rem 3.0625rem 2.25rem 2.5rem;
    background: #fff;
    border-radius: 1.25rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox2 img {
    width: 100%;
    height: auto
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox3 {
    padding: 2.5625rem 17.8125rem 2.625rem 17.8125rem;
    background: #fff;
    border-radius: 1.25rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox3 img {
    width: 100%;
    height: auto
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 {
    background: #fff;
    border-radius: 1.25rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .listBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3.125rem 3.375rem 0 2.625rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 21.875rem;
    position: relative;
    margin-right: 8.0625rem;
    margin-bottom: 2.5rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list::before {
    position: absolute;
    inset: 0;
    border-radius: 1.375rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list::after {
    position: absolute;
    inset: 0;
    border: .0625rem solid #f2f2f2;
    background: #f3f3f3;
    border-radius: 1.25rem;
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox {
    min-height: 5.25rem;
    padding: 1.3125rem 5.625rem 0 2.6875rem;
    position: relative;
    z-index: 2
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .icon {
    position: absolute;
    top: 1.4375rem;
    right: 2.1875rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .icon img {
    width: auto;
    height: 2.75rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .title {
    font-weight: 700;
    font-size: 1.25rem;
    color: #000;
    margin-bottom: .1875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .intro {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625rem;
    color: rgba(0, 0, 0, .6);
    line-height: .8125rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    background: #fff;
    border-radius: 1.25rem;
    border: .0625rem solid #f2f2f2;
    position: relative;
    z-index: 2;
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.8125rem;
    padding: 1.875rem 2.6875rem 1.25rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .6875rem;
    line-height: 1.125rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content p:last-child {
    margin-bottom: 0
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .4375rem;
    margin-top: .125rem;
    width: .8125rem;
    height: .8125rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .line {
    position: absolute;
    top: 6.625rem;
    right: -6.0625rem;
    width: 5.125rem;
    height: .5rem;
    background: url(../images/icon-line.webp) no-repeat center/cover
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:nth-child(3n+3) {
    margin-right: 0
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:nth-child(3n+3) .line {
    display: none
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:last-child .line {
    display: none
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:hover::before {
    opacity: 1;
    visibility: visible
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:hover .subTitleBox .icon img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:hover .subTitleBox .title {
    color: #fff
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list:hover .subTitleBox .intro {
    color: rgba(255, 255, 255, .6)
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5625rem 0 .0625rem;
    background: #fff;
    border-radius: 1.25rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list {
    width: 33.33%;
    padding: .25rem 3.25rem 0;
    position: relative;
    margin-bottom: 2.5rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list::after {
    position: absolute;
    top: 0;
    right: 0;
    border-right: .0625rem dashed #000;
    height: 11.8125rem;
    content: "";
    display: block
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list:nth-child(3n+3)::after {
    display: none
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list:last-child::after {
    display: none
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .title {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    margin-bottom: .9375rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .intro {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.6875rem;
    margin-bottom: 1rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .code {
    width: 6.3125rem
}

#aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .code img {
    width: 100%;
    height: auto
}

#talentAdvantage {
    padding: 6.1875rem 0 4.0625rem
}

#talentAdvantage .talentAdvantageTitle {
    margin-bottom: 1.9375rem
}

#talentAdvantage .talentAdvantageTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#talentAdvantage .talentAdvantageMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.375rem
}

#talentAdvantage .talentAdvantageMain .list {
    width: calc(33.33% - .75rem);
    min-height: 19.25rem;
    margin: .375rem;
    background: #fafafa;
    border-radius: 1rem;
    border: .0625rem solid #f0f0f0;
    padding: 2.5rem 3.125rem 2.5rem 1.8125rem;
    position: relative
}

#talentAdvantage .talentAdvantageMain .list::before {
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#talentAdvantage .talentAdvantageMain .list .number {
    position: absolute;
    right: 1.75rem;
    top: 1.625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.3125rem;
    height: 1.1875rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: .625rem;
    font-weight: 700;
    font-size: .625rem;
    color: #fff;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#talentAdvantage .talentAdvantageMain .list .number::before {
    position: absolute;
    inset: 0;
    border-radius: 1.375rem;
    background: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#talentAdvantage .talentAdvantageMain .list .number span {
    position: relative;
    z-index: 2
}

#talentAdvantage .talentAdvantageMain .list .icon {
    width: 3.9375rem;
    height: 3.9375rem;
    background: #fff;
    border-radius: .375rem;
    margin-bottom: 4.375rem;
    position: relative;
    z-index: 2
}

#talentAdvantage .talentAdvantageMain .list .icon img {
    width: 100%;
    height: auto
}

#talentAdvantage .talentAdvantageMain .list .title {
    font-weight: 500;
    font-size: 1.25rem;
    color: #000;
    line-height: 1.8125rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#talentAdvantage .talentAdvantageMain .list .intro {
    font-size: 1rem;
    color: rgba(0, 0, 0, .5);
    margin-top: .625rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#talentAdvantage .talentAdvantageMain .list:hover {
    box-shadow: 0 1.0625rem 3.0625rem 0 rgba(181, 72, 72, .29)
}

#talentAdvantage .talentAdvantageMain .list:hover::before {
    opacity: 1;
    visibility: visible
}

#talentAdvantage .talentAdvantageMain .list:hover .number {
    color: #d13833
}

#talentAdvantage .talentAdvantageMain .list:hover .number::before {
    opacity: 1;
    visibility: visible
}

#talentAdvantage .talentAdvantageMain .list:hover .title {
    color: #fff
}

#talentAdvantage .talentAdvantageMain .list:hover .intro {
    color: rgba(255, 255, 255, .8)
}

#researchCollaboration {
    overflow: hidden;
    padding: 3.375rem 0 7rem
}

#researchCollaboration .researchCollaborationTitle {
    margin-bottom: 2.0625rem
}

#researchCollaboration .researchCollaborationTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#researchCollaboration .researchCollaborationMian .researchCollaborationBox {
    margin-bottom: 1.0625rem;
    overflow: visible
}

#researchCollaboration .researchCollaborationMian .researchCollaborationBox:last-child {
    margin-bottom: 0
}

#researchCollaboration .researchCollaborationMian .researchCollaborationBox .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

#researchCollaboration .researchCollaborationMian .researchCollaborationBox .swiper-wrapper .swiper-slide {
    width: 12.5rem;
    height: 6.125rem;
    background: #f5f6f7;
    border-radius: .625rem;
    overflow: hidden;
    margin-right: 1.0625rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#researchCollaboration .researchCollaborationMian .researchCollaborationBox .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto
}

#researchCollaboration .researchCollaborationMian .researchCollaborationBox .swiper-wrapper .swiper-slide:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

#strategicLayout {
    background: #fafafa;
    padding: 4.375rem 0 7.9375rem;
    border-radius: 1rem 1rem 0 0
}

#strategicLayout .strategicLayoutTitle {
    margin-bottom: 2.0625rem
}

#strategicLayout .strategicLayoutTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#strategicLayout .strategicLayoutMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.5rem -.375rem
}

#strategicLayout .strategicLayoutMain .list {
    width: calc(33.33% - .75rem);
    margin: .5rem .375rem;
    padding: 2.375rem 3.1875rem 2.3125rem;
    background: #fff;
    border-radius: 1rem;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#strategicLayout .strategicLayoutMain .list::before {
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#strategicLayout .strategicLayoutMain .list .title {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    margin-bottom: .5rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#strategicLayout .strategicLayoutMain .list .intro {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.375rem;
    min-height: 2.75rem;
    font-weight: 300;
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#strategicLayout .strategicLayoutMain .list .logo {
    border-top: .0625rem solid rgba(0, 0, 0, .1);
    padding-top: 2rem;
    position: relative;
    z-index: 2
}

#strategicLayout .strategicLayoutMain .list .logo img {
    width: auto;
    height: 4.1875rem
}

#strategicLayout .strategicLayoutMain .list .logo img.active {
    display: none
}

#strategicLayout .strategicLayoutMain .list:hover::before {
    opacity: 1;
    visibility: visible
}

#strategicLayout .strategicLayoutMain .list:hover .title {
    color: #fff
}

#strategicLayout .strategicLayoutMain .list:hover .intro {
    color: rgba(255, 255, 255, .8)
}

#strategicLayout .strategicLayoutMain .list:hover .logo {
    border-color: rgba(255, 255, 255, .2)
}

#strategicLayout .strategicLayoutMain .list:hover .logo img.default {
    display: none
}

#strategicLayout .strategicLayoutMain .list:hover .logo img.active {
    display: block
}

#antibody {
    padding: 6.75rem 0 7.1875rem;
    background: #fafafa;
    overflow: hidden
}

#antibody .listBox .list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.4375rem
}

#antibody .listBox .list:last-child {
    margin-bottom: 0
}

#antibody .listBox .list .image {
    width: 43.125rem;
    border-radius: 1.25rem;
    overflow: hidden
}

#antibody .listBox .list .image img {
    width: 100%;
    height: auto;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#antibody .listBox .list .image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#antibody .listBox .list .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 43.75rem;
    padding: 4.375rem 3.4375rem 4.375rem 4.1875rem;
    background: #fff;
    border-radius: 1.25rem
}

#antibody .listBox .list .content .title {
    font-weight: 400;
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: 1.25rem
}

#antibody .listBox .list .content .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    max-height: 25.5rem;
    overflow-y: auto;
    padding-right: 1.875rem;
    font-weight: 300
}

#antibody .listBox .list .content .intro::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
    background-color: rgba(0, 0, 0, .05)
}

#antibody .listBox .list .content .intro::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .05)
}

#antibody .listBox .list .content .intro::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#antibody .listBox .list:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#antibody .listBox .list:nth-child(even) .image {
    width: 43.75rem
}

#antibody .listBox .list:nth-child(even) .content {
    width: 43.125rem
}

#sunning {
    padding: 4.75rem 0 7rem
}

#sunning .sunningTitle {
    margin-bottom: 2rem
}

#sunning .sunningTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#sunning .sunningMain table {
    text-align: center;
    width: 100%;
    background: #fafafa;
    border-radius: .625rem;
    overflow: hidden;
    margin-bottom: 2.5625rem
}

#sunning .sunningMain table:last-child {
    margin-bottom: 0
}

#sunning .sunningMain table tr td {
    padding: 1.125rem 0;
    border: .0625rem solid rgba(199, 199, 199, .1);
    font-size: 1.0625rem;
    color: #111118
}

#sunning .sunningMain img {
    width: 100%;
    height: auto
}

#antibodyDrug {
    padding: 4.75rem 0 5.4375rem;
    background: #fafafa;
    overflow: hidden
}

#antibodyDrug .antibodyDrugMain {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#antibodyDrug .antibodyDrugMain .antibodyDrugLeft {
    width: 43.625rem;
    position: relative
}

#antibodyDrug .antibodyDrugMain .antibodyDrugLeft .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#antibodyDrug .antibodyDrugMain .antibodyDrugLeft .image:nth-child(1) {
    width: 36.0625rem;
    height: 37.6875rem;
    -webkit-mask: url(../images/antibodyDrugMask.webp) no-repeat center/cover;
    mask: url(../images/antibodyDrugMask.webp) no-repeat center/cover
}

#antibodyDrug .antibodyDrugMain .antibodyDrugLeft .image:nth-child(2) {
    position: absolute;
    top: calc(50% - 12.875rem);
    right: 0;
    width: 17.9375rem;
    height: 25.75rem;
    border-radius: 1.25rem;
    z-index: 2;
    overflow: hidden
}

#antibodyDrug .antibodyDrugMain .antibodyDrugLeft .image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 4rem;
    padding-top: 2.375rem
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .title {
    font-weight: 300;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.125rem;
    margin-bottom: .5625rem
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .subTitle {
    font-weight: 700;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.125rem;
    margin-bottom: 2.5rem
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    max-height: 25rem;
        overflow-y: auto;
        padding-right: 1.875rem;
    font-weight: 300
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem; 
    background-color: rgba(0, 0, 0, .05)
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .05)
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.125rem
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro p:last-child {
    margin-bottom: 0
}

#antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .375rem;
    margin-top: .4375rem;
    width: .875rem;
    height: .875rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    content: "";
    display: block
}

#developmentTimeline {
    padding: 5.6875rem 0 24.4375rem
}

#developmentTimeline .developmentTimelineTitle {
    margin-bottom: 3.375rem
}

#developmentTimeline .developmentTimelineTitle .title {
    font-weight: 400;
    font-size: 2.875rem;
    color: #000
}

#developmentTimeline .developmentTimelineMain .wrapperBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: url(../images/developmentTimelineMask.webp) no-repeat center/cover;
    padding-right: 3.25rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.0625rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .title {
    font-family: OPPOSans;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.5rem;
    height: 6.5rem;
    background: -webkit-linear-gradient(164deg, #e44e48, #ae100d);
    background: linear-gradient(-74deg, #e44e48, #ae100d);
    box-shadow: 0 0 3.375rem 0 rgba(36, 55, 104, .19);
    border-radius: 50%;
    font-weight: 700;
    font-size: 1.375rem;
    color: #fff;
    position: relative
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .title::after {
    position: absolute;
    left: calc(50% - 4.375rem);
    top: calc(50% - 4.375rem);
    width: 8.75rem;
    height: 8.75rem;
    background: url(../images/developmentTimelineCircle.webp) no-repeat center/cover;
    -webkit-animation: developmentTimelineCircle 2s linear infinite;
    animation: developmentTimelineCircle 2s linear infinite;
    content: "";
    display: block
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: OPPOSans;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    position: relative;
    margin-top: -.1875rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border-right: .0625rem dashed rgba(255, 255, 255, .53);
    height: 1.625rem;
    content: "";
    display: block
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list:last-child::after {
    display: none
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .tip {
    font-weight: 500;
    font-size: 1.25rem;
    color: #fff
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .line {
    height: 5.3125rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.5625rem;
    border-right: .0625rem dashed #000
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .line::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: .4375rem;
    height: .4375rem;
    background: #ae100d;
    border-radius: 50%;
    content: "";
    display: block
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .popup {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 7.875rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    min-width: 10.8125rem;
    width: auto;
    height: 4.5625rem;
    background: #f3f3f3;
    border-radius: 1rem;
    padding: 0 2rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .popup img {
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: 2rem;
    margin-right: 1rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .popup .intro {
   
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    font-size: .8125rem;
    color: #000;
     flex: 1;
    line-height: 1.0625rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(even) .title::after {
    background: url(../images/developmentTimelineCircle2.webp) no-repeat center/cover;
    animation: developmentTimelineCircle 2s linear infinite reverse
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(1) .listBox .list:nth-child(2) .popup {
    min-width: 15.75rem;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: -.4375rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(1) .listBox .list:nth-child(3) .line {
    height: 12.875rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(1) .listBox .list:nth-child(3) .popup {
    top: 15.4375rem;
    min-width: 15.75rem
}

#developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(2) .listBox .list:nth-child(1) .popup {
    min-width: 15.75rem
}

#injection {
    padding: 4.75rem 0 5.4375rem;
    background: #fafafa;
    overflow: hidden
}

#injection .injectionMain {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#injection .injectionMain .injectionLeft {
    width: 43.625rem;
    position: relative
}

#injection .injectionMain .injectionLeft .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#injection .injectionMain .injectionLeft .image:nth-child(1) {
    width: 36.0625rem;
    height: 37.6875rem;
    -webkit-mask: url(../images/injectionMask.webp) no-repeat center/cover;
    mask: url(../images/injectionMask.webp) no-repeat center/cover;
    margin-left: auto
}

#injection .injectionMain .injectionLeft .image:nth-child(2) {
    position: absolute;
    top: calc(50% - 12.875rem);
    left: 0;
    width: 17.9375rem;
    height: 25.75rem;
    border-radius: 1.25rem;
    z-index: 2;
    overflow: hidden
}

#injection .injectionMain .injectionLeft .image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#injection .injectionMain .injectionRight {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 4.5rem;
    padding-top: 2.375rem
}

#injection .injectionMain .injectionRight .title {
    font-weight: 300;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.125rem;
    margin-bottom: .5625rem
}

#injection .injectionMain .injectionRight .subTitle {
    font-weight: 700;
    font-size: 2.875rem;
    color: #000;
    line-height: 3.125rem;
    margin-bottom: 2.5rem
}

#injection .injectionMain .injectionRight .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    max-height: 24.375rem;
        overflow-y: auto;
        padding-right: 1.875rem;
    font-weight: 300
}

#injection .injectionMain .injectionRight .intro::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
    background-color: rgba(0, 0, 0, .05)
}

#injection .injectionMain .injectionRight .intro::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .05)
}

#injection .injectionMain .injectionRight .intro::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#injection .injectionMain .injectionRight .intro p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.125rem
}

#injection .injectionMain .injectionRight .intro p:last-child {
    margin-bottom: 0
}

#injection .injectionMain .injectionRight .intro p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .375rem;
    margin-top: .4375rem;
    width: .875rem;
    height: .875rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    content: "";
    display: block
}

#recommendNews {
    padding: 4.625rem 0 8.1875rem
}

#recommendNews .recommendNewsTitle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

#recommendNews .recommendNewsTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#recommendNews .recommendNewsTitle .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#recommendNews .recommendNewsTitle .btns .swiper-button-next,
#recommendNews .recommendNewsTitle .btns .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5625rem;
    height: 2.5625rem;
    font-size: .8125rem;
    color: #282828;
    background: #fff;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    overflow: hidden
}

#recommendNews .recommendNewsTitle .btns .swiper-button-next::before,
#recommendNews .recommendNewsTitle .btns .swiper-button-prev::before {
    position: absolute;
    inset: 0;
    border: .0625rem solid #000;
    box-sizing: border-box;
    border-radius: 50%;
    content: "";
    display: block
}

#recommendNews .recommendNewsTitle .btns .swiper-button-next::after,
#recommendNews .recommendNewsTitle .btns .swiper-button-prev::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#recommendNews .recommendNewsTitle .btns .swiper-button-next i,
#recommendNews .recommendNewsTitle .btns .swiper-button-prev i {
    position: relative;
    z-index: 2
}

#recommendNews .recommendNewsTitle .btns .swiper-button-next:hover,
#recommendNews .recommendNewsTitle .btns .swiper-button-prev:hover {
    color: #fff
}

#recommendNews .recommendNewsTitle .btns .swiper-button-next:hover::after,
#recommendNews .recommendNewsTitle .btns .swiper-button-prev:hover::after {
    opacity: 1;
    visibility: visible
}

#recommendNews .recommendNewsTitle .btns .swiper-button-prev {
    margin-right: .375rem
}

#recommendNews .recommendNewsTitle .btns .swiper-button-prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list {
    display: block;
    background: #fafafa;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .image {
    border-radius: 1rem;
    overflow: hidden
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .image img {
    width: 100%;
    height: 16.75rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content {
    padding: 2.4375rem 2.875rem 2.1875rem 2.4375rem
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .time {
    font-family: OPPOSans;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .9375rem
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .time i {
    font-size: .875rem;
    color: #c2302c;
    margin-right: .375rem
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .time span {
    font-weight: 500;
    font-size: .8125rem;
    color: #383838
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .title {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    line-height: 1.75rem;
    height: 3.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.6875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .more {
    font-size: .875rem;
    color: #3a3a3a
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list:hover .content .title {
    color: #ae100d
}

#recommendNews.bg {
    background: #fafafa
}

#recommendNews.bg .recommendNewsTitle .btns .swiper-button-next,
#recommendNews.bg .recommendNewsTitle .btns .swiper-button-prev {
    background: 0 0
}

#recommendNews.bg .recommendNewsMain .swiper-wrapper .swiper-slide .list {
    background: #fff
}

#geneIntroduction {
    padding: 6.1875rem 0 7.125rem
}

#geneIntroduction .geneIntroductionMain {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#geneIntroduction .geneIntroductionMain .content {
    width: 37.4375rem
}

#geneIntroduction .geneIntroductionMain .content .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: 1.125rem
}

#geneIntroduction .geneIntroductionMain .content .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    font-weight: 300
}

#geneIntroduction .geneIntroductionMain .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2.0625rem 0 5.375rem;
    width: 40.3125rem;
    height: 17.625rem;
    position: relative;
    background: url(../images/geneIntroductionBorder.webp) no-repeat center/cover
}

#geneIntroduction .geneIntroductionMain .image .logo img {
    width: auto;
    height: 6.25rem
}

#geneIntroduction .geneIntroductionMain .image .dot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .625rem;
    height: .625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    margin: 0 auto;
    cursor: pointer
}

#geneIntroduction .geneIntroductionMain .image .dot::after {
    width: .6875rem;
    height: .6875rem;
    background: #ae100d;
    border-radius: 50%;
    position: relative;
    z-index: 9;
    box-shadow: .0625rem .4375rem .5rem .0625rem rgba(72, 0, 0, .7);
    content: "";
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#geneIntroduction .geneIntroductionMain .image .dot span {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(174, 16, 13, .3);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: amplify 3s linear infinite;
    animation: amplify 3s linear infinite;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#geneIntroduction .geneIntroductionMain .image .dot span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

#geneIntroduction .geneIntroductionMain .image .dot span:nth-child(2) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

#geneIntroduction .geneIntroductionMain .image .dot span:nth-child(3) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s
}

#nucleicAcidHistory {
    padding: 4.5rem 0 5.9375rem;
    background: #fafafa;
    border-radius: 1.25rem;
    margin: 0 .4375rem;
    overflow: hidden
}

#nucleicAcidHistory .nucleicAcidHistoryTitle {
    margin-bottom: 3.25rem
}

#nucleicAcidHistory .nucleicAcidHistoryTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: 1rem
}

#nucleicAcidHistory .nucleicAcidHistoryTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    font-weight: 300
}

#nucleicAcidHistory .nucleicAcidHistoryMain {
    border-radius: .625rem;
    border: .0625rem solid #f4f4f4;
    text-align: center;
    background: url(../images/nucleicAcidHistoryMainBg.webp) no-repeat center/cover;
    overflow: hidden;
    padding: 1rem 0 0
}

#nucleicAcidHistory .nucleicAcidHistoryMain img {
    width: 69.0625rem;
    height: auto
}

#specialDiagnosis {
    padding: 5.25rem 0 12.3125rem;
    position: relative;
    overflow: hidden
}

#specialDiagnosis::after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 118.25rem;
    height: 33.125rem;
    background: url(../images/specialDiagnosisMap.webp) no-repeat center/cover;
    content: "";
    display: block
}

#specialDiagnosis .specialDiagnosisTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 4.5rem
}

#specialDiagnosis .specialDiagnosisTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .625rem
}

#specialDiagnosis .specialDiagnosisTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    font-weight: 300
}

#specialDiagnosis .specialDiagnosisTitle .intro span {
    color: #ae100d
}

#specialDiagnosis .specialDiagnosisList {
    position: relative;
    z-index: 2;
    overflow: visible;
    margin-bottom: 4.1875rem
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9.1875rem;
    height: 9.1875rem;
    -webkit-transform: translateY(10.6875rem);
    -ms-transform: translateY(10.6875rem);
    transform: translateY(10.6875rem);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
    position: relative
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide .list::before {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border-radius: 50%;
    border: .0625rem solid #ededed;
    content: "";
    display: block
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide .list::after {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border-radius: 50%;
    border: .375rem solid #d03732;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide .list img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide-active .list::after {
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide-active .list img {
    -webkit-transform: translate(-1.0625rem, .4375rem) scale(1.1);
    -ms-transform: translate(-1.0625rem, .4375rem) scale(1.1);
    transform: translate(-1.0625rem, .4375rem) scale(1.1)
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y1 .list {
    -webkit-transform: translateY(6.3125rem);
    -ms-transform: translateY(6.3125rem);
    transform: translateY(6.3125rem);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y2 .list {
    -webkit-transform: translateY(2.875rem);
    -ms-transform: translateY(2.875rem);
    transform: translateY(2.875rem);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y3 .list {
    -webkit-transform: translateY(1.125rem);
    -ms-transform: translateY(1.125rem);
    transform: translateY(1.125rem);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y4 .list {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y5 .list {
    -webkit-transform: translateY(1.125rem);
    -ms-transform: translateY(1.125rem);
    transform: translateY(1.125rem);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y6 .list {
    -webkit-transform: translateY(2.875rem);
    -ms-transform: translateY(2.875rem);
    transform: translateY(2.875rem);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y7 .list {
    -webkit-transform: translateY(6.3125rem);
    -ms-transform: translateY(6.3125rem);
    transform: translateY(6.3125rem);
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisLineBox {
    position: relative;
    z-index: 2
}

#specialDiagnosis .specialDiagnosisLine {
    width: 120rem;
    height: 16.125rem;
    margin: 0 auto -10.0625rem;
    background: url(../images/specialDiagnosisLine.webp) no-repeat center/cover;
    position: relative;
    z-index: 2
}

#specialDiagnosis .specialDiagnosisLine .line {
    position: absolute;
    left: 0;
    top: -.125rem;
    width: 100%;
    height: 16.25rem;
    background: url(../images/specialDiagnosisLineActive.webp) no-repeat left top;
    background-size: 120rem 16.25rem !important;
    -webkit-transform: rotate(.2deg);
    -ms-transform: rotate(.2deg);
    transform: rotate(.2deg);
    content: "";
    display: block
}

#specialDiagnosis .specialDiagnosisLine .line.active {
    -webkit-animation: scrollBarLine 4.5s ease forwards;
    animation: scrollBarLine 4.5s ease forwards
}

#specialDiagnosis .specialDiagnosisContent {
    position: relative;
    z-index: 2;
    margin-bottom: 1.9375rem
}

#specialDiagnosis .specialDiagnosisContent .list {
    text-align: center
}

#specialDiagnosis .specialDiagnosisContent .list .title {
    font-weight: 700;
    font-size: 1.5rem;
    color: #000
}

#specialDiagnosis .specialDiagnosisContent .list .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.8125rem;
    font-weight: 300;
    margin-bottom: .4375rem
}

#specialDiagnosis .specialDiagnosisBtns {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.0625rem;
    position: relative;
    z-index: 2
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-next,
#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5625rem;
    height: 2.5625rem;
    font-size: .8125rem;
    color: #282828;
    background: 0 0;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    overflow: hidden
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-next::before,
#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev::before {
    position: absolute;
    inset: 0;
    border: .0625rem solid #000;
    box-sizing: border-box;
    border-radius: 50%;
    content: "";
    display: block
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-next::after,
#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-next i,
#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev i {
    position: relative;
    z-index: 2
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-next:hover,
#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev:hover {
    color: #fff
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-next:hover::after,
#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev:hover::after {
    opacity: 1;
    visibility: visible
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev {
    margin-right: .375rem
}

#specialDiagnosis .specialDiagnosisBtns .swiper-button-prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#specialDiagnosis .specialDiagnosisTab {
    text-align: center;
    position: relative;
    z-index: 2
}

#specialDiagnosis .specialDiagnosisTab span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-width: 24rem;
    height: 5.9375rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 1.25rem;
    font-weight: 500;
    font-size: 1.5625rem;
    color: #fff;
    padding: 0 2.5rem
}

#productSolution {
    padding: 0 0 8.125rem
}

#productSolution .listBox {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -1.1875rem
}

#productSolution .listBox .list {
    width: calc(33.33% - 2.375rem);
    margin: 1.1875rem;
    background: #f5f5f5;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

#productSolution .listBox .list .image {
    text-align: center;
    position: relative;
    border-radius: 1rem;
    overflow: hidden
}

#productSolution .listBox .list .image .commonBg {
    z-index: 0;
    display: none
}

#productSolution .listBox .list .image>img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#productSolution .listBox .list .content {
    position: relative;
    padding: 1.125rem 2.1875rem 3.125rem
}

#productSolution .listBox .list .content .title {
    font-weight: 500;
    font-size: 1.25rem;
    color: rgba(0, 0, 0, .3);
    margin-bottom: .375rem
}

#productSolution .listBox .list .content .intro {
    font-weight: 500;
    font-size: 1.625rem;
    color: #000
}

#productSolution .listBox .list .content .more {
    position: absolute;
    right: 2.1875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75rem;
    color: #fff;
    width: 3.375rem;
    height: 3.375rem;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#productSolution .listBox .list.recommend {
    width: calc(66.66% - 2.375rem)
}

#productSolution .listBox .list.recommend .image {
    height: 22.875rem
}

#productSolution .listBox .list.recommend .image .commonBg {
    display: block
}

#productSolution .listBox .list.recommend .image>img {
    width: auto;
    height: 21.375rem
}

#productSolution .listBox .list.recommend .content {
    padding: 1.125rem 2.9375rem 1.5625rem
}

#productSolution .listBox .list.recommend .content .more {
    right: 3.625rem
}

#productSolution .listBox .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#productSolution .listBox .list:hover .content .more {
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%)
}

#healthEngineeringIntro {
    padding: 6.875rem 0 0
}

#healthEngineeringIntro .healthEngineeringIntroTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .75rem
}

#healthEngineeringIntro .healthEngineeringIntroTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    font-weight: 300
}

#healthEngineeringIntro .healthEngineeringIntroPicture {
    margin: 0 -2.40625rem 3.125rem
}

#healthEngineeringIntro .healthEngineeringIntroPicture img {
    width: 100%;
    height: auto
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4.25rem -.5rem 3.5625rem
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox::after {
    width: 88.4375rem;
    height: 6.5rem;
    background: url(../images/healthEngineeringIntroListLine.webp) no-repeat center/cover;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list {
    margin: 4.25rem .5rem;
    width: 21.125rem;
    height: 18.0625rem;
    background: url(../images/healthEngineeringIntroListMask.webp) no-repeat center/cover;
    padding: 1.3125rem 2.5rem 1.5625rem 2.5rem;
    position: relative
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list::after {
    position: absolute;
    inset: 0;
    background: url(../images/healthEngineeringIntroListMaskActive.webp) no-repeat center/cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list::before {
    position: absolute;
    left: 47%;
    bottom: -2.375rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .625rem;
    height: .625rem;
    background: #ce2a2a;
    border-radius: 50%;
    border: .1875rem solid #fff;
    content: "";
    display: block
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.125rem;
    position: relative;
    z-index: 2
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .title img {
    width: auto;
    height: 2.625rem;
    margin-right: .375rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .title h3 {
    font-weight: 500;
    font-size: 1.5rem;
    color: #000;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .875rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.3125rem;
    margin: -0.125rem -.8125rem;
    position: relative;
    z-index: 2;
    max-height: 10.625rem;
    overflow-y: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .125rem .8125rem
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content p:last-child {
    margin-bottom: 0
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .375rem;
    margin-top: .1875rem;
    width: .875rem;
    height: .875rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    display: block
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(5),
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(6),
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(7),
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(8) {
    background: url(../images/healthEngineeringIntroListMask2.webp) no-repeat center/cover
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(5)::after,
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(6)::after,
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(7)::after,
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(8)::after {
    background: url(../images/healthEngineeringIntroListMaskActive2.webp) no-repeat center/cover
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(5)::before,
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(6)::before,
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(7)::before,
#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(8)::before {
    top: -2.375rem
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:hover::after {
    opacity: 1;
    visibility: visible
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:hover .title img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:hover .title h3 {
    color: #fff
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:hover .content {
    color: #fff
}

#healthEngineeringIntro .healthEngineeringIntroList .listBox .list:hover .content p::before {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#seriesProducts {
    padding: 0 0 3.875rem;
    overflow: hidden
}

#seriesProducts .seriesProductsTitle {
    margin-bottom: 2.8125rem
}

#seriesProducts .seriesProductsTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .5625rem
}

#seriesProducts .seriesProductsTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    font-weight: 300
}

#seriesProducts .seriesProductsMain {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.4375rem
}

#seriesProducts .seriesProductsMain .seriesProductsLeft {
    width: 53.875rem;
    height: auto;
    border-radius: 2.5rem;
    border: .0625rem solid rgba(103, 103, 103, .15);
    padding: 3.125rem 2.5625rem 2.4375rem 1.875rem
}

#seriesProducts .seriesProductsMain .seriesProductsLeft .title {
    font-weight: 500;
    font-size: 1.375rem;
    color: #000;
    margin-bottom: -1.0625rem;
    position: relative;
    z-index: 2
}

#seriesProducts .seriesProductsMain .seriesProductsLeft .image img {
    width: 100%;
    height: auto
}

#seriesProducts .seriesProductsMain .seriesProductsRight {
    width: 33rem;
    padding: 3.5625rem 1.8125rem 2.8125rem 1.75rem;
    height: auto;
    border-radius: 2.5rem;
    border: .0625rem solid rgba(103, 103, 103, .15)
}

#seriesProducts .seriesProductsMain .seriesProductsRight .listBox {
    padding-right: .5625rem
}

#seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.8125rem;
    background: #fafafa;
    border-radius: 1rem;
    border: .0625rem solid #e8e8e8;
    margin-left: 1rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list:last-child {
    margin-bottom: 0
}

#seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list .number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.0625rem;
    height: 4.0625rem;
    background: #c52a26;
    border-radius: 50%;
    border: .1875rem solid #fff;
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
    margin: -.25rem 0 -.25rem -1rem
}

#seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    color: #000;
    padding: .75rem 2.875rem .75rem 1.25rem
}

#seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list:hover {
    background: #f7fbfe;
    box-shadow: 0 .75rem 1.125rem 0 rgba(126, 146, 165, .13)
}

#seriesProducts .seriesProductsMain .seriesProductsRight .tip {
    text-align: center;
    font-size: 1rem;
    color: rgba(0, 0, 0, .9);
    margin-top: 3.9375rem;
    font-weight: 300
}

#seriesProducts .seriesProductsList .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.3125rem
}

#seriesProducts .seriesProductsList .list:last-child {
    margin-bottom: 0
}

#seriesProducts .seriesProductsList .list .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20.8125rem;
    height: auto;
    background: #f0f0f0;
    border-radius: 1.25rem;
    border: .0625rem solid #f1f1f1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1.25rem 4.0625rem 1.25rem 3.0625rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#seriesProducts .seriesProductsList .list .title::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(185deg, #e44e48, #ae100d);
    background: linear-gradient(265deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: visible;
    content: "";
    display: block
}

#seriesProducts .seriesProductsList .list .title img {
    width: 3.125rem;
    height: auto;
    margin-right: 1.0625rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#seriesProducts .seriesProductsList .list .title span {
    font-weight: 700;
    font-size: 1.25rem;
    color: #000;
    line-height: 1.5rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#seriesProducts .seriesProductsList .list .content {
    width: 69.125rem;
    height: auto;
    background: #fff;
    border-radius: 1.25rem;
    border: .0625rem solid #f2f2f2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: -2.125rem;
    position: relative;
    z-index: 2;
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.4375rem;
    padding: 1.875rem 5.125rem;
    overflow: hidden;
    font-weight: 300
}

#seriesProducts .seriesProductsList .list .content::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 15.5625rem;
    height: 100%;
    background: -webkit-linear-gradient(left, #fadfde, #fff);
    background: linear-gradient(90deg, #fadfde, #fff);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#seriesProducts .seriesProductsList .list .content p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .625rem;
    position: relative;
    z-index: 2
}

#seriesProducts .seriesProductsList .list .content p:last-child {
    margin-bottom: 0
}

#seriesProducts .seriesProductsList .list .content p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .375rem;
    margin-top: .3125rem;
    width: .875rem;
    height: .875rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    content: "";
    display: block
}

#seriesProducts .seriesProductsList .list:hover .title::after {
    opacity: 1;
    visibility: visible
}

#seriesProducts .seriesProductsList .list:hover .title img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#seriesProducts .seriesProductsList .list:hover .title span {
    color: #fff
}

#seriesProducts .seriesProductsList .list:hover .content::after {
    opacity: 1;
    visibility: visible
}

#scientificProjects {
    padding: 3.875rem 0 9.625rem
}

#scientificProjects .scientificProjectsTitle {
    margin-bottom: 3.5rem
}

#scientificProjects .scientificProjectsTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#scientificProjects .scientificProjectsMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3.125rem -2.1875rem
}

#scientificProjects .scientificProjectsMain .list {
    width: calc(25% - 4.375rem);
    min-height: 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 3.125rem 2.1875rem;
    padding: 0 4rem;
    font-size: 1rem;
    color: #000;
    line-height: 1.5rem;
    position: relative
}

#scientificProjects .scientificProjectsMain .list::after,
#scientificProjects .scientificProjectsMain .list::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.375rem;
    height: 8.375rem;
    content: "";
    display: block
}

#scientificProjects .scientificProjectsMain .list::before {
    left: 0;
    background: url(../images/scientificProjectsMask1.webp) no-repeat center/cover
}

#scientificProjects .scientificProjectsMain .list::after {
    right: 0;
    background: url(../images/scientificProjectsMask2.webp) no-repeat center/cover
}

#relatedProducts {
    padding: 4.6875rem 0 5.4375rem;
    background: #fafafa
}

#relatedProducts .relatedProductsTitle {
    margin: 0 0 1.875rem
}

#relatedProducts .relatedProductsTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#relatedProducts .relatedProductsMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.875rem
}

#relatedProducts .relatedProductsMain .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 1.75rem);
    margin: .875rem;
    padding: 3.25rem 1.75rem 3.0625rem 3.375rem;
    background: #fff;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

#relatedProducts .relatedProductsMain .list::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 20.6875rem;
    height: 23.25rem;
    background: url(../images/productListMask.webp) no-repeat center/cover;
    content: "";
    display: block
}

#relatedProducts .relatedProductsMain .list .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 2.0625rem;
    position: relative;
    z-index: 2
}

#relatedProducts .relatedProductsMain .list .content .title {
    font-weight: 500;
    font-size: 2.125rem;
    color: #000;
    line-height: 2.4375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .375rem
}

#relatedProducts .relatedProductsMain .list .content .subTitle {
    font-weight: 500;
    font-size: 1.625rem;
    color: #000;
    line-height: 1.75rem;
    margin-bottom: 1.0625rem
}

#relatedProducts .relatedProductsMain .list .content .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.625rem;
    height: 6.5rem;
    font-weight: 300;
    overflow-y: auto;
    padding-right: 1.25rem
}

#relatedProducts .relatedProductsMain .list .content .intro::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#relatedProducts .relatedProductsMain .list .content .intro::-webkit-scrollbar-track {
    border-radius: .3125rem;
    background-color: rgba(0, 0, 0, .1)
}

#relatedProducts .relatedProductsMain .list .content .intro::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: #ae100d;
    cursor: pointer
}

#relatedProducts .relatedProductsMain .list .image {
    width: auto;
    position: relative;
    z-index: 2
}

#relatedProducts .relatedProductsMain .list .image img {
    width: auto;
    height: 16.875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#relatedProducts .relatedProductsMain .list:hover .content .title {
    color: #ae100d
}

#relatedProducts .relatedProductsMain .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.loadMoreBtn {
    text-align: center;
    margin-top: 2.6875rem
}

.loadMoreBtn .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 3.1875rem;
    background: #fafafa;
    border-radius: 1.5625rem;
    padding: 0 2.625rem;
    font-weight: 500;
    font-size: .9375rem;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.loadMoreBtn .more::before {
    position: absolute;
    inset: 0;
    border: .125rem solid #e3e3e3;
    border-radius: 1.5625rem;
    box-sizing: border-box;
    content: "";
    display: block
}

.loadMoreBtn .more::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(185deg, #e44e48, #ae100d);
    background: linear-gradient(265deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

.loadMoreBtn .more span {
    position: relative;
    z-index: 2
}

.loadMoreBtn .more:hover {
    color: #fff
}

.loadMoreBtn .more:hover::after {
    opacity: 1;
    visibility: visible
}

#publicWelfareProject {
    padding: 6.5625rem 0 3.75rem;
    overflow: hidden
}

#publicWelfareProject .publicWelfareProjectTitle {
    margin-bottom: 2.6875rem
}

#publicWelfareProject .publicWelfareProjectTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .5625rem
}

#publicWelfareProject .publicWelfareProjectTitle .intro {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.8125rem;
    font-weight: 300
}

#publicWelfareProject .publicWelfareProjectMain {
    overflow: visible
}

#publicWelfareProject .publicWelfareProjectMain .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

#publicWelfareProject .publicWelfareProjectMain .swiper-wrapper .swiper-slide {
    width: 22.4375rem;
    height: auto;
    border-radius: 1rem;
    overflow: hidden;
    margin-right: .75rem
}

#publicWelfareProject .publicWelfareProjectMain .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#publicWelfareProject .publicWelfareProjectMain .swiper-wrapper .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#developmentPlatform {
    padding: 5.375rem 0 4.6875rem
}

#developmentPlatform .developmentPlatformTitle {
    margin-bottom: 3.1875rem
}

#developmentPlatform .developmentPlatformTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .5rem
}

#developmentPlatform .developmentPlatformTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    font-weight: 300
}

#developmentPlatform .developmentPlatformMain {
    position: relative
}

#developmentPlatform .developmentPlatformMain .bigTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: calc(50% - 13rem);
    top: calc(50% - 11.8125rem);
    width: 26rem;
    height: 23.625rem;
    background: url(../images/developmentPlatformMask.webp) no-repeat center/cover;
    text-align: center;
    z-index: 9
}

#developmentPlatform .developmentPlatformMain .bigTitle img {
    width: auto;
    height: 4.4375rem
}

#developmentPlatform .developmentPlatformMain .bigTitle .title {
    font-weight: 700;
    font-size: 1.75rem;
    color: #000;
    line-height: 2.3125rem;
    margin-top: 1.1875rem
}

#developmentPlatform .developmentPlatformMain .listBox {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.9375rem -1.75rem
}

#developmentPlatform .developmentPlatformMain .listBox .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(50% - 3.5rem);
    min-height: 13.125rem;
    margin: .9375rem 1.75rem;
    background: #f6f9fb;
    border-radius: 1.25rem;
    padding: 2.5rem 2.3125rem
}

#developmentPlatform .developmentPlatformMain .listBox .list .title {
    font-weight: 500;
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 1.6875rem
}

#developmentPlatform .developmentPlatformMain .listBox .list .content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.625rem -.9375rem;
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9)
}

#developmentPlatform .developmentPlatformMain .listBox .list .content p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.125rem;
    margin: .625rem .9375rem
}

#developmentPlatform .developmentPlatformMain .listBox .list .content p:last-child {
    margin-bottom: 0
}

#developmentPlatform .developmentPlatformMain .listBox .list .content p::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .375rem;
    margin-top: .3125rem;
    width: 1rem;
    height: 1rem;
    background: url(../images/icon-yes.webp) no-repeat center/cover;
    content: "";
    display: block
}

#developmentPlatform .developmentPlatformMain .listBox .list:nth-child(odd) {
    padding-right: 5rem
}

#developmentPlatform .developmentPlatformMain .listBox .list:nth-child(even) {
    padding-left: 9.5rem
}

#liverExternalDeliveryPlatform {
    padding: 5.1875rem 0 5rem
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle {
    padding-left: 38.375rem;
    margin-bottom: -25.625rem;
    position: relative;
    z-index: 2
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .9375rem
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.75rem;
    height: 14rem;
    font-weight: 300;
    margin-bottom: 3.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next,
#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5625rem;
    height: 2.5625rem;
    font-size: .8125rem;
    color: #282828;
    background: #fff;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    overflow: hidden
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next::before,
#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev::before {
    position: absolute;
    inset: 0;
    border: .0625rem solid #000;
    box-sizing: border-box;
    border-radius: 50%;
    content: "";
    display: block
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next::after,
#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next i,
#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev i {
    position: relative;
    z-index: 2
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next:hover,
#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev:hover {
    color: #fff
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next:hover::after,
#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev:hover::after {
    opacity: 1;
    visibility: visible
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev {
    margin-right: .375rem
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformBox {
    overflow: hidden
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain {
    width: 15.625rem;
    height: 43.3125rem;
    margin: 0;
    overflow: visible
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper .swiper-slide {
    width: 15.625rem;
    height: 15.6875rem;
    border-radius: 1.25rem;
    overflow: hidden;
    margin-right: 1.125rem;
    -webkit-transition: all .6s .1s;
    transition: all .6s .1s
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper .swiper-slide-active {
    width: 35.75rem !important;
    height: 43.3125rem;
    margin-right: 2.625rem
}

#liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#deliveryPlatform {
    padding: 3.5rem 0 7.0625rem
}

#deliveryPlatform .deliveryPlatformTitle {
    margin-bottom: 1.125rem
}

#deliveryPlatform .deliveryPlatformTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000;
    margin-bottom: .875rem
}

#deliveryPlatform .deliveryPlatformTitle .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 1.8125rem;
    font-weight: 300
}

#deliveryPlatform .deliveryPlatformMain {
    margin-bottom: 6.8125rem
}

#deliveryPlatform .deliveryPlatformMain img {
    width: 100%;
    height: auto
}

#deliveryPlatform .deliveryPlatformOther {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#deliveryPlatform .deliveryPlatformOther>.intro {
    width: 38.9375rem;
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 2.0625rem;
    font-weight: 300
}

#deliveryPlatform .deliveryPlatformOther .listBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 7.4375rem
}

#deliveryPlatform .deliveryPlatformOther .listBox .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6.25rem;
    margin-right: 10rem;
    position: relative
}

#deliveryPlatform .deliveryPlatformOther .listBox .list:last-child {
    margin-right: 0
}

#deliveryPlatform .deliveryPlatformOther .listBox .list::after {
    position: absolute;
    top: 2.625rem;
    right: -6.1875rem;
    width: 2.9375rem;
    height: 1.125rem;
    background: url(../images/deliveryPlatformArrow.webp) no-repeat center/cover;
    content: "";
    display: block
}

#deliveryPlatform .deliveryPlatformOther .listBox .list .icon {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#deliveryPlatform .deliveryPlatformOther .listBox .list .icon::before {
    position: absolute;
    inset: 0;
    border: .0625rem solid #ececec;
    box-sizing: border-box;
    border-radius: 50%;
    content: "";
    display: block
}

#deliveryPlatform .deliveryPlatformOther .listBox .list .icon::after {
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(147deg, #e44e48, #ae100d);
    background: linear-gradient(-57deg, #e44e48, #ae100d);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block
}

#deliveryPlatform .deliveryPlatformOther .listBox .list .icon img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#deliveryPlatform .deliveryPlatformOther .listBox .list .intro {
    width: 11.25rem;
    font-weight: 500;
    font-size: 1.125rem;
    color: #333;
    line-height: 1.5625rem;
    margin-top: .6875rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#deliveryPlatform .deliveryPlatformOther .listBox .list:hover .icon {
    -webkit-transform: translateY(-.625rem);
    -ms-transform: translateY(-.625rem);
    transform: translateY(-.625rem)
}

#deliveryPlatform .deliveryPlatformOther .listBox .list:hover .icon::after {
    opacity: 1;
    visibility: visible
}

#deliveryPlatform .deliveryPlatformOther .listBox .list:hover .icon img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%)
}

#deliveryPlatform .deliveryPlatformOther .listBox .list:hover .intro {
    -webkit-transform: translateY(-.625rem);
    -ms-transform: translateY(-.625rem);
    transform: translateY(-.625rem)
}

#deliveryPlatform .deliveryPlatformOther .listBox .list:last-child::after,
#deliveryPlatform .deliveryPlatformOther .listBox .list:nth-child(3n+3)::after {
    display: none
}

#targetPlatform {
    background: #fafafa;
    padding: 4.8125rem 0 6.5rem;
    border-radius: 1.25rem
}

#targetPlatform .targetPlatformTitle {
    margin-bottom: 2.5rem
}

#targetPlatform .targetPlatformTitle .title {
    font-weight: 500;
    font-size: 2.875rem;
    color: #000
}

#targetPlatform .targetPlatformMain {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.75rem
}

#targetPlatform .targetPlatformMain .list {
    width: calc(50% - 1.5rem);
    margin: .75rem;
    background: #fff;
    border-radius: 1.25rem;
    overflow: hidden;
    padding: 3.0625rem 3.1875rem 5.6875rem
}

#targetPlatform .targetPlatformMain .list .image {
    overflow: hidden
}

#targetPlatform .targetPlatformMain .list .image img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#targetPlatform .targetPlatformMain .list .content {
    margin-top: .5625rem
}

#targetPlatform .targetPlatformMain .list .content .intro {
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9);
    line-height: 2.0625rem;
    font-weight: 300
}

#targetPlatform .targetPlatformMain .list:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#determinationTestKit {
    padding: 5.125rem 0 3.125rem
}

#determinationTestKit .determinationTestKitMain {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#determinationTestKit .determinationTestKitMain .content {
    width: 52.5rem
}

#determinationTestKit .determinationTestKitMain .content .title {
    font-weight: 500;
    font-size: 2.5rem;
    color: #000;
    margin-bottom: 1.0625rem
}

#determinationTestKit .determinationTestKitMain .content .intro {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.875rem;
    font-weight: 300
}

#determinationTestKit .determinationTestKitMain .image {
    width: 31.25rem
}

#determinationTestKit .determinationTestKitMain .image img {
    width: 100%;
    height: auto
}

@-webkit-keyframes amplify {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes amplify {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-.625rem);
        transform: translateY(-.625rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-.625rem);
        transform: translateY(-.625rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pictureScale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pictureScale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pictureScale2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pictureScale2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scrollBarLine {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes scrollBarLine {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes developmentTimelineCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes developmentTimelineCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 6%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 6%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 6%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 6%, 0) rotateZ(-360deg)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 6%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 6%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 6%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 6%, 0) rotateZ(-360deg)
    }
}

.animate__fadeInUp {
    opacity: 0
}

.animate__fadeInLeft {
    opacity: 0
}

.animate__fadeInRight {
    opacity: 0
}

.animate__fadeInDown {
    opacity: 0
}

@media (max-width:768px) {
    html {
        font-size: 16px !important
    }

    @-webkit-keyframes translateX {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            -webkit-transform: translate(-40px);
            transform: translate(-40px)
        }
    }

    @keyframes translateX {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            -webkit-transform: translate(-40px);
            transform: translate(-40px)
        }
    }

    .layui-flow-more {
        font-size: 14px;
        margin: 30px 0 0;
        height: 42.4px
    }

    .layui-flow-more a {
        height: 42.4px
    }

    .layui-flow-more a cite {
        min-width: 156px;
        height: 42.4px;
        border-width: 2px;
        font-size: 13px;
        padding: 0 19.2px
    }

    .layui-flow-more a i {
        width: 42.4px;
        height: 42.4px
    }

    .layui-flow-more a i::before {
        width: 32px;
        height: 32px
    }

    .header {
        height: 60px;
        line-height: 60px
    }

    .header .headerBox {
        width: calc(100% - 40px)
    }

    .header .headerLogo a {
        margin-top: -7px
    }

    .header .headerLogo a img {
        height: 35px
    }

    .header .headerMain .headerNav {
        display: none
    }

    .header .headerMain .headerOther {
        margin-left: 0;
        height: auto;
        padding: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        border-radius: 0;
        background: 0 0
    }

    .header .headerMain .headerOther .langBtn {
        margin-right: 12px
    }

    .header .headerMain .headerOther .langBtn .title i {
        font-size: 23px
    }

    .header .headerMain .headerOther .langBtn .title span {
        display: none
    }

    .header .headerMain .headerOther .langBtn .title b {
        display: none
    }

    .header .headerMain .headerOther .langBtn:hover .popup {
        top: 33px
    }

    .header .headerMain .headerOther .langBtn .popup {
        top: 43px;
        min-width: 55px;
        border-radius: 6px;
        padding: 4px 0;
        box-shadow: 0 3px 12px #ddd
    }

    .header .headerMain .headerOther .langBtn .popup::after {
        top: 1px;
        width: 10px;
        height: 6px
    }

    .header .headerMain .headerOther .langBtn .popup a {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 2px
    }

    .header .headerMain .headerOther .langBtn .popup a:first-child {
        border-radius: 6px 6px 0 0
    }

    .header .headerMain .headerOther .langBtn .popup a:last-child {
        margin-bottom: 0;
        border-radius: 0 0 6px 6px
    }

    .header .headerMain .headerOther .line {
        display: none
    }

    .header .headerMain .headerOther .searchBtn {
        margin-right: 14px;
        margin-top: -1px;
        font-size: 20px
    }

    .header .headerMain .headerOther .menusBtn {
        display: block;
        cursor: pointer;
        margin-top: 0
    }

    .header .headerMain .headerOther .menusBtn.active span:nth-child(1) {
        opacity: 0;
        visibility: hidden
    }

    .header .headerMain .headerOther .menusBtn.active span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header .headerMain .headerOther .menusBtn.active span:nth-child(3) {
        width: 23px;
        -webkit-transform: rotate(-45deg) translate(5px, -5px);
        -ms-transform: rotate(-45deg) translate(5px, -5px);
        transform: rotate(-45deg) translate(5px, -5px)
    }

    .header .headerMain .headerOther .menusBtn span {
        display: block;
        height: 2px;
        background: #fff;
        border-radius: 1px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .header .headerMain .headerOther .menusBtn span:nth-child(1) {
        width: 23px;
        margin-bottom: 5px
    }

    .header .headerMain .headerOther .menusBtn span:nth-child(2) {
        width: 23px;
        margin-bottom: 5px
    }

    .header .headerMain .headerOther .menusBtn span:nth-child(3) {
        width: 18px
    }

    .header.headerMask .headerMain .headerOther {
        background: 0 0
    }

    .header.headerMask .headerMain .headerOther .langBtn .title {
        color: #333
    }

    .header.headerMask .headerMain .headerOther .searchBtn {
        color: #333
    }

    .header.headerMask .headerMain .headerOther .menusBtn span {
        background: #333
    }

    .headerSearchformMain .headerSearchform {
        padding: 40px 0 70px
    }

    .headerSearchformMain .headerSearchform form {
        max-width: calc(100% - 80px)
    }

    .headerSearchformMain .headerSearchform form input {
        height: 3.125rem;
        font-size: .9375rem;
        margin-left: -10px
    }

    .headerSearchformMain .headerSearchform form button {
        font-size: 19px;
        right: -20px
    }

    .headerSearchformMain .headerSearchform form .closeSearch {
        font-size: 1.25rem
    }

    .headerSearchformMain .headerSearchMask {
        width: 20px;
        height: 20px;
        bottom: 26px
    }

    .content1790 {
        width: calc(100% - 40px)
    }

    .content1405 {
        width: calc(100% - 40px)
    }

    .content1250 {
        width: calc(100% - 40px)
    }

    .mobileHeader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9998;
        display: block;
        -webkit-transition: all .4s cubic-bezier(.4, .01, .165, .99);
        transition: all .4s cubic-bezier(.4, .01, .165, .99)
    }

    .mobileHeader.leftOffset .column {
        right: 0
    }

    .mobileHeader .column {
        position: fixed;
        right: -16.25rem;
        top: 0;
        width: 16.25rem;
        height: 100%;
        overflow-y: auto;
        background: #fafafa;
        padding-top: 3.75rem;
        -webkit-transition: right .4s cubic-bezier(.4, .01, .165, .99);
        transition: right .4s cubic-bezier(.4, .01, .165, .99)
    }

    .mobileHeader .column .wrapper {
        border-bottom: .0625rem solid #eff1f3
    }

    .mobileHeader .column .wrapper:last-child {
        border-bottom: 0
    }

    .mobileHeader .column .wrapper .oneLevel {
        border-bottom: .0625rem solid rgba(235, 235, 235, .7)
    }

    .mobileHeader .column .wrapper .oneLevel:last-child {
        border-bottom: 0
    }

    .mobileHeader .column .wrapper .oneLevel.active .oneLevelTitle .icon i::before {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle {
        position: relative
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        color: #333;
        padding: .875rem 1.5625rem;
        min-height: 3.125rem;
        position: relative
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a::before {
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        border: .0625rem solid #d8d8d8;
        margin-right: .9375rem;
        content: "";
        display: block
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 2.5rem;
        height: 100%
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i {
        display: block;
        width: .75rem;
        height: .75rem;
        position: relative
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after,
    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #474747;
        -webkit-transition: all .4s cubic-bezier(.4, .01, .165, .99);
        transition: all .4s cubic-bezier(.4, .01, .165, .99);
        content: "";
        display: block
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before {
        width: .125rem;
        height: 100%
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after {
        width: 100%;
        height: .125rem
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain {
        display: none;
        background: #f6f6f6
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel:last-child {
        border-bottom: 0
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel:last-child .secondLevelTitle {
        border-bottom: 0
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle {
        position: relative;
        border-bottom: .0625rem solid #ebebeb
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle.active .icon i::before {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .875rem;
        color: #333;
        padding: .9375rem 1.5625rem
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a::before {
        width: .3125rem;
        height: .3125rem;
        border-top: .0625rem solid #999;
        border-left: .0625rem solid #999;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-right: 1.1875rem;
        content: "";
        display: inline-block
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 2.5rem;
        height: 100%
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i {
        display: block;
        width: .75rem;
        height: .75rem;
        position: relative
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after,
    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #474747;
        -webkit-transition: all .4s cubic-bezier(.4, .01, .165, .99);
        transition: all .4s cubic-bezier(.4, .01, .165, .99);
        content: "";
        display: block
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before {
        width: .125rem;
        height: 100%
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after {
        width: 100%;
        height: .125rem
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain {
        display: none;
        background: #fafafa
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a {
        display: block;
        font-size: .875rem;
        color: #333;
        padding: .9375rem 3.125rem;
        border-bottom: .0625rem solid #ebebeb
    }

    .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:last-child {
        border-bottom: 0
    }

    .pagingMian .paging {
        display: none
    }

    .pagingMian .mobileLoadMore {
        display: block
    }

    .pagingMian .mobileLoadMore a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 121px;
        height: 43px;
        font-size: 13px;
        color: #fff;
        background: #ae100d;
        border-radius: 30px;
        margin: 0 auto;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .pagingMian .mobileLoadMore a:hover {
        box-shadow: 0 4px 10px 0 rgba(174, 16, 13, .5)
    }

    .videoPopup .layui-layer-setwin {
        top: 50px;
        right: 50px
    }

    .videoPopup .layui-layer-setwin .layui-layer-close2 {
        right: -28px;
        top: -28px;
        border: 3px solid;
        width: 28px;
        height: 28px;
        font-size: 16px
    }

    #banner .bannerImage {
        position: relative
    }

    #banner .bannerImage::after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
        z-index: 2;
        content: "";
        display: block
    }

    #banner .bannerImage .swiper-wrapper .swiper-slide {
        height: 100vh
    }

    #banner .bannerImage .swiper-wrapper .swiper-slide .image img,
    #banner .bannerImage .swiper-wrapper .swiper-slide .image video {
        height: 100vh
    }

    #banner .bannerImage .swiper-wrapper .swiper-slide .content {
        top: 40%
    }

    #banner .bannerImage .swiper-wrapper .swiper-slide .content .title {
        font-size: 36.5px;
        line-height: 39.5px;
        margin-bottom: 21.7px
    }

    #banner .bannerImage .swiper-wrapper .swiper-slide .content .more {
        height: 40px;
        border-radius: 26px;
        padding: 0 20px;
        font-size: 12px
    }

    #banner .bannerImage .swiper-wrapper .swiper-slide .content .more span {
        margin-right: 27px
    }

    #banner .bannerImage .swiper-pagination {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        left: 20px;
        top: auto;
        bottom: 90px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    #banner .bannerImage .swiper-pagination .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        border-width: 2px;
        margin-bottom: 0;
        margin-right: 10px
    }

    #banner .bannerImage .swiper-pagination .swiper-pagination-bullet:last-child {
        margin-right: 0
    }

    #banner .bannerOther {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -35px
    }

    #banner .bannerOther .slideBox {
        width: 55.797vw;
        margin: 0;
        border-radius: 7px;
        box-shadow: 0 0 45px 0 rgba(32, 29, 28, .08)
    }

    #banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list {
        height: auto;
        padding: 7px 10px
    }

    #banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .icon {
        margin-bottom: 9px
    }

    #banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .icon img {
        height: 26px
    }

    #banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .title {
        font-size: 12px;
        line-height: 1;
        margin-bottom: 5px
    }

    #banner .bannerOther .slideBox .swiper-wrapper .swiper-slide .list .more {
        font-size: 10px;
        width: 20px;
        height: 20px
    }

    #banner .bannerOther .content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 32.126vw;
        margin-left: 7px;
        border-radius: 7px;
        box-shadow: 0 0 45px 0 rgba(32, 29, 28, .08);
        padding: 14px 7px 12px 9px
    }

    #banner .bannerOther .content .title {
        display: none;
        font-size: 16px;
        margin-bottom: 3px
    }

    #banner .bannerOther .content .code {
        font-size: 19px;
        margin-bottom: 4px
    }

    #banner .bannerOther .content .intro {
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 10px
    }

    #banner .bannerOther .content .more {
        font-size: 12px
    }

    #indexAboutus {
        padding: 120px 0 50px;
        margin-top: -68px
    }

    #indexAboutus .indexAboutusTitle {
        margin-bottom: 35px
    }

    #indexAboutus .indexAboutusTitle .title {
        font-size: 12px;
        margin-bottom: 9px
    }

    #indexAboutus .indexAboutusTitle .intro {
        font-size: 23px;
        line-height: 30px
    }

    #indexAboutus .indexAboutusMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #indexAboutus .indexAboutusMain .content {
        display: none;
        width: 100%;
        margin-right: 0;
        padding-top: 106px
    }

    #indexAboutus .indexAboutusMain .content .number {
        font-size: 200px
    }

    #indexAboutus .indexAboutusMain .content .number span:nth-child(2) {
        font-size: 35px
    }

    #indexAboutus .indexAboutusMain .content .title {
        font-size: 16px;
        margin-bottom: 28px
    }

    #indexAboutus .indexAboutusMain .content .intro {
        font-size: 14px;
        line-height: 21px
    }

    #indexAboutus .indexAboutusMain .picture {
        width: 100%;
        border-radius: 16px;
        margin-bottom: 17px
    }

    #indexAboutus .indexAboutusMain .picture img.logo {
        top: 9.807vw;
        left: calc(50% - 37.11365vw);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 74.2273vw
    }

    #indexAboutus .indexAboutusMain .other {
        width: 100%;
        margin-left: 0;
        padding-top: 19px
    }

    #indexAboutus .indexAboutusMain .other .icon {
        margin-bottom: 18px
    }

    #indexAboutus .indexAboutusMain .other .icon img {
        height: 39px
    }

    #indexAboutus .indexAboutusMain .other .title {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 14px
    }

    #indexAboutus .indexAboutusMain .other .intro {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 20px
    }

    #indexAboutus .indexAboutusMain .other .more {
        height: 40px;
        border-radius: 26px;
        padding: 0 20px;
        font-size: 12px
    }

    #indexAboutus .indexAboutusMain .other .more span {
        margin-right: 27px
    }

    #indexBusiness {
        padding: 50px 0;
        margin-top: 0;
        overflow: hidden
    }

    #indexBusiness .indexBusinessTitle {
        margin-bottom: 35px
    }

    #indexBusiness .indexBusinessTitle .title {
        font-size: 12px;
        margin-bottom: 9px
    }

    #indexBusiness .indexBusinessTitle .intro {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 19px;
        padding-right: 0;
    }

    #indexBusiness .indexBusinessTitle .more {
        position: relative;
        left: auto;
        bottom: auto;
        height: 40px;
        border-radius: 26px;
        padding: 0 20px;
        font-size: 12px
    }

    #indexBusiness .indexBusinessTitle .more span {
        margin-right: 27px
    }

    #indexBusiness .indexBusinessTitle .element {
        width: 70px;
        height: 70px;
        left: -33px;
        bottom: -70px
    }

    #indexBusiness .indexBusinessTitle .element span {
        border-width: 2px
    }

    #indexBusiness .indexBusinessMain {
        width: 260px;
        margin: 0;
        overflow: visible
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide {
        border-radius: 10px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content {
        bottom: 10px;
        left: 10px;
        width: calc(100% - 20px);
        border-radius: 7px;
        padding: 16px 14px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .element {
        top: 10px;
        right: 30px;
        font-size: 35px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .element span {
        font-size: 68px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title h3 {
        font-size: 16px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow {
        width: 10px;
        height: 10px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow::before {
        height: 2px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .title .arrow::after {
        width: 2px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .element {
        font-size: 17.5px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .element span {
        font-size: 34px
    }

    #indexBusiness .indexBusinessMain .swiper-wrapper .swiper-slide .content .intro {
        font-size: 13px;
        line-height: 18px;
        margin-top: 6px
    }

    #indexTechnology {
        padding: 50px 20px 26.57vw;
        margin-top: 0;
        background: url(../images/indexTechnologyBg.webp) no-repeat center/cover
    }

    #indexTechnology .indexTechnologyMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding-right: 0;
        height: auto;
        background: 0 0;
        position: static;
        width: 100%;
        margin-bottom: 35px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .content {
        width: 100%
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .titleBox .title {
        font-size: 12px;
        margin-bottom: 9px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .titleBox .intro {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 39px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox {
        width: 100%;
        min-height: auto;
        margin-top: 23px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn {
        margin: -6px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list {
        width: calc(50% - 12px);
        margin: 6px;
        min-height: 45px;
        border-radius: 16px 0 16px 0;
        padding: 10px 12px 10px 16px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .title {
        font-size: 13px;
        line-height: 1.1;
        margin-right: 4px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .title::before {
        width: 4px;
        height: 4px;
        margin-right: 6px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon {
        width: 10px;
        height: 10px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon::before {
        width: 2px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list .icon::after {
        height: 2px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .listBox .listColumn .list:hover .title::before {
        margin-right: 16px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .more {
        height: 40px;
        border-radius: 26px;
        padding: 0 20px;
        font-size: 12px;
        margin-top: 25px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .more span {
        margin-right: 27px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .slogan {
        left: -3.623vw;
        bottom: -27.053vw;
        font-size: 19.4204vw
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyLeft .slogan span {
        font-size: 35.0724vw
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyRight {
        width: 100%;
        height: auto;
        border-radius: 12px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyRight .swiper-wrapper .swiper-slide img {
        height: auto
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: -5px;
        overflow-x: auto;
        overflow-y: hidden
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyList .list {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: calc(33.33% - 10px);
        height: 50px;
        border-radius: 9px;
        margin: 5px;
        padding: 0 10px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyList .list img {
        width: 34px
    }

    #indexTechnology .indexTechnologyMain .indexTechnologyList .list .title {
        font-size: 12px;
        margin-left: 2px;
        white-space: nowrap
    }

    #indexNews {
        padding: 50px 0
    }

    #indexNews .indexNewsTitle {
        margin-bottom: 35px
    }

    #indexNews .indexNewsTitle .title {
        font-size: 12px;
        margin-bottom: 9px
    }

    #indexNews .indexNewsTitle .intro {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 19px
    }

    #indexNews .indexNewsMain {
        width: 100%
    }

    #indexNews .indexNewsMain .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide {
        width: 100%;
        margin-bottom: 12px
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide:last-child {
        margin-bottom: 0
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list {
        border-radius: 12px
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .image {
        -webkit-clip-path: inset(14.54% 4.1% 32.25% round 12px);
        clip-path: inset(14.54% 4.1% 32.25% round 12px)
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .image img {
        height: 95.169vw
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .tab {
        padding: 0 13px;
        height: 28px;
        border-radius: 18px;
        font-size: 12px;
        left: 17px;
        top: 4.348vw
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .title {
        font-size: 15px;
        line-height: 22px;
        top: 70.29vw;
        padding: 0 20px
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other {
        bottom: 5.797vw;
        padding: 0 20px
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other .time {
        font-size: 12px
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list .other .more {
        font-size: 10px;
        width: 28px;
        height: 28px
    }

    #indexNews .indexNewsMain .swiper-wrapper .swiper-slide .list:hover .image {
        -webkit-clip-path: inset(0 0 0 round 12px);
        clip-path: inset(0 0 0 round 12px)
    }

    #detailBanner .content {
        top: 50%
    }

    #detailBanner .content .title { 
        width: 70%;
        font-size: 24px
    }

    #detailBanner .content .intro {
        font-size: 14px
    }

    #investorRelations {
        padding: 40px 0
    }

    #investorRelations .listBox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 -12px
    }

    #investorRelations .listBox .list {
        width: 100%;
        margin: 0 0 12px;
        border-radius: 12px
    }

    #investorRelations .listBox .list .content {
        padding: 30px 20px 20px
    }

    #investorRelations .listBox .list .content .title {
        font-size: 16px
    }

    #investorRelations .listBox .list .content .more {
        width: 38px;
        height: 38px;
        font-size: 11px
    }

    #investorRelations .listBox .list .content .more::before {
        border-width: 1px
    }

    #contactusTable {
        padding: 0 0 40px
    }

    #contactusTable .contactusTableTitle {
        margin-bottom: 25px
    }

    #contactusTable .contactusTableTitle .title {
        font-size: 22px
    }

    #contactusTable .contactusTableMain {
        overflow-x: auto
    }

    #contactusTable .contactusTableMain::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #contactusTable .contactusTableMain::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #contactusTable .contactusTableMain::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #c52a26
    }

    #contactusTable .contactusTableMain table {
        min-width: 800px;
        border-radius: 12px
    }

    #contactusTable .contactusTableMain table tr:first-child td {
        font-size: 15px;
        padding: 13px 20px
    }

    #contactusTable .contactusTableMain table tr td {
        font-size: 13px;
        line-height: 19px;
        padding: 16px 20px
    }

    .detailList {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -3.5px
    }

    .detailList .list {
        min-width: 105px;
        height: 34.3px;
        border-radius: 17.5px;
        font-size: 12px;
        padding: 0 28.7px;
        margin: 3.5px
    }

    .detailList .list::before {
        border-width: 2px;
        border-radius: 18.75px
    }

    .detailList .list::after {
        border-radius: 18.75px;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    #contactus {
        padding: 40px 0
    }

    #contactus .contactusTitle {
        margin: 28px 0 25px
    }

    #contactus .contactusTitle .title {
        font-size: 22px
    }

    #contactus .contactusMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    #contactus .contactusMain .contactusLeft {
        width: 100%;
        border-radius: 12px;
        margin-bottom: 10px
    }

    #contactus .contactusMain .contactusRight {
        width: 100%;
        border-radius: 12px;
        margin-left: 0;
        padding: 24px 20px
    }

    #contactus .contactusMain .contactusRight .title {
        font-size: 18px;
        padding-bottom: 12px;
        margin-bottom: 19px
    }

    #contactus .contactusMain .contactusRight .intro {
        font-size: 13px;
        margin-bottom: 22px
    }

    #contactus .contactusMain .contactusRight .intro p {
        flex-direction: column;
        margin-bottom: 5px
    }

    #contactus .contactusMain .contactusRight .intro p span {
        width: 100%;
        margin-bottom: 4px;
        min-width: auto
    }

    #contactus .contactusMain .contactusRight .more {
        font-size: 13px
    }

    #contactus .contactusMain .contactusRight .more img {
        height: 15px;
        margin-right: 7px
    }

    #afterSaleNetworks {
        padding: 40px 0
    }

    #afterSaleNetworks .afterSaleNetworksTitle {
        margin-bottom: 25px
    }

    #afterSaleNetworks .afterSaleNetworksTitle .title {
        font-size: 22px
    }

    #afterSaleNetworks .afterSaleNetworksMain {
        margin: 0 0 -12px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list {
        width: 100%;
        padding: 18px 16px;
        margin: 0 0 12px;
        border-radius: 12px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .title {
        font-size: 16px;
        margin-bottom: 9px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .intro {
        min-height: auto;
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 18px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .intro p {
        margin-bottom: 8px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .more {
        font-size: 13px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .more img {
        height: 15px;
        margin-right: 7px;
        margin-top: -2px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .element {
        right: 23px;
        bottom: 13px;
        font-size: 29.6px
    }

    #afterSaleNetworks .afterSaleNetworksMain .list .element span {
        font-size: 56px
    }

    #join {
        padding: 40px 0
    }

    #join .joinMain {
        margin-top: 30px
    }

    #join .joinMain .list {
        margin-bottom: 12px
    }

    #join .joinMain .list .titleBox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 14px 15px
    }

    #join .joinMain .list .titleBox .title {
        width: 100%;
        padding-right: 60px;
        font-size: 14px;
        margin-bottom: 4px
    }

    #join .joinMain .list .titleBox .other {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-right: 60px;
        margin: -2px
    }

    #join .joinMain .list .titleBox .other span {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: calc(50% - 4px);
        font-size: 12px;
        margin: 2px;
        white-space: nowrap
    }

    #join .joinMain .list .titleBox .arrow {
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 30px;
        height: 30px
    }

    #join .joinMain .list .titleBox .arrow i {
        width: 11px;
        height: 11px
    }

    #join .joinMain .list .titleBox .arrow i::before {
        width: 2px
    }

    #join .joinMain .list .titleBox .arrow i::after {
        height: 2px
    }

    #join .joinMain .list .contnetBox {
        padding: 20px 15px
    }

    #join .joinMain .list .contnetBox .content h4 {
        font-size: 14px
    }

    #join .joinMain .list .contnetBox .content p {
        font-size: 12px;
        line-height: 21px
    }

    #join .joinMain .list .contnetBox .more {
        padding: 0 32.8px;
        height: 37.6px;
        border-radius: 19.2px;
        font-size: 13px;
        margin-top: 25px
    }

    #newsList {
        padding: 40px 0
    }

    #newsList .newsListMain {
        margin: 30px 0 28px
    }

    #newsList .newsListMain .list {
        width: 100%;
        margin: 0 0 12px;
        border-radius: 12px
    }

    #newsList .newsListMain .list .image {
        border-radius: 12px
    }

    #newsList .newsListMain .list .image img {
        height: auto
    }

    #newsList .newsListMain .list .content {
        padding: 24px 20px 20px
    }

    #newsList .newsListMain .list .content .time {
        margin-bottom: 9px
    }

    #newsList .newsListMain .list .content .time i {
        font-size: 13px;
        margin-right: 4px
    }

    #newsList .newsListMain .list .content .time span {
        font-size: 12px
    }

    #newsList .newsListMain .list .content .title {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 15px
    }

    #newsList .newsListMain .list .content .more {
        font-size: 13px
    }

    #newsList .newsListMain .list.recommend {
        width: 100%
    }

    #newsList .newsListMain .list.recommend .image img {
        height: auto
    }

    #newsList .newsListMain .list.recommend .content {
        padding: 20px 16px
    }

    #newsList .newsListMain .list.recommend .content .title {
        font-size: 16px;
        line-height: 23px;
        height: auto
    }

    #newsList .newsListMain .list:hover .image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    #newsList .newsListMain .list:hover .content .title {
        color: #ae100d
    }

    #breadcrumb {
        display: none
    }

    #newsDetail {
        padding: 100px 0 40px
    }

    #newsDetail .newsDetailTitle {
        margin-bottom: 19px
    }

    #newsDetail .newsDetailTitle .title {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 19px
    }

    #newsDetail .newsDetailTitle .other {
        height: 45px;
        padding: 0 18px;
        border-radius: 35px
    }

    #newsDetail .newsDetailTitle .other .source {
        font-size: 13px;
        padding-right: 14px;
        margin-right: 14px;
        height: 15px;
        line-height: 15px
    }

    #newsDetail .newsDetailTitle .other .source span {
        display: none
    }

    #newsDetail .newsDetailTitle .other .time {
        font-size: 13px;
        height: 15px;
        line-height: 15px
    }

    #newsDetail .newsDetailTitle .other .time span {
        display: none
    }

    #newsDetail .newsDetailTitle .other .returnBtn span {
        display: none
    }

    #newsDetail .newsDetailTitle .other .returnBtn i {
        font-size: 10px;
        width: 29px;
        height: 29px
    }

    #newsDetail .newsDetailMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    #newsDetail .newsDetailMain .newsDetailLeft {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin-right: 0
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 25px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h2 {
        font-size: 19px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h3 {
        font-size: 18px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h4 {
        font-size: 16px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h5 {
        font-size: 15px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailContent h6 {
        font-size: 14px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding: 16px 20px;
        height: auto;
        border-radius: 10px;
        margin-right: 0;
        margin-bottom: 10px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn:last-child {
        margin-bottom: 0
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn .tab {
        min-width: 50px;
        height: 18px;
        border-radius: 5px;
        font-size: 11px;
        padding: 0 10px
    }

    #newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtn .btn .title {
        font-size: 15px;
        line-height: 25px;
        margin-top: 9px
    }

    #newsDetail .newsDetailMain .newsDetailRight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: static;
        text-align: left;
        width: 100%;
        padding-top: 0;
        margin-bottom: 25px
    }

    #newsDetail .newsDetailMain .newsDetailRight .title {
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 7px
    }

    #newsDetail .newsDetailMain .newsDetailRight .share {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #newsDetail .newsDetailMain .newsDetailRight .share a {
        width: 34px;
        height: 34px;
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 9px
    }

    #newsDetail .newsDetailMain .newsDetailRight .share a:last-child {
        margin-right: 0
    }

    #productList {
        padding: 40px 0
    }

    #productList .productListTitle {
        margin: 30px 0 30px
    }

    #productList .productListTitle .title {
        font-size: 22px
    }

    #productList .productListMain {
        margin: 0 0 -12px
    }

    #productList .productListMain .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        margin: 0 0 12px;
        padding: 23px 20px;
        border-radius: 12px
    }

    #productList .productListMain .list::after {
        width: 100%;
        height: 100%
    }

    #productList .productListMain .list .content {
        margin-right: 0;
        width: 100%
    }

    #productList .productListMain .list .content .title {
        font-size: 16px;
        line-height: 23px;
        min-height: auto;
        margin-bottom: 6px
    }

    #productList .productListMain .list .content .subTitle {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 2px
    }

    #productList .productListMain .list .content .intro {
        font-size: 13px;
        line-height: 22px;
        height: auto;
        max-height: 88px;
        padding-right: 12px
    }

    #productList .productListMain .list .content .intro::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }

    #productList .productListMain .list .content .intro::-webkit-scrollbar-track {
        border-radius: 3px
    }

    #productList .productListMain .list .content .intro::-webkit-scrollbar-thumb {
        border-radius: 3px
    }

    #productList .productListMain .list .image {
        text-align: center
    }

    #productList .productListMain .list .image img {
        height: auto;
        width: 90%
    }

    #lightDetection {
        padding: 40px 0
    }

    #lightDetection .lightDetectionTitle {
        margin-bottom: 25px
    }

    #lightDetection .lightDetectionTitle .title {
        font-size: 22px
    }

    #lightDetection .lightDetectionMain {
        width: 90%;
        overflow: visible
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide {
        padding: 20.28px 11.7px 11.7px;
        border-radius: 12px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide::after {
        border-radius: 12px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox {
        padding: 0 21.84px;
        margin-bottom: 11.7px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox .icon {
        width: 46.02px;
        height: 46.02px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .titleBox .title {
        font-size: 20.28px;
        margin-left: 12.48px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content {
        padding: 23.4px 12.48px 14.82px 32.76px;
        font-size: 12.48px;
        line-height: 14.04px;
        box-shadow: 0 22.62px 38.22px 0 rgba(110, 160, 204, .29);
        border-radius: 12.48px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro {
        height: 302.64px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-track {
        border-radius: 3px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content .intro::-webkit-scrollbar-thumb {
        border-radius: 3px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content p {
        margin-bottom: 14.04px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide .content p::before {
        margin-right: 4.68px;
        margin-top: 1.56px;
        width: 10.92px;
        height: 10.92px
    }

    #lightDetection .lightDetectionMain .swiper-wrapper .swiper-slide:hover .content {
        box-shadow: 0 22.62px 38.22px 0 rgba(181, 72, 72, .29)
    }

    #lightDetection .lightDetectionOther {
        margin-top: 28px
    }

    #lightDetection .lightDetectionOther .swiper-scrollbar {
        margin-right: 18px;
        height: 2px
    }

    #lightDetection .lightDetectionOther .swiper-pagination {
        margin-right: 12px
    }

    #lightDetection .lightDetectionOther .swiper-pagination .total {
        font-size: 12px
    }

    #lightDetection .lightDetectionOther .swiper-pagination .line {
        font-size: 12px;
        margin: 0 2px
    }

    #lightDetection .lightDetectionOther .swiper-pagination .current {
        font-size: 21px;
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }

    #lightDetection .lightDetectionOther .btns .swiper-button-next,
    #lightDetection .lightDetectionOther .btns .swiper-button-prev {
        width: 34px;
        height: 34px;
        font-size: 10px;
        border-radius: 24px
    }

    #lightDetection .lightDetectionOther .btns .swiper-button-prev {
        margin-right: 6px
    }

    #enterpriseHonor {
        padding: 0 0 40px
    }

    #enterpriseHonor .enterpriseHonorTitle {
        margin-bottom: 25px
    }

    #enterpriseHonor .enterpriseHonorTitle .title {
        font-size: 22px
    }

    #enterpriseHonor .enterpriseHonorMain .swiper-wrapper .swiper-slide .image {
        height: 56.522vw;
        border-radius: 12px
    }

    #enterpriseHonor .enterpriseHonorMain .swiper-wrapper .swiper-slide .title {
        font-size: 14px;
        padding: 12px 5px 0
    }

    #aboutus {
        padding: 40px 0
    }

    #aboutus .aboutusTitle {
        margin-bottom: 25px
    }

    #aboutus .aboutusTitle .title {
        font-size: 22px;
        margin-bottom: 12px
    }

    #aboutus .aboutusTitle .intro {
        font-size: 14px;
        line-height: 26px
    }

    #aboutus .aboutusMain .content {
        top: 58%;
        padding: 0 20px
    }

    #aboutus .aboutusMain .content .play {
        width: 45.45px;
        height: 45.45px
    }

    #aboutus .aboutusMain .content .titleBox {
        margin-left: 10px
    }

    #aboutus .aboutusMain .content .titleBox .title {
        font-size: 13px;
        margin-bottom: 0
    }

    #aboutus .aboutusMain .content .titleBox .time {
        font-size: 11px
    }

    #aboutus .aboutusOther {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 29px
    }

    #aboutus .aboutusOther .contentBox .title {
        text-align: center;
        font-size: 18px;
        margin-bottom: 18px
    }

    #aboutus .aboutusOther .contentBox .listBox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -13px
    }

    #aboutus .aboutusOther .contentBox .listBox .list {
        width: 113.68px;
        height: 113.68px;
        margin-right: 14.5px;
        margin-bottom: 13px
    }

    #aboutus .aboutusOther .contentBox .listBox .list::after,
    #aboutus .aboutusOther .contentBox .listBox .list::before {
        width: 132.82px;
        height: 114.84px
    }

    #aboutus .aboutusOther .contentBox .listBox .list .icon img {
        height: 34.65px
    }

    #aboutus .aboutusOther .contentBox .listBox .list .intro {
        font-size: 12px;
        margin-top: 4.64px
    }

    #aboutus .aboutusOther .contentBox .listBox .list:last-child::after,
    #aboutus .aboutusOther .contentBox .listBox .list:last-child::before {
        width: 113.68px
    }

    #aboutus .aboutusOther .numberBox {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
        padding-top: 0;
        margin-bottom: -15px
    }

    #aboutus .aboutusOther .numberBox .list {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding-right: 12px;
        margin-bottom: 22px
    }

    #aboutus .aboutusOther .numberBox .list:nth-child(1),
    #aboutus .aboutusOther .numberBox .list:nth-child(4) {
        width: 30%
    }

    #aboutus .aboutusOther .numberBox .list:nth-child(2),
    #aboutus .aboutusOther .numberBox .list:nth-child(5) {
        width: 44%
    }

    #aboutus .aboutusOther .numberBox .list:nth-child(3),
    #aboutus .aboutusOther .numberBox .list:nth-child(6) {
        width: 26%
    }

    #aboutus .aboutusOther .numberBox .list .number {
        margin-bottom: 3px
    }

    #aboutus .aboutusOther .numberBox .list .number span {
        font-size: 25px
    }

    #aboutus .aboutusOther .numberBox .list .number i {
        font-size: 14px
    }

    #aboutus .aboutusOther .numberBox .list .title {
        word-break: break-word;
        font-size: 12px
    }

    #developmentHistory {
        padding: 40px 0
    }

    #developmentHistory .developmentHistoryTitle {
        margin-bottom: 25px
    }

    #developmentHistory .developmentHistoryTitle .title {
        font-size: 22px
    }

    #developmentHistory .developmentHistoryTitle .btns .swiper-button-next,
    #developmentHistory .developmentHistoryTitle .btns .swiper-button-prev {
        width: 33px;
        height: 33px;
        font-size: 10px
    }

    #developmentHistory .developmentHistoryTitle .btns .swiper-button-prev {
        margin-right: 6px
    }

    #developmentHistory .developmentHistoryMain {
        width: 100%
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list {
        min-height: 178px;
        padding: 14.8px 18px 16px 19.6px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list::before {
        border-radius: 13px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list::after {
        left: 13px;
        width: calc(100% - 26px);
        bottom: -7px;
        border-radius: 13px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .logo img {
        height: 29px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .year {
        font-size: 40px;
        margin-top: -21px;
        margin-bottom: 13px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro {
        font-size: 12px;
        line-height: 18px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro p {
        margin-bottom: 6px
    }

    #developmentHistory .developmentHistoryMain .swiper-wrapper .swiper-slide .list .intro p::before {
        width: 4px;
        height: 4px;
        margin-top: 9px;
        margin-right: 6px
    }

    #developmentHistory .developmentHistoryLine {
        margin-top: 35px;
        height: 1px
    }

    #developmentHistory .developmentHistoryLine::after {
        height: 1px
    }

    #developmentHistory .developmentHistoryLine .line {
        width: var(--width)
    }

    #developmentHistory .developmentHistoryLine .line::after {
        display: none
    }

    #developmentHistory .developmentHistoryList {
        margin-top: 14px
    }

    #developmentHistory .developmentHistoryList .swiper-wrapper .swiper-slide {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 60px
    }

    #developmentNewAdvantage {
        padding: 10px 0 40px;
        overflow: hidden
    }

    #developmentNewAdvantage .developmentNewAdvantageTitle {
        margin-bottom: 25px
    }

    #developmentNewAdvantage .developmentNewAdvantageTitle .title {
        font-size: 22px
    }

    #developmentNewAdvantage .developmentNewAdvantageMain {
        overflow: visible
    }

    #developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .image {
        border-radius: 12px 12px 0 0
    }

    #developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content {
        padding: 18px 20px 20px;
        margin-top: -20px;
        border-radius: 12px
    }

    #developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content .icon {
        margin-bottom: 11px
    }

    #developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content .icon img {
        height: 51px
    }

    #developmentNewAdvantage .developmentNewAdvantageMain .swiper-wrapper .swiper-slide .content .title {
        font-size: 15px
    }

    #globalizationLayout {
        padding: 40px 0
    }

    #globalizationLayout .globalizationLayoutTitle {
        margin-bottom: 25px
    }

    #globalizationLayout .globalizationLayoutTitle .title {
        font-size: 22px
    }

    #globalizationLayout .globalizationLayoutMain .map {
        width: 100%;
        margin-left: 0
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list .dot {
        width: 9px;
        height: 9px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list .dot::after {
        width: 9px;
        height: 9px;
        border-width: 1px;
        box-shadow: 1px 3px 5px 1px rgba(72, 0, 0, .7)
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list .line {
        width: 85px;
        height: 56.5px;
        bottom: 2.5px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list .line::after {
        background-size: 85px 56.5px !important
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list .title {
        top: -53px;
        box-shadow: 0 1px 4px 1px rgba(72, 0, 0, .11);
        border-radius: 9.5px;
        padding: 0 9.5px 0 7px;
        font-size: 7px;
        height: 19px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list .title img {
        width: 6px;
        height: 8px;
        margin-right: 3.5px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list.left .line {
        right: 2.5px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list.left .title {
        right: 78.5px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list.right .line {
        left: 2.5px
    }

    #globalizationLayout .globalizationLayoutMain .map .listBox .list.right .title {
        left: 78.5px
    }

    #globalizationLayout .globalizationLayoutMain .other {
        width: 100%;
        margin-top: 20px
    }

    #globalizationLayout .globalizationLayoutMain .other .number {
        font-size: 72px
    }

    #globalizationLayout .globalizationLayoutMain .other .intro {
        font-size: 13px;
        line-height: 21px;
        margin-top: 3px
    }

    #enterpriseCulture .enterpriseCultureMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        padding: 30px 0 160px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .content {
        width: 100%;
        margin-right: 0
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .slogan {
        font-size: 76.59px;
        margin-bottom: 20px;
        padding-left: 20px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .slogan img {
        height: 56.98px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .title {
        font-size: 22px;
        margin-bottom: 14px;
        padding-left: 20px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox {
        padding-left: 20px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list {
        margin-bottom: -3px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list h3 {
        min-width: 110px;
        font-size: 14px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureLeft .listBox .list .more {
        width: 32.12px;
        height: 32.12px;
        font-size: 10px;
        margin-left: 12px;
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureRight {
        width: 100%
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther {
        padding: 16px;
        left: calc(50% - 152.25px);
        top: auto;
        bottom: 35%;
        width: 304.5px;
        min-height: 174px;
        border-radius: 8px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .icon {
        margin-bottom: 16px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .icon img {
        height: 39.6px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .title {
        font-size: 12px;
        margin-bottom: 3.2px
    }

    #enterpriseCulture .enterpriseCultureMain .enterpriseCultureOther .list .intro {
        font-size: 13px
    }

    #honor {
        padding: 40px 0
    }

    #honor .honorTitle {
        margin-bottom: 25px
    }

    #honor .honorTitle .title {
        width: 100%;
        font-size: 22px
    }

    #honor .honorTitle .intro {
        width: 100%;
        font-size: 14px;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 14px
    }

    #honor .honorTitle .btns {
        position: static;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        right: auto
    }

    #honor .honorTitle .btns .swiper-button-next,
    #honor .honorTitle .btns .swiper-button-prev {
        width: 33px;
        height: 33px;
        font-size: 10px
    }

    #honor .honorTitle .btns .swiper-button-prev {
        margin-right: 6px
    }

    #honor .honorMain {
        width: 70%
    }

    #honor .honorMain .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 89.372vw
    }

    #honor .honorMain .swiper-wrapper .swiper-slide .image {
        height: 83.88%;
        border-radius: 12px
    }

    #honor .honorMain .swiper-wrapper .swiper-slide .image>img {
        width: 234px
    }

    #honor .honorMain .swiper-wrapper .swiper-slide .content {
        padding: 0 6px 5px
    }

    #honor .honorMain .swiper-wrapper .swiper-slide .content .title {
        font-size: 12px;
        margin-bottom: 1px
    }

    #honor .honorMain .swiper-wrapper .swiper-slide .content .intro {
        font-size: 12px
    }

    #honor .honorMain .swiper-wrapper .swiper-slide-active {
        width: 100% !important
    }

    #honor .honorMain .swiper-wrapper .swiper-slide-active .image {
        height: 100%
    }

    #honor .honorMain .swiper-wrapper .swiper-slide-active .image>img {
        -webkit-transform: scale(1.2) translateY(-12px);
        -ms-transform: scale(1.2) translateY(-12px);
        transform: scale(1.2) translateY(-12px)
    }

    #honor .honorMain .swiper-wrapper .swiper-slide-active .content {
        padding: 0 26px 20px
    }

    #responsibilityReport {
        margin: 0 0 -139px
    }

    #responsibilityReport .responsibilityReportMain {
        min-height: auto;
        border-radius: 8px;
        padding: 40px 20px
    }

    #responsibilityReport .responsibilityReportMain .content .title {
        font-size: 16px;
        margin-bottom: 3px
    }

    #responsibilityReport .responsibilityReportMain .content .intro {
        font-size: 12px;
        margin-bottom: 15px
    }

    #responsibilityReport .responsibilityReportMain .content .more {
        height: 40px;
        border-radius: 26px;
        padding: 0 20px;
        font-size: 12px
    }

    #responsibilityReport .responsibilityReportMain .content .more span {
        margin-right: 27px
    }

    #innovation {
        padding: 40px 0
    }

    #innovation .listBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    #innovation .listBox .list {
        border-radius: 12px
    }

    #innovation .listBox .list .content {
        padding: 0 14px 14px
    }

    #innovation .listBox .list .content .title {
        font-size: 12px;
        margin-bottom: 6px
    }

    #innovation .listBox .list .content .title::before {
        width: 4px;
        height: 4px;
        margin-right: 5px
    }

    #innovation .listBox .list .content .suTitle {
        font-size: 16px;
        line-height: 24px
    }

    #innovation .listBox .list:nth-child(1) .image img {
        height: auto
    }

    #innovation .listBox .list:nth-child(2) .image img {
        height: auto
    }

    #innovation .listBox .list:nth-child(3) .image img {
        height: auto
    }

    #academicResults {
        padding: 0 0 40px
    }

    #academicResults .academicResultsTitle {
        margin-bottom: 25px
    }

    #academicResults .academicResultsTitle .title {
        font-size: 22px
    }

    #academicResults .academicResultsMain {
        margin: 0 0 -12px
    }

    #academicResults .academicResultsMain .list {
        width: 100%;
        margin: 0 0 12px;
        border-radius: 12px;
        padding: 20px
    }

    #academicResults .academicResultsMain .list .year {
        font-size: 12.8px;
        margin-bottom: 19px
    }

    #academicResults .academicResultsMain .list .year span {
        font-size: 25.6px
    }

    #academicResults .academicResultsMain .list .title {
        font-size: 16px;
        line-height: 24px;
        height: auto;
        margin-bottom: 12px
    }

    #academicResults .academicResultsMain .list .intro {
        font-size: 13px;
        line-height: 21px;
        height: auto;
        margin-bottom: 25px
    }

    #academicResults .academicResultsMain .list .more {
        font-size: 12px;
        padding-bottom: 3px
    }

    #technologicalInnovation .technologicalInnovationMain {
        max-width: calc(100% - 10px);
        min-height: 500px;
        border-radius: 12px;
        padding: 40px 0;
        background: url(../images/mobileTechnologicalInnovationMainBg.webp) no-repeat center/cover fixed
    }

    #technologicalInnovation .technologicalInnovationMain .bigTitle {
        font-size: 22px;
        margin-bottom: 25px
    }

    #technologicalInnovation .technologicalInnovationMain .listBox .list {
        margin-bottom: 14px
    }

    #technologicalInnovation .technologicalInnovationMain .listBox .list .icon {
        width: 44px;
        height: 44px
    }

    #technologicalInnovation .technologicalInnovationMain .listBox .list .content {
        margin-left: 12px
    }

    #technologicalInnovation .technologicalInnovationMain .listBox .list .content .intro {
        font-size: 12px;
        margin: 1px 0 9px
    }

    #technologicalInnovation .technologicalInnovationMain .listBox .list .content .line {
        width: 42px;
        height: 3px
    }

    #technologicalInnovation .technologicalInnovationMain .listBox .list .content .line::after {
        width: 6px;
        border-radius: 1px
    }

    #aiResearchPlatform {
        padding: 40px 0
    }

    #aiResearchPlatform .aiResearchPlatformTitle {
        margin-bottom: 25px
    }

    #aiResearchPlatform .aiResearchPlatformTitle .title {
        font-size: 22px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList {
        margin-bottom: 26px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox {
        margin-bottom: 19px;
        padding: 0 12px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line {
        height: 1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line::after {
        width: 13.3px;
        height: 16.1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .line:nth-child(1) {
        width: 17px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .titleBox .title {
        font-size: 15px;
        margin: 0 12px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 {
        border-radius: 12px;
        overflow-x: auto;
        overflow-y: hidden
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ae100d
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .listBox {
        padding: 19.8px 47.52px 19.14px;
        min-width: 800px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list {
        width: 116.16px;
        height: 75.24px;
        padding: 15.84px 11.22px 6.6px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list::after {
        width: 3.96px;
        height: 3.96px;
        bottom: 48%;
        right: -40%
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list .title {
        font-size: 13.2px;
        margin-bottom: 1.98px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox1 .list .intro {
        font-size: 6.6px;
        line-height: 8.58px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox2 {
        padding: 20px;
        border-radius: 12px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox3 {
        padding: 20px;
        border-radius: 12px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 {
        border-radius: 12px;
        overflow-x: auto
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ae100d
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .listBox {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 20px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 245px;
        margin-right: 90.3px;
        margin-bottom: 0
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list::before {
        border-radius: 15.4px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list::after {
        border-radius: 14px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox {
        min-height: 58.8px;
        padding: 14.7px 63px 0 30.1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .icon {
        top: 16.1px;
        right: 24.5px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .icon img {
        height: 30.8px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .title {
        font-size: 14px;
        margin-bottom: 2.1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .subTitleBox .intro {
        font-size: 7px;
        line-height: 9.1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content {
        border-radius: 14px;
        font-size: 11.2px;
        line-height: 20.3px;
        padding: 21px 30.1px 14px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content p {
        margin-bottom: 7.7px;
        line-height: 12.6px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .content p::before {
        margin-right: 4.9px;
        margin-top: 1.4px;
        width: 9.1px;
        height: 9.1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox4 .list .line {
        top: 74.2px;
        right: -67.9px;
        width: 57.4px;
        height: 5.6px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 {
        padding: 20px;
        border-radius: 12px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list {
        width: 100%;
        padding: 4px 0 14px;
        margin-bottom: 14px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list::after {
        top: auto;
        bottom: 0;
        border-bottom: 1px dashed #000;
        width: 100%;
        height: 1px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list:nth-child(3n+3)::after {
        display: block
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list:last-child::after {
        display: none
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .title {
        font-size: 16px;
        margin-bottom: 7px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .intro {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 16px
    }

    #aiResearchPlatform .aiResearchPlatformMain .aiResearchPlatformList .aiResearchPlatformBox5 .list .code {
        width: 81px
    }

    #talentAdvantage {
        padding: 40px 0
    }

    #talentAdvantage .talentAdvantageTitle {
        margin-bottom: 25px
    }

    #talentAdvantage .talentAdvantageTitle .title {
        font-size: 22px
    }

    #talentAdvantage .talentAdvantageMain {
        margin: -6px
    }

    #talentAdvantage .talentAdvantageMain .list {
        width: 100%;
        min-height: auto;
        margin: 6px;
        border-radius: 12px;
        padding: 20px
    }

    #talentAdvantage .talentAdvantageMain .list::before {
        border-radius: 12px
    }

    #talentAdvantage .talentAdvantageMain .list .number {
        right: 28px;
        top: 26px;
        width: 37px;
        height: 19px;
        border-radius: 10px;
        font-size: 10px
    }

    #talentAdvantage .talentAdvantageMain .list .number::before {
        border-radius: 22px
    }

    #talentAdvantage .talentAdvantageMain .list .icon {
        width: 43px;
        height: 43px;
        border-radius: 4px;
        margin-bottom: 50px
    }

    #talentAdvantage .talentAdvantageMain .list .title {
        font-size: 16px;
        line-height: 24px
    }

    #talentAdvantage .talentAdvantageMain .list .intro {
        font-size: 12px;
        margin-top: 6px
    }

    #talentAdvantage .talentAdvantageMain .list:hover {
        box-shadow: 0 17px 49px 0 rgba(181, 72, 72, .29)
    }

    #researchCollaboration {
        padding: 0 0 40px
    }

    #researchCollaboration .researchCollaborationTitle {
        margin-bottom: 25px
    }

    #researchCollaboration .researchCollaborationTitle .title {
        font-size: 22px
    }

    #researchCollaboration .researchCollaborationMian .researchCollaborationBox {
        margin-bottom: 9px
    }

    #researchCollaboration .researchCollaborationMian .researchCollaborationBox .swiper-wrapper .swiper-slide {
        width: 120px;
        height: 58.8px;
        border-radius: 6px;
        margin-right: 10.2px
    }

    #strategicLayout {
        padding: 40px 0;
        border-radius: 12px 12px 0 0
    }

    #strategicLayout .strategicLayoutTitle {
        margin-bottom: 25px
    }

    #strategicLayout .strategicLayoutTitle .title {
        font-size: 22px
    }

    #strategicLayout .strategicLayoutMain {
        margin: 0 0 -12px
    }

    #strategicLayout .strategicLayoutMain .list {
        width: 100%;
        margin: 0 0 12px;
        padding: 20px;
        border-radius: 12px
    }

    #strategicLayout .strategicLayoutMain .list::before {
        border-radius: 12px
    }

    #strategicLayout .strategicLayoutMain .list .title {
        font-size: 16px;
        margin-bottom: 3px
    }

    #strategicLayout .strategicLayoutMain .list .intro {
        font-size: 14px;
        line-height: 22px;
        min-height: auto;
        margin-bottom: 12px
    }

    #strategicLayout .strategicLayoutMain .list .logo {
        padding-top: 22px
    }

    #strategicLayout .strategicLayoutMain .list .logo img {
        height: 43px
    }

    #antibody {
        padding: 40px 0
    }

    #antibody .listBox .list {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 12px
    }

    #antibody .listBox .list .image {
        width: 100%;
        border-radius: 12px;
        margin-bottom: 9px
    }

    #antibody .listBox .list .content {
        width: 100%;
        padding: 23px 20px;
        border-radius: 12px
    }

    #antibody .listBox .list .content .title {
        font-size: 18px;
        margin-bottom: 7px
    }

    #antibody .listBox .list .content .intro {
        font-size: 14px;
        padding-right: 0;
        max-height: none;
        overflow-y: visible;
        line-height: 24px
    }

    #antibody .listBox .list:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #antibody .listBox .list:nth-child(even) .image {
        width: 100%
    }

    #antibody .listBox .list:nth-child(even) .content {
        width: 100%
    }

    #sunning {
        padding: 40px 0 28px
    }

    #sunning .sunningTitle {
        margin-bottom: 25px
    }

    #sunning .sunningTitle .title {
        font-size: 22px
    }

    #sunning .sunningMain {
        overflow-x: auto;
        padding-bottom: 12px
    }

    #sunning .sunningMain::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #sunning .sunningMain::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #sunning .sunningMain::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #c52a26
    }

    #sunning .sunningMain table {
        min-width: 900px;
        border-radius: 8px;
        margin-bottom: 21px
    }

    #sunning .sunningMain table tr td {
        padding: 12px 0;
        font-size: 13px
    }

    #sunning .sunningMain img {
        min-width: 900px
    }

    #antibodyDrug {
        padding: 40px 0
    }

    #antibodyDrug .antibodyDrugMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugLeft {
        width: 90.200465vw
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugLeft .image:nth-child(1) {
        width: 74.56402vw;
        height: 77.92382vw
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugLeft .image:nth-child(2) {
        top: calc(50% - 26.6207975vw);
        right: 0;
        width: 37.08834vw;
        height: 53.241595vw;
        border-radius: 2.584585vw
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugRight {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin-left: 0;
        padding-top: 28px
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugRight .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 5px
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugRight .subTitle {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro {
        font-size: 13px;
        line-height: 24px;
        max-height: none;
            overflow-y: visible;
            padding-right: 0;
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro p {
        margin-bottom: 11px
    }

    #antibodyDrug .antibodyDrugMain .antibodyDrugRight .intro p::before {
        margin-right: 6px;
        margin-top: 6px;
        width: 13px;
        height: 13px
    }

    #developmentTimeline {
        padding: 40px 0
    }

    #developmentTimeline .developmentTimelineTitle {
        margin-bottom: 25px
    }

    #developmentTimeline .developmentTimelineTitle .title {
        font-size: 22px
    }

    #developmentTimeline .developmentTimelineMain {
        overflow-x: auto;
        padding: 7.246vw 0 38.232vw 2.415vw
    }

    #developmentTimeline .developmentTimelineMain::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #developmentTimeline .developmentTimelineMain::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #developmentTimeline .developmentTimelineMain::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #c52a26
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox {
        width: 186.6546vw;
        padding-right: 6.908vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper {
        height: 10.76075vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .title {
        width: 13.81655vw;
        height: 13.81655vw;
        box-shadow: 0 0 7.17365vw 0 rgba(36, 55, 104, .19);
        font-size: 2.9227vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .title::after {
        left: calc(50% - 9.2994vw);
        top: calc(50% - 9.2994vw);
        width: 18.5988vw;
        height: 18.5988vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list {
        margin-top: -.39875vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list::after {
        height: 3.454vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .tip {
        font-size: 2.65705vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .line {
        height: 11.29205vw;
        top: 5.44665vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .line::before {
        width: .93005vw;
        height: .93005vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .popup {
        top: 16.73925vw;
        min-width: 22.98285vw;
        height: 9.69815vw;
        border-radius: 2.12575vw;
        padding: 0 4.25095vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .popup img {
        height: 4.25095vw;
        margin-right: 2.12575vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper .listBox .list .popup .intro {
        font-size: 2.3914vw;
        line-height: 3.0558vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(1) .listBox .list:nth-child(2) .popup {
        min-width: 33.4785vw;
        right: -.93005vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(1) .listBox .list:nth-child(3) .line {
        height: 27.3669vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(1) .listBox .list:nth-child(3) .popup {
        top: 32.8141vw;
        min-width: 33.4785vw
    }

    #developmentTimeline .developmentTimelineMain .wrapperBox .wrapper:nth-child(2) .listBox .list:nth-child(1) .popup {
        min-width: 33.4785vw
    }

    #injection {
        padding: 40px 0
    }

    #injection .injectionMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #injection .injectionMain .injectionLeft {
        width: 90.200465vw
    }

    #injection .injectionMain .injectionLeft .image:nth-child(1) {
        width: 74.56402vw;
        height: 77.92382vw
    }

    #injection .injectionMain .injectionLeft .image:nth-child(2) {
        top: calc(50% - 26.6207975vw);
        width: 37.08834vw;
        height: 53.241595vw;
        border-radius: 2.584585vw
    }

    #injection .injectionMain .injectionRight {
        margin-right: 0;
        padding-top: 0;
        padding-top: 28px
    }

    #injection .injectionMain .injectionRight .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 5px
    }

    #injection .injectionMain .injectionRight .subTitle {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px
    }

    #injection .injectionMain .injectionRight .intro {
        font-size: 13px;
        line-height: 24px;
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }

    #injection .injectionMain .injectionRight .intro p {
        margin-bottom: 11px
    }

    #injection .injectionMain .injectionRight .intro p::before {
        margin-right: 6px;
        margin-top: 6px;
        width: 13px;
        height: 13px
    }

    #recommendNews {
        padding: 40px 0
    }

    #recommendNews .recommendNewsTitle {
        margin-bottom: 25px
    }

    #recommendNews .recommendNewsTitle .title {
        font-size: 22px
    }

    #recommendNews .recommendNewsTitle .btns .swiper-button-next,
    #recommendNews .recommendNewsTitle .btns .swiper-button-prev {
        width: 33px;
        height: 33px;
        font-size: 10px
    }

    #recommendNews .recommendNewsTitle .btns .swiper-button-prev {
        margin-right: 6px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list {
        border-radius: 12px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .image {
        border-radius: 12px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .image img {
        height: auto
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content {
        padding: 24px 20px 20px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .time {
        margin-bottom: 9px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .time i {
        font-size: 13px;
        margin-right: 4px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .time span {
        font-size: 12px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .title {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 15px
    }

    #recommendNews .recommendNewsMain .swiper-wrapper .swiper-slide .list .content .more {
        font-size: 13px
    }

    #geneIntroduction {
        padding: 40px 0
    }

    #geneIntroduction .geneIntroductionMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #geneIntroduction .geneIntroductionMain .content {
        width: 100%;
        margin-bottom: 25px
    }

    #geneIntroduction .geneIntroductionMain .content .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #geneIntroduction .geneIntroductionMain .content .intro {
        font-size: 14px;
        line-height: 24px
    }

    #geneIntroduction .geneIntroductionMain .image {
        padding: 0 3.9855vw 0 10.3865vw;
        width: 77.8985vw;
        height: 34.058vw
    }

    #geneIntroduction .geneIntroductionMain .image .logo img {
        height: 12.0775vw
    }

    #geneIntroduction .geneIntroductionMain .image .dot {
        width: 1.2075vw;
        height: 1.2075vw
    }

    #geneIntroduction .geneIntroductionMain .image .dot::after {
        width: 1.3285vw;
        height: 1.3285vw;
        box-shadow: .242vw .8455vw .966vw .242vw rgba(72, 0, 0, .7)
    }

    #nucleicAcidHistory {
        padding: 34px 0 20px;
        border-radius: 12px;
        margin: 0 7px
    }

    #nucleicAcidHistory .nucleicAcidHistoryTitle {
        margin-bottom: 25px
    }

    #nucleicAcidHistory .nucleicAcidHistoryTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #nucleicAcidHistory .nucleicAcidHistoryTitle .intro {
        font-size: 14px;
        line-height: 24px
    }

    #nucleicAcidHistory .nucleicAcidHistoryMain {
        border-radius: 10px;
        padding: 16px 0 0
    }

    #nucleicAcidHistory .nucleicAcidHistoryMain img {
        width: 100%
    }

    #specialDiagnosis {
        padding: 40px 0 0
    }

    #specialDiagnosis::after {
        width: 700.04px;
        height: 196.1px
    }

    #specialDiagnosis .specialDiagnosisTitle {
        margin-bottom: 25px
    }

    #specialDiagnosis .specialDiagnosisTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #specialDiagnosis .specialDiagnosisTitle .intro {
        width: 100%;
        font-size: 14px;
        line-height: 24px
    }

    #specialDiagnosis .specialDiagnosisList {
        margin-bottom: 67px
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide {
        width: auto
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide .list {
        width: 54.39px;
        height: 54.39px;
        -webkit-transform: translateY(63.27px);
        -ms-transform: translateY(63.27px);
        transform: translateY(63.27px)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide .list::after {
        border-width: 3px
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide-active .list img {
        -webkit-transform: translate(-6.29px, 2.59px) scale(1.1);
        -ms-transform: translate(-6.29px, 2.59px) scale(1.1);
        transform: translate(-6.29px, 2.59px) scale(1.1)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y1 .list {
        -webkit-transform: translateY(37.37px);
        -ms-transform: translateY(37.37px);
        transform: translateY(37.37px)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y2 .list {
        -webkit-transform: translateY(17.02px);
        -ms-transform: translateY(17.02px);
        transform: translateY(17.02px)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y3 .list {
        -webkit-transform: translateY(6.66px);
        -ms-transform: translateY(6.66px);
        transform: translateY(6.66px)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y4 .list {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y5 .list {
        -webkit-transform: translateY(6.66px);
        -ms-transform: translateY(6.66px);
        transform: translateY(6.66px)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y6 .list {
        -webkit-transform: translateY(17.02px);
        -ms-transform: translateY(17.02px);
        transform: translateY(17.02px)
    }

    #specialDiagnosis .specialDiagnosisList .swiper-wrapper .swiper-slide.y7 .list {
        -webkit-transform: translateY(37.37px);
        -ms-transform: translateY(37.37px);
        transform: translateY(37.37px)
    }

    #specialDiagnosis .specialDiagnosisLine {
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-30px);
        -ms-transform: translateX(-50%) translateY(-30px);
        transform: translateX(-50%) translateY(-30px);
        width: 710.4px;
        height: 95.46px;
        margin: 0 auto -81px
    }

    #specialDiagnosis .specialDiagnosisLine .line {
        left: calc(50% - 355.2px);
        top: -.74px;
        height: 96.2px;
        background-size: auto 96.2px !important
    }

    #specialDiagnosis .specialDiagnosisContent {
        margin-bottom: 18px
    }

    #specialDiagnosis .specialDiagnosisContent .list .title {
        font-size: 18px
    }

    #specialDiagnosis .specialDiagnosisContent .list .intro {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 4px
    }

    #specialDiagnosis .specialDiagnosisBtns {
        margin-bottom: 29px
    }

    #specialDiagnosis .specialDiagnosisBtns .swiper-button-next,
    #specialDiagnosis .specialDiagnosisBtns .swiper-button-prev {
        width: 34px;
        height: 34px;
        font-size: 11px;
        border-radius: 24px
    }

    #specialDiagnosis .specialDiagnosisBtns .swiper-button-prev {
        margin-right: 6px
    }

    #specialDiagnosis .specialDiagnosisTab span {
        min-width: 192px;
        height: 47.5px;
        border-radius: 10px;
        font-size: 16px;
        padding: 0 20px
    }

    #productSolution {
        padding: 40px 0
    }

    #productSolution .listBox {
        margin: 0 0 -12px
    }

    #productSolution .listBox .list {
        width: 100%;
        margin: 0 0 12px;
        border-radius: 12px
    }

    #productSolution .listBox .list .image {
        border-radius: 16px
    }

    #productSolution .listBox .list .content {
        padding: 18px 20px 20px
    }

    #productSolution .listBox .list .content .title {
        font-size: 14px;
        margin-bottom: 4px
    }

    #productSolution .listBox .list .content .intro {
        font-size: 16px
    }

    #productSolution .listBox .list .content .more {
        right: 20px;
        font-size: 10px;
        width: 34px;
        height: 34px
    }

    #productSolution .listBox .list.recommend {
        width: 100%
    }

    #productSolution .listBox .list.recommend .image {
        height: auto
    }

    #productSolution .listBox .list.recommend .image>img {
        height: auto
    }

    #productSolution .listBox .list.recommend .content {
        padding: 18px 20px 20px
    }

    #productSolution .listBox .list.recommend .content .more {
        right: 20px
    }

    #healthEngineeringIntro {
        padding: 40px 0
    }

    #healthEngineeringIntro .healthEngineeringIntroTitle {
        margin-bottom: 25px
    }

    #healthEngineeringIntro .healthEngineeringIntroTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #healthEngineeringIntro .healthEngineeringIntroTitle .intro {
        font-size: 14px;
        line-height: 24px
    }

    #healthEngineeringIntro .healthEngineeringIntroPicture {
        margin: 0 0 25px;
        overflow-x: auto;
        padding-bottom: 12px
    }

    #healthEngineeringIntro .healthEngineeringIntroPicture::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #healthEngineeringIntro .healthEngineeringIntroPicture::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #healthEngineeringIntro .healthEngineeringIntroPicture::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #c52a26
    }

    #healthEngineeringIntro .healthEngineeringIntroPicture img {
        width: 193.237vw;
        max-width: none
    }

    #healthEngineeringIntro .healthEngineeringIntroList {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 12px
    }

    #healthEngineeringIntro .healthEngineeringIntroList::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #healthEngineeringIntro .healthEngineeringIntroList::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #healthEngineeringIntro .healthEngineeringIntroList::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #c52a26
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox {
        width: 923.65px;
        margin: -44.2px -5.2px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox::after {
        width: 919.75px;
        height: 67.6px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list {
        margin: 44.2px 5.2px;
        width: 219.7px;
        height: 187.85px;
        padding: 20.55px 26px 16.25px 26px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list::before {
        bottom: -24.7px;
        width: 6.5px;
        height: 6.5px;
        border-width: 1.95px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .title {
        margin-bottom: 11.7px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .title img {
        height: 27.3px;
        margin-right: 3.9px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .title h3 {
        font-size: 15.6px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content {
        font-size: 11.05px;
        line-height: 13.65px;
        max-height: 90px;
        margin: -4.55px -8.45px
    }

        #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }
    
        #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content::-webkit-scrollbar-track {
            border-radius: 2px;
        }
    
        #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content::-webkit-scrollbar-thumb {
            border-radius: 2px;
        }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content p {
        margin: 4.55px 8.45px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list .content p::before {
        margin-right: 3.9px;
        margin-top: 1.95px;
        width: 9.1px;
        height: 9.1px
    }

    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(5)::before,
    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(6)::before,
    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(7)::before,
    #healthEngineeringIntro .healthEngineeringIntroList .listBox .list:nth-child(8)::before {
        top: -24.7px
    }

    #seriesProducts {
        padding: 0 0 40px
    }

    #seriesProducts .seriesProductsTitle {
        margin-bottom: 25px
    }

    #seriesProducts .seriesProductsTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #seriesProducts .seriesProductsTitle .intro {
        font-size: 14px
    }

    #seriesProducts .seriesProductsMain {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 25px
    }

    #seriesProducts .seriesProductsMain .seriesProductsLeft {
        width: 100%;
        border-radius: 12px;
        padding: 23px 20px;
        margin-bottom: 12px
    }

    #seriesProducts .seriesProductsMain .seriesProductsLeft .title {
        font-size: 16px;
        margin-bottom: -12px
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight {
        width: 100%;
        padding: 17px 16px;
        border-radius: 12px
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight .listBox {
        padding-right: 9px
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list {
        margin-bottom: 17.98px;
        border-radius: 16px;
        margin-left: 9.92px
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list .number {
        width: 40.3px;
        height: 40.3px;
        border-width: 1.86px;
        font-size: 11.16px;
        margin: -2.48px 0 -2.48px -9.92px
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list .title {
        font-size: 12.4px;
        padding: 7.44px 28.52px 7.44px 12.4px
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight .listBox .list:hover {
        box-shadow: 0 7.44px 11.16px 0 rgba(126, 146, 165, .13)
    }

    #seriesProducts .seriesProductsMain .seriesProductsRight .tip {
        font-size: 12px;
        margin-top: 13px
    }

    #seriesProducts .seriesProductsList .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 12px;
        padding-bottom: 4px
    }

    #seriesProducts .seriesProductsList .list .title {
        width: 100%;
        border-radius: 10px;
        padding: 13.4px 17px
    }

    #seriesProducts .seriesProductsList .list .title img {
        width: 35px;
        margin-right: 11.39px
    }

    #seriesProducts .seriesProductsList .list .title span {
        font-size: 16px;
        line-height: 21px
    }

    #seriesProducts .seriesProductsList .list .content {
        width: 100%;
        border-radius: 10px;
        margin-left: 0;
        margin-top: -8px;
        font-size: 13px;
        line-height: 15.41px;
        padding: 20.1px 17px
    }

    #seriesProducts .seriesProductsList .list .content::after {
        width: 166.83px
    }

    #seriesProducts .seriesProductsList .list .content p {
        margin-bottom: 8px
    }

    #seriesProducts .seriesProductsList .list .content p::before {
        margin-right: 4.02px;
        margin-top: 1px;
        width: 12px;
        height: 12px
    }

    #scientificProjects {
        padding: 0 0 50px
    }

    #scientificProjects .scientificProjectsTitle {
        margin-bottom: 45px
    }

    #scientificProjects .scientificProjectsTitle .title {
        font-size: 22px
    }

    #scientificProjects .scientificProjectsMain {
        margin: -20px -6px
    }

    #scientificProjects .scientificProjectsMain .list {
        width: calc(50% - 12px);
        min-height: 57.6px;
        margin: 20px 6px;
        font-size: 12px;
        line-height: 17.2px;
        padding: 0 32px;
    }

    #scientificProjects .scientificProjectsMain .list::after,
    #scientificProjects .scientificProjectsMain .list::before {
        width: 42px;
        height: 80.4px
    }

    #relatedProducts {
        padding: 40px 0
    }

    #relatedProducts .relatedProductsTitle {
        margin: 0 0 25px
    }

    #relatedProducts .relatedProductsTitle .title {
        font-size: 22px
    }

    #relatedProducts .relatedProductsMain {
        margin: 0 0 -12px
    }

    #relatedProducts .relatedProductsMain .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        margin: 0 0 12px;
        padding: 23px 20px;
        border-radius: 12px
    }

    #relatedProducts .relatedProductsMain .list::after {
        width: 100%;
        height: 100%
    }

    #relatedProducts .relatedProductsMain .list .content {
        margin-right: 0;
        width: 100%
    }

    #relatedProducts .relatedProductsMain .list .content .title {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 2px
    }

    #relatedProducts .relatedProductsMain .list .content .subTitle {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 2px
    }

    #relatedProducts .relatedProductsMain .list .content .intro {
        font-size: 13px;
        line-height: 22px;
        height: auto;
        max-height: 88px;
        padding-right: 12px
    }

    #relatedProducts .relatedProductsMain .list .content .intro::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }

    #relatedProducts .relatedProductsMain .list .content .intro::-webkit-scrollbar-track {
        border-radius: 3px
    }

    #relatedProducts .relatedProductsMain .list .content .intro::-webkit-scrollbar-thumb {
        border-radius: 3px
    }

    #relatedProducts .relatedProductsMain .list .image {
        text-align: center
    }

    #relatedProducts .relatedProductsMain .list .image img {
        height: auto;
        width: 90%
    }

    .loadMoreBtn {
        margin-top: 40px
    }

    .loadMoreBtn .more {
        height: 40.8px;
        border-radius: 21.25px;
        padding: 0 35.7px;
        font-size: 13px
    }

    .loadMoreBtn .more::before {
        border-width: 1px;
        border-radius: 21.25px
    }

    #publicWelfareProject {
        padding: 40px 0
    }

    #publicWelfareProject .publicWelfareProjectTitle {
        margin-bottom: 25px
    }

    #publicWelfareProject .publicWelfareProjectTitle .title {
        font-size: 23px;
        margin-bottom: 9px
    }

    #publicWelfareProject .publicWelfareProjectTitle .intro {
        font-size: 14px;
        line-height: 24px
    }

    #publicWelfareProject .publicWelfareProjectMain .swiper-wrapper .swiper-slide {
        width: 215.4px;
        border-radius: 9.6px;
        margin-right: 7.2px
    }

    #developmentPlatform {
        padding: 40px 0
    }

    #developmentPlatform .developmentPlatformTitle {
        margin-bottom: 25px
    }

    #developmentPlatform .developmentPlatformTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #developmentPlatform .developmentPlatformTitle .intro {
        font-size: 14px;
        line-height: 24px
    }

    #developmentPlatform .developmentPlatformMain .bigTitle {
        display: none
    }

    #developmentPlatform .developmentPlatformMain .listBox {
        margin: 0 0 -10px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list {
        width: 100%;
        min-height: auto;
        margin: 0 0 10px;
        border-radius: 12px;
        padding: 18px 14px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list .title {
        font-size: 16px;
        margin-bottom: 13px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list .content {
        margin: -2px -4px;
        font-size: 13px;
        line-height: 24px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list .content p {
        margin: 2px 4px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list .content p::before {
        margin-right: 6px;
        margin-top: 6px;
        width: 13px;
        height: 13px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list:nth-child(odd) {
        padding-right: 20px
    }

    #developmentPlatform .developmentPlatformMain .listBox .list:nth-child(even) {
        padding-left: 20px
    }

    #liverExternalDeliveryPlatform {
        padding: 0 0 40px;
        overflow: hidden
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle {
        padding-left: 0;
        margin-bottom: 25px
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .intro {
        font-size: 14px;
        line-height: 24px;
        height: auto;
        margin-bottom: 20px
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-next,
    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev {
        width: 33px;
        height: 33px;
        font-size: 10px
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformTitle .btns .swiper-button-prev {
        margin-right: 6px
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformBox {
        overflow: visible
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain {
        width: 50%;
        height: auto
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper .swiper-slide {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-right: 9px
    }

    #liverExternalDeliveryPlatform .liverExternalDeliveryPlatformMain .swiper-wrapper .swiper-slide-active {
        width: 100% !important;
        height: auto;
        margin-right: 21px
    }

    #deliveryPlatform {
        padding: 0 0 40px
    }

    #deliveryPlatform .deliveryPlatformTitle {
        margin-bottom: 25px
    }

    #deliveryPlatform .deliveryPlatformTitle .title {
        font-size: 22px;
        margin-bottom: 9px
    }

    #deliveryPlatform .deliveryPlatformTitle .intro {
        font-size: 14px;
        line-height: 24px
    }

    #deliveryPlatform .deliveryPlatformMain {
        margin-bottom: 25px
    }

    #deliveryPlatform .deliveryPlatformOther {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    #deliveryPlatform .deliveryPlatformOther>.intro {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 25px
    }

    #deliveryPlatform .deliveryPlatformOther .listBox {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin-left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 9px
    }

    #deliveryPlatform .deliveryPlatformOther .listBox::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #d5d5d5
    }

    #deliveryPlatform .deliveryPlatformOther .listBox::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #d5d5d5
    }

    #deliveryPlatform .deliveryPlatformOther .listBox::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ae100d
    }

    #deliveryPlatform .deliveryPlatformOther .listBox .list {
        width: 70px;
        margin-right: 112px
    }

    #deliveryPlatform .deliveryPlatformOther .listBox .list::after {
        top: 29.4px;
        right: -69.3px;
        width: 32.9px;
        height: 12.6px
    }

    #deliveryPlatform .deliveryPlatformOther .listBox .list .icon {
        width: 70px;
        height: 70px
    }

    #deliveryPlatform .deliveryPlatformOther .listBox .list .intro {
        width: 126px;
        font-size: 12.6px;
        line-height: 17.5px;
        margin-top: 7.7px
    }

    #deliveryPlatform .deliveryPlatformOther .listBox .list:hover .icon {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    #deliveryPlatform .deliveryPlatformOther .listBox .list:hover .intro {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    #targetPlatform {
        padding: 40px 0;
        border-radius: 12px
    }

    #targetPlatform .targetPlatformTitle {
        margin-bottom: 25px
    }

    #targetPlatform .targetPlatformTitle .title {
        font-size: 22px
    }

    #targetPlatform .targetPlatformMain {
        margin: 0 0 -12px
    }

    #targetPlatform .targetPlatformMain .list {
        width: 100%;
        margin: 0 0 12px;
        border-radius: 12px;
        padding: 23px 20px
    }

    #targetPlatform .targetPlatformMain .list .content {
        margin-top: 12px
    }

    #targetPlatform .targetPlatformMain .list .content .intro {
        font-size: 14px;
        line-height: 24px
    }

    #footer {
        padding: 30px 0 0
    }

    #footer.footerHeight {
        padding-top: 180px
    }

    #footer .footerNav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }

    #footer .footerNav dl {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 16px
    }

    #footer .footerNav dl:last-child {
        margin-bottom: 0
    }

    #footer .footerNav dl dt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 16px
    }

    #footer .footerNav dl dt a {
        font-size: 15px
    }

    #footer .footerNav dl dt i {
        width: 11px;
        height: 11px;
        position: relative;
        cursor: pointer
    }

    #footer .footerNav dl dt i::after,
    #footer .footerNav dl dt i::before {
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        content: "";
        display: block
    }

    #footer .footerNav dl dt i::before {
        width: 100%;
        height: 2px
    }

    #footer .footerNav dl dt i::after {
        width: 2px;
        height: 100%
    }

    #footer .footerNav dl dd {
        margin-bottom: 10px
    }

    #footer .footerNav dl dd a i {
        width: 18px;
        height: 18px;
        font-size: 9px;
        margin-right: 5px;
        -webkit-transform: translateX(-23px);
        -ms-transform: translateX(-23px);
        transform: translateX(-23px)
    }

    #footer .footerNav dl dd a span {
        font-size: 13px;
        -webkit-transform: translateX(-23px);
        -ms-transform: translateX(-23px);
        transform: translateX(-23px)
    }

    #footer .footerNav dl .content {
        display: none;
        margin-bottom: 16px
    }

    #footer .footerNav dl.active dt i::after {
        opacity: 0;
        visibility: hidden
    }

    #footer .footerShare {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 25px;
        margin-top: 35px;
        border-bottom: 0
    }

    #footer .footerShare .list {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        border-width: 1px;
        margin-right: 6px
    }

    #footer .footerShare .list .popup {
        bottom: 56px;
        width: 77px;
        height: 77px;
        padding: 4.2px;
        border-radius: 2.8px
    }

    #footer .footerShare .list .popup::after {
        bottom: 1px;
        width: 9.1px;
        height: 4.9px
    }

    #footer .footerShare .list:hover .popup {
        bottom: 49px
    }

    #footer .footerOther {
        padding: 20px 0;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #footer .footerOther .otehr {
        font-size: 12px
    }

    #footer .footerOther .copyright {
        font-size: 12px
    }

    #determinationTestKit {
        padding: 40px 0 0
    }

    #determinationTestKit .determinationTestKitMain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #determinationTestKit .determinationTestKitMain .content {
        width: 100%;
        margin-bottom: 20px
    }

    #determinationTestKit .determinationTestKitMain .content .title {
        font-size: 18px;
        margin-bottom: 12px
    }

    #determinationTestKit .determinationTestKitMain .content .intro {
        font-size: 14px;
        line-height: 26px
    }

    #determinationTestKit .determinationTestKitMain .image {
        width: 100%
    }
}